fix: javascript from keyword tokenize

packages/core/src/rules/javascript.ts

@@ -50,7 +50,7 @@ export const javascriptBaseRule: ParseRule[] = [
   {
     kind: 'keyword',
     pattern:
-      /\b(await|break|case|catch|class|const|continue|debugger|default|delete|do|else|export|extends|finally|for|function|if|import|in|instanceof|let|new|null|return|static|super|switch|this|throw|try|typeof|var|void|while|with|yield|of)\b/g,
+      /\b(await|break|case|catch|class|const|continue|debugger|default|delete|do|else|export|extends|finally|for|function|if|import|from(?=\s*(?:['"]|$))|in|instanceof|let|new|null|return|static|super|switch|this|throw|try|typeof|var|void|while|with|yield|of)\b/g,
   },
   {
     kind: 'string',

packages/core/tests/tokenizer/javascript.test.ts

@@ -1,6 +1,7 @@
 import { describe, it, expect } from 'vitest';
 import { tokenize } from '../../src/tokenizer';
 import javascriptRules from '../../src/rules/javascript';
+import { detectLanguage } from '../../src';
 
 describe('javascript tokenizer', () => {
   it('can tokenize comment', () => {
@@ -199,4 +200,35 @@ describe('javascript tokenizer', () => {
       tokens.some((token) => token.value === '1234' && token.kind === 'number'),
     ).toBe(true);
   });
+  it('import statement', () => {
+    let code = "import foo from 'bar';";
+    let tokens = tokenize(code, javascriptRules);
+    ['import', 'from'].forEach((keyword) => {
+      expect(
+        tokens.find(
+          (token) => token.value === keyword && token.kind === 'keyword',
+        ),
+      ).not.toBeFalsy();
+    });
+
+    code = "import * as foo from 'bar';";
+    tokens = tokenize(code, javascriptRules);
+    ['import', 'from'].forEach((keyword) => {
+      expect(
+        tokens.find(
+          (token) => token.value === keyword && token.kind === 'keyword',
+        ),
+      ).not.toBeFalsy();
+    });
+
+    code = "import { foo } from 'bar';";
+    tokens = tokenize(code, javascriptRules);
+    ['import', 'from'].forEach((keyword) => {
+      expect(
+        tokens.find(
+          (token) => token.value === keyword && token.kind === 'keyword',
+        ),
+      ).not.toBeFalsy();
+    });
+  });
 });

packages/preview/package.json

@@ -12,8 +12,8 @@
   "dependencies": {
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
-    "@calor/core": "^0.0.2",
-    "@calor/highlighter": "^0.0.2"
+    "@calor/core": "workspace:*",
+    "@calor/highlighter": "workspace:*"
   },
   "devDependencies": {
     "@types/react": "^18.2.15",