@pisell/build-plugin-lowcode 1.0.0

package/.idea/build-plugin-lowcode.iml

@@ -0,0 +1,12 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<module type="WEB_MODULE" version="4">
+  <component name="NewModuleRootManager">
+    <content url="file://$MODULE_DIR$">
+      <excludeFolder url="file://$MODULE_DIR$/.tmp" />
+      <excludeFolder url="file://$MODULE_DIR$/temp" />
+      <excludeFolder url="file://$MODULE_DIR$/tmp" />
+    </content>
+    <orderEntry type="inheritedJdk" />
+    <orderEntry type="sourceFolder" forTests="false" />
+  </component>
+</module>

package/.idea/modules.xml

@@ -0,0 +1,8 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<project version="4">
+  <component name="ProjectModuleManager">
+    <modules>
+      <module fileurl="file://$PROJECT_DIR$/.idea/build-plugin-lowcode.iml" filepath="$PROJECT_DIR$/.idea/build-plugin-lowcode.iml" />
+    </modules>
+  </component>
+</project>

package/.idea/vcs.xml

@@ -0,0 +1,6 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<project version="4">
+  <component name="VcsDirectoryMappings">
+    <mapping directory="$PROJECT_DIR$" vcs="Git" />
+  </component>
+</project>

package/README.md

@@ -0,0 +1,31 @@
+## 概述
+
+## 使用文档
+
+```
+export interface LowcodeOptions {
+  builtinAssets?: Array<string|Assets>; // 会作为内置资产保存到构建产物中
+  extraAssets?: Array<string|Assets>; // 只在调试环境加载到资产包中
+  noParse?: boolean; // 关闭自动解析生成 lowcode meta
+  categories?: string[]; // 组件在组件面板中的分类
+  groups?: string[]; // 组件在组件面板中的 tab 分组
+  baseLibrary?: 'react'|'rax';
+  setterMap?: SetterMap; // 注入 setter
+}
+
+export interface SetterMap {
+  [SetterName: string]: string;
+}
+
+```
+## 开发调试
+### 组件开发
+
+`demo/component` 目录下是测试组件的项目，改项目引用了 build-plugin-lowcode ，相关配置在 `demo/component/build.lowcode.js` 中；
+
+可以修改 build-plugin-lowcode 的代码、修改 demo/component/build.lowcode.js 的配置进行调试；
+
+```
+在 build-plugin-lowcode 根目录下执行启动调试环境
+npm run component:dev
+```

package/package.json

@@ -0,0 +1,44 @@
+{
+  "name": "@pisell/build-plugin-lowcode",
+  "version": "1.0.0",
+  "description": "build plugin for component-to-lowcode",
+  "main": "src/index.js",
+  "keywords": [
+    "plugin"
+  ],
+  "scripts": {
+    "component:dev": "cd demo/component && npm start",
+    "setter:dev": "cd demo/setter && npm start",
+    "antdSetterMap:dev": "cd demo/antd-setter-map && npm start"
+  },
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/alibaba/lowcode-tools.git",
+    "directory": "packages/build-plugin-lowcode"
+  },
+  "author": "",
+  "license": "MIT",
+  "publishConfig": {
+    "access": "public"
+  },
+  "dependencies": {
+    "@alilc/lowcode-material-parser": "^1.0.1",
+    "@alilc/lowcode-rax-renderer": "^1.0.2",
+    "@alilc/lowcode-react-renderer": "^1.0.1",
+    "@alilc/lowcode-types": "^1.0.1",
+    "@alilc/lowcode-utils": "^1.0.1",
+    "axios": "^0.21.4",
+    "build-scripts-config": "^3.0.3",
+    "chokidar": "^3.5.3",
+    "cross-spawn-promise": "^0.10.2",
+    "driver-universal": "^3.4.0",
+    "glob": "^7.1.7",
+    "handlebars": "^4.4.0",
+    "html-webpack-plugin": "^3.2.0",
+    "is-wsl": "^2.2.0",
+    "lodash": "^4.17.21",
+    "rpx-loader": "^1.0.1",
+    "style-loader": "^2.0.0",
+    "webpack": "^4.46.0"
+  }
+}

package/src/config/user-config.js

@@ -0,0 +1,71 @@
+const path = require('path');
+
+module.exports = [
+  {
+    name: 'alias',
+    validation: 'object',
+    configWebpack: (config, alias, context) => {
+      const { rootDir } = context;
+      const aliasWithRoot = {};
+      Object.keys(alias).forEach((key) => {
+        if (path.isAbsolute(alias[key])) {
+          aliasWithRoot[key] = alias[key];
+        } else {
+          aliasWithRoot[key] = path.resolve(rootDir, alias[key]);
+        }
+      });
+      config.merge({
+        resolve: {
+          alias: aliasWithRoot,
+        },
+      });
+    },
+  },
+  {
+    name: 'library',
+    validation: 'string',
+  },
+  {
+    name: 'libraryExport',
+    validation: 'string',
+  },
+  {
+    name: 'libraryTarget',
+    validation: 'string',
+  },
+  {
+    name: 'filename',
+    validation: 'string',
+  },
+  {
+    name: 'sourceMap',
+    validation: 'boolean',
+  },
+  {
+    name: 'minify',
+    validation: 'boolean',
+  },
+  {
+    name: 'type',
+    validation: 'string',
+  },
+  {
+    name: 'devServer',
+    validation: 'object',
+    defaultValue: {
+      logLevel: 'silent',
+      compress: true,
+      disableHostCheck: true,
+      clientLogLevel: 'error',
+      hot: true,
+      quiet: true,
+      overlay: false,
+    },
+    configWebpack: (config, devServer, context) => {
+      const { command } = context;
+      if (command === 'start' && devServer) {
+        config.merge({ devServer });
+      }
+    },
+  },
+];

package/src/constants.js

@@ -0,0 +1,135 @@
+const SUPPORTED_COMMAND = ['start', 'build'];
+
+const COMMON_EXTERNALS = {
+  react: 'var window.React',
+  'react-dom': 'var window.ReactDOM',
+  'prop-types': 'var window.PropTypes',
+  '@alifd/next': 'var window.Next',
+  '@alifd/meet': 'var window.Meet',
+  '@ali/visualengine': 'var window.VisualEngine',
+  '@ali/visualengine-utils': 'var window.VisualEngineUtils',
+  '@ali/lowcode-engine': 'var window.AliLowCodeEngine',
+  '@alilc/lowcode-engine': 'var window.AliLowCodeEngine',
+  '@ali/lowcode-rax-renderer': 'var window.alilcLowcodeRaxRenderer',
+  rax: 'var window.Rax',
+  antd: 'var window.antd',
+  '@alifd/lowcode-preset-plugin': 'var window.PluginLowcodeEditor',
+  'monaco-editor/esm/vs/editor/editor.api': 'var window.monaco',
+  'monaco-editor/esm/vs/editor/editor.main.js': 'var window.monaco',
+};
+
+const ALILC_COMMON_EXTERNALS = {
+  ...COMMON_EXTERNALS,
+  '@alifd/lowcode-preset-plugin': 'var window.LowcodePresetPlugin',
+};
+
+const DEFAULT_GROUPS = ['精选组件', '原子组件'];
+const DEFAULT_CATEGORIES = [
+  '基础元素',
+  '布局容器类',
+  '表格类',
+  '表单详情类',
+  '帮助类',
+  '对话框类',
+  '业务类',
+  '通用',
+  '引导',
+  '信息输入',
+  '信息展示',
+  '信息反馈',
+];
+
+const STATIC_RESOURCES = {
+  themeVariableUrl: 'https://alifd.alicdn.com/npm/@alifd/theme-lowcode-dark@0.6.1/variables.css',
+  themeStyleUrl:
+    'https://alifd.alicdn.com/npm/@alifd/theme-lowcode-dark@0.6.1/dist/next.var.min.css',
+  engineCoreCssUrl:
+    'https://dev.g.alicdn.com/ali-lowcode/ali-lowcode-engine/0.16.6/engine-core.css',
+  enginePresetCssUrl:
+    'https://alifd.alicdn.com/npm/@alifd/lowcode-preset-plugin@1.1.8/dist/editor-preset-plugin.css',
+  engineExtCssUrl: 'https://g.alicdn.com/ali-lowcode/lowcode-engine-ext/1.0.20/engine-ext.css',
+  engineCoreJsUrl: 'https://dev.g.alicdn.com/ali-lowcode/ali-lowcode-engine/0.16.6/engine-core.js',
+  engineExtJsUrl: 'https://g.alicdn.com/ali-lowcode/lowcode-engine-ext/1.0.20/engine-ext.js',
+  enginePresetJsUrl:
+    'https://alifd.alicdn.com/npm/@alifd/lowcode-preset-plugin@1.1.8/dist/editor-preset-plugin.js',
+  raxRenderJsUrl: 'https://alifd.alicdn.com/npm/@alilc/lowcode-rax-renderer@1.0.18/dist/index.umd.js',
+  raxRenderCssUrl: 'https://alifd.alicdn.com/npm/@alilc/lowcode-rax-renderer@1.0.18/dist/index.css',
+};
+
+const ALILC_STATIC_RESOURCES = {
+  themeVariableUrl: 'https://alifd.alicdn.com/npm/@alifd/theme-lowcode-light@0.2.1/variables.css',
+  themeStyleUrl:
+    'https://alifd.alicdn.com/npm/@alifd/theme-lowcode-light@0.2.1/dist/next.var.min.css',
+  engineCoreCssUrl:
+    'https://uipaas-assets.com/prod/npm/@alilc/lowcode-engine/1.1.7-beta.11/dist/css/engine-core.css',
+  engineExtCssUrl:
+    'https://uipaas-assets.com/prod/npm/@alilc/lowcode-engine-ext/1.0.6-beta.25/dist/css/engine-ext.css',
+  enginePresetCssUrl:
+    'https://alifd.alicdn.com/npm/@alilc/lowcode-preset-plugin@0.1.2/dist/lowcode-preset-plugin.css',
+  engineCoreJsUrl:
+    'https://uipaas-assets.com/prod/npm/@alilc/lowcode-engine/1.1.7-beta.11/dist/js/engine-core.js',
+  engineExtJsUrl:
+    'https://uipaas-assets.com/prod/npm/@alilc/lowcode-engine-ext/1.0.6-beta.25/dist/js/engine-ext.js',
+  enginePresetJsUrl:
+    'https://alifd.alicdn.com/npm/@alilc/lowcode-preset-plugin@0.1.2/dist/lowcode-preset-plugin.js',
+  raxRenderJsUrl: 'https://alifd.alicdn.com/npm/@alilc/lowcode-rax-renderer@1.0.18/dist/index.umd.js',
+  raxRenderCssUrl: 'https://alifd.alicdn.com/npm/@alilc/lowcode-rax-renderer@1.0.18/dist/index.css',
+};
+
+const STATIC_RESOURCES_MAP = {
+  '@ali': STATIC_RESOURCES,
+  '@alilc': ALILC_STATIC_RESOURCES,
+};
+
+const COMMON_EXTERNALS_MAP = {
+  '@ali': COMMON_EXTERNALS,
+  '@alilc': ALILC_COMMON_EXTERNALS,
+};
+
+const BASIC_LIBRARY_VERSION = {
+  '@alifd/next': '1.25.23',
+  '@alifd/meet': '2.6.3',
+  antd: '4.17.3',
+};
+const COMPONENT_PROPS = [
+  'componentName',
+  'title',
+  'description',
+  'docUrl',
+  'screenshot',
+  'icon',
+  'tags',
+  'keywards',
+  'devMode',
+  'npm',
+
+  'props',
+  'configure',
+  'snippets',
+  'group',
+  'category',
+  'priority',
+];
+
+const UNPKG_BASE_URL_MAP = {
+  '@ali': 'https://unpkg.alibaba-inc.com',
+  '@alilc': 'https://unpkg.com',
+};
+
+const META_TYPES = ['', 'dev', 'web', 'mobile', 'design', 'sketch'];
+
+module.exports = {
+  SUPPORTED_COMMAND,
+  COMMON_EXTERNALS,
+  ALILC_COMMON_EXTERNALS,
+  COMMON_EXTERNALS_MAP,
+  DEFAULT_GROUPS,
+  DEFAULT_CATEGORIES,
+  STATIC_RESOURCES,
+  ALILC_STATIC_RESOURCES,
+  STATIC_RESOURCES_MAP,
+  BASIC_LIBRARY_VERSION,
+  COMPONENT_PROPS,
+  UNPKG_BASE_URL_MAP,
+  META_TYPES,
+};