@vixt/vue 0.4.0 → 0.4.2

package/dist/index.d.mts

@@ -0,0 +1,64 @@
+import * as vite from 'vite';
+import * as _vixt_core from '@vixt/core';
+import { AppOptions, Vixt, PluginOptions as PluginOptions$1, VixtOptions } from '@vixt/core';
+import { Pinia } from 'pinia';
+import { PluginOptions } from 'pinia-plugin-persistedstate';
+import { App } from 'vue';
+import { RouterOptions, Router, RouteRecord } from 'vue-router';
+import Vue from '@vitejs/plugin-vue';
+import VueJsx from '@vitejs/plugin-vue-jsx';
+import UnoCSS from 'unocss/vite';
+import AutoImport from 'unplugin-auto-import/vite';
+import Components from 'unplugin-vue-components/vite';
+import VueRouter from 'unplugin-vue-router/vite';
+import VueDevTools from 'vite-plugin-vue-devtools';
+import Layouts from 'vite-plugin-vue-layouts';
+
+declare module '@vixt/core/client' {
+  interface VixtAppConfig {
+    router?: Partial<RouterOptions>
+    /** https://github.com/prazdevs/pinia-plugin-persistedstate */
+    piniaPersistedState?: PluginOptions
+  }
+
+  interface VixtApp {
+    app: App
+    router: Router
+    routes: RouteRecord[]
+    pinia: Pinia
+    appConfig: VixtAppConfig
+  }
+}
+
+declare const appVue: _vixt_core.VixtModule<AppOptions>;
+
+declare function getAppComponentPath(vixt: Vixt): string | undefined;
+declare function genarateAppComponent(vixt: Vixt): string;
+
+declare function generateMainTs(options: AppOptions, vixt: Vixt): string;
+
+declare module '@vixt/core' {
+    interface VixtOptions {
+        vue?: PluginOptions$1<typeof Vue>;
+        vueJsx?: PluginOptions$1<typeof VueJsx>;
+        /** https://github.com/posva/unplugin-vue-router */
+        router?: PluginOptions$1<typeof VueRouter>;
+        /** https://github.com/JohnCampionJr/vite-plugin-vue-layouts */
+        layouts?: PluginOptions$1<typeof Layouts>;
+        /** https://github.com/unplugin/unplugin-vue-components */
+        components?: PluginOptions$1<typeof Components>;
+        /** https://github.com/unplugin/unplugin-auto-import */
+        imports?: PluginOptions$1<typeof AutoImport>;
+        /** https://github.com/unocss/unocss */
+        unocss?: PluginOptions$1<typeof UnoCSS>;
+        /** https://github.com/webfansplz/vite-plugin-vue-devtools */
+        devtools?: PluginOptions$1<typeof VueDevTools> & {
+            enabled?: boolean;
+        };
+    }
+}
+declare const presetVue: _vixt_core.VixtModule<VixtOptions>;
+
+declare const _default: (options?: VixtOptions | undefined) => vite.PluginOption;
+
+export { appVue, _default as default, genarateAppComponent, generateMainTs, getAppComponentPath, presetVue };

package/dist/index.d.ts

@@ -0,0 +1,64 @@
+import * as vite from 'vite';
+import * as _vixt_core from '@vixt/core';
+import { AppOptions, Vixt, PluginOptions as PluginOptions$1, VixtOptions } from '@vixt/core';
+import { Pinia } from 'pinia';
+import { PluginOptions } from 'pinia-plugin-persistedstate';
+import { App } from 'vue';
+import { RouterOptions, Router, RouteRecord } from 'vue-router';
+import Vue from '@vitejs/plugin-vue';
+import VueJsx from '@vitejs/plugin-vue-jsx';
+import UnoCSS from 'unocss/vite';
+import AutoImport from 'unplugin-auto-import/vite';
+import Components from 'unplugin-vue-components/vite';
+import VueRouter from 'unplugin-vue-router/vite';
+import VueDevTools from 'vite-plugin-vue-devtools';
+import Layouts from 'vite-plugin-vue-layouts';
+
+declare module '@vixt/core/client' {
+  interface VixtAppConfig {
+    router?: Partial<RouterOptions>
+    /** https://github.com/prazdevs/pinia-plugin-persistedstate */
+    piniaPersistedState?: PluginOptions
+  }
+
+  interface VixtApp {
+    app: App
+    router: Router
+    routes: RouteRecord[]
+    pinia: Pinia
+    appConfig: VixtAppConfig
+  }
+}
+
+declare const appVue: _vixt_core.VixtModule<AppOptions>;
+
+declare function getAppComponentPath(vixt: Vixt): string | undefined;
+declare function genarateAppComponent(vixt: Vixt): string;
+
+declare function generateMainTs(options: AppOptions, vixt: Vixt): string;
+
+declare module '@vixt/core' {
+    interface VixtOptions {
+        vue?: PluginOptions$1<typeof Vue>;
+        vueJsx?: PluginOptions$1<typeof VueJsx>;
+        /** https://github.com/posva/unplugin-vue-router */
+        router?: PluginOptions$1<typeof VueRouter>;
+        /** https://github.com/JohnCampionJr/vite-plugin-vue-layouts */
+        layouts?: PluginOptions$1<typeof Layouts>;
+        /** https://github.com/unplugin/unplugin-vue-components */
+        components?: PluginOptions$1<typeof Components>;
+        /** https://github.com/unplugin/unplugin-auto-import */
+        imports?: PluginOptions$1<typeof AutoImport>;
+        /** https://github.com/unocss/unocss */
+        unocss?: PluginOptions$1<typeof UnoCSS>;
+        /** https://github.com/webfansplz/vite-plugin-vue-devtools */
+        devtools?: PluginOptions$1<typeof VueDevTools> & {
+            enabled?: boolean;
+        };
+    }
+}
+declare const presetVue: _vixt_core.VixtModule<VixtOptions>;
+
+declare const _default: (options?: VixtOptions | undefined) => vite.PluginOption;
+
+export { appVue, _default as default, genarateAppComponent, generateMainTs, getAppComponentPath, presetVue };

package/dist/index.mjs

@@ -0,0 +1,210 @@
+import { generateClient, generateCss, generateAppConfig, generatePlugins, defineVixtModule, generateIndexHtml, resolveLayersDirs, createVixtPlugin } from '@vixt/core';
+import path from 'pathe';
+import fs from 'fs-extra';
+import Vue from '@vitejs/plugin-vue';
+import VueJsx from '@vitejs/plugin-vue-jsx';
+import defu from 'defu';
+import UnoCSS from 'unocss/vite';
+import AutoImport from 'unplugin-auto-import/vite';
+import Components from 'unplugin-vue-components/vite';
+import { VueRouterAutoImports } from 'unplugin-vue-router';
+import VueRouter from 'unplugin-vue-router/vite';
+import VueDevTools from 'vite-plugin-vue-devtools';
+import Layouts from 'vite-plugin-vue-layouts';
+
+function getAppComponentPath(vixt) {
+  for (const layer of vixt._layers) {
+    const appComponentPath = path.resolve(layer.config.srcDir, "App.vue");
+    if (fs.existsSync(appComponentPath))
+      return appComponentPath;
+  }
+}
+function genarateAppComponent(vixt) {
+  const { buildDir } = vixt.options;
+  const defaultAppComponentPath = path.resolve(buildDir, `App.vue`);
+  fs.outputFileSync(defaultAppComponentPath, `<template>
+  <RouterView />
+</template>
+`);
+  const appComponentPath = getAppComponentPath(vixt) || defaultAppComponentPath;
+  const appComponentTemplate = `import App from '${appComponentPath}'`;
+  return appComponentTemplate;
+}
+
+function generateMainTs(options, vixt) {
+  const { buildDir, srcDir } = vixt.options;
+  const mainTsPath = path.resolve(srcDir, "main.ts");
+  if (!fs.existsSync(mainTsPath))
+    fs.outputFileSync(mainTsPath, `// Generated by Vixt
+// This file transform from '${path.basename(buildDir)}/main.ts'
+`);
+  generateClient(vixt);
+  const appComponentTemplate = genarateAppComponent(vixt);
+  const cssTemplate = generateCss(options);
+  const appConfigTemplate = generateAppConfig(vixt);
+  const pluginsTemplate = generatePlugins(vixt);
+  const code = `// Generated by Vixt
+// This file transform to '${srcDir}/main.ts'
+// @ts-nocheck
+${appComponentTemplate}
+${cssTemplate}
+${appConfigTemplate}
+${pluginsTemplate}
+
+import 'virtual:uno.css'
+import { createApp } from 'vue'
+import { createPinia } from 'pinia'
+import { createPersistedState } from 'pinia-plugin-persistedstate'
+import { createRouter, createWebHistory } from 'vue-router'
+import { routes } from 'vue-router/auto-routes'
+import { setupLayouts } from 'virtual:generated-layouts'
+
+const pinia = createPinia()
+pinia.use(createPersistedState(appConfig.piniaPersistedState))
+
+const router = createRouter({
+  routes: setupLayouts(routes),
+  history: createWebHistory('${options.baseURL}'),
+  ...appConfig.router,
+})
+
+const app = createApp(App)
+app.use(pinia).use(router)
+usePlugins({ app, router, routes, pinia, appConfig })
+
+app.mount('#${options.rootId}')
+`;
+  fs.outputFileSync(path.resolve(buildDir, "main.ts"), code);
+  return code;
+}
+
+const name$1 = "vixt:app-vue";
+const defaults$1 = {
+  rootId: "app",
+  rootTag: "div",
+  baseURL: "/",
+  entryFile: "main.ts",
+  css: [],
+  head: {
+    meta: [
+      { charset: "utf-8" },
+      { name: "viewport", content: "width=device-width, initial-scale=1" }
+    ]
+  }
+};
+const appVue = defineVixtModule({
+  meta: { name: name$1, configKey: "app" },
+  defaults: defaults$1,
+  setup(options, vixt) {
+    let indexHtmlCode;
+    let mainTsCode;
+    const mainTsPath = path.resolve(vixt.options.srcDir, "main.ts");
+    return {
+      name: name$1,
+      configResolved() {
+        indexHtmlCode = generateIndexHtml(options, vixt);
+        mainTsCode = generateMainTs(options, vixt);
+      },
+      transformIndexHtml: {
+        order: "pre",
+        handler() {
+          return indexHtmlCode;
+        }
+      },
+      transform: {
+        order: "pre",
+        handler(_, id) {
+          if (id !== mainTsPath)
+            return;
+          return mainTsCode;
+        }
+      }
+    };
+  }
+});
+
+function genarateGlobalComponents(vixt) {
+  const { buildTypesDir } = vixt.options;
+  const codePath = path.resolve(buildTypesDir, "global-components.d.ts");
+  const code = `
+import type { GlobalComponents as _GlobalComponents } from '@vue/runtime-core'
+
+declare module 'vue'{
+  interface GlobalComponents extends _GlobalComponents {}
+}
+`;
+  fs.outputFileSync(codePath, code);
+}
+
+const name = "vixt:preset-vue";
+const presetVue = defineVixtModule({
+  meta: { name },
+  async setup(_, vixt) {
+    const { components = [], composables = [], constants = [], utils = [], stores = [], pages = [], layouts = [] } = resolveLayersDirs([...vixt._layers].reverse());
+    const { buildTypesDir, buildImportsDir } = vixt.options;
+    const defaultOptions = {
+      vue: {},
+      vueJsx: {},
+      router: {
+        dts: `${buildTypesDir}/typed-router.d.ts`,
+        routesFolder: pages,
+        /** Fix overrides priority */
+        extendRoute(route) {
+          const node = route.node.value;
+          const overrides = node._overrides;
+          if (overrides.size <= 1)
+            return;
+          for (const pageDir of [...pages].reverse()) {
+            const matched = [...overrides.keys()].find((e) => e.match(pageDir));
+            if (matched) {
+              node.components.set("default", matched);
+              return;
+            }
+          }
+        }
+      },
+      layouts: { layoutsDirs: layouts, pagesDirs: pages },
+      components: {
+        dts: `${buildTypesDir}/components.d.ts`,
+        dirs: [...components].reverse(),
+        directoryAsNamespace: true,
+        collapseSamePrefixes: true
+      },
+      imports: {
+        imports: ["vue", "@vueuse/core", "pinia", VueRouterAutoImports],
+        dts: `${buildTypesDir}/auto-imports.d.ts`,
+        dirs: [composables, constants, stores, utils, buildImportsDir].flat(),
+        vueTemplate: true
+      },
+      unocss: {},
+      devtools: { enabled: false }
+    };
+    const options = vixt.options = defu(vixt.options, defaultOptions);
+    genarateGlobalComponents(vixt);
+    const plugins = [
+      VueRouter(options.router),
+      Vue(options.vue),
+      VueJsx(options.vueJsx),
+      Layouts(options.layouts),
+      Components(options.components),
+      AutoImport(options.imports),
+      UnoCSS(options.unocss),
+      options.devtools?.enabled && VueDevTools(options.devtools)
+    ];
+    return plugins;
+  }
+});
+
+const defaults = {
+  modules: [appVue, presetVue],
+  typescript: {
+    tsConfig: {
+      compilerOptions: {
+        types: ["vite-plugin-vue-layouts/client", "unplugin-vue-router/client"]
+      }
+    }
+  }
+};
+const index = createVixtPlugin({ defaults });
+
+export { appVue, index as default, genarateAppComponent, generateMainTs, getAppComponentPath, presetVue };

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@vixt/vue",
   "type": "module",
-  "version": "0.4.0",
+  "version": "0.4.2",
   "author": "SoulLyoko<https://github.com/SoulLyoko>",
   "license": "MIT",
   "homepage": "https://github.com/SoulLyoko/vixt#readme",
@@ -20,7 +20,6 @@
   "dependencies": {
     "@vitejs/plugin-vue": "^5.2.4",
     "@vitejs/plugin-vue-jsx": "^4.2.0",
-    "@vue/compiler-sfc": "^3.5.14",
     "@vueuse/core": "^13.2.0",
     "pinia": "^3.0.2",
     "pinia-plugin-persistedstate": "^4.3.0",
@@ -33,7 +32,7 @@
     "vue": "^3.5.14",
     "vue-router": "^4.5.1",
     "vue-tsc": "^2.2.10",
-    "@vixt/core": "0.4.0"
+    "@vixt/core": "0.4.2"
   },
   "scripts": {
     "build": "unbuild",