chore: move upload script to template

designer-demo/package.json

@@ -8,7 +8,8 @@
     "build:alpha": "cross-env NODE_OPTIONS=--max-old-space-size=10240 vite build --mode alpha",
     "build": "cross-env NODE_OPTIONS=--max-old-space-size=10240 vite build",
     "test": "vitest run",
-    "test:watch": "vitest"
+    "test:watch": "vitest",
+    "uploadMaterials": "node ./scripts/uploadMaterials.mjs"
   },
   "dependencies": {
     "@opentiny/tiny-engine": "workspace:^",
@@ -28,6 +29,9 @@
     "@opentiny/tiny-engine-vite-config": "workspace:^",
     "@vitejs/plugin-vue": "^5.1.2",
     "cross-env": "^7.0.3",
+    "dotenv": "^16.6.1",
+    "fs-extra": "^11.3.2",
+    "picocolors": "^1.1.1",
     "vite": "^5.4.2",
     "vitest": "3.0.9"
   }

designer-demo/scripts/logger.mjs

@@ -0,0 +1,43 @@
+import colors from 'picocolors'
+
+class Logger {
+  constructor(command) {
+    this.command = command
+  }
+
+  output(type, msg) {
+    const format = () => {
+      const colorMap = {
+        info: 'cyan',
+        warn: 'yellow',
+        error: 'red',
+        success: 'green'
+      }
+      const time = new Date().toLocaleTimeString()
+      const colorMsg = colors[colorMap[type]](type)
+
+      return `[${this.command}] [${colors.dim(time)}] ${colorMsg} ${msg}`
+    }
+    const _logger = console
+
+    return _logger.log(format())
+  }
+
+  info(msg) {
+    this.output('info', msg)
+  }
+
+  warn(msg) {
+    this.output('warn', msg)
+  }
+
+  error(msg) {
+    this.output('error', msg)
+  }
+
+  success(msg) {
+    this.output('success', msg)
+  }
+}
+
+export default Logger

designer-demo/scripts/uploadMaterials.mjs

@@ -0,0 +1,62 @@
+import { Buffer } from 'node:buffer'
+import path from 'node:path'
+import dotenv from 'dotenv'
+import fs from 'fs-extra'
+import Logger from './logger.mjs'
+
+
+/**
+ * 同步物料资产包到后端数据库
+ * 1. 读取 env/.env.local 文件，获取后端地址。需要设置地址如：backend_url=http://localhost:9090
+ * 2. 读取 public/mock/bundle.json 文件，获取物料资产包数据
+ * 3. 将物料资产包数据通过 POST 请求上传到后端接口 /material-center/api/component/bundle/create
+ * 4. 检查数据库t_component表中数据是否更新成功
+ * 
+ * 使用场景：
+ * 1. 本地已经将 bundle.json 文件进行修改，但是数据需要同步到后端数据库中。
+ * 2. 本地已经将 bundle.json 文件进行修改，但是出码仍然不正确。
+ * @returns 
+ */
+async function main() {
+  const logger = new Logger('uploadMaterials')
+
+  // 先构造出.env*文件的绝对路径
+  const appDirectory = fs.realpathSync(process.cwd())
+  const resolveApp = (relativePath) => path.resolve(appDirectory, relativePath)
+  const pathsDotenv = resolveApp('env')
+  logger.info(`Start to load .env.local file from ${pathsDotenv}/.env.local`)
+  dotenv.config({ path: `${pathsDotenv}/.env.local` })
+  const { backend_url } = process.env
+
+  if (!backend_url) {
+    logger.error('backend_url is not set in .env.local file')
+    return
+  }
+
+  const bundlePath = path.join(process.cwd(), './public/mock/bundle.json')
+  logger.info(`Start to read bundle.json file from ${bundlePath}`)
+  const bundle = fs.readJSONSync(bundlePath)
+  const jsonBuffer = Buffer.from(JSON.stringify(bundle))
+
+  const requestUrl = (backend_url.endsWith('/') ? backend_url.slice(0, -1) : backend_url) + '/material-center/api/component/bundle/create'
+  logger.info(`Start to upload bundle.json file to ${requestUrl}`)
+  try {
+    const formData = new FormData()
+    formData.append('file', new Blob([jsonBuffer], { type: 'application/json'}), 'bundle.json')
+    const response = await fetch(requestUrl, {
+      method: 'POST',
+      body: formData
+    })
+    const data = await response.json()
+    logger.success('File uploaded successfully:', data)
+  } catch (error) {
+    logger.error('Error uploading file:', error instanceof Error ? error.message : String(error))
+  }
+}
+
+main()
+.catch((e) => {
+  const logger = new Logger('uploadMaterials')
+  logger.error('Error uploading file:', e instanceof Error ? e.message : String(e));
+  process.exit(1);
+})

package.json

@@ -21,7 +21,7 @@
     "splitMaterials": "node ./scripts/splitMaterials.mjs",
     "buildMaterials": "node ./scripts/buildMaterials.mjs",
     "updateTemplate": "node ./scripts/updateTemplate.mjs",
-    "uploadMaterials": "node scripts/uploadMaterials.mjs"
+    "uploadMaterials": "pnpm --filter designer-demo uploadMaterials"
   },
   "devDependencies": {
     "@eslint/js": "^8.57.1",

packages/engine-cli/template/designer/package.json

@@ -7,6 +7,7 @@
     "dev": "concurrently 'pnpm:serve:mock' 'pnpm:serve:frontend'",
     "build:alpha": "cross-env NODE_OPTIONS=--max-old-space-size=10240 vite build --mode alpha",
     "build": "cross-env NODE_OPTIONS=--max-old-space-size=10240 vite build",
+    "uploadMaterials": "node ./scripts/uploadMaterials.mjs",
     "serve:frontend": "cross-env vite",
     "serve:mock": "node node_modules/@opentiny/tiny-engine-mock/dist/app.js"
   },
@@ -28,6 +29,9 @@
     "@opentiny/tiny-engine-vite-config": "^2.8.0",
     "@vitejs/plugin-vue": "^5.1.2",
     "cross-env": "^7.0.3",
+    "dotenv": "^16.6.1",
+    "fs-extra": "^11.3.2",
+    "picocolors": "^1.1.1",
     "vite": "^5.4.2",
     "concurrently": "^8.2.0"
   }

packages/engine-cli/template/designer/scripts/logger.mjs

@@ -0,0 +1,43 @@
+import colors from 'picocolors'
+
+class Logger {
+  constructor(command) {
+    this.command = command
+  }
+
+  output(type, msg) {
+    const format = () => {
+      const colorMap = {
+        info: 'cyan',
+        warn: 'yellow',
+        error: 'red',
+        success: 'green'
+      }
+      const time = new Date().toLocaleTimeString()
+      const colorMsg = colors[colorMap[type]](type)
+
+      return `[${this.command}] [${colors.dim(time)}] ${colorMsg} ${msg}`
+    }
+    const _logger = console
+
+    return _logger.log(format())
+  }
+
+  info(msg) {
+    this.output('info', msg)
+  }
+
+  warn(msg) {
+    this.output('warn', msg)
+  }
+
+  error(msg) {
+    this.output('error', msg)
+  }
+
+  success(msg) {
+    this.output('success', msg)
+  }
+}
+
+export default Logger

packages/engine-cli/template/designer/scripts/uploadMaterials.mjs

@@ -0,0 +1,62 @@
+import { Buffer } from 'node:buffer'
+import path from 'node:path'
+import dotenv from 'dotenv'
+import fs from 'fs-extra'
+import Logger from './logger.mjs'
+
+/**
+ * 同步物料资产包到后端数据库
+ * 1. 读取 env/.env.local 文件，获取后端地址。需要设置地址如：backend_url=http://localhost:9090
+ * 2. 读取 public/mock/bundle.json 文件，获取物料资产包数据
+ * 3. 将物料资产包数据通过 POST 请求上传到后端接口 /material-center/api/component/bundle/create
+ * 4. 检查数据库t_component表中数据是否更新成功
+ *
+ * 使用场景：
+ * 1. 本地已经将 bundle.json 文件进行修改，但是数据需要同步到后端数据库中。
+ * 2. 本地已经将 bundle.json 文件进行修改，但是出码仍然不正确。
+ * @returns
+ */
+async function main() {
+  const logger = new Logger('uploadMaterials')
+
+  // 先构造出.env*文件的绝对路径
+  const appDirectory = fs.realpathSync(process.cwd())
+  const resolveApp = (relativePath) => path.resolve(appDirectory, relativePath)
+  const pathsDotenv = resolveApp('env')
+  logger.info(`Start to load .env.local file from ${pathsDotenv}/.env.local`)
+  dotenv.config({ path: `${pathsDotenv}/.env.local` })
+  const { backend_url } = process.env
+
+  if (!backend_url) {
+    logger.error('backend_url is not set in .env.local file')
+    return
+  }
+
+  const bundlePath = path.join(process.cwd(), './public/mock/bundle.json')
+  logger.info(`Start to read bundle.json file from ${bundlePath}`)
+  const bundle = fs.readJSONSync(bundlePath)
+  const jsonBuffer = Buffer.from(JSON.stringify(bundle))
+
+  const requestUrl =
+    (backend_url.endsWith('/') ? backend_url.slice(0, -1) : backend_url) +
+    '/material-center/api/component/bundle/create'
+  logger.info(`Start to upload bundle.json file to ${requestUrl}`)
+  try {
+    const formData = new FormData()
+    formData.append('file', new Blob([jsonBuffer], { type: 'application/json' }), 'bundle.json')
+    const response = await fetch(requestUrl, {
+      method: 'POST',
+      body: formData
+    })
+    const data = await response.json()
+    logger.success('File uploaded successfully:', data)
+  } catch (error) {
+    logger.error('Error uploading file:', error instanceof Error ? error.message : String(error))
+  }
+}
+
+main().catch((e) => {
+  const logger = new Logger('uploadMaterials')
+  logger.error('Error uploading file:', e instanceof Error ? e.message : String(e))
+  process.exit(1)
+})

scripts/updateTemplate.mjs

@@ -2,7 +2,7 @@ import fs from 'fs-extra'
 import path from 'node:path'
 import { fileURLToPath } from 'node:url'
 import Logger from './logger.mjs'
-import pkg from '../packages/design-core/package.json' assert { type: 'json' }
+import pkg from '../packages/design-core/package.json' with { type: 'json' }
 
 const logger = new Logger('updateTemplate')