feat: add vite-config package

designer-demo/package.json

@@ -11,11 +11,16 @@
     "vue": "^3.4.21",
     "@opentiny/tiny-engine": "workspace:^",
     "@opentiny/tiny-engine-entry": "workspace:^",
-    "@opentiny/tiny-engine-configurator": "workspace:*"
+    "@opentiny/tiny-engine-configurator": "workspace:*",
+    "@opentiny/vue": "~3.14.0",
+    "@opentiny/vue-design-smb": "~3.14.0",
+    "@opentiny/vue-renderless": "~3.14.0",
+    "@opentiny/vue-theme": "~3.14.0"
   },
   "devDependencies": {
     "@vitejs/plugin-vue": "^5.0.4",
     "vite": "^5.2.7",
+    "@opentiny/tiny-engine-vite-config": "workspace:^",
     "@opentiny/tiny-engine-vite-plugin-meta-comments": "workspace:^"
   }
 }

designer-demo/src/main.js

@@ -14,5 +14,6 @@
 import { registry } from './defineEntry.js'
 import { init } from '@opentiny/tiny-engine'
 import { configurators } from './configurators.js'
+import 'virtual:svg-icons-register'
 
 init({ registry, configurators })

designer-demo/vite.config.js

@@ -1,9 +1,12 @@
 import path from 'node:path'
 import { defineConfig, mergeConfig } from 'vite'
-import getDefaultConfig from '@opentiny/tiny-engine/vite.config.js'
+import { getDefaultConfig } from '@opentiny/tiny-engine-vite-config'
 
 export default defineConfig((options) => {
-  const defaultConfig = getDefaultConfig(options)
+  const extOptions = {
+    iconDirs: [path.resolve(__dirname, './node_modules/@opentiny/tiny-engine/assets/')]
+  }
+  const defaultConfig = getDefaultConfig(options, extOptions)
 
   const devAlias = {
     '@opentiny/tiny-engine-controller/js': path.resolve(__dirname, '../packages/controller/js'),

packages/build/vite-config/index.js

@@ -0,0 +1,2 @@
+export { default as getDefaultConfig } from './src/default-config.js'
+export { default as metaCommentsPlugin } from '@opentiny/tiny-engine-vite-plugin-meta-comments'

packages/build/vite-config/package.json

@@ -0,0 +1,65 @@
+{
+  "name": "@opentiny/tiny-engine-vite-config",
+  "version": "1.0.0",
+  "description": "",
+  "type": "module",
+  "main": "./index.js",
+  "module": "./index.js",
+  "files": [
+    "dist"
+  ],
+  "scripts": {
+    "build": "vite build"
+  },
+  "dependencies": {
+    "@babel/core": "~7.23.2",
+    "@babel/generator": "~7.23.2",
+    "@babel/parser": "~7.23.2",
+    "@babel/traverse": "~7.23.2",
+    "@opentiny/tiny-engine-vite-plugin-meta-comments": "workspace:^",
+    "@babel/eslint-parser": "^7.21.3",
+    "@esbuild-plugins/node-globals-polyfill": "^0.2.3",
+    "@esbuild-plugins/node-modules-polyfill": "^0.2.2",
+    "@types/node": "^18.0.0",
+    "@vitejs/plugin-vue": "^4.2.3",
+    "@vitejs/plugin-vue-jsx": "^3.1.0",
+    "assert": "^2.0.0",
+    "buffer": "^6.0.3",
+    "cross-env": "^7.0.3",
+    "esbuild-plugin-copy": "^2.1.1",
+    "eslint": "^8.38.0",
+    "eslint-plugin-vue": "^8.0.0",
+    "fs-extra": "^10.1.0",
+    "husky": "^8.0.0",
+    "lerna": "^7.2.0",
+    "less": "^4.1.2",
+    "lint-staged": "^13.2.0",
+    "path": "^0.12.7",
+    "rimraf": "^3.0.2",
+    "rollup-plugin-polyfill-node": "^0.12.0",
+    "rollup-plugin-terser": "^7.0.2",
+    "rollup-plugin-visualizer": "^5.8.3",
+    "shelljs": "^0.8.5",
+    "svg-sprite-loader": "^6.0.11",
+    "vite": "^4.3.7",
+    "vite-plugin-monaco-editor": "^1.1.0",
+    "vite-plugin-static-copy": "^0.16.0",
+    "vite-plugin-svg-icons": "^2.0.1",
+    "vue-eslint-parser": "^8.0.1"
+  },
+  "keywords": [],
+  "publishConfig": {
+    "access": "public"
+  },
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/opentiny/tiny-engine",
+    "directory": "packages/build/vite-config"
+  },
+  "bugs": {
+    "url": "https://github.com/opentiny/tiny-engine/issues"
+  },
+  "author": "OpenTiny Team",
+  "license": "MIT",
+  "homepage": "https://opentiny.design/tiny-engine"
+}

packages/design-core/vite.config.js → packages/build/vite-config/src/default-config.js

@@ -8,7 +8,7 @@ import nodeModulesPolyfillPluginCjs from '@esbuild-plugins/node-modules-polyfill
 import nodePolyfill from 'rollup-plugin-polyfill-node'
 import esbuildCopy from 'esbuild-plugin-copy'
 import { createSvgIconsPlugin } from 'vite-plugin-svg-icons'
-import { importmapPlugin } from './scripts/externalDeps.js'
+import { importmapPlugin } from './externalDeps.js'
 import visualizerCjs from 'rollup-plugin-visualizer'
 import { fileURLToPath } from 'node:url'
 import generateComment from '@opentiny/tiny-engine-vite-plugin-meta-comments'
@@ -17,7 +17,7 @@ import {
   copyBundleDeps,
   copyPreviewImportMap,
   copyLocalImportMap
-} from './scripts/localCdnFile/index.js'
+} from './localCdnFile/index.js'
 
 const monacoEditorPlugin = monacoEditorPluginCjs.default
 const nodeGlobalsPolyfillPlugin = nodeGlobalsPolyfillPluginCjs.default
@@ -80,11 +80,6 @@ const config = {
       }
     }),
     vueJsx(),
-    createSvgIconsPlugin({
-      iconDirs: [path.resolve(__dirname, './assets/')],
-      symbolId: 'icon-[name]',
-      inject: 'body-last'
-    })
   ],
   optimizeDeps: {
     esbuildOptions: {
@@ -147,7 +142,7 @@ const importMapVersions = {
   tinyVue: '~3.14'
 }
 
-export default defineConfig(({ command = 'serve', mode = 'serve' }) => {
+export default defineConfig(({ command = 'serve', mode = 'serve' }, extOptions) => {
   const {
     VITE_CDN_DOMAIN = 'https://npm.onmicrosoft.cn',
     VITE_LOCAL_IMPORT_MAPS,
@@ -231,6 +226,11 @@ export default defineConfig(({ command = 'serve', mode = 'serve' }) => {
   const importMapStyles = [`${VITE_CDN_DOMAIN}/@opentiny/vue-theme@${importMapVersions.tinyVue}/index.css`]
 
   config.plugins.push(
+    createSvgIconsPlugin({
+      iconDirs: extOptions.iconDirs || [],
+      symbolId: 'icon-[name]',
+      inject: 'body-last'
+    }),
     monacoEditorPluginInstance,
     htmlPlugin(mode),
     isLocalImportMap

packages/build/vite-config/vite.config.js

@@ -0,0 +1,32 @@
+/**
+ * Copyright (c) 2023 - present TinyEngine Authors.
+ * Copyright (c) 2023 - present Huawei Cloud Computing Technologies Co., Ltd.
+ *
+ * Use of this source code is governed by an MIT-style license.
+ *
+ * THE OPEN SOURCE SOFTWARE IN THIS PRODUCT IS DISTRIBUTED IN THE HOPE THAT IT WILL BE USEFUL,
+ * BUT WITHOUT ANY WARRANTY, WITHOUT EVEN THE IMPLIED WARRANTY OF MERCHANTABILITY OR FITNESS FOR
+ * A PARTICULAR PURPOSE. SEE THE APPLICABLE LICENSES FOR MORE DETAILS.
+ *
+ */
+
+import { defineConfig } from 'vite'
+import path from 'path'
+
+// https://vitejs.dev/config/
+export default defineConfig({
+  plugins: [],
+  publicDir: false,
+  resolve: {},
+  build: {
+    lib: {
+      entry: path.resolve(__dirname, './index.js'),
+      name: 'vite-config',
+      fileName: 'index',
+      formats: ['es', 'cjs']
+    },
+    rollupOptions: {
+      external: ['node:fs', 'node:path', 'vue', /@babel\/.*/, /@opentiny\/tiny-engine.*/, /@opentiny\/vue.*/]
+    }
+  }
+})

packages/design-core/package.json

@@ -14,12 +14,13 @@
   ],
   "module": "index.js",
   "main": "index.js",
+  "files": [
+    "dist",
+    "assets"
+  ],
   "exports": {
     ".": "index.js",
-    "./canvas": "./canvas.js",
-    "./vite.config.js": "./vite.config.js",
-    "./config/lowcode.config": "./config/lowcode.config.js",
-    "./scripts/externalDeps": "./scripts/externalDeps.js"
+    "./canvas": "./canvas.js"
   },
   "scripts": {
     "dev": "cross-env NODE_OPTIONS=--max-old-space-size=10240 VITE_API_MOCK=mock vite",

packages/design-core/src/init.js

@@ -23,8 +23,6 @@ import App from './App.vue'
 import defaultRegistry from '../registry.js'
 import { registerConfigurators } from './registerConfigurators'
 
-import 'virtual:svg-icons-register'
-
 const defaultLifeCycles = {
   beforeAppCreate: ({ registry }) => {
     // 合并用户自定义注册表