fix: compat windows (#93)

.gitignore

@@ -12,4 +12,5 @@ TODOs.md
 *.tgz
 vendors
 .vite-inspect
-.eslintcache
+.eslintcache
+package-lock.json

package.json

@@ -26,7 +26,7 @@
   "scripts": {
     "pnpm-install": "pnpm install",
     "dev": "tsup --watch --format=cjs,esm",
-    "build": "NODE_ENV=production tsup --format=cjs,esm && tsx scripts/pre-bundle.cts",
+    "build": "cross-env NODE_ENV=production tsup --format=cjs,esm && tsx scripts/pre-bundle.cts",
     "dev:docs": "node ./bin/island docs",
     "build:docs": "node ./bin/island build docs && cp -r ./docs/.island/index.html ./docs/.island/dist",
     "start:docs": "node ./bin/island start docs",
@@ -129,6 +129,7 @@
     "@typescript-eslint/parser": "^5.36.1",
     "commitlint": "^17.1.2",
     "conventional-changelog-cli": "^2.2.2",
+    "cross-env": "^7.0.3",
     "es-module-lexer": "^1.0.3",
     "eslint": "^8.23.0",
     "eslint-config-prettier": "^8.5.0",

scripts/pre-bundle.cts

@@ -8,6 +8,7 @@ import resolve from 'resolve';
 import { performance } from 'perf_hooks';
 import { green } from 'picocolors';
 import { remove, pathExists } from 'fs-extra';
+import { normalizePath } from 'vite';
 
 type PreBundleItem = string;
 
@@ -61,7 +62,7 @@ async function preBundle(deps: PreBundleItem[]) {
           });
 
           build.onLoad({ filter: /.*/, namespace: 'dep' }, async (args) => {
-            const entryPath = args.path;
+            const entryPath = normalizePath(args.path);
             const code = await fs.readFile(entryPath, 'utf-8');
             const [imports, exports] = await parse(code);
             const proxyModule = [];

src/node/__tests__/babel-plugin-island.test.ts

@@ -2,10 +2,15 @@ import { expect, describe, test } from 'vitest';
 import { transformAsync, TransformOptions } from '@babel/core';
 import babelPluginIsland from '../babel-plugin-island';
 import { MASK_SPLITTER } from '../constants';
+import os from 'os';
+
+const isWindows = os.platform() === 'win32';
 
 describe('test babel-plugin-island', () => {
   const ISLAND_PATH = '../Comp/index';
-  const IMPORTER_PATH = '/User/code/project/test.tsx';
+  const relativePath = 'project/test.tsx';
+  const prefix = isWindows ? 'C:/' : '/User/';
+  const IMPORTER_PATH = `${prefix}${relativePath}`;
   const babelOptions: TransformOptions = {
     filename: IMPORTER_PATH,
     presets: ['@babel/preset-react'],
@@ -14,6 +19,7 @@ describe('test babel-plugin-island', () => {
   test('Should compile jsx identifier', async () => {
     const code = `import A from '${ISLAND_PATH}'; export default function App() { return <A __island>hello</A>; }`;
     const result = await transformAsync(code, babelOptions);
+    console.log(result?.code);
     expect(result?.code).toContain(
       `__island: "${ISLAND_PATH}${MASK_SPLITTER}${IMPORTER_PATH}"`
     );

src/node/babel-plugin-island.ts

@@ -14,6 +14,7 @@ import { type PluginPass, types as t } from '@babel/core';
 import type { Visitor } from '@babel/traverse';
 import {} from 'vite';
 import { MASK_SPLITTER } from './constants';
+import { normalizePath } from 'vite';
 
 const ID = '__island';
 
@@ -46,8 +47,11 @@ export default declare((api) => {
         for (let i = 0; i < attributes.length; i++) {
           const name = (attributes[i] as t.JSXAttribute).name;
           if (name?.name === ID) {
+            console.log(state.filename);
             (attributes[i] as t.JSXAttribute).value = t.stringLiteral(
-              `${source.value}${MASK_SPLITTER}${state.filename}`
+              `${source.value}${MASK_SPLITTER}${normalizePath(
+                state.filename || ''
+              )}`
             );
           }
         }

src/node/build.ts

@@ -34,6 +34,7 @@ import { HelmetData } from 'react-helmet-async';
 import createDebugger from 'debug';
 import { performance } from 'perf_hooks';
 import pc from 'picocolors';
+import { pathToFileURL } from 'url';
 
 const debug = createDebugger('island:build');
 const islandInjectId = 'island:inject';
@@ -97,7 +98,7 @@ class SSGBuilder {
 
       const serverEntryPath = join(this.#root, SERVER_OUTPUT_PATH);
       const { render, routes } = (await dynamicImport(
-        serverEntryPath
+        pathToFileURL(serverEntryPath)
       )) as ServerEntryExports;
       return [render, routes];
     } catch (e) {