Merge pull request alibaba#40 from alibaba/feat/umd-ify-react-renderer-2

LeoYuan · web-flow · commit f8cfdbb2cb23 · 2022-03-01T18:59:25.000+08:00
Feat/umd ify react renderer 2
diff --git a/CHANGELOG.md b/CHANGELOG.md
diff --git a/package.json b/package.json
@@ -38,7 +38,8 @@
     "f2elint": "^2.0.1",
     "husky": "^7.0.4",
     "lerna": "^4.0.0",
-    "typescript": "^4.5.5"
+    "typescript": "^4.5.5",
+    "yarn": "^1.22.17"
   },
   "engines": {
     "node": ">=14.17.0 <16"
diff --git a/packages/ignitor/public/index.html b/packages/ignitor/public/index.html
@@ -5,83 +5,16 @@
     <meta http-equiv="x-ua-compatible" content="ie=edge,chrome=1" />
     <meta name="viewport" content="width=device-width" />
     <title>LowCodeEngine Editor DEMO</title>
-    <link rel="shortcut icon" href="./favicon.png" />
-    <link rel="stylesheet"  data-name="vs/editor/editor.main" href="https://cdnjs.cloudflare.com/ajax/libs/monaco-editor/0.21.0/min/vs/editor/editor.main.css"/>
-    <script src="https://g.alicdn.com/code/lib/react/16.9.0/umd/react.development.js"></script>
-    <script src="https://g.alicdn.com/code/lib/react-dom/16.9.0/umd/react-dom.development.js"></script>
-    <script src="https://g.alicdn.com/code/lib/prop-types/15.7.2/prop-types.js"></script>
-    <script>
-      React.PropTypes = PropTypes;
-    </script>
-    <script src="https://g.alicdn.com/platform/c/??react15-polyfill/0.0.1/dist/index.js,lodash/4.6.1/lodash.min.js,immutable/3.7.6/dist/immutable.min.js,natty-storage/2.0.2/dist/natty-storage.min.js,natty-fetch/2.6.0/dist/natty-fetch.pc.min.js,tinymce/4.2.5/tinymce-full.js"></script>
-    <script src="https://g.alicdn.com/mylib/moment/2.24.0/min/moment.min.js"></script>
-    <link rel="stylesheet" href="https://unpkg.alibaba-inc.com/@alifd/next@1.20.25/dist/next.min.css" />
-    <script src="https://unpkg.alibaba-inc.com/@alifd/next@1.20.25/dist/next.min.js"></script>
-    <script src="https://cdn.jsdelivr.net/npm/rax@1.1.3/dist/rax.js"></script>
-    <!-- <script src="http://192.168.0.106:8000/lc-engine.js"></script> -->
-    <script>
-			var require = { paths: { vs: 'https://g.alicdn.com/code/lib/monaco-editor/0.21.2/min/vs' } };
-		</script>
-    <script src="https://g.alicdn.com/code/lib/monaco-editor/0.21.2/min/vs/loader.min.js"></script>
-    <script src="https://g.alicdn.com/code/lib/monaco-editor/0.21.2/min/vs/editor/editor.main.nls.js"></script>
-    <script src="https://g.alicdn.com/code/lib/monaco-editor/0.21.2/min/vs/editor/editor.main.js"></script>
-    <link rel="stylesheet" href="/css/editor-preset-vision.css" />
-    <script>
-      window.pageConfig = {
-        env: 'release',
-        locale: 'zh_CN',
-        pageType: 'single',
-        deviceType: 'web',
-        appName: '基础包管理后台',
-        appType: 'legao_base_packages',
-        templateType: '',
-        pageId: 'FORM-3KYJN7RV-DIOD8LLK1WGQ89S7NHA92-QJVH497K-V',
-        slug: 'test',
-        appMode: 'back',
-        isAppAdmin: 'y',
-        isSuperAdmin: 'n',
-        isBetaDeveloper: 'n',
-        formType: 'display',
-        title: { en_US: '测试', type: 'i18n', zh_CN: '测试' },
-        urlPrefix: 'https://go.alibaba-inc.com',
-        APIUrlPrefix: 'https://go.alibaba-inc.com',
-        devVersion: '0.1.0', // 这个是子应用的变更 id
-        subAppType: '0.1.0',
-        appKey: 'legao_base_packages',
-        RE_VERSION: '7.1.1',
-        appSource: '',
-        isDomainDefault: 'n',
-        useReleaseBundle: 'n',
-        isDomainPkg: 'n',
-        medusaAppName: '',
-        domainCode: 'kS6SyH',
-        aecp: {
-          mdcDomain: '',
-          projectId: '',
-          appCode: '',
-        },
-        designerConfigs: {},
-        navConfig:
-          '{"appName":{"en_US":"基础包管理后台","key":"","type":"i18n","zh_CN":"基础包管理后台"},"bgColor":"white","data":[{"children":[],"hidden":false,"icon":"","inner":true,"navUuid":"FORM-3KYJN7RV-DIOD8LLK1WGQ89S7NHA92-QJVH497K-V","relateUuid":"FORM-3KYJN7RV-DIOD8LLK1WGQ89S7NHA92-QJVH497K-V","slug":"test","targetNew":false,"title":{"en_US":"测试","type":"i18n","zh_CN":"测试"}}],"isFixed":"y","isFold":"y","isFoldHorizontal":"n","languageChangeUrl":{"en_US":"/common/account/changeAccountLanguage.json","type":"i18n","zh_CN":"/common/account/changeAccountLanguage.json"},"layout":"auto","navStyle":"orange","navTheme":"light","openSubMode":false,"showAppTitle":true,"showCrumb":true,"showIcon":false,"showLanguageChange":true,"showNav":true,"showSearch":"n","singletons":{"FORM-3KYJN7RV-DIOD8LLK1WGQ89S7NHA92-QJVH497K-V":{"isFixed":"n","isFold":"n","isFoldHorizontal":"n","showAppTitle":false,"showCrumb":false,"showLanguageChange":false,"showNav":false,"showSearch":"n","singleton":false},"test":{"$ref":"$.singletons.FORM\\-3KYJN7RV\\-DIOD8LLK1WGQ89S7NHA92\\-QJVH497K\\-V"}},"type":"top_fold"}',
-        historyType: 'HASH',
-        isSinglePage: 'n',
-        rhino: 'n',
-        isMiniApp: '',
-        taskId: '',
-        appSchema: 'V5',
-        openSubMode: 'n',
-      };
-      window.g_config = {};
-    </script>
   </head>
-
   <body>
-    <!-- lowcode engine globals -->
-    <div id="lce-container"></div>
-    <!-- vision 测试使用
-
-    -->
-    <script src="/js/editor-preset-vision.js"></script>
-    <script src="https://dev.g.alicdn.com/vision/visualengine-utils/5.0.0/engine-utils.js"></script>
+    <h1>
+      This project only provides engine resource files. For usage, go for 
+      <a href="https://github.com/alibaba/lowcode-demo" target="_blank">Lowcode Demo</a>
+    </h1>
+    <h2>
+      For local debugging of lowcode engine, please visit
+      <a href="https://www.yuque.com/lce/doc/glz0fx#wi8rs" target="_blank">proxy documentation</a>
+      to get more information.
+    </h2>
   </body>
 </html>
diff --git a/packages/react-renderer/build.umd.json b/packages/react-renderer/build.umd.json
@@ -0,0 +1,28 @@
+{
+  "entry": {
+    "react-renderer": "src/index"
+  },
+  "sourceMap": true,
+  "library": "AliLowCodeReactRenderer",
+  "libraryTarget": "umd",
+  "externals": {
+    "react": "var window.React",
+    "react-dom": "var window.ReactDOM",
+    "prop-types": "var window.PropTypes",
+    "@alifd/next": "var Next",
+    "moment": "var window.moment"
+  },
+  "polyfill": false,
+  "outputDir": "dist",
+  "vendor": false,
+  "ignoreHtmlTemplate": true,
+  "plugins": [
+    "build-plugin-react-app",
+    ["build-plugin-fusion", {
+      "externalNext": "umd"
+    }],
+    ["build-plugin-moment-locales", {
+      "locales": ["zh-cn"]
+    }]
+  ]
+}
diff --git a/packages/react-renderer/package.json b/packages/react-renderer/package.json
@@ -6,12 +6,14 @@
   "module": "es/index.js",
   "files": [
     "lib",
-    "es"
+    "es",
+    "dist"
   ],
   "scripts": {
     "test": "build-scripts test --config build.test.json",
     "start": "build-scripts start",
-    "build": "build-scripts build --skip-demo"
+    "build": "build-scripts build --skip-demo",
+    "build:umd": "NODE_OPTIONS=--max_old_space_size=8192 build-scripts build --config build.umd.json"
   },
   "keywords": [
     "lowcode",
diff --git a/scripts/addowner.js b/scripts/addowner.js
diff --git a/scripts/build.sh b/scripts/build.sh
@@ -21,4 +21,5 @@ lerna run build:umd \
   --scope @alilc/lowcode-engine \
   --scope @alilc/lowcode-rax-simulator-renderer \
   --scope @alilc/lowcode-react-simulator-renderer \
+  --scope @alilc/lowcode-react-renderer \
   --stream
diff --git a/scripts/deploy.sh b/scripts/deploy.sh
diff --git a/scripts/setup-for-test.sh b/scripts/setup-for-test.sh
@@ -1,7 +1,5 @@
 #!/usr/bin/env bash
 
-tnpm i -g lerna @ali/tyarn
-
 rm -rf node_modules package-lock.json yarn.lock
 lerna clean -y
 find ./packages -type f -name "package-lock.json" -exec rm -f {} \;
diff --git a/scripts/setup-skip-build.sh b/scripts/setup-skip-build.sh
@@ -1,7 +1,5 @@
 #!/usr/bin/env bash
 
-tnpm i -g lerna @ali/tyarn
-
 rm -rf node_modules package-lock.json yarn.lock
 lerna clean -y
 find ./packages -type f -name "package-lock.json" -exec rm -f {} \;
