vitrify 0.25.5 → 0.25.7

package/dist/app-urls.js

@@ -1,6 +1,6 @@
 // import { resolve } from 'import-meta-resolve'
 import { existsSync } from 'fs';
-import { fileURLToPath } from 'url';
+import { fileURLToPath, pathToFileURL } from 'url';
 export const resolve = (packageName, base, counter = 0) => {
     const packageUrl = new URL(`./node_modules/${packageName}/`, base);
     if (existsSync(fileURLToPath(packageUrl))) {
@@ -17,7 +17,7 @@ export const getPkgJsonDir = (dir) => {
     }
     return getPkgJsonDir(new URL('..', dir));
 };
-export const getAppDir = (dir) => getPkgJsonDir(dir ?? new URL(`file://${process.cwd()}/`));
+export const getAppDir = (dir) => getPkgJsonDir(dir ?? pathToFileURL(`${process.cwd()}/`));
 export const getCliDir = () => getPkgJsonDir(new URL('./', import.meta.url));
 export const getCliViteDir = (cliDir) => new URL('src/vite/', cliDir);
 export const getSrcDir = (appDir) => new URL('src/', appDir);

package/dist/bin/cli.js

@@ -73,7 +73,7 @@ cli
                 ...args,
                 outDir: fileURLToPath(new URL('ssr/server/', baseOutDir))
             });
-            ({ prerender } = await import(new URL('ssr/server/prerender.mjs', baseOutDir).pathname));
+            ({ prerender } = await import(new URL('ssr/server/prerender.mjs', baseOutDir).href));
             const { template, manifest, render, getRoutes, onAppRendered, onTemplateRendered } = await loadSSRAssets({
                 mode: 'ssg',
                 distDir: baseOutDir

package/dist/bin/dev.js

@@ -1,3 +1,4 @@
+import { resolveConfig } from 'vite';
 import { baseConfig } from '../index.js';
 import fastify from 'fastify';
 import { fastifySsrPlugin } from '../frameworks/vue/fastify-ssr-plugin.js';
@@ -22,7 +23,8 @@ ssr, framework = 'vue', host, appDir, publicDir, base }) {
         ssrMode = 'server';
     if (ssr === 'fastify')
         ssrMode = 'fastify';
-    config = await baseConfig({
+    const wsPort = await getFirstOpenPort(24678);
+    const configBase = await baseConfig({
         framework,
         ssr: ssrMode,
         command: 'dev',
@@ -31,11 +33,23 @@ ssr, framework = 'vue', host, appDir, publicDir, base }) {
         publicDir,
         base
     });
-    const wsPort = await getFirstOpenPort(24678);
+    config = await resolveConfig({
+        ...configBase,
+        server: {
+            ...configBase.server,
+            host,
+            port
+            // hmr: {
+            //   protocol: config.server?.https ? 'wss' : 'ws',
+            //   port: wsPort
+            // }
+        }
+    }, 'serve');
     if (config.server?.https) {
         exitLogs.push(`[warning] HTTPS mode enabled. Visit https://{hostname}:${wsPort} to enable a security exception for HMR.`);
     }
     const vitrifyDevServer = await (await import('vite')).createServer({
+        // @ts-expect-error configFile is defined more than once
         configFile: false,
         ...config,
         logLevel,

package/dist/bin/run.js

@@ -1,6 +1,7 @@
 import { promises as fs } from 'fs';
 import readline from 'readline';
 import { getAppDir, getCliDir, getProjectURLs } from '../app-urls.js';
+import { fileURLToPath } from 'url';
 const rl = readline.createInterface({
     input: process.stdin,
     output: process.stdout
@@ -10,7 +11,7 @@ export async function run(filePath) {
     const appDir = getAppDir();
     const cliDir = getCliDir();
     const projectURLs = getProjectURLs(appDir, cliDir);
-    const pkg = JSON.parse((await fs.readFile(projectURLs.cli('package.json'), 'utf-8')).toString());
+    const pkg = JSON.parse((await fs.readFile(fileURLToPath(projectURLs.cli('package.json')), 'utf-8')).toString());
     if (!run)
         throw new Error(`${filePath} does not have an export named run. Aborting...`);
     rl.question(`

package/dist/frameworks/vue/prerender.js

@@ -1,6 +1,7 @@
 import { existsSync, promises as fs, mkdirSync } from 'fs';
 import { routesToPaths } from '../../helpers/routes.js';
 import { renderHtml } from './fastify-ssr-plugin.js';
+import { fileURLToPath } from 'url';
 export const prerender = async ({ outDir, template, manifest, render, routes, onTemplateRendered }) => {
     const promises = [];
     const paths = routesToPaths(routes).filter((i) => !i.includes(':') && !i.includes('*'));
@@ -13,8 +14,8 @@ export const prerender = async ({ outDir, template, manifest, render, routes, on
     });
     for (const url of paths) {
         const directoryUrl = new URL(url.split('/').slice(0, -1).join('/'), `file://${outDir}`);
-        if (!existsSync(directoryUrl.pathname)) {
-            mkdirSync(directoryUrl.pathname, { recursive: true });
+        if (!existsSync(fileURLToPath(directoryUrl))) {
+            mkdirSync(fileURLToPath(directoryUrl), { recursive: true });
         }
         const filename = (url.endsWith('/') ? 'index' : url.replace(/^\//g, '')) + '.html';
         console.log(`Generating ${filename}`);

package/dist/index.js

@@ -43,7 +43,10 @@ const moduleChunks = {
         'vue-router',
         'pinia',
         '@pinia/colada',
-        '@vue/devtools-api'
+        '@vue/devtools-api',
+        '@vueuse/core',
+        '@vueuse/metadata',
+        '@vueuse/shared'
     ],
     quasar: ['quasar'],
     atQuasar: ['@quasar']
@@ -149,7 +152,7 @@ export const baseConfig = async ({ ssr, appDir, publicDir, base = '/', command =
             fs.unlinkSync(configPath + '.js');
         }
         else {
-            rawVitrifyConfig = (await import(fileURLToPath(new URL('vitrify.config.js', appDir)))).default;
+            rawVitrifyConfig = (await import(new URL('vitrify.config.js', appDir).href)).default;
         }
         if (typeof rawVitrifyConfig === 'function') {
             vitrifyConfig = await rawVitrifyConfig({ mode, command });
@@ -333,7 +336,7 @@ export const baseConfig = async ({ ssr, appDir, publicDir, base = '/', command =
                             .replaceAll('-', '')
                             .replaceAll('_', '')
                             .replaceAll('+', '');
-                        return `import ${varName} from '${new URL(url, appDir).pathname}'; onAppMounted.push(${varName});`;
+                        return `import ${varName} from '${new URL(url, appDir).href}'; onAppMounted.push(${varName});`;
                     })
                         .join('\n')}
             export const onAppRendered = [${onAppRenderedHooks
@@ -349,7 +352,7 @@ export const baseConfig = async ({ ssr, appDir, publicDir, base = '/', command =
                             .replaceAll('-', '')
                             .replaceAll('_', '')
                             .replaceAll('+', '');
-                        return `import ${varName} from '${new URL(url, appDir).pathname}'; onAppRendered.push(${varName});`;
+                        return `import ${varName} from '${new URL(url, appDir).href}'; onAppRendered.push(${varName});`;
                     })
                         .join('\n')}
             export const onTemplateRendered = [${onTemplateRenderedHooks
@@ -365,7 +368,7 @@ export const baseConfig = async ({ ssr, appDir, publicDir, base = '/', command =
                             .replaceAll('-', '')
                             .replaceAll('_', '')
                             .replaceAll('+', '');
-                        return `import ${varName} from '${new URL(url, appDir).pathname}'; onTemplateRendered.push(${varName});`;
+                        return `import ${varName} from '${new URL(url, appDir).href}'; onTemplateRendered.push(${varName});`;
                     })
                         .join('\n')}
             export const onAppCreated = [${OnAppCreatedHooks.map((fn) => `${String(fn)}`).join(', ')}]
@@ -379,7 +382,7 @@ export const baseConfig = async ({ ssr, appDir, publicDir, base = '/', command =
                             .replaceAll('-', '')
                             .replaceAll('_', '')
                             .replaceAll('+', '');
-                        return `import ${varName} from '${new URL(url, appDir).pathname}'; onAppCreated.push(${varName});`;
+                        return `import ${varName} from '${new URL(url, appDir).href}'; onAppCreated.push(${varName});`;
                     })
                         .join('\n')}
             export const onSetup = []
@@ -393,7 +396,7 @@ export const baseConfig = async ({ ssr, appDir, publicDir, base = '/', command =
                             .replaceAll('-', '')
                             .replaceAll('_', '')
                             .replaceAll('+', '');
-                        return `import ${varName} from '${new URL(url, appDir).pathname}'; onSetup.push(${varName});`;
+                        return `import ${varName} from '${new URL(url, appDir).href}'; onSetup.push(${varName});`;
                     })
                         .join('\n')}`;
                 }
@@ -480,14 +483,7 @@ export const baseConfig = async ({ ssr, appDir, publicDir, base = '/', command =
                         default:
                             entry = fileURLToPath(new URL('csr/entry.ts', frameworkDir));
                     }
-                    let entryScript;
-                    if (process.platform === 'win32') {
-                        const split = entry.split('node_modules');
-                        entryScript = `<script type="module" src="node_modules${split.at(-1)}"></script>`;
-                    }
-                    else {
-                        entryScript = `<script type="module" src="${entry}"></script>`;
-                    }
+                    const entryScript = `<script type="module" src="${entry}"></script>`;
                     html = appendToBody(entryScript, html);
                     if (productName)
                         html = addOrReplaceTitle(productName, html);
@@ -657,7 +653,7 @@ export const baseConfig = async ({ ssr, appDir, publicDir, base = '/', command =
         // environments: {
         // },
         server: {
-            https: vitrifyConfig.server?.https,
+            // https: vitrifyConfig.server?.https,
             // middlewareMode: mode === 'ssr' ? 'ssr' : undefined,
             middlewareMode: ssr ? true : false,
             fs: {

package/dist/types/bin/dev.d.ts

@@ -1,4 +1,4 @@
-import type { LogLevel, ViteDevServer } from 'vite';
+import { type LogLevel, type ViteDevServer, ResolvedConfig } from 'vite';
 import type { Server } from 'net';
 import type { FastifyInstance } from 'fastify';
 declare module 'vite' {
@@ -28,6 +28,6 @@ export declare function createServer({ port, logLevel, ssr, framework, host, app
 }): Promise<{
     app: FastifyInstance<import("fastify").RawServerDefault, import("http").IncomingMessage, import("http").ServerResponse<import("http").IncomingMessage>, import("fastify").FastifyBaseLogger, import("fastify").FastifyTypeProviderDefault> | undefined;
     server: Server;
-    config: import("vite").ResolvedConfig;
+    config: ResolvedConfig;
     vite: ViteDevServer;
 }>;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "vitrify",
-  "version": "0.25.5",
+  "version": "0.25.7",
   "license": "MIT",
   "author": "Stefan van Herwijnen",
   "description": "Vite as your Full Stack development tool",

package/src/node/app-urls.ts

@@ -1,6 +1,6 @@
 // import { resolve } from 'import-meta-resolve'
 import { existsSync } from 'fs'
-import { fileURLToPath } from 'url'
+import { fileURLToPath, pathToFileURL } from 'url'
 
 export const resolve = (packageName: string, base: URL, counter = 0): URL => {
   const packageUrl = new URL(`./node_modules/${packageName}/`, base)
@@ -20,7 +20,7 @@ export const getPkgJsonDir = (dir: URL): URL => {
   return getPkgJsonDir(new URL('..', dir))
 }
 export const getAppDir = (dir?: URL) =>
-  getPkgJsonDir(dir ?? new URL(`file://${process.cwd()}/`))
+  getPkgJsonDir(dir ?? pathToFileURL(`${process.cwd()}/`))
 export const getCliDir = () => getPkgJsonDir(new URL('./', import.meta.url))
 export const getCliViteDir = (cliDir: URL) => new URL('src/vite/', cliDir)
 export const getSrcDir = (appDir: URL) => new URL('src/', appDir)

package/src/node/bin/cli.ts

@@ -30,7 +30,6 @@ cli
     } else {
       appDir = getAppDir()
     }
-
     const baseOutDir =
       parsePath(options.outDir, appDir) || new URL('dist/', appDir)
 
@@ -86,7 +85,7 @@ cli
           outDir: fileURLToPath(new URL('ssr/server/', baseOutDir))
         })
         ;({ prerender } = await import(
-          new URL('ssr/server/prerender.mjs', baseOutDir).pathname
+          new URL('ssr/server/prerender.mjs', baseOutDir).href
         ))
 
         const {

package/src/node/bin/dev.ts

@@ -1,4 +1,10 @@
-import type { LogLevel, InlineConfig, ViteDevServer } from 'vite'
+import {
+  type LogLevel,
+  type InlineConfig,
+  type ViteDevServer,
+  resolveConfig,
+  ResolvedConfig
+} from 'vite'
 import { baseConfig } from '../index.js'
 import type { Server } from 'net'
 import fastify from 'fastify'
@@ -53,11 +59,14 @@ export async function createVitrifyDevServer({
   )
 
   if (!appDir) appDir = getAppDir()
-  let config: InlineConfig = {}
+  let config: InlineConfig | ResolvedConfig = {}
   let ssrMode: 'server' | 'fastify' | undefined
   if (ssr === 'ssr') ssrMode = 'server'
   if (ssr === 'fastify') ssrMode = 'fastify'
-  config = await baseConfig({
+
+  const wsPort = await getFirstOpenPort(24678)
+
+  const configBase = await baseConfig({
     framework,
     ssr: ssrMode,
     command: 'dev',
@@ -66,8 +75,22 @@ export async function createVitrifyDevServer({
     publicDir,
     base
   })
+  config = await resolveConfig(
+    {
+      ...configBase,
+      server: {
+        ...configBase.server,
+        host,
+        port
+        // hmr: {
+        //   protocol: config.server?.https ? 'wss' : 'ws',
+        //   port: wsPort
+        // }
+      }
+    },
+    'serve'
+  )
 
-  const wsPort = await getFirstOpenPort(24678)
   if (config.server?.https) {
     exitLogs.push(
       `[warning] HTTPS mode enabled. Visit https://{hostname}:${wsPort} to enable a security exception for HMR.`
@@ -77,6 +100,7 @@ export async function createVitrifyDevServer({
   const vitrifyDevServer = await (
     await import('vite')
   ).createServer({
+    // @ts-expect-error configFile is defined more than once
     configFile: false,
     ...config,
     logLevel,

package/src/node/bin/run.ts

@@ -1,6 +1,7 @@
 import { promises as fs } from 'fs'
 import readline from 'readline'
 import { getAppDir, getCliDir, getProjectURLs } from '../app-urls.js'
+import { fileURLToPath } from 'url'
 
 const rl = readline.createInterface({
   input: process.stdin,
@@ -20,7 +21,9 @@ export async function run(filePath: string) {
   const cliDir = getCliDir()
   const projectURLs = getProjectURLs(appDir, cliDir)
   const pkg = JSON.parse(
-    (await fs.readFile(projectURLs.cli('package.json'), 'utf-8')).toString()
+    (
+      await fs.readFile(fileURLToPath(projectURLs.cli('package.json')), 'utf-8')
+    ).toString()
   )
 
   if (!run)

package/src/node/frameworks/vue/prerender.ts

@@ -3,6 +3,7 @@ import type { OnTemplateRenderedHook } from 'src/node/vitrify-config.js'
 import { routesToPaths } from '../../helpers/routes.js'
 import { renderHtml } from './fastify-ssr-plugin.js'
 import { type RouteRecordRaw } from 'vue-router'
+import { fileURLToPath } from 'url'
 
 export const prerender = async ({
   outDir,
@@ -36,8 +37,8 @@ export const prerender = async ({
       url.split('/').slice(0, -1).join('/'),
       `file://${outDir}`
     )
-    if (!existsSync(directoryUrl.pathname)) {
-      mkdirSync(directoryUrl.pathname, { recursive: true })
+    if (!existsSync(fileURLToPath(directoryUrl))) {
+      mkdirSync(fileURLToPath(directoryUrl), { recursive: true })
     }
 
     const filename =

package/src/node/index.ts

@@ -73,7 +73,10 @@ const moduleChunks = {
     'vue-router',
     'pinia',
     '@pinia/colada',
-    '@vue/devtools-api'
+    '@vue/devtools-api',
+    '@vueuse/core',
+    '@vueuse/metadata',
+    '@vueuse/shared'
   ],
   quasar: ['quasar'],
   atQuasar: ['@quasar']
@@ -220,7 +223,7 @@ export const baseConfig = async ({
       fs.unlinkSync(configPath + '.js')
     } else {
       rawVitrifyConfig = (
-        await import(fileURLToPath(new URL('vitrify.config.js', appDir)))
+        await import(new URL('vitrify.config.js', appDir).href)
       ).default
     }
     if (typeof rawVitrifyConfig === 'function') {
@@ -424,7 +427,7 @@ export const baseConfig = async ({
                   .replaceAll('+', '')
 
                 return `import ${varName} from '${
-                  new URL(url, appDir).pathname
+                  new URL(url, appDir).href
                 }'; onAppMounted.push(${varName});`
               })
               .join('\n')}
@@ -443,7 +446,7 @@ export const baseConfig = async ({
                   .replaceAll('+', '')
 
                 return `import ${varName} from '${
-                  new URL(url, appDir).pathname
+                  new URL(url, appDir).href
                 }'; onAppRendered.push(${varName});`
               })
               .join('\n')}
@@ -462,7 +465,7 @@ export const baseConfig = async ({
                   .replaceAll('+', '')
 
                 return `import ${varName} from '${
-                  new URL(url, appDir).pathname
+                  new URL(url, appDir).href
                 }'; onTemplateRendered.push(${varName});`
               })
               .join('\n')}
@@ -481,7 +484,7 @@ export const baseConfig = async ({
                   .replaceAll('+', '')
 
                 return `import ${varName} from '${
-                  new URL(url, appDir).pathname
+                  new URL(url, appDir).href
                 }'; onAppCreated.push(${varName});`
               })
               .join('\n')}
@@ -498,7 +501,7 @@ export const baseConfig = async ({
                   .replaceAll('+', '')
 
                 return `import ${varName} from '${
-                  new URL(url, appDir).pathname
+                  new URL(url, appDir).href
                 }'; onSetup.push(${varName});`
               })
               .join('\n')}`
@@ -597,15 +600,7 @@ export const baseConfig = async ({
             default:
               entry = fileURLToPath(new URL('csr/entry.ts', frameworkDir))
           }
-          let entryScript
-          if (process.platform === 'win32') {
-            const split = entry.split('node_modules')
-            entryScript = `<script type="module" src="node_modules${split.at(
-              -1
-            )}"></script>`
-          } else {
-            entryScript = `<script type="module" src="${entry}"></script>`
-          }
+          const entryScript = `<script type="module" src="${entry}"></script>`
           html = appendToBody(entryScript, html)
           if (productName) html = addOrReplaceTitle(productName, html)
           return html
@@ -790,7 +785,7 @@ export const baseConfig = async ({
     // environments: {
     // },
     server: {
-      https: vitrifyConfig.server?.https,
+      // https: vitrifyConfig.server?.https,
       // middlewareMode: mode === 'ssr' ? 'ssr' : undefined,
       middlewareMode: ssr ? true : false,
       fs: {