@vixt/vue 0.0.2 → 0.0.4

package/dist/index.d.mts

@@ -0,0 +1,6 @@
+import * as vite from 'vite';
+import { VixtOptions } from '@vixt/core';
+
+declare const _default: (options?: VixtOptions | undefined) => vite.PluginOption;
+
+export { _default as default };

package/dist/index.d.ts

@@ -0,0 +1,6 @@
+import * as vite from 'vite';
+import { VixtOptions } from '@vixt/core';
+
+declare const _default: (options?: VixtOptions | undefined) => vite.PluginOption;
+
+export { _default as default };

package/dist/index.mjs

@@ -0,0 +1,129 @@
+import { defineVixtModule, resolveLayersDirs, createVixtPlugin } from '@vixt/core';
+import path from 'pathe';
+import fs from 'fs-extra';
+import defu from 'defu';
+import Vue from '@vitejs/plugin-vue';
+import Layouts from 'vite-plugin-vue-layouts';
+import Components from 'unplugin-vue-components/vite';
+import AutoImport from 'unplugin-auto-import/vite';
+import VueDevTools from 'vite-plugin-vue-devtools';
+import VueRouter from 'unplugin-vue-router/vite';
+import { VueRouterAutoImports } from 'unplugin-vue-router';
+import UnoCSS from 'unocss/vite';
+
+function resolveLayersPlugins(layers, from) {
+  const { plugins = [] } = resolveLayersDirs(layers);
+  return plugins.map((pluginPath) => {
+    const pluginsDir = path.relative(from, pluginPath);
+    return `${pluginsDir}/*.ts`;
+  });
+}
+function generateMainTs(options, vixt, config) {
+  const { buildDir } = vixt.options;
+  const { rootId } = options;
+  const layersPluginsPath = resolveLayersPlugins(vixt._layers, path.join(config.root, buildDir));
+  const baseURL = options?.baseURL ?? config.env.BASE_URL ?? "/";
+  const cssTemplate = options?.css?.map((e) => `import '${e}'`).join("\n");
+  const code = `/** Generated by Vixt */
+// @ts-nocheck
+import { createApp } from 'vue'
+import { createRouter, createWebHistory } from 'vue-router'
+import { routes } from 'vue-router/auto-routes'
+import { setupLayouts } from 'virtual:generated-layouts'
+import { createPinia } from 'pinia'
+import { createPersistedState } from 'pinia-plugin-persistedstate'
+import App from '@/App.vue'
+
+${cssTemplate}
+
+const pinia = createPinia()
+pinia.use(createPersistedState())
+
+const router = createRouter({
+  routes: setupLayouts(routes),
+  history: createWebHistory('${baseURL}'),
+})
+
+const app = createApp(App)
+app.use(pinia).use(router)
+// install all plugins under 'plugins/'
+const plugins = import.meta.glob(${JSON.stringify(layersPluginsPath)}, { import: 'default', eager: true })
+// @ts-ignore
+Object.values(plugins).forEach((plugin) => typeof plugin === 'function' && plugin({ app, router, routes, pinia }))
+
+app.mount('#${rootId}')
+`;
+  fs.outputFileSync(path.resolve(config.root, `${buildDir}/main.ts`), code);
+  return code;
+}
+const name = "vixt:entry";
+const defaults$1 = {
+  rootId: "app",
+  css: ["virtual:uno.css"]
+};
+const entry = defineVixtModule({
+  meta: { name, configKey: "app" },
+  defaults: defaults$1,
+  setup(options, vixt) {
+    return {
+      name: "vixt:entry",
+      configResolved(config) {
+        generateMainTs(options, vixt, config);
+      }
+    };
+  }
+});
+
+const presetVue = defineVixtModule({
+  async setup(_, vixt) {
+    const { components, composables = [], constants = [], utils = [], stores = [], pages, layouts } = resolveLayersDirs(vixt._layers);
+    const { buildTypesDir } = vixt.options;
+    const defaultOptions = {
+      vue: {},
+      router: { dts: `${buildTypesDir}/typed-router.d.ts`, routesFolder: pages },
+      layouts: { layoutsDirs: layouts, pagesDirs: pages },
+      components: {
+        dts: `${buildTypesDir}/components.d.ts`,
+        dirs: components,
+        directoryAsNamespace: true,
+        collapseSamePrefixes: true,
+        allowOverrides: true
+      },
+      imports: {
+        imports: ["vue", "@vueuse/core", "pinia", VueRouterAutoImports],
+        dts: `${buildTypesDir}/auto-imports.d.ts`,
+        dirs: [...composables, ...constants, ...stores, ...utils],
+        vueTemplate: true
+      },
+      unocss: {},
+      devtools: {}
+    };
+    const options = defu(vixt.options, defaultOptions);
+    const plugins = [
+      VueRouter(options.router),
+      Vue(options.vue),
+      Layouts(options.layouts),
+      Components(options.components),
+      AutoImport(options.imports),
+      UnoCSS(options.unocss),
+      VueDevTools(options.devtools)
+    ];
+    return plugins;
+  }
+});
+
+const defaults = {
+  modules: [entry, presetVue],
+  app: {
+    head: {
+      link: [{ rel: "icon", href: "/favicon.ico" }]
+    }
+  },
+  typescript: {
+    references: ["types/typed-router.d.ts", "types/components.d.ts", "types/auto-imports.d.ts", "types/vite-env.d.ts"],
+    tsConfig: { compilerOptions: { types: ["vite-plugin-vue-layouts/client", "unplugin-vue-router/client"] } }
+  }
+};
+const index = createVixtPlugin({ defaults });
+
+export { index as default };

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@vixt/vue",
   "type": "module",
-  "version": "0.0.2",
+  "version": "0.0.4",
   "author": "SoulLyoko<https://github.com/SoulLyoko>",
   "license": "MIT",
   "homepage": "https://github.com/SoulLyoko/vixt#readme",
@@ -31,7 +31,7 @@
     "vite-plugin-vue-layouts": "^0.11.0",
     "vue": "^3.4.31",
     "vue-router": "^4.4.0",
-    "@vixt/core": "0.0.2"
+    "@vixt/core": "0.0.4"
   },
   "scripts": {
     "build": "unbuild"