vitrify 0.2.5 → 0.5.0

package/dist/plugins/quasar.js

@@ -31,41 +31,25 @@ export const injectSsrContext = (html, ssrContext) => html
     }
     return `${start} class="${classes.trim()}" ${ssrContext._meta.bodyAttrs || ''}${end}${ssrContext._meta.bodyTags || ''}`;
 });
-// export interface Configuration {
-//   ssr?: 'server' | 'client' | 'ssg' | false
-// }
 export const QuasarPlugin = async ({ ssr = false, pwa = false }) => {
-    // const extraPlugins: Plugin[] = []
-    // const ctx = {
-    //   prod: process.env.MODE === 'production',
-    //   dev: process.env.MODE === 'development',
-    //   mode: {
-    //     ssr: !!ssr,
-    //     pwa: !!pwa
-    //   }
-    // }
-    // let bootFilePaths: Record<string, any> = {}
-    // let components: string[] = []
     let plugins = [];
-    // let css: string[] = []
-    let extras = [];
     return [
-        // {
-        //   name: 'legacy-support',
-        //   enforce: 'pre',
-        //   transform (code, id) {
-        //     /**
-        //      * ESM does not resolve an import to .default when there are multiple exports. The following is required to make the VuePlugin import of QCalendar work.
-        //      */
-        //     if (code.includes('app.use(VuePlugin)')) {
-        //       code = code.replace(/app\.use\(VuePlugin\)/g, `app.use(VuePlugin.install ? VuePlugin : VuePlugin.default)`)
-        //     }
-        //     return code
-        //   }
-        // },
         Components({
             resolvers: [QuasarResolver()]
         }),
+        {
+            name: 'vite-plugin-quasar-transform',
+            enforce: 'pre',
+            transform: (code, id, options) => {
+                const { ssr } = options || {};
+                code = code
+                    .replaceAll('__QUASAR_SSR__', ssr ? ssr.toString() : 'false')
+                    .replaceAll('__QUASAR_SSR_SERVER__', 'import.meta.env.SSR')
+                    .replaceAll('__QUASAR_SSR_CLIENT__', '!import.meta.env.SSR')
+                    .replaceAll('__QUASAR_SSR_PWA__', pwa ? '!import.meta.env.SSR' : 'false');
+                return code;
+            }
+        },
         {
             name: 'vite-plugin-quasar-setup',
             enforce: 'pre',
@@ -84,15 +68,13 @@ export const QuasarPlugin = async ({ ssr = false, pwa = false }) => {
                         $q.onSSRHydrated !== void 0 && $q.onSSRHydrated();
                     }
                 ];
-                const bootFunctions = [
+                const onBootHooks = [
                     async ({ app, ssrContext, staticImports }) => {
-                        // @ts-ignore
-                        // const quasarVuePlugin = (await import('quasar/vue-plugin')).default
                         // @ts-ignore
                         const quasarPlugins = await import('virtual:quasar-plugins');
                         // @ts-ignore
                         const directives = await import('quasar/src/directives.js');
-                        app.use(staticImports.Quasar, {
+                        app.use(staticImports?.Quasar, {
                             plugins: quasarPlugins,
                             directives
                         }, ssrContext);
@@ -101,14 +83,14 @@ export const QuasarPlugin = async ({ ssr = false, pwa = false }) => {
                 return {
                     vitrify: {
                         urls,
-                        bootFunctions,
-                        ssrFunctions: [injectSsrContext],
                         globalCss,
                         staticImports: {
                             quasar: ['Quasar']
                         },
                         hooks: {
-                            onMounted: onMountedHooks
+                            onBoot: onBootHooks,
+                            onMounted: onMountedHooks,
+                            onRendered: [injectSsrContext]
                         },
                         sass: {
                             additionalData: [`@import 'quasar/src/css/index.sass'`]
@@ -120,50 +102,10 @@ export const QuasarPlugin = async ({ ssr = false, pwa = false }) => {
         {
             name: 'vite-plugin-quasar',
             enforce: 'post',
-            // transformIndexHtml: {
-            //   enforce: 'post',
-            //   transform: (html) => {
-            //     return html.replace(
-            //       '<!--product-name-->',
-            //       productName
-            //     )
-            //   }
-            // },
             config: async (config, env) => {
-                // let appDir: URL
-                // let cliDir: URL
-                // let cwd: URL
-                // let quasarDir: URL
-                // let quasarConf: QuasarConf | undefined
                 const { quasar: quasarConf, vitrify: { urls } = {} } = config;
                 const quasarPkgJsonPath = new URL('package.json', urls?.packages?.quasar).pathname;
                 const { version } = JSON.parse(readFileSync(quasarPkgJsonPath, { encoding: 'utf-8' }));
-                // if (quasarConf?.boot) {
-                //   bootFilePaths = (quasarConf.boot as (Record<string, any> | string)[])
-                //     .filter(entry => {
-                //       if (typeof entry === 'object') return (entry.server && (ssr === 'server'))
-                //       else if (entry !== '') return true
-                //     })
-                //     .map(entry => {
-                //       if (typeof entry === 'string') return entry
-                //       else if (typeof entry === 'object') return entry.path
-                //     })
-                //     .reduce((acc, entry) => {
-                //       if (entry[0] === '~') {
-                //         const split = entry.substring(1).split('/')
-                //         const name = split[0].replace(/[|&;$%@"<>()+,]/g, "");
-                //         acc[name] = {
-                //           path: new URL(`node_modules/${entry.substring(1)}`, urls?.app).pathname
-                //         }
-                //       } else {
-                //         const name = entry.split('.')[0]
-                //         acc[name] = {
-                //           path: `src/boot/${entry}`
-                //         }
-                //       }
-                //       return acc
-                //     }, {})
-                // }
                 /**
                  * All components should have been auto-imported
                  */
@@ -175,13 +117,6 @@ export const QuasarPlugin = async ({ ssr = false, pwa = false }) => {
                     ];
                     plugins = quasarConf?.framework.plugins;
                 }
-                // css = (quasarConf?.css || []).map((v => {
-                //   if (v[0] === '~') {
-                //     return v.slice(1)
-                //   }
-                //   return v
-                // })).map((v) => `@import '${v}'`)
-                extras = quasarConf?.extras || [];
                 return {
                     resolve: {
                         alias: [
@@ -214,45 +149,33 @@ export const QuasarPlugin = async ({ ssr = false, pwa = false }) => {
                                 find: 'quasar/src',
                                 replacement: new URL('src/', urls?.packages?.quasar).pathname
                             },
-                            // ...extras.map(extra => ({
-                            //   find: `@quasar/extras/${extra}/${extra}.css`,
-                            //   replacement: new URL(`${extra}/${extra}.css`, urls?.packages?.['@quasar/extras']).pathname
-                            // })
-                            // ),
                             {
-                                find: 'quasar',
-                                replacement: new URL('src/', urls?.packages?.quasar).pathname
+                                find: new RegExp('^quasar$'),
+                                replacement: new URL('src/index.all.js', urls?.packages?.quasar)
+                                    .pathname
                             },
+                            // {
+                            //   find: 'quasar',
+                            //   replacement: new URL('src/index.all.js', urls?.packages?.quasar).pathname
+                            // },
                             {
                                 find: `@quasar/extras`,
                                 replacement: new URL('.', urls?.packages?.['@quasar/extras'])
                                     .pathname
                             }
-                            // { find: new RegExp('^quasar$'), replacement: new URL('src/index.all.js', urls?.packages?.quasar).pathname },
-                            // { find: new RegExp('^quasar$'), replacement: 'virtual:quasar' },
                         ]
                     },
                     define: {
                         __DEV__: process.env.NODE_ENV !== 'production' || true,
-                        __QUASAR_VERSION__: `'${version}'`,
-                        __QUASAR_SSR__: !!ssr,
-                        __QUASAR_SSR_SERVER__: ssr === 'server',
-                        __QUASAR_SSR_CLIENT__: ssr === 'client',
-                        __QUASAR_SSR_PWA__: ssr === 'client' && pwa
+                        __QUASAR_VERSION__: `'${version}'`
+                        // __QUASAR_SSR__: !!ssr,
+                        // // __QUASAR_SSR_SERVER__: ssr === 'server',
+                        // __QUASAR_SSR_SERVER__: `import.meta.env.SSR`,
+                        // // __QUASAR_SSR_CLIENT__: ssr === 'client',
+                        // __QUASAR_SSR_CLIENT__: `!import.meta.env.SSR`,
+                        // // __QUASAR_SSR_PWA__: ssr === 'client' && pwa
+                        // __QUASAR_SSR_PWA__: pwa ? `!import.meta.env.SSR` : false
                     },
-                    // css: {
-                    //   preprocessorOptions: {
-                    //     sass: {
-                    //       additionalData: `@import 'quasar/src/css/index.sass'`
-                    //       // [
-                    //       //   // ...extras.map(extra => `@import "@quasar/extras/${extra}/${extra}.css"`),
-                    //       //   // ...extras.map(extra => `@import ${new URL(`${extra}/${extra}.css`, urls?.packages?.['@quasar/extras']).pathname}`) || [],
-                    //       //   // config.css?.preprocessorOptions?.sass?.additionalData,
-                    //       //   `@import 'quasar/src/css/index.sass'`
-                    //       // ].join('\n')
-                    //     }
-                    //   }
-                    // },
                     ssr: {
                         noExternal: ['quasar']
                     }
@@ -265,7 +188,7 @@ export const QuasarPlugin = async ({ ssr = false, pwa = false }) => {
             config: async (config, env) => ({
                 resolve: {
                     alias: [
-                        { find: new RegExp('^quasar$'), replacement: 'virtual:quasar' }
+                    // { find: new RegExp('^quasar$'), replacement: 'virtual:quasar' }
                     ]
                 }
             }),

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

@@ -1,8 +1,8 @@
 #!/usr/bin/node --experimental-specifier-resolution=node
 export declare function build(opts: {
-    ssr?: 'client' | 'server' | 'ssg';
+    ssr?: 'client' | 'server' | 'ssg' | 'fastify';
     base?: string;
-    outDir?: string;
+    outDir: string;
     appDir?: URL;
     publicDir?: URL;
 }): Promise<import("rollup").RollupOutput | import("rollup").RollupOutput[] | import("rollup").RollupWatcher>;

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

@@ -1,15 +1,53 @@
 /// <reference types="node" />
-import type { ViteDevServer, LogLevel } from 'vite';
+import type { LogLevel, InlineConfig } from 'vite';
+import { ViteDevServer } from 'vite';
 import type { Server } from 'net';
-export declare function createServer({ port, logLevel, mode, framework, host, appDir, publicDir }: {
+export declare function createVitrifyDevServer({ port, logLevel, ssr, framework, host, appDir, publicDir, base }: {
     port?: number;
     logLevel?: LogLevel;
-    mode?: 'csr' | 'ssr';
+    ssr?: 'ssr' | 'fastify';
+    framework?: 'vue';
+    host?: string;
+    appDir?: URL;
+    publicDir?: URL;
+    base?: string;
+}): Promise<ViteDevServer>;
+export declare function createServer({ port, logLevel, ssr, framework, host, appDir, publicDir }: {
+    port?: number;
+    logLevel?: LogLevel;
+    ssr?: 'ssr' | 'fastify';
     framework?: 'vue';
     host?: string;
     appDir?: URL;
     publicDir?: URL;
 }): Promise<{
     server: Server;
-    vite: ViteDevServer;
+    config: Readonly<Omit<import("vite").UserConfig, "plugins" | "assetsInclude" | "optimizeDeps" | "worker"> & {
+        configFile: string | undefined;
+        configFileDependencies: string[];
+        inlineConfig: InlineConfig;
+        root: string;
+        base: string;
+        publicDir: string;
+        cacheDir: string;
+        command: "build" | "serve";
+        mode: string;
+        isWorker: boolean;
+        isProduction: boolean;
+        env: Record<string, any>;
+        resolve: import("vite").ResolveOptions & {
+            alias: import("vite").Alias[];
+        };
+        plugins: readonly import("vite").Plugin[];
+        server: import("vite").ResolvedServerOptions;
+        build: Required<import("vite").BuildOptions>;
+        preview: import("vite").ResolvedPreviewOptions;
+        ssr: import("vite").ResolvedSSROptions | undefined;
+        assetsInclude: (file: string) => boolean;
+        logger: import("vite").Logger;
+        createResolver: (options?: Partial<import("vite").InternalResolveOptions> | undefined) => import("vite").ResolveFn;
+        optimizeDeps: import("vite").DepOptimizationOptions;
+        worker: import("vite").ResolveWorkerOptions;
+        spa: boolean;
+    }>;
 }>;

package/dist/types/frameworks/vue/fastify-csr-plugin.d.ts

@@ -0,0 +1,17 @@
+import type { FastifyPluginCallback, FastifyRequest, FastifyReply } from 'fastify';
+import type { OnRenderedHook } from '../../vitrify-config.js';
+import type { ViteDevServer } from 'vite';
+export interface FastifySsrOptions {
+    baseUrl?: string;
+    provide?: (req: FastifyRequest, res: FastifyReply) => Promise<Record<string, unknown>>;
+    vitrifyDir?: URL;
+    vite?: ViteDevServer;
+    appDir?: URL;
+    publicDir?: URL;
+    productName?: string;
+    onRendered?: OnRenderedHook[];
+    mode?: string;
+}
+declare const fastifyCsrPlugin: FastifyPluginCallback<FastifySsrOptions>;
+export { fastifyCsrPlugin };
+export declare type FastifyCsrPlugin = typeof fastifyCsrPlugin;

package/dist/types/frameworks/vue/fastify-ssr-plugin.d.ts

@@ -1,14 +1,17 @@
 import type { FastifyPluginCallback, FastifyRequest, FastifyReply } from 'fastify';
+import type { OnRenderedHook } from '../../vitrify-config.js';
 import type { ViteDevServer } from 'vite';
-import type { SsrFunction } from '../../vitrify-config.js';
 export interface FastifySsrOptions {
     baseUrl?: string;
     provide?: (req: FastifyRequest, res: FastifyReply) => Promise<Record<string, unknown>>;
+    vitrifyDir?: URL;
     vite?: ViteDevServer;
-    cliDir?: URL;
     appDir?: URL;
+    publicDir?: URL;
     productName?: string;
-    ssrFunctions?: SsrFunction[];
+    onRendered?: OnRenderedHook[];
+    mode?: string;
 }
 declare const fastifySsrPlugin: FastifyPluginCallback<FastifySsrOptions>;
 export { fastifySsrPlugin };
+export declare type FastifySsrPlugin = typeof fastifySsrPlugin;

package/dist/types/frameworks/vue/prerender.d.ts

@@ -1,8 +1,8 @@
-import type { SsrFunction } from '../../vitrify-config.js';
-export declare const prerender: ({ outDir, templatePath, manifestPath, entryServerPath, ssrFunctions }: {
+import type { OnRenderedHook } from '../../vitrify-config.js';
+export declare const prerender: ({ outDir, templatePath, manifestPath, entryServerPath, onRenderedHooks }: {
     outDir: string;
     templatePath: string;
     manifestPath: string;
     entryServerPath: string;
-    ssrFunctions: SsrFunction[];
+    onRenderedHooks: OnRenderedHook[];
 }) => Promise<void[]>;

package/dist/types/frameworks/vue/server.d.ts

@@ -1,9 +1,14 @@
 /// <reference types="node" />
 import type { FastifyInstance } from 'fastify';
-import type { SsrFunction } from '../../vitrify-config.js';
-export declare const createApp: ({ setup, appDir, baseUrl, ssrFunctions }: {
-    setup: (fastify: FastifyInstance) => any;
+import type { OnRenderedHook, OnSetupFile } from '../../vitrify-config.js';
+import type { FastifyCsrPlugin } from './fastify-csr-plugin.js';
+import type { FastifySsrPlugin } from './fastify-ssr-plugin.js';
+export declare const createApp: ({ onSetup, appDir, baseUrl, onRendered, fastifyPlugin, vitrifyDir, mode }: {
+    onSetup: OnSetupFile[];
     appDir: URL;
     baseUrl?: string | undefined;
-    ssrFunctions?: SsrFunction[] | undefined;
-}) => FastifyInstance<import("http").Server, import("http").IncomingMessage, import("http").ServerResponse, import("fastify").FastifyLoggerInstance> & PromiseLike<FastifyInstance<import("http").Server, import("http").IncomingMessage, import("http").ServerResponse, import("fastify").FastifyLoggerInstance>>;
+    onRendered?: OnRenderedHook[] | undefined;
+    fastifyPlugin: FastifySsrPlugin | FastifyCsrPlugin;
+    vitrifyDir?: URL | undefined;
+    mode: string;
+}) => FastifyInstance<import("http").Server, import("http").IncomingMessage, import("http").ServerResponse, pino.Logger, import("fastify").FastifyTypeProviderDefault> & PromiseLike<FastifyInstance<import("http").Server, import("http").IncomingMessage, import("http").ServerResponse, pino.Logger, import("fastify").FastifyTypeProviderDefault>>;

package/dist/types/helpers/collect-css-ssr.d.ts

@@ -0,0 +1,14 @@
+import type { ViteDevServer, ModuleNode } from 'vite';
+/**
+ * Collect SSR CSS for Vite
+ */
+export declare const componentsModules: (components: string[], vite: ViteDevServer) => Set<ModuleNode>;
+export declare const collectCss: ({ mods, styles, checkedComponents }: {
+    mods: Set<ModuleNode>;
+    styles?: Map<string, string> | undefined;
+    checkedComponents?: Set<unknown> | undefined;
+}) => string;
+/**
+ * Client listener to detect updated modules through HMR, and remove the initial styled attached to the head
+ */
+export declare const removeCssHotReloaded: () => void;

package/dist/types/helpers/logger.d.ts

@@ -1,23 +1,4 @@
 /// <reference types="node" />
 import type { Server } from 'net';
 import type { ResolvedConfig } from 'vite';
-export declare const clearConsole: () => void;
-export declare const log: (msg?: string | undefined) => void;
-export declare const warn: (msg?: string | undefined, pill?: string | undefined) => void;
-export declare const fatal: (msg?: string | undefined, pill?: string | undefined) => never;
-/**
- * Extended approach - Compilation status & pills
- */
-export declare const successPill: (msg?: string | undefined) => string;
-export declare const infoPill: (msg?: string | undefined) => string;
-export declare const errorPill: (msg?: string | undefined) => string;
-export declare const warningPill: (msg?: string | undefined) => string;
-export declare const success: (msg?: string | undefined, title?: string) => void;
-export declare const getSuccess: (msg?: string | undefined, title?: string | undefined) => string;
-export declare const info: (msg?: string | undefined, title?: string) => void;
-export declare const getInfo: (msg?: string | undefined, title?: string | undefined) => string;
-export declare const error: (msg?: string | undefined, title?: string) => void;
-export declare const getError: (msg?: string | undefined, title?: string) => string;
-export declare const warning: (msg?: string | undefined, title?: string) => void;
-export declare const getWarning: (msg?: string | undefined, title?: string) => string;
 export declare function printHttpServerUrls(server: Server, config: ResolvedConfig): void;

package/dist/types/helpers/routes.d.ts

@@ -1,2 +1,2 @@
 import type { RouteRecordRaw } from 'vue-router';
-export declare const routesToPaths: (routes?: RouteRecordRaw[] | undefined) => string[];
+export declare const routesToPaths: (routes?: RouteRecordRaw[]) => string[];

package/dist/types/index.d.ts

@@ -3,13 +3,15 @@ import type { BootFunction, VitrifyConfig } from './vitrify-config.js';
 import type { VitrifyContext } from './bin/run.js';
 import type { VitrifyPlugin } from './plugins/index.js';
 export declare const VIRTUAL_MODULES: string[];
-export declare const baseConfig: ({ ssr, appDir, publicDir, command, mode, framework, pwa }: {
-    ssr?: "server" | "client" | "ssg" | undefined;
+export declare const baseConfig: ({ ssr, appDir, publicDir, base, command, mode, framework, pwa }: {
+    ssr?: "server" | "client" | "ssg" | "fastify" | undefined;
     appDir?: URL | undefined;
     publicDir?: URL | undefined;
+    base?: string | undefined;
     command?: "build" | "dev" | "test" | undefined;
     mode?: "production" | "development" | undefined;
     framework?: "vue" | undefined;
     pwa?: boolean | undefined;
 }) => Promise<InlineConfig>;
+export declare const vitrifyDir: URL;
 export type { VitrifyConfig, VitrifyPlugin, VitrifyContext, BootFunction };

package/dist/types/plugins/index.d.ts

@@ -1,6 +1,6 @@
 import type { Plugin } from 'vite';
 export declare type VitrifyPlugin = ({ ssr, mode, command }: {
-    ssr?: 'server' | 'client' | 'ssg' | false;
+    ssr?: 'server' | 'client' | 'ssg' | 'fastify' | false;
     pwa?: boolean;
     mode?: 'production' | 'development';
     command?: 'build' | 'dev' | 'test';

package/dist/types/vitrify-config.d.ts

@@ -1,5 +1,4 @@
-import type { FastifyInstance } from 'fastify';
-import type { UserConfig } from 'vite';
+import type { Alias, UserConfig } from 'vite';
 import type { QuasarConf } from './plugins/quasar.js';
 import type { ComponentInternalInstance } from '@vue/runtime-core';
 export declare type BootFunction = ({ app, ssrContext, staticImports }: {
@@ -7,32 +6,43 @@ export declare type BootFunction = ({ app, ssrContext, staticImports }: {
     ssrContext: Record<string, unknown>;
     staticImports: Record<string, any>;
 }) => Promise<void> | void;
+export declare type OnBootHook = ({ app, ssrContext, staticImports }: {
+    app: any;
+    ssrContext: Record<string, unknown>;
+    staticImports?: Record<string, any>;
+}) => Promise<void> | void;
 export declare type OnMountedHook = (instance: ComponentInternalInstance) => Promise<void> | void;
 export declare type StaticImports = Record<string, string[]>;
 export declare type SsrFunction = (html: string, ssrContext: Record<string, any>) => string;
+export declare type OnRenderedHook = (html: string, ssrContext: Record<string, any>) => string;
+export declare type OnSetupFile = URL;
 export interface VitrifyConfig extends UserConfig {
     vitrify?: {
         /**
          * Global CSS imports
          */
         globalCss?: string[];
-        /**
-         * Functions which run after initializing the app
-         */
-        bootFunctions?: BootFunction[];
-        /**
-         * Functions which run on the server after rendering the app
-         */
-        ssrFunctions?: SsrFunction[];
         /**
          * Static imports in the app: packageName: [imports]
          */
         staticImports?: StaticImports;
         hooks?: {
+            /**
+             * setup() is called directly after instantiating fastify. Use it to register your own plugins, routes etc.
+             */
+            onSetup?: OnSetupFile[];
             /**
              * Functions which run in the onMounted hook of the app
              */
-            onMounted: OnMountedHook[];
+            onMounted?: OnMountedHook[];
+            /**
+             * Functions which run after initializing the app
+             */
+            onBoot?: OnBootHook[];
+            /**
+             * Functions which run after rendering the app (SSR)
+             */
+            onRendered?: OnRenderedHook[];
         };
         /**
          * Global SASS variables
@@ -41,12 +51,6 @@ export interface VitrifyConfig extends UserConfig {
             variables?: Record<string, string>;
             additionalData?: string[];
         };
-        fastify?: {
-            /**
-             * setup() is called directly after instantiating fastify. Use it to register your own plugins, routes etc.
-             */
-            setup: (fastify: FastifyInstance) => any;
-        };
         /**
          * Product name of the application. Will be used for the HTML title tag
          */
@@ -61,6 +65,18 @@ export interface VitrifyConfig extends UserConfig {
             cwd?: URL;
             packages?: Record<string, URL>;
         };
+        /**
+         * SSR specific configuration
+         */
+        ssr?: {
+            serverModules?: string[];
+        };
+        /**
+         * Development only configuration
+         */
+        dev?: {
+            alias?: Alias[];
+        };
     };
     quasar?: QuasarConf;
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "vitrify",
-  "version": "0.2.5",
+  "version": "0.5.0",
   "license": "MIT",
   "author": "Stefan van Herwijnen",
   "description": "Pre-configured Vite CLI for your framework",
@@ -49,53 +49,54 @@
   "homepage": "https://github.com/simsustech/vitrify/tree/main/#readme",
   "scripts": {
     "build": "tsc",
-    "test": "echo \"Error: no test specified\" && exit 0"
+    "test": "vitest test/"
   },
   "dependencies": {
-    "@quasar/extras": "^1.13.5",
-    "@vitejs/plugin-vue": "^2.3.1",
-    "@vue/compiler-sfc": "^3.2.33",
-    "@vue/server-renderer": "^3.2.33",
-    "builtin-modules": "^3.2.0",
+    "@fastify/middie": "^8.0.0",
+    "@fastify/static": "^6.4.0",
+    "@quasar/extras": "^1.14.0",
+    "@vitejs/plugin-vue": "^3.0.0-alpha.1",
+    "builtin-modules": "^3.3.0",
     "cac": "^6.7.12",
     "chalk": "^5.0.1",
     "cross-env": "^7.0.3",
-    "fastify": "^3.28.0",
-    "fastify-static": "^4.6.1",
-    "glob": "^8.0.1",
-    "happy-dom": "^2.55.0",
-    "import-meta-resolve": "^1.1.1",
+    "esbuild": "^0.14.43",
+    "fastify": "^4.0.0",
+    "glob": "^8.0.3",
+    "happy-dom": "^5.2.0",
     "local-pkg": "^0.4.1",
-    "magic-string": "^0.26.1",
+    "magic-string": "^0.26.2",
     "merge-deep": "^3.0.3",
-    "middie": "^6.0.0",
     "readline": "^1.3.0",
-    "sass": "1.50.0",
-    "unplugin-vue-components": "^0.19.3",
-    "vite": "^2.9.5",
-    "vitest": "^0.9.3"
+    "sass": "1.52.3",
+    "ts-node": "^10.8.1",
+    "unplugin-vue-components": "^0.19.6",
+    "vite": "^3.0.0-alpha.11",
+    "vitest": "^0.14.1"
   },
   "devDependencies": {
+    "@types/connect": "^3.4.35",
     "@types/glob": "^7.2.0",
     "@types/merge-deep": "^3.0.0",
-    "@types/node": "^17.0.24",
+    "@types/node": "^17.0.41",
     "@types/ws": "^8.5.3",
-    "@vue/runtime-core": "^3.2.33",
-    "quasar": "^2.6.6",
-    "rollup": "^2.70.1",
-    "typescript": "^4.6.3",
-    "vite": "^2.9.5",
-    "vue": "^3.2.33",
-    "vue-router": "^4.0.14"
+    "@vue/runtime-core": "^3.2.37",
+    "import-meta-resolve": "^2.0.3",
+    "quasar": "^2.7.1",
+    "rollup": "^2.75.6",
+    "typescript": "^4.7.3",
+    "vite": "^3.0.0-alpha.11",
+    "vue": "^3.2.37",
+    "vue-router": "^4.0.15"
   },
   "peerDependencies": {
-    "fastify": "^3.28.0",
+    "@fastify/static": "^6.4.0",
+    "fastify": "^4.0.0",
     "fastify-plugin": "^3.0.1",
-    "fastify-sensible": "^3.1.2",
-    "fastify-static": "^4.6.1",
-    "quasar": "^2.6.6",
-    "vue": "^3.2.33",
-    "vue-router": "^4.0.14"
+    "quasar": "^2.7.1",
+    "vue": "^3.2.37",
+    "vue-router": "^4.0.15",
+    "import-meta-resolve": "^2.0.3"
   },
   "publishConfig": {
     "access": "public",

package/src/node/app-urls.ts

@@ -14,11 +14,10 @@ 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)
 export const getCwd = () => new URL(`file://${process.cwd()}/`)
-// export const quasarDir = getPkgJsonDir(new URL('./', await resolve('quasar', appDir.href)))
 
 export const parsePath = (path: string, basePath: URL) => {
   if (path) {
-    if (path.slice(-1) !== '/') path += '/'
+    if (!path.includes('.') && path.slice(-1) !== '/') path += '/'
     if (path.startsWith('.')) {
       return new URL(path, basePath)
     } else if (path) {