@vixt/core 0.0.6 → 0.0.8

package/dist/index.d.mts

@@ -1,5 +1,5 @@
 import * as vite from 'vite';
-import { PluginOption, UserConfig, TransformResult, ProxyOptions } from 'vite';
+import { PluginOption, UserConfig, TransformResult } from 'vite';
 import * as c12 from 'c12';
 import { ConfigLayer, LoadConfigOptions } from 'c12';
 import { TSConfig } from 'pkg-types';
@@ -95,27 +95,6 @@ declare const app: VixtModule<AppOptions>;
 
 declare const config: VixtModule<ModuleOptions>;
 
-declare module '@vixt/core' {
-    interface VixtOptions {
-        devProxy?: DevProxyOptions;
-    }
-}
-interface DevProxyOptions {
-    /**
-     * 环境变量的 key
-     * @default 'VITE_PROXY'
-     */
-    key?: string;
-}
-/**
- * @param list [prefix,target,rewrite?][]
- */
-declare function transformProxy(list: string): {
-    [k: string]: ProxyOptions;
-};
-/** 为 vite 开发服务添加代理配置 */
-declare const devProxy: VixtModule<DevProxyOptions>;
-
 declare module '@vixt/core' {
     interface VixtOptions {
         typescript?: TypescriptOptions;
@@ -132,24 +111,6 @@ interface TypescriptOptions {
 }
 declare const typescript: VixtModule<TypescriptOptions>;
 
-declare module '@vixt/core' {
-    interface VixtOptions {
-        warmup?: WarmupOptions;
-    }
-}
-interface WarmupOptions {
-    enabled?: boolean;
-    /**
-     * The files to be transformed and used on the client-side. Supports glob patterns.
-     */
-    clientFiles?: string[];
-    /**
-     * The files to be transformed and used in SSR. Supports glob patterns.
-     */
-    ssrFiles?: string[];
-}
-declare const warmup: VixtModule<WarmupOptions>;
-
 declare function defineVixtConfig(input: VixtOptions): VixtOptions;
 declare const rootDir: string;
 declare const buildDir = ".vixt";
@@ -165,4 +126,4 @@ declare function applyLayerModules(layers?: VixtConfigLayer[]): Promise<VixtModu
 declare function loadVixt(opts?: LoadConfigOptions<VixtOptions>): Promise<Vixt>;
 declare function createVixtPlugin(loadOptions: LoadConfigOptions<VixtOptions>): (options?: VixtOptions | undefined) => vite.PluginOption;
 
-export { type AppHead, type AppOptions, type DevProxyOptions, type ModuleDefinition, type ModuleMeta, type ModuleOptions, type PluginOptions, type TypescriptOptions, type Vixt, type VixtConfigLayer, type VixtModule, type VixtOptions, type WarmupOptions, alias, app, applyLayerModules, buildDir, buildTypesDir, config, createVixtPlugin, defineVitePlugin, defineVixtConfig, defineVixtModule, devProxy, installModule, loadVixt, loadVixtConfig, resolveLayersDirs, rootDir, transformProxy, typescript, warmup };
+export { type AppHead, type AppOptions, type ModuleDefinition, type ModuleMeta, type ModuleOptions, type PluginOptions, type TypescriptOptions, type Vixt, type VixtConfigLayer, type VixtModule, type VixtOptions, alias, app, applyLayerModules, buildDir, buildTypesDir, config, createVixtPlugin, defineVitePlugin, defineVixtConfig, defineVixtModule, installModule, loadVixt, loadVixtConfig, resolveLayersDirs, rootDir, typescript };

package/dist/index.d.ts

@@ -1,5 +1,5 @@
 import * as vite from 'vite';
-import { PluginOption, UserConfig, TransformResult, ProxyOptions } from 'vite';
+import { PluginOption, UserConfig, TransformResult } from 'vite';
 import * as c12 from 'c12';
 import { ConfigLayer, LoadConfigOptions } from 'c12';
 import { TSConfig } from 'pkg-types';
@@ -95,27 +95,6 @@ declare const app: VixtModule<AppOptions>;
 
 declare const config: VixtModule<ModuleOptions>;
 
-declare module '@vixt/core' {
-    interface VixtOptions {
-        devProxy?: DevProxyOptions;
-    }
-}
-interface DevProxyOptions {
-    /**
-     * 环境变量的 key
-     * @default 'VITE_PROXY'
-     */
-    key?: string;
-}
-/**
- * @param list [prefix,target,rewrite?][]
- */
-declare function transformProxy(list: string): {
-    [k: string]: ProxyOptions;
-};
-/** 为 vite 开发服务添加代理配置 */
-declare const devProxy: VixtModule<DevProxyOptions>;
-
 declare module '@vixt/core' {
     interface VixtOptions {
         typescript?: TypescriptOptions;
@@ -132,24 +111,6 @@ interface TypescriptOptions {
 }
 declare const typescript: VixtModule<TypescriptOptions>;
 
-declare module '@vixt/core' {
-    interface VixtOptions {
-        warmup?: WarmupOptions;
-    }
-}
-interface WarmupOptions {
-    enabled?: boolean;
-    /**
-     * The files to be transformed and used on the client-side. Supports glob patterns.
-     */
-    clientFiles?: string[];
-    /**
-     * The files to be transformed and used in SSR. Supports glob patterns.
-     */
-    ssrFiles?: string[];
-}
-declare const warmup: VixtModule<WarmupOptions>;
-
 declare function defineVixtConfig(input: VixtOptions): VixtOptions;
 declare const rootDir: string;
 declare const buildDir = ".vixt";
@@ -165,4 +126,4 @@ declare function applyLayerModules(layers?: VixtConfigLayer[]): Promise<VixtModu
 declare function loadVixt(opts?: LoadConfigOptions<VixtOptions>): Promise<Vixt>;
 declare function createVixtPlugin(loadOptions: LoadConfigOptions<VixtOptions>): (options?: VixtOptions | undefined) => vite.PluginOption;
 
-export { type AppHead, type AppOptions, type DevProxyOptions, type ModuleDefinition, type ModuleMeta, type ModuleOptions, type PluginOptions, type TypescriptOptions, type Vixt, type VixtConfigLayer, type VixtModule, type VixtOptions, type WarmupOptions, alias, app, applyLayerModules, buildDir, buildTypesDir, config, createVixtPlugin, defineVitePlugin, defineVixtConfig, defineVixtModule, devProxy, installModule, loadVixt, loadVixtConfig, resolveLayersDirs, rootDir, transformProxy, typescript, warmup };
+export { type AppHead, type AppOptions, type ModuleDefinition, type ModuleMeta, type ModuleOptions, type PluginOptions, type TypescriptOptions, type Vixt, type VixtConfigLayer, type VixtModule, type VixtOptions, alias, app, applyLayerModules, buildDir, buildTypesDir, config, createVixtPlugin, defineVitePlugin, defineVixtConfig, defineVixtModule, installModule, loadVixt, loadVixtConfig, resolveLayersDirs, rootDir, typescript };

package/dist/index.mjs

@@ -4,15 +4,15 @@ import fs from 'fs-extra';
 import 'tsx/esm';
 import { pathToFileURL } from 'mlly';
 import defu from 'defu';
-import Checker from 'vite-plugin-checker';
 import { loadConfig } from 'c12';
+import Checker from 'vite-plugin-checker';
 
-const name$5 = "vixt:alias";
+const name$3 = "vixt:alias";
 const alias = defineVixtModule({
-  meta: { name: name$5 },
+  meta: { name: name$3 },
   setup(_, vixt) {
     return {
-      name: name$5,
+      name: name$3,
       config() {
         return {
           root: vixt.options.rootDir,
@@ -30,6 +30,42 @@ const alias = defineVixtModule({
   }
 });
 
+function defineVixtConfig(input) {
+  return input;
+}
+const rootDir = cwd();
+const buildDir = ".vixt";
+const buildTypesDir = `${buildDir}/types`;
+async function loadVixtConfig(opts) {
+  const result = await loadConfig({
+    name: "vixt",
+    rcFile: false,
+    ...opts,
+    defaults: {
+      rootDir,
+      buildDir,
+      buildTypesDir,
+      ...opts?.defaults
+    }
+  });
+  result.layers = result.layers?.filter((e) => e.cwd);
+  return result;
+}
+function resolveLayersDirs(layers = []) {
+  const dirs = {};
+  for (const layer of layers) {
+    const contents = fs.readdirSync(path.resolve(layer.cwd, "src"));
+    for (const content of contents) {
+      const fileOrDirPath = path.resolve(layer.cwd, "src", content);
+      if (fs.statSync(fileOrDirPath).isDirectory()) {
+        dirs[content] ?? (dirs[content] = []);
+        dirs[content].push(fileOrDirPath);
+      }
+    }
+  }
+  return dirs;
+}
+
 function defineVitePlugin(pluginFn) {
   return pluginFn;
 }
@@ -72,39 +108,6 @@ async function applyLayerModules(layers) {
   return modules;
 }
 
-function defineVixtConfig(input) {
-  return input;
-}
-const rootDir = cwd();
-const buildDir = ".vixt";
-const buildTypesDir = `${buildDir}/types`;
-function loadVixtConfig(opts) {
-  return loadConfig({
-    name: "vixt",
-    ...opts,
-    defaults: {
-      rootDir,
-      buildDir,
-      buildTypesDir,
-      ...opts?.defaults
-    }
-  });
-}
-function resolveLayersDirs(layers) {
-  const dirs = {};
-  for (const layer of layers?.filter((e) => e.cwd) ?? []) {
-    const contents = fs.readdirSync(path.resolve(layer.cwd, "src"));
-    for (const content of contents) {
-      const fileOrDirPath = path.resolve(layer.cwd, "src", content);
-      if (fs.statSync(fileOrDirPath).isDirectory()) {
-        dirs[content] ?? (dirs[content] = []);
-        dirs[content].push(fileOrDirPath);
-      }
-    }
-  }
-  return dirs;
-}
-
 function resolveHeadTag(tag, attrs) {
   const attrsStr = Object.entries(attrs).filter(([k]) => k !== "children").map(([k, v]) => `${k}="${v}"`).join(" ");
   return attrs?.children ? `<${tag} ${attrsStr}>${attrs.children}</${tag}>` : `<${tag} ${attrsStr} />`;
@@ -141,10 +144,11 @@ ${noscriptTemplate}
   fs.outputFileSync(path.resolve(rootDir, `${buildDir2}/index.html`), code);
   return code;
 }
-const name$4 = "vixt:app";
-const defaults$2 = {
+const name$2 = "vixt:app";
+const defaults$1 = {
   rootId: "app",
   rootTag: "div",
+  baseURL: "/",
   loadingTemplate: "./loading.html",
   main: `${buildDir}/main.ts`,
   head: {
@@ -156,12 +160,12 @@ const defaults$2 = {
   }
 };
 const app = defineVixtModule({
-  meta: { name: name$4, configKey: "app" },
-  defaults: defaults$2,
+  meta: { name: name$2, configKey: "app" },
+  defaults: defaults$1,
   setup(options, vixt) {
     generateIndexHtml(options, vixt);
     return {
-      name: name$4,
+      name: name$2,
       transformIndexHtml: {
         order: "pre",
         handler() {
@@ -181,12 +185,12 @@ const app = defineVixtModule({
   }
 });
 
-const name$3 = "vixt:config";
+const name$1 = "vixt:config";
 const config = defineVixtModule({
-  meta: { name: name$3 },
+  meta: { name: name$1 },
   setup(options, vixt) {
     return {
-      name: name$3,
+      name: name$1,
       enforce: "pre",
       config(config2) {
         vixt.options.vite = config2;
@@ -198,84 +202,46 @@ const config = defineVixtModule({
   }
 });
 
-function transformProxy(list) {
-  return Object.fromEntries(
-    JSON.parse(list).map(([prefix, target, rewrite]) => {
-      const option = {
-        target,
-        changeOrigin: true,
-        ws: true,
-        secure: /^https:\/\//.test(target)
-      };
-      if (rewrite)
-        option.rewrite = (path) => path.replace(new RegExp(`^${prefix}`), "");
-      return [prefix, option];
-    })
-  );
-}
-const name$2 = "vixt:dev-proxy";
-const devProxy = defineVixtModule({
-  meta: { name: name$2, configKey: "devProxy" },
-  defaults: { key: "VITE_PROXY" },
-  setup(options) {
-    return {
-      name: name$2,
-      configResolved(config) {
-        const { env } = config;
-        const proxyList = env[options.key];
-        if (proxyList) {
-          const proxy = transformProxy(proxyList);
-          config.server.proxy = defu(proxy, config.server.proxy);
-          config.preview.proxy = defu(proxy, config.server.proxy);
-        }
-      }
-    };
-  }
-});
-
-function generateDts(options, vixt, config) {
-  const { root } = config;
-  const { buildDir } = vixt.options;
-  const vixtDts = options.references?.map((reference) => {
+function generateVixtDts(options, vixt) {
+  const { buildDir, rootDir } = vixt.options;
+  const codePath = path.resolve(rootDir, buildDir, "vixt.d.ts");
+  const code = options.references?.map((reference) => {
     if (typeof reference === "string") {
       return `/// <reference path="${reference}" />`;
     } else if (typeof reference === "object" && reference.path && reference.content) {
-      fs.outputFileSync(path.resolve(root, buildDir), reference.content ?? "");
+      fs.outputFileSync(path.resolve(rootDir, buildDir), reference.content ?? "");
       return `/// <reference path="${reference.path}" />`;
     } else {
       return "";
     }
   }).concat("export {}").join("\n");
-  const vixtDtsPath = path.resolve(root, buildDir, "vixt.d.ts");
-  fs.outputFileSync(vixtDtsPath, vixtDts);
+  code && fs.outputFileSync(codePath, code);
 }
-function generateTsConfig(options, vixt, config) {
-  const { root } = config;
-  const { buildDir } = vixt.options;
-  const tsConfigPath = path.resolve(root, buildDir, "tsconfig.json");
-  const layersDirs = vixt._layers.filter((e) => e.cwd).map((e) => e.cwd);
+function generateTsConfig(options, vixt) {
+  const { buildDir, rootDir } = vixt.options;
+  const codePath = path.resolve(rootDir, buildDir, "tsconfig.json");
+  const layersDirs = vixt._layers.map((e) => e.cwd);
   const tsConfig = defu(options.tsConfig, { include: layersDirs });
-  fs.outputFileSync(tsConfigPath, JSON.stringify(tsConfig, null, 2));
+  const code = JSON.stringify(tsConfig, null, 2);
+  fs.outputFileSync(codePath, code);
 }
-function generateEnvDts(options, vixt, config) {
-  const { env, root } = config;
-  const { buildDir } = vixt.options;
+function generateEnvDts(options, vixt, env) {
+  const { buildTypesDir, rootDir } = vixt.options;
+  const codePath = path.resolve(rootDir, buildTypesDir, "vite-env.d.ts");
   const values = Object.entries(env).map(([key, value]) => `/** ${key}=${value} */
   ${key}: ${typeof value}`).join("\n  ");
-  const envDts = `interface ImportMeta {
+  const code = `interface ImportMeta {
   readonly env: ImportMetaEnv
 }
 interface ImportMetaEnv {
   ${values}
 }
 `;
-  const envDtsPath = path.resolve(root, buildDir, "types", "vite-env.d.ts");
-  fs.outputFileSync(envDtsPath, envDts);
+  fs.outputFileSync(codePath, code);
 }
-function genarateShims(options, vixt, config) {
-  const { root } = config;
-  const { buildDir } = vixt.options;
-  const shimsDts = `
+function genarateShims(options, vixt) {
+  const { buildTypesDir, rootDir } = vixt.options;
+  const code = `
 declare module '*.vue' {
   import type { DefineComponent } from 'vue'
 
@@ -283,12 +249,24 @@ declare module '*.vue' {
   export default component
 }
 `;
-  const shimsDtsPath = path.resolve(root, buildDir, "types", "shims.d.ts");
-  fs.outputFileSync(shimsDtsPath, shimsDts);
+  const codePath = path.resolve(rootDir, buildTypesDir, "shims.d.ts");
+  fs.outputFileSync(codePath, code);
 }
-const name$1 = "vixt:typescript";
-const defaults$1 = {
-  references: ["./types/vite-env.d.ts", "./types/shims.d.ts"],
+function genarateGlobalComponents(options, vixt) {
+  const { buildTypesDir, rootDir } = vixt.options;
+  const codePath = path.resolve(rootDir, 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:typescript";
+const defaults = {
+  // references: ['types/vite-env.d.ts', 'types/shims.d.ts', 'types/global-components.d.ts'],
   tsConfig: {
     extends: "@vue/tsconfig/tsconfig.dom.json",
     compilerOptions: {
@@ -307,17 +285,18 @@ const defaults$1 = {
   typeCheck: { enableBuild: false, overlay: { initialIsOpen: false } }
 };
 const typescript = defineVixtModule({
-  meta: { name: name$1, configKey: "typescript" },
-  defaults: defaults$1,
+  meta: { name, configKey: "typescript" },
+  defaults,
   setup(options, vixt) {
     return [
       {
-        name: name$1,
+        name,
         configResolved(config) {
-          generateDts(options, vixt, config);
-          generateTsConfig(options, vixt, config);
-          generateEnvDts(options, vixt, config);
-          genarateShims(options, vixt, config);
+          generateVixtDts(options, vixt);
+          generateTsConfig(options, vixt);
+          generateEnvDts(options, vixt, config.env);
+          genarateShims(options, vixt);
+          genarateGlobalComponents(options, vixt);
         }
       },
       Checker(options.typeCheck ?? {})
@@ -325,35 +304,10 @@ const typescript = defineVixtModule({
   }
 });
 
-const defaults = {
-  enabled: true,
-  clientFiles: ["./index.html", "./src/**/*.vue", "./src/**/*.ts", "./src/**/*.tsx"],
-  ssrFiles: ["./index.html", "./src/**/*.vue", "./src/**/*.ts", "./src/**/*.tsx"]
-};
-const name = "vixt:warmup";
-const warmup = defineVixtModule({
-  meta: { name, configKey: "warmup" },
-  defaults,
-  setup(options) {
-    return {
-      name,
-      config() {
-        if (!options.enabled)
-          return;
-        return {
-          server: {
-            warmup: options
-          }
-        };
-      }
-    };
-  }
-});
-
 async function loadVixt(opts) {
   const result = await loadVixtConfig(defu(opts, {
     defaults: {
-      modules: [alias, app, config, devProxy, typescript, warmup]
+      modules: [alias, app, config, typescript]
     }
   }));
   const layerModules = await applyLayerModules(result.layers);
@@ -372,4 +326,4 @@ function createVixtPlugin(loadOptions) {
   });
 }
 
-export { alias, app, applyLayerModules, buildDir, buildTypesDir, config, createVixtPlugin, defineVitePlugin, defineVixtConfig, defineVixtModule, devProxy, installModule, loadVixt, loadVixtConfig, resolveLayersDirs, rootDir, transformProxy, typescript, warmup };
+export { alias, app, applyLayerModules, buildDir, buildTypesDir, config, createVixtPlugin, defineVitePlugin, defineVixtConfig, defineVixtModule, installModule, loadVixt, loadVixtConfig, resolveLayersDirs, rootDir, typescript };

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@vixt/core",
   "type": "module",
-  "version": "0.0.6",
+  "version": "0.0.8",
   "author": "SoulLyoko<https://github.com/SoulLyoko>",
   "license": "MIT",
   "homepage": "https://github.com/SoulLyoko/vixt#readme",
@@ -25,7 +25,7 @@
     "fs-extra": "^11.2.0",
     "mlly": "1.7.1",
     "pathe": "^1.1.2",
-    "pkg-types": "^1.1.1",
+    "pkg-types": "^1.1.3",
     "tsx": "^4.16.0",
     "vite": "^5.3.2",
     "vite-plugin-checker": "^0.7.0",