@tuya-sat/micro-script 3.0.17 → 3.0.18-beta.2

package/dist/config/webpack.common.js

@@ -215,7 +215,12 @@ function getCommonConfig({ isDev, isBuild, }) {
     }
     if (multiApps && multiApps.length > 0) {
         multiApps.forEach((app) => {
-            multiAppsWebpackConfig.entry[app.name] = `${path_1.default.join(process.cwd(), app.dir)}/${(0, utils_1.isMonorepo)() ? 'src/' : ''}index.tsx`;
+            if ((0, utils_1.isMonorepo)()) {
+                multiAppsWebpackConfig.entry[app.name] = `${path_1.default.join(process.cwd(), 'node_modules/.micro')}/${app.name}/index.tsx`;
+            }
+            else {
+                multiAppsWebpackConfig.entry[app.name] = `${path_1.default.join(process.cwd(), app.dir)}/index.tsx`;
+            }
             multiAppsWebpackConfig.plugins.push(new html_webpack_plugin_1.default({
                 inject: true,
                 filename: app.htmlContentHash

package/dist/framework/react.config.js

@@ -14,7 +14,7 @@ const reactConfig = ({ isDev, isBuild, currentFramework, isTs, }) => {
             rules: [
                 {
                     test: /\.(js|mjs|jsx|ts|tsx)$/,
-                    exclude: /node_modules/,
+                    // exclude: /node_modules/,
                     use: [
                         {
                             loader: require.resolve('babel-loader'),

package/dist/scripts/startInMain.js

@@ -17,7 +17,9 @@ const open_1 = __importDefault(require("open"));
 const mainServer_1 = __importDefault(require("../module/mainServer"));
 const bundleServer_1 = require("../module/bundleServer");
 const kill_port_1 = __importDefault(require("kill-port"));
+const template_1 = __importDefault(require("../template"));
 (() => __awaiter(void 0, void 0, void 0, function* () {
+    yield (0, template_1.default)();
     let defaultPort = 9000;
     //检测端口占用情况
     const bundledServerPort = yield portfinder_1.default.getPortPromise({

package/dist/template/index.d.ts

@@ -0,0 +1,2 @@
+declare const _default: () => Promise<void>;
+export default _default;

package/dist/template/index.js

@@ -0,0 +1,57 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
+    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
+    return new (P || (P = Promise))(function (resolve, reject) {
+        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
+        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
+        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
+        step((generator = generator.apply(thisArg, _arguments || [])).next());
+    });
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+const fs = __importStar(require("fs"));
+const path = __importStar(require("path"));
+const isMonorepo = () => {
+    return (fs.existsSync(path.join(process.cwd(), 'apps')) &&
+        fs.existsSync(path.join(process.cwd(), 'packages')));
+};
+exports.default = () => __awaiter(void 0, void 0, void 0, function* () {
+    if (isMonorepo()) {
+        fs.readdirSync(path.join(process.cwd(), 'apps')).forEach((dir) => {
+            console.log('directory ' + dir);
+            const microPath = path.join(process.cwd(), 'node_modules/.micro', dir);
+            !fs.existsSync(microPath) && fs.mkdirSync(microPath, { recursive: true });
+            fs.copyFileSync(path.join(__dirname, './micro-app/index.css'), path.join(microPath, 'index.css'));
+            fs.copyFileSync(path.join(__dirname, './micro-app/public-path.js'), path.join(microPath, 'public-path.js'));
+            let content = fs.readFileSync(path.join(__dirname, './micro-app/index.tsx'), {
+                encoding: 'utf8',
+            });
+            content = content.replace("import App from './App';", `import App from '../../../apps/${dir}/src/App'`);
+            content = content.replace("import './lang';", `import '../../../apps/${dir}/src/lang';`);
+            fs.writeFileSync(microPath + '/index.tsx', content);
+        });
+    }
+});

package/dist/template/micro-app/index.css

@@ -0,0 +1,25 @@
+body {
+  margin: 0;
+  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen', 'Ubuntu',
+    'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue', sans-serif;
+  -webkit-font-smoothing: antialiased;
+  -moz-osx-font-smoothing: grayscale;
+  background-color: transparent !important;
+}
+
+code {
+  font-family: source-code-pro, Menlo, Monaco, Consolas, 'Courier New', monospace;
+}
+
+#root {
+  height: 100%;
+}
+
+.layout {
+  margin-bottom: 20px;
+}
+
+.square {
+  width: 20px;
+  height: 20px;
+}

package/dist/template/micro-app/index.tsx

@@ -0,0 +1,88 @@
+import './public-path';
+import ReactDOM from 'react-dom';
+import { BrowserRouter } from 'react-router-dom';
+import { getI18n } from 'react-i18next';
+import { message } from 'antd';
+import { CaptureContext, Event, Severity } from '@sentry/types';
+import App from './App';
+import './lang';
+import './index.css';
+import 'theme';
+
+export interface IQiankunProps {
+  base: string;
+  container: HTMLElement; // 子应用所在容器
+  dynamicProps: DynamicProps; // 面包屑
+  getOwnMenu: () => { entry_name: string }; // 获取当前选中菜单
+  hasPermission: (permissionCode: string) => boolean;
+  isSupportMobile: boolean; // 是否支持移动端
+  mainHistory: mainHistory; // 用于微应用间跳转
+  modifySelectedMenu: () => void; //
+  region: 'tx' | 'us' | 'eu' | 'in' | 'ueaz' | 'we' | 'sea';
+  resourcePrefix: string; // 静态资源地址
+  sentry: {
+    captureEvent: (event: Event) => string;
+    captureMessage: (
+      message: string,
+      captureContext?: CaptureContext | Severity
+    ) => string;
+    captureException: (
+      exception: any,
+      captureContext?: CaptureContext
+    ) => string;
+  };
+  tyLang: 'zh' | 'en'; // 当前语言
+  langResource: any;
+}
+export let microProps: IQiankunProps;
+
+function render(props: IQiankunProps) {
+  const { base, container } = props as IQiankunProps;
+  const root = (
+    container
+      ? container.querySelector('#root')
+      : document.querySelector('#root')
+  ) as HTMLElement;
+  message.config({
+    getContainer: () => root,
+  });
+  ReactDOM.render(
+    <BrowserRouter basename={window.__POWERED_BY_QIANKUN__ ? base : '/'}>
+      <App {...props} />
+    </BrowserRouter>,
+    root
+  );
+}
+
+if (!window.__POWERED_BY_QIANKUN__) {
+  render({} as IQiankunProps);
+}
+
+export async function bootstrap() {
+  console.log('子应用启动');
+}
+
+export async function mount(props: IQiankunProps) {
+  console.log('挂载子应用', props);
+  props.langResource && replaceLangResource(props.langResource);
+  getI18n().changeLanguage(props.tyLang);
+  microProps = props;
+  render(props);
+}
+
+export async function unmount(props: IQiankunProps) {
+  const { container } = props;
+  message.destroy();
+  const root = (
+    container
+      ? container.querySelector('#root')
+      : document.querySelector('#root')
+  ) as HTMLElement;
+  ReactDOM.unmountComponentAtNode(root);
+}
+
+function replaceLangResource(langResource: any) {
+  Object.keys(langResource).forEach((langkey) => {
+    getI18n().addResourceBundle(langkey, 'translation', langResource[langkey]);
+  });
+}

package/dist/template/micro-app/public-path.js

@@ -0,0 +1,4 @@
+/* eslint-disable no-undef */
+if (window.__POWERED_BY_QIANKUN__) {
+  __webpack_public_path__ = window.__INJECTED_PUBLIC_PATH_BY_QIANKUN__;
+}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@tuya-sat/micro-script",
-  "version": "3.0.17",
+  "version": "3.0.18-beta.2",
   "bin": "./dist/bin/cli.js",
   "type": "commonjs",
   "license": "MIT",
@@ -11,7 +11,7 @@
   },
   "scripts": {
     "dev": "rm -rf dist/ && tsc --watch",
-    "build": "rm -rf dist/ && tsc",
+    "build": "rm -rf dist/ && tsc && node ./scripts/copyTemplate.js",
     "prepublish": "yarn build"
   },
   "dependencies": {
@@ -23,9 +23,9 @@
     "@babel/preset-typescript": "7.16.7",
     "@babel/traverse": "^7.20.13",
     "@pmmmwh/react-refresh-webpack-plugin": "0.5.4",
-    "@tuya-sat/micro-dev-loader": "3.0.17",
-    "@tuya-sat/micro-dev-proxy": "3.0.17",
-    "@tuya-sat/micro-utils": "3.0.17",
+    "@tuya-sat/micro-dev-loader": "3.0.18-beta.2",
+    "@tuya-sat/micro-dev-proxy": "3.0.18-beta.2",
+    "@tuya-sat/micro-utils": "3.0.18-beta.2",
     "@types/kill-port": "^2.0.0",
     "babel-loader": "8.2.4",
     "babel-plugin-import": "1.13.3",

package/scripts/copyTemplate.js

@@ -0,0 +1,7 @@
+const fs = require('fs-extra');
+const path = require('path');
+
+fs.copySync(
+  path.join(process.cwd(), './src/template/micro-app'),
+  path.join(process.cwd(), 'dist/template/micro-app')
+);