opentiny · hexqi · Dec 20, 2024 · Nov 16, 2024 · Nov 22, 2024 · Nov 25, 2024
diff --git a/packages/block-compiler/.eslintrc.cjs b/packages/block-compiler/.eslintrc.cjs
@@ -0,0 +1,27 @@
+const path = require('path')
+const { rules } = require('../../.eslintrc')
+
+module.exports = {
+  extends: ['eslint:recommended', 'plugin:@typescript-eslint/recommended'],
+  root: true,
+  parser: '@typescript-eslint/parser',
+  parserOptions: {
+    projectService: true,
+    project: [path.join(__dirname, './tsconfig.json') ],
+    ecmaVersion: 'latest',
+  },
+  plugins: ['@typescript-eslint'],
+  env: {
+    browser: true,
+    es2015: true,
+    node: true
+  },
+  rules: {
+    ...rules,
+    // 允许 @ts-ignore
+    "@typescript-eslint/ban-ts-comment": "off",
+    // 允许非空断言
+    "@typescript-eslint/no-non-null-asserted-optional-chain": "off"
+  },
+  ignorePatterns: ['test/sample/*.vue', '.eslintrc.cjs']
+}
diff --git a/packages/block-compiler/README.md b/packages/block-compiler/README.md
@@ -0,0 +1,2 @@
+# @opentiny/tiny-engine 低代码引擎区编译器
+
diff --git a/packages/block-compiler/index.html b/packages/block-compiler/index.html
@@ -0,0 +1,35 @@
+<!DOCTYPE html>
+<html lang="en">
+  <head>
+    <meta charset="UTF-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+    <title>block-compiler</title>
+    <link rel="stylesheet" href="https://unpkg.com/@opentiny/[email protected]/index.css" />
+    <script type="importmap">
+      {
+        "imports": {
+          "vue": "https://unpkg.com/[email protected]/dist/vue.runtime.esm-browser.js",
+          "vue/server-renderer": "https://unpkg.com/@vue/[email protected]/dist/server-renderer.esm-browser.js",
+          "vue-i18n": "https://unpkg.com/[email protected]/dist/vue-i18n.esm-browser.js",
+          "vue-router": "https://unpkg.com/[email protected]/dist/vue-router.esm-browser.js",
+          "@vue/devtools-api": "https://unpkg.com/@vue/[email protected]/lib/esm/index.js",
+          "@vueuse/core": "https://unpkg.com/@vueuse/[email protected]/index.mjs",
+          "@vueuse/shared": "https://unpkg.com/@vueuse/[email protected]/index.mjs",
+          "axios": "https://unpkg.com/[email protected]/dist/esm/axios.js",
+          "@opentiny/tiny-engine-i18n-host": "https://unpkg.com/@opentiny/tiny-engine-i18n-host@1/dist/lowcode-design-i18n-host.es.js",
+          "@opentiny/tiny-engine-builtin-component": "https://unpkg.com/@opentiny/tiny-engine-builtin-component@^2.0.0/dist/index.js",
+          "pinia": "https://unpkg.com/[email protected]/dist/pinia.esm-browser.js",
+          "@opentiny/vue": "https://unpkg.com/@opentiny/[email protected]/runtime/tiny-vue.mjs",
+          "@opentiny/vue-icon": "https://unpkg.com/@opentiny/[email protected]/runtime/tiny-vue-icon.mjs",
+          "@opentiny/vue-common": "https://unpkg.com/@opentiny/[email protected]/runtime/tiny-vue-common.mjs",
+          "@opentiny/vue-locale": "https://unpkg.com/@opentiny/[email protected]/runtime/tiny-vue-locale.mjs",
+          "@opentiny/vue-renderless/": "https://unpkg.com/@opentiny/[email protected]/"
+        }
+      }
+    </script>
+  </head>
+  <body>
+    <div id="app"></div>
+    <script type="module" src="./src/dev.ts"></script>
+  </body>
+</html>
diff --git a/packages/block-compiler/package.json b/packages/block-compiler/package.json
@@ -0,0 +1,49 @@
+{
+  "name": "@opentiny/tiny-engine-block-compiler",
+  "version": "2.0.0-rc.2",
+  "publishConfig": {
+    "access": "public"
+  },
+  "description": "block runtime compiler",
+  "scripts": {
+    "dev": "vite",
+    "build": "vite build"
+  },
+  "files": [
+    "dist"
+  ],
+  "type": "module",
+  "main": "dist/index.js",
+  "module": "dist/index.js",
+  "types": "dist/index.d.ts",
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/opentiny/tiny-engine",
+    "directory": "packages/block-compiler"
+  },
+  "bugs": {
+    "url": "https://github.com/opentiny/tiny-engine/issues"
+  },
+  "author": "OpenTiny Team",
+  "license": "MIT",
+  "homepage": "https://opentiny.design/tiny-engine",
+  "dependencies": {},
+  "devDependencies": {
+    "@esbuild-plugins/node-globals-polyfill": "^0.2.3",
+    "@esbuild-plugins/node-modules-polyfill": "^0.2.2",
+    "@types/babel__core": "^7.20.5",
+    "@typescript-eslint/eslint-plugin": "^8.14.0",
+    "@typescript-eslint/parser": "^8.14.0",
+    "@vitejs/plugin-vue": "^5.1.2",
+    "eslint": "^8.38.0",
+    "typescript": "~5.4.2",
+    "vite": "^5.4.2",
+    "vite-plugin-dts": "^4.3.0"
+  },
+  "peerDependencies": {
+    "@babel/core": "^7.26.0",
+    "@vue/babel-plugin-jsx": "^1.2.5",
+    "vue": "^3.4.15",
+    "@vue/compiler-sfc": "^3.4.15"
+  }
+}
diff --git a/packages/block-compiler/src/dev.ts b/packages/block-compiler/src/dev.ts
@@ -0,0 +1,78 @@
+// @ts-ignore
+import { createApp, defineAsyncComponent, h } from 'https://unpkg.com/[email protected]/dist/vue.runtime.esm-browser.js'
+import { compile } from './index'
+import BlockFileName from '../test/sample/BlockFileName.vue?raw'
+import BlockHead from '../test/sample/BlockHead.vue?raw'
+import BlockMenu from '../test/sample/BlockMenu.vue?raw'
+import BlockTest from '../test/sample/BlockTest.vue?raw'
+import BlockJsxTest from '../test/sample/slotModelValueTest.vue?raw'
+
+const RenderMain = {
+  setup() {
+    const componentMap = compile(
+      [
+        {
+          fileName: 'BlockHead',
+          sourceCode: BlockHead
+        },
+        {
+          fileName: 'BlockFileName',
+          sourceCode: BlockFileName
+        },
+        {
+          fileName: 'BlockMenu',
+          sourceCode: BlockMenu
+        },
+        {
+          fileName: 'BlockTest',
+          sourceCode: BlockTest
+        },
+        {
+          fileName: 'BlockJsxTest',
+          sourceCode: BlockJsxTest
+        }
+      ],
+      {}
+    )
+
+    const blockComponents: { [key: string]: unknown } = {}
+
+    // @ts-ignore
+    window.getBlockComponentBlobUrl = (name) => {
+      return componentMap?.[name]?.blobURL
+    }
+
+    for (const [fileName, value] of Object.entries(componentMap)) {
+      blockComponents[fileName] = defineAsyncComponent(() => import(/* @vite-ignore */ value.blobURL))
+    }
+
+    const css = Object.values(componentMap)
+      .map((item) => item.style)
+      .join('')
+
+    const stylesheet = document.querySelector('#block-stylesheet')
+
+    if (stylesheet) {
+      stylesheet.remove()
+    } else {
+      const newStyleSheet = document.createElement('style')
+
+      newStyleSheet.innerHTML = css
+
+      document.head.appendChild(newStyleSheet)
+    }
+
+    return () =>
+      h('div', {}, [
+        h(blockComponents.BlockJsxTest),
+        h(blockComponents.BlockTest),
+        h(blockComponents.BlockHead),
+        h(blockComponents.BlockFileName),
+        h('span', {}, 'testtest')
+      ])
+  }
+}
+
+const App = createApp(RenderMain)
+
+App.mount(document.querySelector('#app')!)
Original file line number	Diff line number	Diff line change
		@@ -0,0 +1,2 @@
		# @opentiny/tiny-engine 低代码引擎区编译器
hexqi marked this conversation as resolved. Show resolved Hide resolved