@vixt/uni 0.4.0 → 0.4.1

package/dist/index.d.mts

@@ -0,0 +1,78 @@
+import * as vite from 'vite';
+import * as _vixt_core from '@vixt/core';
+import { AppOptions, Vixt, PluginOptions as PluginOptions$1, VixtOptions } from '@vixt/core';
+import Pages, { PageMetaDatum } from '@uni-helper/vite-plugin-uni-pages';
+import { Pinia } from 'pinia';
+import { PluginOptions } from 'pinia-plugin-persistedstate';
+import { App } from 'vue';
+import Uni from '@dcloudio/vite-plugin-uni';
+import Components from '@uni-helper/vite-plugin-uni-components';
+import Layouts from '@uni-helper/vite-plugin-uni-layouts';
+import UnoCSS from 'unocss/vite';
+import AutoImport from 'unplugin-auto-import/vite';
+import { ImportsMap } from 'unplugin-auto-import/types';
+
+declare module '@vixt/core/client' {
+  interface VixtAppConfig {
+    /** https://github.com/prazdevs/pinia-plugin-persistedstate */
+    piniaPersistedState?: PluginOptions
+  }
+
+  interface VixtApp {
+    app: App
+    routes: PageMetaDatum[]
+    pinia: Pinia
+    appConfig: VixtAppConfig
+  }
+}
+
+declare const appUni: _vixt_core.VixtModule<AppOptions>;
+
+declare function generateMainTs(options: AppOptions, vixt: Vixt): string;
+
+declare module '@vixt/core' {
+    interface VixtOptions {
+        uni?: PluginOptions$1<typeof Uni>;
+        /** https://github.com/uni-helper/vite-plugin-uni-pages */
+        uniPages?: PluginOptions$1<typeof Pages>;
+        /** https://github.com/uni-helper/vite-plugin-uni-layouts */
+        uniLayouts?: PluginOptions$1<typeof Layouts>;
+        /** https://github.com/uni-helper/vite-plugin-uni-components */
+        uniComponents?: PluginOptions$1<typeof Components>;
+        /** https://github.com/antfu/unplugin-auto-import */
+        imports?: PluginOptions$1<typeof AutoImport>;
+        /** https://github.com/antfu/unocss */
+        unocss?: PluginOptions$1<typeof UnoCSS>;
+    }
+}
+declare module '@vixt/core/client' {
+    interface VixtAppConfig {
+        /** https://github.com/prazdevs/pinia-plugin-persistedstate */
+        piniaPersistedState?: PluginOptions;
+    }
+}
+declare const presetUni: _vixt_core.VixtModule<VixtOptions>;
+
+declare module '@vixt/core' {
+    interface VixtOptions {
+        uniModules?: ModuleOptions;
+    }
+}
+interface ModuleOptions {
+    include?: string[];
+    exclude?: string[];
+}
+declare const uniModules: _vixt_core.VixtModule<_vixt_core.ModuleOptions>;
+
+/** 增加小程序中vueuse的运行所需 */
+declare function vueusePolyfill(code: string, id: string): string;
+/** 移除路径中的'../' */
+declare function patchNormalizeNodeModules(): void;
+declare const uniPatch: (options?: any) => vite.PluginOption;
+
+declare function useImports(): ImportsMap;
+
+declare const _default: (options?: _vixt_core.VixtOptions | undefined) => vite.PluginOption;
+
+export { appUni, _default as default, generateMainTs, patchNormalizeNodeModules, presetUni, uniModules, uniPatch, useImports, vueusePolyfill };
+export type { ModuleOptions };

package/dist/index.d.ts

@@ -0,0 +1,78 @@
+import * as vite from 'vite';
+import * as _vixt_core from '@vixt/core';
+import { AppOptions, Vixt, PluginOptions as PluginOptions$1, VixtOptions } from '@vixt/core';
+import Pages, { PageMetaDatum } from '@uni-helper/vite-plugin-uni-pages';
+import { Pinia } from 'pinia';
+import { PluginOptions } from 'pinia-plugin-persistedstate';
+import { App } from 'vue';
+import Uni from '@dcloudio/vite-plugin-uni';
+import Components from '@uni-helper/vite-plugin-uni-components';
+import Layouts from '@uni-helper/vite-plugin-uni-layouts';
+import UnoCSS from 'unocss/vite';
+import AutoImport from 'unplugin-auto-import/vite';
+import { ImportsMap } from 'unplugin-auto-import/types';
+
+declare module '@vixt/core/client' {
+  interface VixtAppConfig {
+    /** https://github.com/prazdevs/pinia-plugin-persistedstate */
+    piniaPersistedState?: PluginOptions
+  }
+
+  interface VixtApp {
+    app: App
+    routes: PageMetaDatum[]
+    pinia: Pinia
+    appConfig: VixtAppConfig
+  }
+}
+
+declare const appUni: _vixt_core.VixtModule<AppOptions>;
+
+declare function generateMainTs(options: AppOptions, vixt: Vixt): string;
+
+declare module '@vixt/core' {
+    interface VixtOptions {
+        uni?: PluginOptions$1<typeof Uni>;
+        /** https://github.com/uni-helper/vite-plugin-uni-pages */
+        uniPages?: PluginOptions$1<typeof Pages>;
+        /** https://github.com/uni-helper/vite-plugin-uni-layouts */
+        uniLayouts?: PluginOptions$1<typeof Layouts>;
+        /** https://github.com/uni-helper/vite-plugin-uni-components */
+        uniComponents?: PluginOptions$1<typeof Components>;
+        /** https://github.com/antfu/unplugin-auto-import */
+        imports?: PluginOptions$1<typeof AutoImport>;
+        /** https://github.com/antfu/unocss */
+        unocss?: PluginOptions$1<typeof UnoCSS>;
+    }
+}
+declare module '@vixt/core/client' {
+    interface VixtAppConfig {
+        /** https://github.com/prazdevs/pinia-plugin-persistedstate */
+        piniaPersistedState?: PluginOptions;
+    }
+}
+declare const presetUni: _vixt_core.VixtModule<VixtOptions>;
+
+declare module '@vixt/core' {
+    interface VixtOptions {
+        uniModules?: ModuleOptions;
+    }
+}
+interface ModuleOptions {
+    include?: string[];
+    exclude?: string[];
+}
+declare const uniModules: _vixt_core.VixtModule<_vixt_core.ModuleOptions>;
+
+/** 增加小程序中vueuse的运行所需 */
+declare function vueusePolyfill(code: string, id: string): string;
+/** 移除路径中的'../' */
+declare function patchNormalizeNodeModules(): void;
+declare const uniPatch: (options?: any) => vite.PluginOption;
+
+declare function useImports(): ImportsMap;
+
+declare const _default: (options?: _vixt_core.VixtOptions | undefined) => vite.PluginOption;
+
+export { appUni, _default as default, generateMainTs, patchNormalizeNodeModules, presetUni, uniModules, uniPatch, useImports, vueusePolyfill };
+export type { ModuleOptions };

package/dist/index.mjs

@@ -0,0 +1,274 @@
+import { generateClient, generateCss, generateAppConfig, generatePlugins, defineVixtModule, generateIndexHtml, resolveLayersDirs, defineVitePlugin, createVixtPlugin } from '@vixt/core';
+import path from 'pathe';
+import { genarateAppComponent } from '@vixt/vue';
+import fs from 'fs-extra';
+import Uni from '@dcloudio/vite-plugin-uni';
+import Components from '@uni-helper/vite-plugin-uni-components';
+import Layouts from '@uni-helper/vite-plugin-uni-layouts';
+import Pages from '@uni-helper/vite-plugin-uni-pages';
+import defu from 'defu';
+import UnoCSS from 'unocss/vite';
+import AutoImport from 'unplugin-auto-import/vite';
+import { resolvePathSync } from 'mlly';
+import { readFileSync } from 'node:fs';
+import process from 'node:process';
+import { uniuseAutoImports } from '@uni-helper/uni-use';
+import { resolveModule } from 'local-pkg';
+
+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 { createSSRApp } from 'vue'
+import * as Pinia from 'pinia'
+import { createPersistedState } from 'pinia-plugin-persistedstate'
+import { pages as routes } from 'virtual:uni-pages'
+
+export function createApp() {
+  const app = createSSRApp(App)
+  const pinia = Pinia.createPinia()
+  pinia.use(createPersistedState({
+    storage: {
+      getItem: uni.getStorageSync,
+      setItem: uni.setStorageSync,
+    },
+    ...appConfig.piniaPersistedState,
+  }))
+  app.use(pinia)
+  usePlugins({ app, routes, pinia, appConfig })
+  
+  return { app, Pinia }
+}
+`;
+  fs.outputFileSync(path.resolve(buildDir, "main.ts"), code);
+  return code;
+}
+
+const name$2 = "vixt:app-uni";
+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 appUni = defineVixtModule({
+  meta: { name: name$2, configKey: "app" },
+  defaults: defaults$1,
+  setup(options, vixt) {
+    let indexHtmlCode;
+    let mainTsCode;
+    const mainTsPath = path.resolve(vixt.options.srcDir, "main.ts");
+    return {
+      name: name$2,
+      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;
+        }
+      }
+    };
+  }
+});
+
+const name$1 = "vixt:preset-uni";
+const presetUni = defineVixtModule({
+  meta: { name: name$1 },
+  setup(_, vixt) {
+    const { components, composables = [], constants = [], utils = [], stores = [] } = resolveLayersDirs(vixt._layers);
+    const { buildTypesDir, buildImportsDir } = vixt.options;
+    const defaultOptions = {
+      uni: {},
+      uniPages: { dts: `${buildTypesDir}/uni-pages.d.ts` },
+      uniLayouts: {},
+      uniComponents: {
+        dts: `${buildTypesDir}/components.d.ts`,
+        dirs: components,
+        directoryAsNamespace: true,
+        collapseSamePrefixes: true
+      },
+      imports: {
+        imports: ["vue", "uni-app", "pinia", useImports()],
+        dts: `${buildTypesDir}/auto-imports.d.ts`,
+        dirs: [...composables, ...constants, ...stores, ...utils, buildImportsDir],
+        vueTemplate: true
+      },
+      unocss: {}
+    };
+    const options = vixt.options = defu(vixt.options, defaultOptions);
+    const modules = [
+      Pages(options.uniPages),
+      Layouts(options.uniLayouts),
+      Components(options.uniComponents),
+      AutoImport(options.imports),
+      UnoCSS(options.unocss),
+      // @ts-expect-error
+      Uni.default(options.uni),
+      uniPatch()
+    ];
+    return modules;
+  }
+});
+
+function copyUniModules(options, vixt) {
+  const { srcDir } = vixt.options;
+  const { include, exclude } = options ?? {};
+  const { uni_modules = [] } = resolveLayersDirs(vixt._layers);
+  const srcUniModulesPath = path.join(srcDir, "uni_modules");
+  uni_modules.forEach((uniModulesPath) => {
+    fs.readdirSync(uniModulesPath).filter((dir) => {
+      if (include?.length)
+        return include.includes(dir);
+      if (exclude?.length)
+        return !exclude.includes(dir);
+      return true;
+    }).forEach((dir) => {
+      const srcPath = path.join(uniModulesPath, dir);
+      const destPath = path.join(srcUniModulesPath, dir);
+      if (srcPath !== destPath) {
+        try {
+          fs.copySync(srcPath, destPath);
+          fs.writeFileSync(path.join(destPath, ".gitignore"), "*", "utf-8");
+        } catch (e) {
+          console.error(`Error copying ${srcPath} to ${destPath}:
+`, e);
+        }
+      }
+    });
+  });
+}
+const name = "vixt:uni-modules";
+const uniModules = defineVixtModule({
+  meta: { name, configKey: "uniModules" },
+  setup(options, vixt) {
+    copyUniModules(options, vixt);
+    return {
+      name,
+      configureServer(server) {
+        const { uni_modules = [] } = resolveLayersDirs(vixt._layers);
+        server.watcher.add(uni_modules);
+        server.watcher.on("all", (_, file) => {
+          const match = uni_modules.some((e) => path.normalize(file).match(e));
+          if (match)
+            copyUniModules(options, vixt);
+        });
+      }
+    };
+  }
+});
+
+function vueusePolyfill(code, id) {
+  if (!id.endsWith("@dcloudio/uni-mp-vue/dist/vue.runtime.esm.js"))
+    return code;
+  code += `
+export const render = () => {}
+export const TransitionGroup = {}
+`;
+  return code;
+}
+function patchNormalizeNodeModules() {
+  const matched = `str = normalizePath(str).replace(NODE_MODULES_REGEX, 'node-modules');`;
+  const replaced = `str = normalizePath(str).replace(NODE_MODULES_REGEX, 'node-modules').replace(/\\.\\.\\//g, '');`;
+  const codePath = resolvePathSync("@dcloudio/uni-cli-shared/dist/utils.js");
+  let code = fs.readFileSync(codePath, "utf8");
+  if (code.includes(matched)) {
+    code = code.replace(matched, replaced);
+    fs.writeFileSync(codePath, code);
+  }
+}
+const uniPatch = defineVitePlugin(() => {
+  patchNormalizeNodeModules();
+  return {
+    name: "vixt:uni-patch",
+    transform(code, id) {
+      code = vueusePolyfill(code, id);
+      return code;
+    }
+  };
+});
+
+let _cache;
+function useImports() {
+  const excluded = [
+    "toRefs",
+    "utils",
+    "toRef",
+    "toValue",
+    "tryOnScopeDispose",
+    "useNetwork",
+    "useOnline",
+    "usePreferredDark",
+    "useStorage",
+    "useStorageAsync"
+  ];
+  if (!_cache) {
+    let indexesJson;
+    try {
+      const corePath = resolveModule("@vueuse/core") || process.cwd();
+      const path = resolveModule("@vueuse/core/indexes.json") || resolveModule("@vueuse/metadata/index.json") || resolveModule("@vueuse/metadata/index.json", { paths: [corePath] });
+      indexesJson = JSON.parse(readFileSync(path, "utf-8"));
+    } catch (error) {
+      console.error(error);
+      throw new Error("[auto-import] failed to load @vueuse/core, have you installed it?");
+    }
+    if (indexesJson) {
+      _cache = {
+        "@vueuse/core": indexesJson.functions.filter((i) => ["core", "shared"].includes(i.package)).flatMap((i) => [i.name, ...i.alias || []]).filter((i) => i && i.length >= 4 && !excluded.includes(i)),
+        ...uniuseAutoImports()
+      };
+    }
+  }
+  return _cache || {};
+}
+
+const defaults = {
+  modules: [uniModules, appUni, presetUni],
+  typescript: {
+    tsConfig: {
+      compilerOptions: {
+        types: ["@dcloudio/types", "@uni-helper/uni-app-types", "@uni-helper/vite-plugin-uni-pages/client"]
+      },
+      vueCompilerOptions: {
+        plugins: ["@uni-helper/uni-app-types/volar-plugin"]
+      }
+    }
+  }
+};
+const index = createVixtPlugin({ defaults });
+
+export { appUni, index as default, generateMainTs, patchNormalizeNodeModules, presetUni, uniModules, uniPatch, useImports, vueusePolyfill };

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@vixt/uni",
   "type": "module",
-  "version": "0.4.0",
+  "version": "0.4.1",
   "author": "SoulLyoko<https://github.com/SoulLyoko>",
   "license": "MIT",
   "homepage": "https://github.com/SoulLyoko/vixt#readme",
@@ -26,8 +26,8 @@
     "@uni-helper/vite-plugin-uni-layouts": "^0.1.10",
     "@uni-helper/vite-plugin-uni-pages": "^0.2.28",
     "unocss-applet": "^0.10.0",
-    "@vixt/core": "0.4.0",
-    "@vixt/vue": "0.4.0"
+    "@vixt/core": "0.4.1",
+    "@vixt/vue": "0.4.1"
   },
   "scripts": {
     "build": "unbuild",