🐛 wrong root on prod (#26)

* 🐛 wrong root on prod

* 🐛 __filename not found

* 🐛 interop

* 💚 ci name

Author: JiangWeixian

.changeset/new-dryers-exercise.md

@@ -0,0 +1,5 @@
+---
+"vsit": patch
+---
+
+fix root on prod mode

.changeset/quiet-numbers-mix.md

@@ -0,0 +1,5 @@
+---
+"vsit": patch
+---
+
+fix \_\_filename not found

.github/workflows/snapshot-release.yml

@@ -1,4 +1,4 @@
-name: Release
+name: Snapshot Release
 on:
   push:
     paths:

.gitignore

@@ -163,4 +163,5 @@ dist
 dts
 dist
 dist-client
-dev-dist
+dev-dist
+vendors

packages/vsit/package.json

@@ -26,7 +26,8 @@
   "files": [
     "dts",
     "dist",
-    "dist-client"
+    "dist-client",
+    "vendors"
   ],
   "bin": {
     "vsit": "bin/index.mjs"

packages/vsit/rollup.config.mjs

@@ -10,49 +10,62 @@ import ce from 'rollup-plugin-condition-exports'
 import esbuild from 'rollup-plugin-esbuild'
 import { externals } from 'rollup-plugin-node-externals'
 import size from 'rollup-plugin-size'
+import { createRequire } from 'node:module'
+
+const require = createRequire(import.meta.url)
+
+const plugins = [
+  externals({
+    devDeps: false,
+    builtinsPrefix: 'add',
+  }),
+  commonjs(),
+  replace({
+    delimiters: ['', ''],
+    preventAssignment: true,
+    values: {
+      'import \'source-map-support/register.js\';': '',
+    },
+  }),
+  esbuild({
+    minify: false,
+    sourceMap: process.env.BUILD !== 'production',
+    target: 'es2021',
+  }),
+  alias({
+    customResolver: resolve({ extensions: ['.tsx', '.ts'] }),
+    entries: Object.entries({
+      '@/*': ['./src/*'],
+    }).map(([alias, value]) => ({
+      find: new RegExp(`${alias.replace('/*', '')}`),
+      replacement: path.resolve(process.cwd(), `${value[0].replace('/*', '')}`),
+    })),
+  }),
+  resolve({ browser: false, exportConditions: ['node', 'default'] }),
+  json(),
+  size(),
+]
 
 export default defineConfig([
-  // CommonJS (for Node) and ES module (for bundlers) build.
-  // (We could have three entries in the configuration array
-  // instead of two, but it's quicker to generate multiple
-  // builds from a single configuration where possible, using
-  // an array for the `output` option, where we can specify
-  // `file` and `format` for each target)
+  {
+    input: {
+      'write-yaml-file/index': require.resolve('write-yaml-file')
+    },
+    plugins,
+    output: [
+      {
+        entryFileNames: '[name].cjs',
+        dir: 'vendors',
+        chunkFileNames: 'chunks/[name].cjs',
+        format: 'cjs',
+      },
+    ],
+  },
   {
     input: 'src/cli.ts',
     preserveEntrySignatures: 'strict',
     external: ['source-map-support/register.js'],
-    plugins: [
-      externals({
-        devDeps: false,
-        builtinsPrefix: 'add',
-      }),
-      commonjs(),
-      replace({
-        delimiters: ['', ''],
-        preventAssignment: true,
-        values: {
-          'import \'source-map-support/register.js\';': '',
-        },
-      }),
-      esbuild({
-        minify: false,
-        sourceMap: process.env.BUILD !== 'production',
-        target: 'es2021',
-      }),
-      alias({
-        customResolver: resolve({ extensions: ['.tsx', '.ts'] }),
-        entries: Object.entries({
-          '@/*': ['./src/*'],
-        }).map(([alias, value]) => ({
-          find: new RegExp(`${alias.replace('/*', '')}`),
-          replacement: path.resolve(process.cwd(), `${value[0].replace('/*', '')}`),
-        })),
-      }),
-      resolve({ browser: false, exportConditions: ['node', 'default'] }),
-      json(),
-      size(),
-    ],
+    plugins,
     watch: {
       exclude: ['./package.json'],
     },
@@ -68,32 +81,11 @@ export default defineConfig([
   },
   {
     plugins: [
-      externals({
-        devDeps: false,
-        builtinsPrefix: 'add',
-      }),
-      commonjs(),
-      esbuild({
-        minify: false,
-        sourceMap: true,
-        target: 'es2021',
-      }),
-      alias({
-        customResolver: resolve({ extensions: ['.tsx', '.ts'] }),
-        entries: Object.entries({
-          '@/*': ['./src/*'],
-        }).map(([alias, value]) => ({
-          find: new RegExp(`${alias.replace('/*', '')}`),
-          replacement: path.resolve(process.cwd(), `${value[0].replace('/*', '')}`),
-        })),
-      }),
-      resolve({ browser: false, exportConditions: ['node', 'default'] }),
-      json(),
       ce({
         outDir: 'dist',
         declarationDir: 'dts',
       }),
-      size(),
+      ...plugins,
     ],
     watch: {
       exclude: ['./package.json'],

packages/vsit/src/common/store/persist-cache.ts

@@ -1,3 +1,4 @@
+import { createRequire } from 'node:module'
 import { resolve } from 'node:path'
 
 import {
@@ -6,9 +7,9 @@ import {
   readFile,
 } from 'fs-extra'
 import readYaml from 'read-yaml-file'
-import writeYaml from 'write-yaml-file'
 
 import { version } from '../../../package.json'
+import { pkgRoot } from '../path'
 import {
   LOCK_FILE,
   STORE_PACKAGES_DIR,
@@ -17,6 +18,8 @@ import {
 import { computeCacheKey } from './utils'
 import { debug } from '@/common/log'
 
+const require = createRequire(import.meta.url)
+
 interface Options {
   storePath?: string
 }
@@ -55,6 +58,9 @@ interface LockFileYaml {
   packages?: Record<string, Package>
 }
 
+let writeYaml = require(resolve(pkgRoot, './vendors/write-yaml-file/index.cjs'))
+writeYaml = writeYaml.default ?? writeYaml
+
 export class LockFile {
   options: ResolvedLockFileOptions
   lockFile: LockFileYaml = { version }

packages/vsit/src/plugins/preview/index.ts

@@ -7,12 +7,22 @@ import { pkgRoot } from '@/common/path'
 import type { Plugin } from 'vite'
 
 const clientDir = 'dist-client'
+const resolvedClientDir = path.resolve(pkgRoot, clientDir)
 export const PluginPreview = (): Plugin => {
   return {
     name: 'vsit:preview',
+    config() {
+      return {
+        // if prod, use dist-client as root
+        root: resolvedClientDir,
+        // prevent throw pre-bundling warnings on preview and prod
+        optimizeDeps: {
+          disabled: true,
+        },
+      }
+    },
     configureServer(server) {
-      const resolvedStaticPath = path.resolve(pkgRoot, clientDir)
-      const client = sirv(resolvedStaticPath, { dev: true })
+      const client = sirv(resolvedClientDir, { dev: true })
       server.middlewares.use('/', client)
     },
   }