@stacksjs/build 0.56.35 → 0.57.3

package/dist/desktop.d.ts

@@ -0,0 +1,2 @@
+declare const _default: import("vite").UserConfigExport;
+export default _default;

package/dist/desktop.mjs

@@ -0,0 +1,139 @@
+import path from "node:path";
+import { defineConfig } from "vite";
+import Vue from "@vitejs/plugin-vue";
+import Pages from "vite-plugin-pages";
+import generateSitemap from "vite-ssg-sitemap";
+import Components from "unplugin-vue-components/vite";
+import AutoImport from "unplugin-auto-import/vite";
+import Markdown from "vite-plugin-vue-markdown";
+import { VitePWA } from "vite-plugin-pwa";
+import Inspect from "vite-plugin-inspect";
+import LinkAttributes from "markdown-it-link-attributes";
+import Unocss from "@unocss/vite";
+import Shiki from "markdown-it-shiki";
+export default defineConfig({
+  resolve: {
+    alias: {
+      "~/": `${path.resolve(__dirname, "../../../../")}/`
+    }
+  },
+  clearScreen: false,
+  server: {
+    port: 3333,
+    strictPort: true
+  },
+  envPrefix: [""],
+  plugins: [
+    Vue({
+      include: [/\.vue$/, /\.md$/],
+      reactivityTransform: true
+    }),
+    // https://github.com/hannoeru/vite-plugin-pages
+    Pages({
+      extensions: ["vue", "md"]
+    }),
+    // https://github.com/antfu/unplugin-auto-import
+    AutoImport({
+      imports: [
+        "vue",
+        "vue-router",
+        "vue-i18n",
+        "vue/macros",
+        "@vueuse/head",
+        "@vueuse/core"
+      ],
+      dts: "../../../auto-imports.d.ts",
+      dirs: [
+        projectPath("functions"),
+        "../../../../app/stores"
+      ],
+      vueTemplate: true
+    }),
+    // https://github.com/antfu/unplugin-vue-components
+    Components({
+      // allow auto load markdown components under `./src/components/`
+      extensions: ["vue", "md"],
+      // allow auto import and register components used in markdown
+      include: [/\.vue$/, /\.vue\?vue/, /\.md$/],
+      dts: "../../../../components"
+    }),
+    // https://github.com/antfu/unocss
+    // see unocss.config.ts for config
+    Unocss({
+      configFile: "../../ui/src/unocss.config.ts",
+      mode: "vue-scoped"
+    }),
+    // https://github.com/antfu/vite-plugin-vue-markdown
+    // Don't need this? Try vitesse-lite: https://github.com/antfu/vitesse-lite
+    Markdown({
+      wrapperClasses: "prose prose-sm m-auto text-left",
+      headEnabled: true,
+      markdownItSetup(md) {
+        md.use(Shiki, {
+          theme: {
+            light: "vitesse-light",
+            dark: "vitesse-dark"
+          }
+        });
+        md.use(LinkAttributes, {
+          matcher: (link) => /^https?:\/\//.test(link),
+          attrs: {
+            target: "_blank",
+            rel: "noopener"
+          }
+        });
+      }
+    }),
+    // https://github.com/antfu/vite-plugin-pwa
+    VitePWA({
+      registerType: "autoUpdate",
+      includeAssets: ["favicon.ico", "safari-pinned-tab.svg"],
+      manifest: {
+        name: "Vitesse",
+        short_name: "Vitesse",
+        theme_color: "#ffffff",
+        icons: [
+          {
+            src: "/pwa-192x192.png",
+            sizes: "192x192",
+            type: "image/png"
+          },
+          {
+            src: "/pwa-512x512.png",
+            sizes: "512x512",
+            type: "image/png"
+          },
+          {
+            src: "/pwa-512x512.png",
+            sizes: "512x512",
+            type: "image/png",
+            purpose: "any maskable"
+          }
+        ]
+      }
+    }),
+    // https://github.com/antfu/vite-plugin-inspect
+    // Visit http://localhost:3333/__inspect/ to see the inspector
+    Inspect()
+  ],
+  // https://github.com/vitest-dev/vitest
+  test: {
+    include: ["test/**/*.test.ts"],
+    environment: "jsdom",
+    deps: {
+      inline: ["@vue", "@vueuse", "vue-demi"]
+    }
+  },
+  // https://github.com/antfu/vite-ssg
+  ssgOptions: {
+    script: "async",
+    formatting: "minify",
+    onFinished() {
+      generateSitemap();
+    }
+  },
+  ssr: {
+    // TODO: workaround until they support native ESM
+    noExternal: ["workbox-window", /vue-i18n/]
+  }
+});

package/dist/example-vue.d.ts

@@ -0,0 +1,4 @@
+import type { ViteConfig } from '@stacksjs/types';
+export declare const vueComponentsExampleConfig: ViteConfig;
+declare const _default: import("vite").UserConfigExport;
+export default _default;

package/dist/example-vue.mjs

@@ -0,0 +1,17 @@
+import { defineConfig } from "vite";
+import { examplesPath } from "@stacksjs/path";
+import { server } from "@stacksjs/server";
+import { alias } from "@stacksjs/alias";
+export const vueComponentsExampleConfig = {
+  root: examplesPath("vue-components"),
+  resolve: {
+    alias
+  },
+  server
+  // plugins: [
+  //   uiEngine(),
+  // ],
+};
+export default defineConfig(() => {
+  return vueComponentsExampleConfig;
+});

package/dist/example-wc.d.ts

@@ -0,0 +1,4 @@
+import type { ViteConfig } from '@stacksjs/types';
+export declare const webComponentsExampleConfig: ViteConfig;
+declare const _default: import("vite").UserConfigExport;
+export default _default;

package/dist/example-wc.mjs

@@ -0,0 +1,17 @@
+import { defineConfig } from "vite";
+import { examplesPath } from "@stacksjs/path";
+import { server } from "@stacksjs/server";
+import { alias } from "@stacksjs/alias";
+export const webComponentsExampleConfig = {
+  root: examplesPath("web-components"),
+  resolve: {
+    alias
+  },
+  server
+  // plugins: [
+  //   uiEngine(true),
+  // ],
+};
+export default defineConfig(() => {
+  return webComponentsExampleConfig;
+});

package/dist/functions.d.ts

@@ -0,0 +1,6 @@
+import type { BuildOptions as ViteBuildOptions } from 'vite';
+import type { ViteConfig } from '@stacksjs/types';
+export declare const functionsConfig: ViteConfig;
+export declare function functionsBuildOptions(): ViteBuildOptions;
+declare const _default: import("vite").UserConfigExport;
+export default _default;

package/dist/functions.mjs

@@ -0,0 +1,40 @@
+import { defineConfig } from "vite";
+import { frameworkPath, functionsPath, libraryEntryPath, projectPath } from "@stacksjs/path";
+import { library } from "@stacksjs/config";
+import { alias } from "@stacksjs/alias";
+export const functionsConfig = {
+  root: functionsPath(),
+  envDir: projectPath(),
+  envPrefix: "",
+  resolve: {
+    alias
+  },
+  // plugins: [
+  //   autoImports(),
+  // ],
+  build: functionsBuildOptions()
+};
+export function functionsBuildOptions() {
+  return {
+    outDir: frameworkPath("functions/dist"),
+    emptyOutDir: true,
+    sourcemap: library.functions?.shouldGenerateSourcemap,
+    lib: {
+      entry: libraryEntryPath("functions"),
+      name: library.functions?.name,
+      formats: ["cjs", "es"],
+      fileName: (format) => {
+        if (format === "es")
+          return "index.mjs";
+        if (format === "cjs")
+          return "index.cjs";
+        return "index.?.js";
+      }
+    }
+  };
+}
+export default defineConfig(({ command }) => {
+  if (command === "serve")
+    return functionsConfig;
+  return functionsConfig;
+});

package/dist/index.d.ts

@@ -1,116 +1,7 @@
-import * as vite from 'vite';
-import { BuildOptions, PluginOption } from 'vite';
-import { ViteConfig, InspectOptions, LayoutOptions, ComponentOptions, PagesOption, AutoImportsOptions } from '@stacksjs/types';
-import { resolve } from '@stacksjs/path';
-
-declare const vueComponentsExampleConfig: ViteConfig;
-declare const _default$5: vite.UserConfigExport;
-
-declare const exampleVue_vueComponentsExampleConfig: typeof vueComponentsExampleConfig;
-declare namespace exampleVue {
-  export {
-    _default$5 as default,
-    exampleVue_vueComponentsExampleConfig as vueComponentsExampleConfig,
-  };
-}
-
-declare const webComponentsExampleConfig: ViteConfig;
-declare const _default$4: vite.UserConfigExport;
-
-declare const exampleWc_webComponentsExampleConfig: typeof webComponentsExampleConfig;
-declare namespace exampleWc {
-  export {
-    _default$4 as default,
-    exampleWc_webComponentsExampleConfig as webComponentsExampleConfig,
-  };
-}
-
-declare const functionsConfig: ViteConfig;
-declare function functionsBuildOptions(): BuildOptions;
-declare const _default$3: vite.UserConfigExport;
-
-declare const functions_functionsBuildOptions: typeof functionsBuildOptions;
-declare const functions_functionsConfig: typeof functionsConfig;
-declare namespace functions {
-  export {
-    _default$3 as default,
-    functions_functionsBuildOptions as functionsBuildOptions,
-    functions_functionsConfig as functionsConfig,
-  };
-}
-
-declare const pagesConfig: ViteConfig;
-declare const _default$2: vite.UserConfigExport;
-
-declare const views_pagesConfig: typeof pagesConfig;
-declare namespace views {
-  export {
-    _default$2 as default,
-    views_pagesConfig as pagesConfig,
-  };
-}
-
-declare const vueComponentsConfig: ViteConfig;
-declare function vueComponentsBuildOptions(): BuildOptions;
-declare const _default$1: vite.UserConfigExport;
-
-declare const vueComponents_vueComponentsBuildOptions: typeof vueComponentsBuildOptions;
-declare const vueComponents_vueComponentsConfig: typeof vueComponentsConfig;
-declare namespace vueComponents {
-  export {
-    _default$1 as default,
-    vueComponents_vueComponentsBuildOptions as vueComponentsBuildOptions,
-    vueComponents_vueComponentsConfig as vueComponentsConfig,
-  };
-}
-
-declare const webComponentsConfig: ViteConfig;
-declare function webComponentsBuildOptions(): BuildOptions;
-declare const _default: vite.UserConfigExport;
-
-declare const webComponents_webComponentsBuildOptions: typeof webComponentsBuildOptions;
-declare const webComponents_webComponentsConfig: typeof webComponentsConfig;
-declare namespace webComponents {
-  export {
-    _default as default,
-    webComponents_webComponentsBuildOptions as webComponentsBuildOptions,
-    webComponents_webComponentsConfig as webComponentsConfig,
-  };
-}
-
-declare function inspect(options?: InspectOptions): vite.Plugin;
-declare function layouts(options?: LayoutOptions): vite.Plugin;
-declare function components(options?: ComponentOptions): PluginOption;
-declare function pages(options?: PagesOption): vite.Plugin;
-declare function autoImports(options?: AutoImportsOptions): any;
-declare function cssEngine(isWebComponent?: boolean): vite.Plugin[];
-declare function pwa(): vite.Plugin[];
-declare function uiEngine(isWebComponent?: boolean): vite.Plugin;
-declare function componentPreset(isWebComponent?: boolean): (vite.Plugin | vite.Plugin[])[];
-
-declare const stacks_autoImports: typeof autoImports;
-declare const stacks_componentPreset: typeof componentPreset;
-declare const stacks_components: typeof components;
-declare const stacks_cssEngine: typeof cssEngine;
-declare const stacks_inspect: typeof inspect;
-declare const stacks_layouts: typeof layouts;
-declare const stacks_pages: typeof pages;
-declare const stacks_pwa: typeof pwa;
-declare const stacks_resolve: typeof resolve;
-declare const stacks_uiEngine: typeof uiEngine;
-declare namespace stacks {
-  export {
-    stacks_autoImports as autoImports,
-    stacks_componentPreset as componentPreset,
-    stacks_components as components,
-    stacks_cssEngine as cssEngine,
-    stacks_inspect as inspect,
-    stacks_layouts as layouts,
-    stacks_pages as pages,
-    stacks_pwa as pwa,
-    stacks_resolve as resolve,
-    stacks_uiEngine as uiEngine,
-  };
-}
-
-export { functions, stacks, views, exampleVue as vueComponentExample, vueComponents, exampleWc as webComponentExample, webComponents };
+export * as vueComponentExample from './example-vue';
+export * as webComponentExample from './example-wc';
+export * as functions from './functions';
+export * as views from './views';
+export * as vueComponents from './vue-components';
+export * as webComponents from './web-components';
+export * as stacks from './stacks';

package/dist/index.mjs

@@ -1,456 +1,7 @@
-import { defineConfig, loadEnv } from 'vite';
-import { examplesPath, functionsPath, projectPath, frameworkPath, libraryEntryPath, path, resolve, storagePath, libsPath } from '@stacksjs/path';
-import { server } from '@stacksjs/server';
-import { alias } from '@stacksjs/alias';
-import { library, app } from '@stacksjs/config';
-import mkcert from 'vite-plugin-mkcert';
-import c from 'picocolors';
-import AutoImport from 'unplugin-auto-import/vite';
-import Components from 'unplugin-vue-components/vite';
-import Vue from '@vitejs/plugin-vue';
-import Unocss from 'unocss/vite';
-import Inspect from 'vite-plugin-inspect';
-import Pages from 'vite-plugin-pages';
-import Layouts from 'vite-plugin-vue-layouts';
-import { VitePWA } from 'vite-plugin-pwa';
-import { defu } from 'defu';
-
-const vueComponentsExampleConfig = {
-  root: examplesPath("vue-components"),
-  resolve: {
-    alias
-  },
-  server
-  // plugins: [
-  //   uiEngine(),
-  // ],
-};
-const exampleVue = defineConfig(() => {
-  return vueComponentsExampleConfig;
-});
-
-const exampleVue$1 = {
-  __proto__: null,
-  default: exampleVue,
-  vueComponentsExampleConfig: vueComponentsExampleConfig
-};
-
-const webComponentsExampleConfig = {
-  root: examplesPath("web-components"),
-  resolve: {
-    alias
-  },
-  server
-  // plugins: [
-  //   uiEngine(true),
-  // ],
-};
-const exampleWc = defineConfig(() => {
-  return webComponentsExampleConfig;
-});
-
-const exampleWc$1 = {
-  __proto__: null,
-  default: exampleWc,
-  webComponentsExampleConfig: webComponentsExampleConfig
-};
-
-const functionsConfig = {
-  root: functionsPath(),
-  envDir: projectPath(),
-  envPrefix: "",
-  resolve: {
-    alias
-  },
-  // plugins: [
-  //   autoImports(),
-  // ],
-  build: functionsBuildOptions()
-};
-function functionsBuildOptions() {
-  return {
-    outDir: frameworkPath("functions/dist"),
-    emptyOutDir: true,
-    sourcemap: library.functions?.shouldGenerateSourcemap,
-    lib: {
-      entry: libraryEntryPath("functions"),
-      name: library.functions?.name,
-      formats: ["cjs", "es"],
-      fileName: (format) => {
-        if (format === "es")
-          return "index.mjs";
-        if (format === "cjs")
-          return "index.cjs";
-        return "index.?.js";
-      }
-    }
-  };
-}
-const functions = defineConfig(({ command }) => {
-  if (command === "serve")
-    return functionsConfig;
-  return functionsConfig;
-});
-
-const functions$1 = {
-  __proto__: null,
-  default: functions,
-  functionsBuildOptions: functionsBuildOptions,
-  functionsConfig: functionsConfig
-};
-
-const pagesConfig = {
-  root: functionsPath(),
-  envDir: projectPath(),
-  envPrefix: "FRONTEND_",
-  resolve: {
-    alias
-  },
-  plugins: [
-    // preview(),
-    // uiEngine(),
-    // pages(),
-    // cssEngine(),
-    // components(),
-    // layouts(),
-    // // i18n(),
-    // autoImports(),
-    // pwa(),
-    // inspect(),
-  ],
-  // https://github.com/antfu/vite-ssg
-  // ssgOptions: {
-  //   script: 'async',
-  //   formatting: 'minify',
-  //   onFinished() { generateSitemap() },
-  // },
-  ssr: {
-    // TODO: workaround until they support native ESM
-    noExternal: ["workbox-window", /vue-i18n/]
-  }
-};
-const views = defineConfig(({ command }) => {
-  if (command === "serve")
-    return pagesConfig;
-  return pagesConfig;
-});
-
-const views$1 = {
-  __proto__: null,
-  default: views,
-  pagesConfig: pagesConfig
-};
-
-function inspect(options) {
-  return Inspect(options);
-}
-function layouts(options) {
-  return Layouts(options);
-}
-function components(options) {
-  const defaultOptions = {
-    // also allow auto-loading markdown components
-    extensions: ["vue", "md"],
-    include: [/\.vue$/, /\.vue\?vue/, /\.md$/],
-    dirs: [
-      path.componentsPath()
-      // pagesPath(),
-    ],
-    dts: path.frameworkPath("components.d.ts")
-  };
-  const newOptions = defu(options, defaultOptions);
-  return Components(newOptions);
-}
-function pages(options) {
-  const defaultOptions = {
-    extensions: ["vue", "md"],
-    dirs: [
-      path.pagesPath()
-    ]
-  };
-  const newOptions = defu(options, defaultOptions);
-  return Pages(newOptions);
-}
-function autoImports(options) {
-  const defaultOptions = {
-    imports: [
-      "vue",
-      "vue-router",
-      "vue/macros",
-      "vitest",
-      { "@stacksjs/ui": ["CssEngine", "UiEngine", "Store", "presetForms", "transformerCompileClass"] },
-      { "@stacksjs/logging": ["dd", "dump"] }
-      // we also export `log` in st stacks/cli
-      // { '@stacksjs/validation': ['validate', 'validateAll', 'validateSync', 'validateAllSync'] },
-    ],
-    dirs: [
-      path.resourcesPath("functions"),
-      path.resourcesPath("components"),
-      path.projectPath("config"),
-      // auto imported utilities start here
-      path.aiPath("src"),
-      path.arraysPath("src"),
-      path.authPath("src"),
-      path.cachePath("src"),
-      path.chatPath("src"),
-      path.cliPath("src"),
-      path.cloudPath("src"),
-      path.databasePath("src"),
-      path.datetimePath("src"),
-      path.desktopPath("src"),
-      path.errorHandlingPath("src"),
-      path.eventsPath("src"),
-      path.fakerPath("src"),
-      path.healthPath("src"),
-      path.lintPath("src"),
-      path.notificationsPath("src"),
-      path.objectsPath("src"),
-      path.ormPath("src"),
-      path.pathPath("src"),
-      path.paymentsPath("src"),
-      path.pushPath("src"),
-      path.queuePath("src"),
-      path.queryBuilderPath("src"),
-      path.realtimePath("src"),
-      path.routerPath("src"),
-      path.searchEnginePath("src"),
-      path.securityPath("src"),
-      path.signalsPath("src"),
-      path.smsPath("src"),
-      path.slugPath("src"),
-      path.storagePath("src"),
-      path.stringsPath("src"),
-      path.testingPath("src"),
-      path.utilsPath("src"),
-      path.validationPath("src")
-    ],
-    dts: path.frameworkPath("auto-imports.d.ts"),
-    vueTemplate: true,
-    eslintrc: {
-      enabled: false
-      // filepath: frameworkPath('.eslintrc-auto-import.json'),
-    }
-  };
-  const newOptions = defu(options, defaultOptions);
-  return AutoImport(newOptions);
-}
-function cssEngine(isWebComponent = false) {
-  return Unocss({
-    configFile: path.uiPath("src/unocss.ts"),
-    mode: isWebComponent ? "shadow-dom" : "vue-scoped"
-  });
-}
-function pwa() {
-  return VitePWA({
-    registerType: "autoUpdate",
-    includeAssets: ["favicon.svg", "safari-pinned-tab.svg"],
-    manifest: {
-      name: "Stacks",
-      short_name: "Stacks",
-      theme_color: "#ffffff",
-      icons: [
-        {
-          src: "/pwa-192x192.png",
-          sizes: "192x192",
-          type: "image/png"
-        },
-        {
-          src: "/pwa-512x512.png",
-          sizes: "512x512",
-          type: "image/png"
-        },
-        {
-          src: "/pwa-512x512.png",
-          sizes: "512x512",
-          type: "image/png",
-          purpose: "any maskable"
-        }
-      ]
-    }
-  });
-}
-function uiEngine(isWebComponent = false) {
-  if (isWebComponent) {
-    return Vue({
-      include: [/\.vue$/, /\.md$/],
-      template: {
-        compilerOptions: {
-          isCustomElement: () => true
-        }
-      }
-    });
-  }
-  return Vue({
-    include: [/\.vue$/, /\.md$/]
-  });
-}
-function componentPreset(isWebComponent = false) {
-  return [
-    // inspect,
-    uiEngine(isWebComponent),
-    cssEngine(isWebComponent)
-    // autoImports,
-    // components,
-  ];
-}
-
-const stacks = {
-  __proto__: null,
-  autoImports: autoImports,
-  componentPreset: componentPreset,
-  components: components,
-  cssEngine: cssEngine,
-  inspect: inspect,
-  layouts: layouts,
-  pages: pages,
-  pwa: pwa,
-  resolve: resolve,
-  uiEngine: uiEngine
-};
-
-const vueComponentsConfig = {
-  root: frameworkPath("libs/components/vue"),
-  base: frameworkPath(),
-  envDir: projectPath(),
-  envPrefix: "FRONTEND_",
-  publicDir: storagePath("public"),
-  server: {
-    https: true,
-    port: 3333,
-    open: true
-  },
-  resolve: {
-    dedupe: ["vue"],
-    alias
-  },
-  optimizeDeps: {
-    exclude: ["vue", "fsevents"]
-  },
-  plugins: [
-    // preview(),
-    uiEngine(),
-    cssEngine(),
-    autoImports(),
-    components(),
-    inspect(),
-    mkcert({
-      autoUpgrade: true,
-      savePath: libsPath("components/certs"),
-      keyFileName: library.name ? `library-${library.name}-key.pem` : "library-key.pem",
-      certFileName: library.name ? `library-${library.name}-cert.pem` : "library-cert.pem"
-    }),
-    {
-      // ...
-      configureServer(server) {
-        server.printUrls = () => {
-          const appUrl = app.url;
-          const frontendUrl = `https://${appUrl}`;
-          const backendUrl = `https://api.${appUrl}`;
-          const dashboardUrl = `https://admin.${appUrl}`;
-          const libraryUrl = `https://libs.${appUrl}`;
-          const docsUrl = `https://docs.${appUrl}`;
-          const inspectUrl = `https://${appUrl}/__inspect/`;
-          const stacksVersion = "alpha-0.x.x";
-          console.log(`  ${c.blue(c.bold("STACKS"))} ${c.blue(stacksVersion)}`);
-          console.log(`  ${c.green("\u279C")}  ${c.bold("Frontend")}: ${c.green(frontendUrl)}`);
-          console.log(`  ${c.green("\u279C")}  ${c.bold("Backend")}: ${c.green(backendUrl)}`);
-          console.log(`  ${c.green("\u279C")}  ${c.bold("Dashboard")}: ${c.green(dashboardUrl)}`);
-          console.log(`  ${c.green("\u279C")}  ${c.bold("Library")}: ${c.green(libraryUrl)}`);
-          console.log(`  ${c.green("\u279C")}  ${c.bold("Docs")}: ${c.green(docsUrl)}`);
-          console.log(`  ${c.green("\u279C")}  ${c.dim("Inspect")}: ${c.green(inspectUrl)}`);
-        };
-      }
-    }
-  ],
-  build: vueComponentsBuildOptions()
-};
-function vueComponentsBuildOptions() {
-  return {
-    target: "esnext",
-    outDir: libsPath("components/vue/dist"),
-    emptyOutDir: true,
-    lib: {
-      entry: libraryEntryPath("vue-components"),
-      name: library.vueComponents?.name,
-      formats: ["cjs", "es"],
-      fileName: (format) => {
-        if (format === "es")
-          return "index.mjs";
-        if (format === "cjs")
-          return "index.cjs";
-        return "index.?.js";
-      }
-    },
-    rollupOptions: {
-      external: ["vue", "@stacksjs/alias"],
-      output: {
-        globals: {
-          vue: "Vue"
-        }
-      }
-    }
-  };
-}
-const vueComponents = defineConfig(({ command, mode }) => {
-  process.env = { ...process.env, ...loadEnv(mode, projectPath(), "") };
-  if (command === "serve")
-    return vueComponentsConfig;
-  return vueComponentsConfig;
-});
-
-const vueComponents$1 = {
-  __proto__: null,
-  default: vueComponents,
-  vueComponentsBuildOptions: vueComponentsBuildOptions,
-  vueComponentsConfig: vueComponentsConfig
-};
-
-const webComponentsConfig = {
-  root: frameworkPath("libs/components/web"),
-  envDir: projectPath(),
-  envPrefix: "FRONTEND_",
-  server,
-  resolve: {
-    alias
-  },
-  plugins: [
-    // inspect(),
-    // uiEngine(isWebComponent),
-    // cssEngine(isWebComponent),
-    // autoImports(),
-    // components(),
-  ],
-  build: webComponentsBuildOptions()
-};
-function webComponentsBuildOptions() {
-  return {
-    outDir: frameworkPath("components/web/dist"),
-    emptyOutDir: true,
-    lib: {
-      entry: libraryEntryPath("web-components"),
-      name: library.webComponents?.name,
-      formats: ["cjs", "es"],
-      fileName: (format) => {
-        if (format === "es")
-          return "index.mjs";
-        if (format === "cjs")
-          return "index.cjs";
-        return "index.?.js";
-      }
-    }
-  };
-}
-const webComponents = defineConfig(({ command }) => {
-  if (command === "serve")
-    return webComponentsConfig;
-  return webComponentsConfig;
-});
-
-const webComponents$1 = {
-  __proto__: null,
-  default: webComponents,
-  webComponentsBuildOptions: webComponentsBuildOptions,
-  webComponentsConfig: webComponentsConfig
-};
-
-export { functions$1 as functions, stacks, views$1 as views, exampleVue$1 as vueComponentExample, vueComponents$1 as vueComponents, exampleWc$1 as webComponentExample, webComponents$1 as webComponents };
+export * as vueComponentExample from "./example-vue.mjs";
+export * as webComponentExample from "./example-wc.mjs";
+export * as functions from "./functions.mjs";
+export * as views from "./views.mjs";
+export * as vueComponents from "./vue-components.mjs";
+export * as webComponents from "./web-components.mjs";
+export * as stacks from "./stacks.mjs";

package/dist/stacks.d.ts

@@ -0,0 +1,12 @@
+import type { PluginOption } from 'vite';
+import type { AutoImportsOptions, ComponentOptions, InspectOptions, PagesOption } from '@stacksjs/types';
+import { resolve } from '@stacksjs/path';
+export { resolve };
+export declare function inspect(options?: InspectOptions): import("vite").Plugin;
+export declare function components(options?: ComponentOptions): PluginOption;
+export declare function pages(options?: PagesOption): import("vite").Plugin;
+export declare function autoImports(options?: AutoImportsOptions): any;
+export declare function cssEngine(isWebComponent?: boolean): import("vite").Plugin[];
+export declare function pwa(): import("vite").Plugin[];
+export declare function uiEngine(isWebComponent?: boolean): import("vite").Plugin;
+export declare function componentPreset(isWebComponent?: boolean): (import("vite").Plugin | import("vite").Plugin[])[];

package/dist/stacks.mjs

@@ -0,0 +1,159 @@
+import AutoImport from "unplugin-auto-import/vite";
+import Components from "unplugin-vue-components/vite";
+import Vue from "@vitejs/plugin-vue";
+import Unocss from "unocss/vite";
+import Inspect from "vite-plugin-inspect";
+import Pages from "vite-plugin-pages";
+import { VitePWA } from "vite-plugin-pwa";
+import { defu } from "defu";
+import { path as p, resolve } from "@stacksjs/path";
+export { resolve };
+export function inspect(options) {
+  return Inspect(options);
+}
+export function components(options) {
+  const defaultOptions = {
+    // also allow auto-loading markdown components
+    extensions: ["vue", "md"],
+    include: [/\.vue$/, /\.vue\?vue/, /\.md$/],
+    dirs: [
+      p.componentsPath()
+      // pagesPath(),
+    ],
+    dts: p.frameworkPath("components.d.ts")
+  };
+  const newOptions = defu(options, defaultOptions);
+  return Components(newOptions);
+}
+export function pages(options) {
+  const defaultOptions = {
+    extensions: ["vue", "md"],
+    dirs: [
+      p.pagesPath()
+    ]
+  };
+  const newOptions = defu(options, defaultOptions);
+  return Pages(newOptions);
+}
+export function autoImports(options) {
+  const defaultOptions = {
+    imports: [
+      "vue",
+      "vue-router",
+      "vue/macros",
+      "vitest",
+      { "@stacksjs/ui": ["CssEngine", "UiEngine", "Store", "presetForms", "transformerCompileClass"] },
+      { "@stacksjs/logging": ["dd", "dump"] }
+      // we also export `log` in st stacks/cli
+      // { '@stacksjs/validation': ['validate', 'validateAll', 'validateSync', 'validateAllSync'] },
+    ],
+    dirs: [
+      p.resourcesPath("functions"),
+      p.resourcesPath("components"),
+      p.projectPath("config"),
+      // auto imported utilities start here
+      p.aiPath("src"),
+      p.arraysPath("src"),
+      p.authPath("src"),
+      p.cachePath("src"),
+      p.chatPath("src"),
+      p.cliPath("src"),
+      p.cloudPath("src"),
+      p.databasePath("src"),
+      p.datetimePath("src"),
+      p.desktopPath("src"),
+      p.errorHandlingPath("src"),
+      p.eventsPath("src"),
+      p.fakerPath("src"),
+      p.healthPath("src"),
+      p.lintPath("src"),
+      p.notificationsPath("src"),
+      p.objectsPath("src"),
+      p.ormPath("src"),
+      p.pathPath("src"),
+      p.paymentsPath("src"),
+      p.pushPath("src"),
+      p.queuePath("src"),
+      p.queryBuilderPath("src"),
+      p.realtimePath("src"),
+      p.routerPath("src"),
+      p.searchEnginePath("src"),
+      p.securityPath("src"),
+      p.signalsPath("src"),
+      p.smsPath("src"),
+      p.slugPath("src"),
+      p.storagePath("src"),
+      p.stringsPath("src"),
+      p.testingPath("src"),
+      p.utilsPath("src"),
+      p.validationPath("src")
+    ],
+    dts: p.frameworkPath("auto-imports.d.ts"),
+    vueTemplate: true,
+    eslintrc: {
+      enabled: false
+      // filepath: frameworkPath('.eslintrc-auto-import.json'),
+    }
+  };
+  const newOptions = defu(options, defaultOptions);
+  return AutoImport(newOptions);
+}
+export function cssEngine(isWebComponent = false) {
+  return Unocss({
+    configFile: p.uiPath("src/unocss.ts"),
+    mode: isWebComponent ? "shadow-dom" : "vue-scoped"
+  });
+}
+export function pwa() {
+  return VitePWA({
+    registerType: "autoUpdate",
+    includeAssets: ["favicon.svg", "safari-pinned-tab.svg"],
+    manifest: {
+      name: "Stacks",
+      short_name: "Stacks",
+      theme_color: "#ffffff",
+      icons: [
+        {
+          src: "/pwa-192x192.png",
+          sizes: "192x192",
+          type: "image/png"
+        },
+        {
+          src: "/pwa-512x512.png",
+          sizes: "512x512",
+          type: "image/png"
+        },
+        {
+          src: "/pwa-512x512.png",
+          sizes: "512x512",
+          type: "image/png",
+          purpose: "any maskable"
+        }
+      ]
+    }
+  });
+}
+export function uiEngine(isWebComponent = false) {
+  if (isWebComponent) {
+    return Vue({
+      include: [/\.vue$/, /\.md$/],
+      template: {
+        compilerOptions: {
+          isCustomElement: () => true
+        }
+      }
+    });
+  }
+  return Vue({
+    include: [/\.vue$/, /\.md$/]
+  });
+}
+export function componentPreset(isWebComponent = false) {
+  return [
+    // inspect,
+    uiEngine(isWebComponent),
+    cssEngine(isWebComponent)
+    // autoImports,
+    // components,
+  ];
+}

package/dist/views.d.ts

@@ -0,0 +1,4 @@
+import type { ViteConfig } from '@stacksjs/types';
+export declare const pagesConfig: ViteConfig;
+declare const _default: import("vite").UserConfigExport;
+export default _default;

package/dist/views.mjs

@@ -0,0 +1,38 @@
+import { defineConfig } from "vite";
+import { functionsPath, projectPath } from "@stacksjs/path";
+import { alias } from "@stacksjs/alias";
+export const pagesConfig = {
+  root: functionsPath(),
+  envDir: projectPath(),
+  envPrefix: "FRONTEND_",
+  resolve: {
+    alias
+  },
+  plugins: [
+    // preview(),
+    // uiEngine(),
+    // pages(),
+    // cssEngine(),
+    // components(),
+    // layouts(),
+    // // i18n(),
+    // autoImports(),
+    // pwa(),
+    // inspect(),
+  ],
+  // https://github.com/antfu/vite-ssg
+  // ssgOptions: {
+  //   script: 'async',
+  //   formatting: 'minify',
+  //   onFinished() { generateSitemap() },
+  // },
+  ssr: {
+    // TODO: workaround until they support native ESM
+    noExternal: ["workbox-window", /vue-i18n/]
+  }
+};
+export default defineConfig(({ command }) => {
+  if (command === "serve")
+    return pagesConfig;
+  return pagesConfig;
+});

package/dist/vue-components.d.ts

@@ -0,0 +1,6 @@
+import type { ViteConfig } from '@stacksjs/types';
+import type { BuildOptions as ViteBuildOptions } from 'vite';
+export declare const vueComponentsConfig: ViteConfig;
+export declare function vueComponentsBuildOptions(): ViteBuildOptions;
+declare const _default: import("vite").UserConfigExport;
+export default _default;

package/dist/vue-components.mjs

@@ -0,0 +1,96 @@
+import { defineConfig, loadEnv } from "vite";
+import { frameworkPath, libraryEntryPath, libsPath, projectPath, storagePath } from "@stacksjs/path";
+import { app, library } from "@stacksjs/config";
+import { alias } from "@stacksjs/alias";
+import mkcert from "vite-plugin-mkcert";
+import c from "picocolors";
+import { autoImports, components, cssEngine, inspect, uiEngine } from "./stacks.mjs";
+export const vueComponentsConfig = {
+  root: frameworkPath("libs/components/vue"),
+  base: frameworkPath(),
+  envDir: projectPath(),
+  envPrefix: "FRONTEND_",
+  publicDir: storagePath("public"),
+  server: {
+    https: true,
+    port: 3333,
+    open: true
+  },
+  resolve: {
+    dedupe: ["vue"],
+    alias
+  },
+  optimizeDeps: {
+    exclude: ["vue", "fsevents"]
+  },
+  plugins: [
+    // preview(),
+    uiEngine(),
+    cssEngine(),
+    autoImports(),
+    components(),
+    inspect(),
+    mkcert({
+      autoUpgrade: true,
+      savePath: libsPath("components/certs"),
+      keyFileName: library.name ? `library-${library.name}-key.pem` : "library-key.pem",
+      certFileName: library.name ? `library-${library.name}-cert.pem` : "library-cert.pem"
+    }),
+    {
+      // ...
+      configureServer(server) {
+        server.printUrls = () => {
+          const appUrl = app.url;
+          const frontendUrl = `https://${appUrl}`;
+          const backendUrl = `https://api.${appUrl}`;
+          const dashboardUrl = `https://admin.${appUrl}`;
+          const libraryUrl = `https://libs.${appUrl}`;
+          const docsUrl = `https://docs.${appUrl}`;
+          const inspectUrl = `https://${appUrl}/__inspect/`;
+          const stacksVersion = "alpha-0.x.x";
+          console.log(`  ${c.blue(c.bold("STACKS"))} ${c.blue(stacksVersion)}`);
+          console.log(`  ${c.green("\u279C")}  ${c.bold("Frontend")}: ${c.green(frontendUrl)}`);
+          console.log(`  ${c.green("\u279C")}  ${c.bold("Backend")}: ${c.green(backendUrl)}`);
+          console.log(`  ${c.green("\u279C")}  ${c.bold("Dashboard")}: ${c.green(dashboardUrl)}`);
+          console.log(`  ${c.green("\u279C")}  ${c.bold("Library")}: ${c.green(libraryUrl)}`);
+          console.log(`  ${c.green("\u279C")}  ${c.bold("Docs")}: ${c.green(docsUrl)}`);
+          console.log(`  ${c.green("\u279C")}  ${c.dim("Inspect")}: ${c.green(inspectUrl)}`);
+        };
+      }
+    }
+  ],
+  build: vueComponentsBuildOptions()
+};
+export function vueComponentsBuildOptions() {
+  return {
+    target: "esnext",
+    outDir: libsPath("components/vue/dist"),
+    emptyOutDir: true,
+    lib: {
+      entry: libraryEntryPath("vue-components"),
+      name: library.vueComponents?.name,
+      formats: ["cjs", "es"],
+      fileName: (format) => {
+        if (format === "es")
+          return "index.mjs";
+        if (format === "cjs")
+          return "index.cjs";
+        return "index.?.js";
+      }
+    },
+    rollupOptions: {
+      external: ["vue", "@stacksjs/alias"],
+      output: {
+        globals: {
+          vue: "Vue"
+        }
+      }
+    }
+  };
+}
+export default defineConfig(({ command, mode }) => {
+  process.env = { ...process.env, ...loadEnv(mode, projectPath(), "") };
+  if (command === "serve")
+    return vueComponentsConfig;
+  return vueComponentsConfig;
+});

package/dist/web-components.d.ts

@@ -0,0 +1,6 @@
+import type { BuildOptions as ViteBuildOptions } from 'vite';
+import type { ViteConfig } from '@stacksjs/types';
+export declare const webComponentsConfig: ViteConfig;
+export declare function webComponentsBuildOptions(): ViteBuildOptions;
+declare const _default: import("vite").UserConfigExport;
+export default _default;

package/dist/web-components.mjs

@@ -0,0 +1,45 @@
+import { defineConfig } from "vite";
+import { frameworkPath, libraryEntryPath, projectPath } from "@stacksjs/path";
+import { library } from "@stacksjs/config";
+import { server } from "@stacksjs/server";
+import { alias } from "@stacksjs/alias";
+export const webComponentsConfig = {
+  root: frameworkPath("libs/components/web"),
+  envDir: projectPath(),
+  envPrefix: "FRONTEND_",
+  server,
+  resolve: {
+    alias
+  },
+  plugins: [
+    // inspect(),
+    // uiEngine(isWebComponent),
+    // cssEngine(isWebComponent),
+    // autoImports(),
+    // components(),
+  ],
+  build: webComponentsBuildOptions()
+};
+export function webComponentsBuildOptions() {
+  return {
+    outDir: frameworkPath("components/web/dist"),
+    emptyOutDir: true,
+    lib: {
+      entry: libraryEntryPath("web-components"),
+      name: library.webComponents?.name,
+      formats: ["cjs", "es"],
+      fileName: (format) => {
+        if (format === "es")
+          return "index.mjs";
+        if (format === "cjs")
+          return "index.cjs";
+        return "index.?.js";
+      }
+    }
+  };
+}
+export default defineConfig(({ command }) => {
+  if (command === "serve")
+    return webComponentsConfig;
+  return webComponentsConfig;
+});

package/package.json

@@ -1,8 +1,8 @@
 {
   "name": "@stacksjs/build",
   "type": "module",
-  "version": "0.56.35",
-  "packageManager": "pnpm@8.6.5",
+  "version": "0.57.3",
+  "packageManager": "pnpm@8.6.6",
   "description": "The Stacks framework build tools and configurations.",
   "author": "Chris Breuer",
   "license": "MIT",
@@ -49,24 +49,24 @@
     "unplugin-auto-import": "^0.16.4",
     "unplugin-vue-components": "^0.25.1",
     "vite": "^4.3.9",
-    "vite-plugin-inspect": "^0.7.30",
+    "vite-plugin-inspect": "^0.7.32",
     "vite-plugin-pages": "^0.31.0",
     "vite-plugin-pwa": "^0.16.4",
     "vite-plugin-vue-layouts": "^0.8.0",
     "vite-plugin-vue-markdown": "^0.23.5",
-    "vite-ssg": "^0.22.2",
+    "vite-ssg": "^0.23.0",
     "vite-ssg-sitemap": "^0.5.1",
     "vue-docgen-web-types": "^0.1.8",
-    "@stacksjs/alias": "0.56.35",
-    "@stacksjs/config": "0.56.35",
-    "@stacksjs/path": "0.56.35",
-    "@stacksjs/server": "0.56.35",
-    "@stacksjs/types": "0.56.35",
-    "@stacksjs/utils": "0.56.35"
+    "@stacksjs/alias": "0.57.3",
+    "@stacksjs/config": "0.57.3",
+    "@stacksjs/path": "0.57.3",
+    "@stacksjs/server": "0.57.3",
+    "@stacksjs/types": "0.57.3",
+    "@stacksjs/utils": "0.57.3"
   },
   "devDependencies": {
     "vite-plugin-mkcert": "^1.16.0",
-    "@stacksjs/development": "0.56.35"
+    "@stacksjs/development": "0.57.3"
   },
   "scripts": {
     "build": "unbuild",