@nikoyo-spa/vite-config 1.0.0 → 1.0.2

package/dist/index.mjs

@@ -43,7 +43,7 @@ function defineConfig(userConfig = {}) {
       base = VITE_BASE_URL;
       singleSpaConfig = {
         type: "root",
-        imo: () => "/shared/import-map-overrides@3.1.1.js",
+        imo: () => "/shared/import-map-overrides@6.1.0.js",
         importMaps: {
           dev: ["src/importMap.dev.json", "node_modules/@nikoyo-spa/import-map-shared/dist/shared/importMap.shared.json"],
           build: ["src/importMap.json", "node_modules/@nikoyo-spa/import-map-shared/dist/shared/importMap.shared.json"]

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@nikoyo-spa/vite-config",
   "type": "module",
-  "version": "1.0.0",
+  "version": "1.0.2",
   "description": "Spa Vite Config",
   "author": "qianyongdong <https://github.com/qianyongdong>",
   "license": "MIT",
@@ -16,7 +16,7 @@
   },
   "exports": {
     ".": {
-      "types": "./src/index.ts",
+      "types": "./dist/index.d.ts",
       "default": "./dist/index.mjs"
     }
   },
@@ -24,7 +24,7 @@
   "module": "./dist/index.mjs",
   "types": "./dist/index.d.ts",
   "files": [
-    "*"
+    "dist"
   ],
   "dependencies": {
     "@iconify-json/carbon": "^1.2.15",
@@ -47,6 +47,7 @@
     "vite-plugin-compression2": "^2.4.0",
     "vite-plugin-inspect": "^11.1.0",
     "vite-plugin-single-spa": "^1.1.0",
+    "vite-plugin-vue-devtools": "^8.0.5",
     "vite-plugin-vue-layouts": "^0.11.0",
     "vite-plugin-webfont-dl": "^3.11.1",
     "vue": "^3.5.25",
@@ -54,8 +55,8 @@
     "vue-router": "^4.6.4",
     "@nikoyo-spa/components": "1.0.0",
     "@nikoyo-spa/core": "1.0.0",
-    "@nikoyo-spa/icons": "1.0.0",
     "@nikoyo-spa/import-map-shared": "1.0.0",
+    "@nikoyo-spa/icons": "1.0.0",
     "@nikoyo-spa/metadata": "1.0.0",
     "@nikoyo-spa/resolvers": "1.0.0"
   },

package/build.config.ts

@@ -1,24 +0,0 @@
-import { defineBuildConfig } from 'unbuild'
-
-export default defineBuildConfig({
-  clean: true,
-  declaration: true,
-  entries: ['src/index'],
-  externals: [
-    '@tailwindcss/vite',
-    '@unhead/vue',
-    '@vitejs/plugin-vue',
-    'unplugin-auto-import/vite',
-    'unplugin-icons',
-    'unplugin-vue-components',
-    'unplugin-vue-router',
-    'vite',
-    'unplugin-auto-import/vite',
-    'vite-plugin-compression2',
-    'vite-plugin-vue-devtools',
-    'vite-plugin-vue-layouts',
-    'vite-plugin-webfont-dl',
-    'vite-plugin-single-spa',
-    /@nikoyo-spa\/.*/
-  ],
-})

package/src/index.ts

@@ -1,227 +0,0 @@
-import type { SingleSpaPluginOptions } from 'vite-plugin-single-spa'
-import fs from 'node:fs'
-
-import path from 'node:path'
-import { VITE_BUILD_EXTERNAL } from '@nikoyo-spa/import-map-shared'
-import { NikoyoSPAComponentsResolver, NikoyoSPACoreResolver } from '@nikoyo-spa/resolvers'
-import Tailwindcss from '@tailwindcss/vite'
-import { unheadVueComposablesImports } from '@unhead/vue'
-import Vue from '@vitejs/plugin-vue'
-import AutoImport from 'unplugin-auto-import/vite'
-import { FileSystemIconLoader } from 'unplugin-icons/loaders'
-import IconsResolver from 'unplugin-icons/resolver'
-import Icons from 'unplugin-icons/vite'
-import { ElementPlusResolver } from 'unplugin-vue-components/resolvers'
-import Components from 'unplugin-vue-components/vite'
-import { VueRouterAutoImports } from 'unplugin-vue-router'
-import VueRouter from 'unplugin-vue-router/vite'
-import { loadEnv, mergeConfig, defineConfig as viteDefineConfig } from 'vite'
-import { compression } from 'vite-plugin-compression2'
-import VitePluginSingleSpa from 'vite-plugin-single-spa'
-import VueDevTools from 'vite-plugin-vue-devtools'
-import Layouts from 'vite-plugin-vue-layouts'
-import WebfontDownload from 'vite-plugin-webfont-dl'
-
-function defineConfig(userConfig: Record<string, any> = {}) {
-  return viteDefineConfig(({ command, mode }) => {
-    // 加载环境变量
-    const env = loadEnv(mode, process.cwd())
-    const {
-      VITE_BASE_URL = '/', // 打包路径
-      VITE_API_URL = '/', // 接口路径
-      VITE_DEV_PORT = 8081,
-      VITE_PROXY_HOST = 'http://localhost:8080',
-    } = env
-    const port = +VITE_DEV_PORT
-    const isBuild = command === 'build'
-
-    // 获取spa配置
-    const pkgPath = path.resolve(process.cwd(), 'package.json')
-    const pkg: { name: string } = JSON.parse(fs.readFileSync(pkgPath, 'utf-8'))
-    const { name } = pkg
-    const isRoot = name.startsWith('@nikoyo-spa/root-')
-    let singleSpaConfig: SingleSpaPluginOptions
-    let base: string
-
-    if (isRoot) {
-      base = VITE_BASE_URL
-      singleSpaConfig = {
-        type: 'root',
-        imo: () => '/shared/import-map-overrides@3.1.1.js',
-        importMaps: {
-          dev: ['src/importMap.dev.json', 'node_modules/@nikoyo-spa/import-map-shared/dist/shared/importMap.shared.json'],
-          build: ['src/importMap.json', 'node_modules/@nikoyo-spa/import-map-shared/dist/shared/importMap.shared.json'],
-        },
-      }
-    }
-    else {
-      const projectId = name.replace('@nikoyo-spa/app-', '')
-      base = `/modules/${projectId}/`
-      singleSpaConfig = {
-        type: 'mife',
-        serverPort: port,
-        spaEntryPoints: 'src/main.ts',
-        projectId,
-      }
-    }
-
-    return mergeConfig(
-      {
-        base,
-        define: {
-          __BASE_URL__: JSON.stringify(VITE_BASE_URL),
-          __API_URL__: JSON.stringify(VITE_API_URL),
-        },
-        resolve: {
-          alias: {
-            '@': path.resolve(process.cwd(), './src'),
-          },
-        },
-        plugins: [
-          // https://github.com/vitejs/vite-plugin-vue
-          Vue(),
-          // https://github.com/posva/unplugin-vue-router
-          VueRouter({
-            extensions: ['.vue'],
-            routesFolder: [
-              './src/pages',
-            ],
-            dts: 'src/typed-router.d.ts',
-          }),
-          // https://github.com/johncampionjr/vite-plugin-vue-layouts
-          Layouts(),
-          // https://github.com/tailwindlabs/tailwindcss
-          Tailwindcss(),
-          // https://github.com/unplugin/unplugin-auto-import
-          AutoImport({
-            imports: [
-              'vue',
-              'vue-i18n',
-              '@vueuse/core',
-              'pinia',
-              unheadVueComposablesImports,
-              VueRouterAutoImports,
-              NikoyoSPACoreResolver(),
-              {
-                'vue-router/auto': ['useLink'],
-                'element-plus': ['ElMessage', 'ElLoading'],
-              },
-            ],
-            resolvers: [
-              ElementPlusResolver({ importStyle: false }),
-              IconsResolver({
-                prefix: 'Icon',
-              }),
-            ],
-            dirs: ['src/apis/**', 'src/constants/**', 'src/composables/**', 'src/stores/**', 'src/utils/**'],
-            dts: 'src/auto-imports.d.ts',
-            vueTemplate: true,
-          }),
-          // https://github.com/unplugin/unplugin-vue-components
-          Components({
-            resolvers: [
-              ElementPlusResolver({ importStyle: false }),
-              NikoyoSPAComponentsResolver(),
-              IconsResolver({
-                enabledCollections: ['ep', 'mdi', 'carbon'],
-                customCollections: ['custom', 'nikoyo'],
-              }),
-            ],
-            extensions: ['vue'],
-            include: [/\.vue$/, /\.vue\?vue/],
-            dts: 'src/components.d.ts',
-          }),
-          // https://github.com/unplugin/unplugin-icons
-          Icons({
-            autoInstall: true,
-            customCollections: {
-              custom: FileSystemIconLoader(
-                path.resolve(process.cwd(), './src/assets/icons'),
-                svg => svg.replace(/^<svg /, '<svg fill="currentColor" '),
-              ),
-              nikoyo: async (iconName) => {
-                const icons = await import('@nikoyo-spa/icons')
-                // @ts-ignore
-                const icon = icons.default?.[kebabToPascalCase(iconName)]
-                if (!icon) {
-                  throw new Error(`[nikoyo-icons] Icon "${iconName}" not found`)
-                }
-
-                return renderAntdAstToSvg(icon.icon)
-              },
-            },
-          }),
-          // https://github.com/feat-agency/vite-plugin-webfont-dl
-          WebfontDownload(),
-          // https://github.com/nonzzz/vite-plugin-compression
-          compression(),
-          // https://github.com/vuejs/devtools
-          VueDevTools(),
-          // https://github.com/WJSoftware/vite-plugin-single-spa
-          VitePluginSingleSpa(singleSpaConfig),
-        ],
-        build: {
-          rollupOptions: {
-            external: VITE_BUILD_EXTERNAL,
-          },
-          cssCodeSplit: true,
-          esbuild: isBuild
-            ? { drop: ['console', 'debugger'] }
-            : {},
-        },
-        server: {
-          hmr: true,
-          host: true,
-          port,
-          proxy: {
-            '/svc': VITE_PROXY_HOST,
-            '/token': VITE_PROXY_HOST,
-            '/login': VITE_PROXY_HOST,
-            '/pub': VITE_PROXY_HOST,
-          },
-        },
-      },
-      userConfig,
-    )
-  })
-}
-
-function kebabToPascalCase(str: string) {
-  return str
-    .split('-')
-    .map(s => s.charAt(0).toUpperCase() + s.slice(1))
-    .join('')
-}
-
-function renderAntdAstToSvg(icon: any): string {
-  const { tag, attrs = {}, children = [] } = icon
-
-  return `
-<svg
-  ${renderAttrs({
-    ...attrs,
-    fill: 'currentColor',
-    xmlns: 'http://www.w3.org/2000/svg',
-  })}
->
-  ${children.map(renderNode).join('')}
-</svg>
-`
-}
-
-function renderNode(node: any): string {
-  const { tag, attrs = {}, children = [] } = node
-  return `
-<${tag} ${renderAttrs(attrs)}>
-  ${children.map(renderNode).join('')}
-</${tag}>
-`
-}
-
-function renderAttrs(attrs: Record<string, any>) {
-  return Object.entries(attrs)
-    .map(([k, v]) => `${k}="${v}"`)
-    .join(' ')
-}
-
-export { defineConfig }

package/tsconfig.json

@@ -1,42 +0,0 @@
-{
-  "compilerOptions": {
-    "composite": false,
-    "target": "ESNext",
-
-    "lib": ["ESNext"],
-    "moduleDetection": "force",
-    "experimentalDecorators": true,
-
-    "baseUrl": "./",
-    "module": "ESNext",
-
-    "moduleResolution": "bundler",
-    "resolveJsonModule": true,
-
-    "types": ["node"],
-    "strict": true,
-    "strictNullChecks": true,
-    "noFallthroughCasesInSwitch": true,
-    "noImplicitAny": true,
-    "noImplicitOverride": true,
-    "noImplicitThis": true,
-    "noUncheckedIndexedAccess": true,
-    "noUnusedLocals": true,
-    "noUnusedParameters": true,
-
-    "inlineSources": false,
-    "noEmit": true,
-    "removeComments": true,
-    "sourceMap": false,
-    "allowSyntheticDefaultImports": true,
-    "esModuleInterop": true,
-    "forceConsistentCasingInFileNames": true,
-    "isolatedModules": true,
-    "verbatimModuleSyntax": true,
-    "skipLibCheck": true,
-    "preserveWatchOutput": true,
-    "ignoreDeprecations": "6.0"
-  },
-  "include": ["src"],
-  "exclude": ["node_modules"]
-}