vitrify 0.8.0 → 0.9.0

package/dist/bin/dev.js

@@ -2,6 +2,13 @@ import { searchForWorkspaceRoot } from 'vite';
 import { baseConfig } from '../index.js';
 import fastify from 'fastify';
 import { fastifySsrPlugin } from '../frameworks/vue/fastify-ssr-plugin.js';
+import isPortReachable from 'is-port-reachable';
+const getFirstOpenPort = async (portNumber) => {
+    if (!(await isPortReachable(portNumber, { host: 'localhost' }))) {
+        return portNumber;
+    }
+    return getFirstOpenPort(portNumber + 1);
+};
 export async function createVitrifyDevServer({ port = 3000, logLevel = 'info', 
 // mode = 'csr',
 ssr, framework = 'vue', host, appDir, publicDir, base }) {
@@ -29,7 +36,7 @@ ssr, framework = 'vue', host, appDir, publicDir, base }) {
         https: config.server?.https,
         hmr: {
             protocol: config.server?.https ? 'wss' : 'ws',
-            port: 24678
+            port: await getFirstOpenPort(24678)
         },
         port,
         // middlewareMode: mode === 'ssr' ? 'ssr' : undefined,

package/dist/plugins/quasar.js

@@ -52,7 +52,7 @@ export const QuasarPlugin = async ({ ssr = false, pwa = false }) => {
             enforce: 'pre',
             config: async (config, env) => {
                 const { vitrify: { urls } = {}, quasar } = config;
-                const globalCss = quasar?.extras.map((extra) => `@quasar/extras/${extra}/${extra}.css`);
+                const globalCss = quasar?.extras?.map((extra) => `@quasar/extras/${extra}/${extra}.css`);
                 const localPackages = ['@quasar/extras', 'quasar'];
                 // const localPackages: string[] = []
                 await (async () => {
@@ -77,10 +77,13 @@ export const QuasarPlugin = async ({ ssr = false, pwa = false }) => {
                         const directives = await import('virtual:quasar-directives');
                         // @ts-ignore
                         const { default: lang } = await import('virtual:quasar-lang');
+                        // @ts-ignore
+                        const { default: iconSet } = await import('virtual:quasar-iconSet');
                         app.use(staticImports?.Quasar, {
                             plugins: quasarPlugins,
                             directives,
-                            lang
+                            lang,
+                            iconSet
                         }, ssrContext);
                     }
                 ];
@@ -163,6 +166,8 @@ export const QuasarPlugin = async ({ ssr = false, pwa = false }) => {
                         return 'virtual:quasar-directives';
                     case 'virtual:quasar-lang':
                         return 'virtual:quasar-lang';
+                    case 'virtual:quasar-iconSet':
+                        return 'virtual:quasar-iconSet';
                     case 'virtual:quasar':
                         return { id: 'virtual:quasar', moduleSideEffects: false };
                     default:
@@ -179,6 +184,10 @@ export const QuasarPlugin = async ({ ssr = false, pwa = false }) => {
                 else if (id === 'virtual:quasar-lang') {
                     return `import lang from 'quasar/lang/${quasarConf?.framework?.lang || 'en-US'}';
           export default lang`;
+                }
+                else if (id === 'virtual:quasar-iconSet') {
+                    return `import iconSet from 'quasar/icon-set/${quasarConf?.framework.iconSet || 'material-icons'}';
+          export default iconSet`;
                 }
                 else if (id === 'virtual:quasar') {
                     return `export * from 'quasar/src/plugins.js';

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

@@ -8,6 +8,7 @@ export interface QuasarConf {
         directives?: string[];
         plugins?: string[];
         lang?: string;
+        iconSet?: string;
     };
     animations: string[];
     extras: string[];

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "vitrify",
-  "version": "0.8.0",
+  "version": "0.9.0",
   "license": "MIT",
   "author": "Stefan van Herwijnen",
   "description": "Pre-configured Vite CLI for your framework",
@@ -70,6 +70,7 @@
     "fastify": "^4.3.0",
     "glob": "^8.0.3",
     "happy-dom": "^6.0.4",
+    "is-port-reachable": "^4.0.0",
     "magic-string": "^0.26.2",
     "merge-deep": "^3.0.3",
     "readline": "^1.3.0",

package/src/node/bin/dev.ts

@@ -6,6 +6,14 @@ import fastify from 'fastify'
 import type { FastifyServerOptions } from 'fastify'
 import { fastifySsrPlugin } from '../frameworks/vue/fastify-ssr-plugin.js'
 import type { OnRenderedHook, VitrifyConfig } from '../vitrify-config.js'
+import isPortReachable from 'is-port-reachable'
+
+const getFirstOpenPort = async (portNumber: number): Promise<number> => {
+  if (!(await isPortReachable(portNumber, { host: 'localhost' }))) {
+    return portNumber
+  }
+  return getFirstOpenPort(portNumber + 1)
+}
 
 export async function createVitrifyDevServer({
   port = 3000,
@@ -55,7 +63,7 @@ export async function createVitrifyDevServer({
     https: config.server?.https,
     hmr: {
       protocol: config.server?.https ? 'wss' : 'ws',
-      port: 24678
+      port: await getFirstOpenPort(24678)
     },
     port,
     // middlewareMode: mode === 'ssr' ? 'ssr' : undefined,

package/src/node/plugins/quasar.ts

@@ -17,6 +17,7 @@ export interface QuasarConf {
     directives?: string[]
     plugins?: string[]
     lang?: string
+    iconSet?: string
   }
   animations: string[]
   extras: string[]
@@ -109,7 +110,7 @@ export const QuasarPlugin: VitrifyPlugin = async ({
       config: async (config: VitrifyConfig, env): Promise<VitrifyConfig> => {
         const { vitrify: { urls } = {}, quasar } = config
 
-        const globalCss = quasar?.extras.map(
+        const globalCss = quasar?.extras?.map(
           (extra) => `@quasar/extras/${extra}/${extra}.css`
         )
 
@@ -143,13 +144,16 @@ export const QuasarPlugin: VitrifyPlugin = async ({
             const directives = await import('virtual:quasar-directives')
             // @ts-ignore
             const { default: lang } = await import('virtual:quasar-lang')
+            // @ts-ignore
+            const { default: iconSet } = await import('virtual:quasar-iconSet')
 
             app.use(
               staticImports?.Quasar,
               {
                 plugins: quasarPlugins,
                 directives,
-                lang
+                lang,
+                iconSet
               },
               ssrContext
             )
@@ -239,6 +243,8 @@ export const QuasarPlugin: VitrifyPlugin = async ({
             return 'virtual:quasar-directives'
           case 'virtual:quasar-lang':
             return 'virtual:quasar-lang'
+          case 'virtual:quasar-iconSet':
+            return 'virtual:quasar-iconSet'
           case 'virtual:quasar':
             return { id: 'virtual:quasar', moduleSideEffects: false }
           default:
@@ -255,6 +261,11 @@ export const QuasarPlugin: VitrifyPlugin = async ({
             quasarConf?.framework?.lang || 'en-US'
           }';
           export default lang`
+        } else if (id === 'virtual:quasar-iconSet') {
+          return `import iconSet from 'quasar/icon-set/${
+            quasarConf?.framework.iconSet || 'material-icons'
+          }';
+          export default iconSet`
         } else if (id === 'virtual:quasar') {
           return `export * from 'quasar/src/plugins.js';
           export * from 'quasar/src/components.js';