@mybricks/to-code-taro 1.0.0

package/dist/esm/core/mybricks/log.js

@@ -0,0 +1,12 @@
+export var log = function log() {
+  var _console;
+  for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
+    args[_key] = arguments[_key];
+  }
+  (_console = console).log.apply(_console, ["[MyBricks]"].concat(args));
+};
+export var logger = {
+  info: log,
+  warn: log,
+  error: log
+};

package/dist/esm/core/mybricks/utils.js

@@ -0,0 +1,41 @@
+import _typeof from "@babel/runtime/helpers/esm/typeof";
+export var safeSetByPath = function safeSetByPath(params) {
+  var data = params.data,
+    path = params.path,
+    value = params.value;
+  var nextIndex = path.length - 1;
+  var current = data;
+  var errorFlag = false;
+  for (var i = 0; i < nextIndex; i++) {
+    try {
+      current = current[path[i]];
+    } catch (error) {
+      errorFlag = true;
+      break;
+    }
+  }
+  if (!errorFlag) {
+    current[path[nextIndex]] = value;
+  }
+};
+export var safeGetByPath = function safeGetByPath(params) {
+  var data = params.data,
+    path = params.path;
+  var current = data;
+  var errorFlag = false;
+  for (var i = 0; i < path.length; i++) {
+    try {
+      current = current[path[i]];
+    } catch (error) {
+      errorFlag = true;
+      break;
+    }
+  }
+  if (!errorFlag) {
+    return current;
+  }
+  return undefined;
+};
+export var isObject = function isObject(value) {
+  return value && _typeof(value) === "object";
+};

package/dist/esm/core/mybricks/variables.js

@@ -0,0 +1,190 @@
+import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
+import { Subject } from "./Subject";
+import { context } from "./context";
+import { safeSetByPath, safeGetByPath } from "./utils";
+import { SUBJECT_NEXT, SUBJECT_SUBSCRIBE, SUBJECT_VALUE, SUBJECT_EMPTY, SUBJECT_SETVALUE } from "./constant";
+
+/** 创建变量 */
+export var createVariable = function createVariable() {
+  var hasDefaultValue = arguments.length > 0;
+  var initValue = arguments.length <= 0 ? undefined : arguments[0];
+  var value = new Subject();
+  if (hasDefaultValue) {
+    value[SUBJECT_NEXT](initValue);
+  }
+  var ref = {
+    value: value,
+    callBacksMap: new Map(),
+    // 注册change后，设置一个subject，用于触发change
+    changeValues: new Set(),
+    // change到上述subject的映射
+    changeValuesMap: new Map()
+  };
+  var variable = {
+    /** 读取 */get: function get(value, path) {
+      var nextValue = new Subject();
+      var next = function next() {
+        nextValue[SUBJECT_NEXT](path ? safeGetByPath({
+          data: ref.value[SUBJECT_VALUE],
+          path: path.split(".")
+        }) : ref.value[SUBJECT_VALUE]);
+      };
+      if (value !== null && value !== void 0 && value[SUBJECT_SUBSCRIBE]) {
+        value[SUBJECT_SUBSCRIBE](function () {
+          next();
+        });
+      } else {
+        next();
+      }
+      return nextValue;
+    },
+    /** 赋值 */set: function set(value, path) {
+      var nextValue = new Subject();
+      var next = function next(value, extra) {
+        if (path) {
+          var isEmpty = ref.value[SUBJECT_EMPTY];
+          if (isEmpty) {
+            ref.value[SUBJECT_SETVALUE]({});
+          }
+          safeSetByPath({
+            data: ref.value[SUBJECT_VALUE],
+            path: path.split("."),
+            value: value
+          });
+          value = ref.value[SUBJECT_VALUE];
+        }
+        ref.value[SUBJECT_NEXT](value, extra);
+        ref.changeValues.forEach(function (changeValue) {
+          changeValue[SUBJECT_NEXT](value, extra);
+        });
+        nextValue[SUBJECT_NEXT](value, extra);
+      };
+      if (value !== null && value !== void 0 && value[SUBJECT_SUBSCRIBE]) {
+        value[SUBJECT_SUBSCRIBE](function (value, extra) {
+          next(value, extra);
+        });
+      } else {
+        next(value);
+      }
+      return nextValue;
+    },
+    /** 重置 */reset: function reset(value) {
+      var nextValue = new Subject();
+      var next = function next() {
+        ref.value[SUBJECT_NEXT](initValue);
+        ref.changeValues.forEach(function (changeValue) {
+          changeValue[SUBJECT_NEXT](initValue);
+        });
+        nextValue[SUBJECT_NEXT](initValue);
+      };
+      if (value !== null && value !== void 0 && value[SUBJECT_SUBSCRIBE]) {
+        value[SUBJECT_SUBSCRIBE](function () {
+          next();
+        });
+      } else {
+        next();
+      }
+      return nextValue;
+    },
+    /** 值变更监听 */changed: function changed() {
+      var changeValue = new Subject();
+      ref.changeValues.add(changeValue);
+      var result = _defineProperty({
+        destroy: function destroy() {
+          ref.changeValues.delete(changeValue);
+        }
+      }, SUBJECT_SUBSCRIBE, function (next) {
+        changeValue[SUBJECT_SUBSCRIBE](next);
+      });
+      if (context.apiRun) {
+        if (!context.apiRunVariablesSubject[context.apiRun]) {
+          context.apiRunVariablesSubject[context.apiRun] = [result];
+        } else {
+          context.apiRunVariablesSubject[context.apiRun].push(result);
+        }
+      }
+      return result;
+    },
+    bind: function bind(callBack) {
+      if (!ref.callBacksMap.has("")) {
+        ref.callBacksMap.set("", new Set());
+      }
+      var callBacks = ref.callBacksMap.get("");
+      callBacks.add(callBack);
+      // 默认触发一次
+      callBack(ref.value[SUBJECT_VALUE]);
+    },
+    ext: function ext() {
+      return {
+        setValue: function setValue(value) {
+          variable.set(value);
+        },
+        getValue: function getValue() {
+          return ref.value[SUBJECT_VALUE];
+        }
+      };
+    },
+    registerChange: function registerChange(change) {
+      var changeValue = new Subject();
+      // 默认执行，进行初始化动作
+      change(changeValue);
+      ref.changeValues.add(changeValue);
+      ref.changeValuesMap.set(change, changeValue);
+      if (!ref.value[SUBJECT_EMPTY]) {
+        // 有值就默认执行
+        changeValue[SUBJECT_NEXT](ref.value[SUBJECT_VALUE]);
+      }
+    },
+    unregisterChange: function unregisterChange(change) {
+      var changeValue = ref.changeValuesMap.get(change);
+      ref.changeValues.delete(changeValue);
+      ref.changeValuesMap.delete(change);
+    },
+    // 内置的赋值操作
+    setTrue: function setTrue() {
+      return variable.set(true);
+    },
+    setFalse: function setFalse() {
+      return variable.set(false);
+    },
+    setAryAdd: function setAryAdd(value) {
+      var nextValue = new Subject();
+      if (Array.isArray(ref.value[SUBJECT_VALUE])) {
+        var next = function next(value) {
+          var arrayValue = ref.value[SUBJECT_VALUE].concat(value);
+          ref.value[SUBJECT_NEXT](arrayValue);
+          ref.changeValues.forEach(function (changeValue) {
+            changeValue[SUBJECT_NEXT](value);
+          });
+          nextValue[SUBJECT_NEXT](arrayValue);
+        };
+        if (value !== null && value !== void 0 && value[SUBJECT_SUBSCRIBE]) {
+          value[SUBJECT_SUBSCRIBE](function (value) {
+            next(value);
+          });
+        } else {
+          next(value);
+        }
+      }
+      return nextValue;
+    }
+  };
+  return new Proxy({}, {
+    get: function get(_, key) {
+      return variable[key];
+    }
+  });
+};
+
+/** 创建变量map */
+export var createVars = function createVars(vars) {
+  return new Proxy(vars, {
+    get: function get(target, key) {
+      var value = target[key];
+      if (value) {
+        return value.get()[SUBJECT_VALUE];
+      }
+      return value;
+    }
+  });
+};

package/dist/esm/core/utils/ComContext.js

@@ -0,0 +1,10 @@
+import { createContext, useContext } from 'react';
+var ComContext = /*#__PURE__*/createContext(undefined);
+export function useAppContext() {
+  var context = useContext(ComContext);
+  if (!context) {
+    throw new Error('useAppContext must be used within a ComContext.Provider');
+  }
+  return context;
+}
+export default ComContext;

package/dist/esm/core/utils/index.js

@@ -0,0 +1,57 @@
+import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
+import { useState, useRef, useMemo } from 'react';
+export function useModel(rawData) {
+  var _useState = useState({}),
+    _useState2 = _slicedToArray(_useState, 2),
+    forceUpdate = _useState2[1];
+  var dataRef = useRef(rawData || {});
+  return useMemo(function () {
+    return new Proxy(dataRef.current, {
+      get: function get(target, key) {
+        return Reflect.get(target, key);
+      },
+      set: function set(target, key, value) {
+        var result = Reflect.set(target, key, value);
+        forceUpdate({});
+        return result;
+      }
+    });
+  }, []);
+}
+export function useBindInputs(scope, id) {
+  return useMemo(function () {
+    var controller = scope[id] = scope[id] || {};
+    return new Proxy({}, {
+      get: function get(_target, pin) {
+        return function (arg) {
+          if (typeof arg === 'function') {
+            controller[pin] = arg;
+          } else {
+            var callback = controller[pin];
+            if (typeof callback === 'function') {
+              callback(arg);
+            }
+          }
+        };
+      }
+    });
+  }, [scope, id]);
+}
+export function useBindEvents(props) {
+  return useMemo(function () {
+    var _events = {};
+    Object.keys(props).forEach(function (key) {
+      if (key.startsWith('on')) {
+        var handler = props[key];
+        if (typeof handler === 'function') {
+          _events[key] = handler;
+          _events[key].getConnections = function () {
+            return [1];
+          };
+        }
+      }
+    });
+    return _events;
+  }, [props]);
+}
+export { WithCom, WithWrapper } from "./with";

package/dist/esm/core/utils/useContext.js

@@ -0,0 +1,24 @@
+import { useRef } from 'react';
+export function useAppCreateContext() {
+  var comRefs = useRef({});
+  var appContext = {
+    canvas: {
+      id: "u_7VvVn" // 使用 data 中的 id
+    },
+    runtime: {
+      debug: false
+    },
+    edit: false,
+    isH5: false,
+    isDesigner: false,
+    isPreview: false,
+    isRelease: false,
+    isDebug: false,
+    isLocal: false,
+    isTest: false
+  };
+  return {
+    comRefs: comRefs,
+    appContext: appContext
+  };
+}

package/dist/esm/core/utils/with.js

@@ -0,0 +1,67 @@
+import _extends from "@babel/runtime/helpers/esm/extends";
+import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
+import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
+var _excluded = ["component", "id", "data", "className", "style"];
+import React, { useEffect, useState } from 'react';
+import { View } from '@tarojs/components';
+import { useModel, useBindInputs, useBindEvents } from "./index";
+import { useAppCreateContext } from "./useContext";
+import ComContext, { useAppContext } from "./ComContext";
+export var WithCom = function WithCom(props) {
+  var Component = props.component,
+    _props$id = props.id,
+    id = _props$id === void 0 ? '' : _props$id,
+    data = props.data,
+    className = props.className,
+    style = props.style,
+    rest = _objectWithoutProperties(props, _excluded);
+  var _useAppContext = useAppContext(),
+    comRefs = _useAppContext.comRefs,
+    appContext = _useAppContext.appContext;
+  var env = appContext; //TODO: 需要根据实际情况修改
+
+  var _useState = useState(true),
+    _useState2 = _slicedToArray(_useState, 2),
+    show = _useState2[0],
+    setShow = _useState2[1];
+
+  //默认事件注册
+  useEffect(function () {
+    comRefs.current[id].hide(function () {
+      setShow(false);
+    });
+    comRefs.current[id].show(function () {
+      setShow(true);
+    });
+    comRefs.current[id].showOrHide(function () {
+      setShow(function (prev) {
+        return !prev;
+      });
+    });
+  }, [comRefs]);
+
+  //数据模型
+  var _data = useModel(data || {});
+  var inputProxy = useBindInputs(comRefs, id);
+  var eventProxy = useBindEvents(rest);
+  comRefs.current[id] = inputProxy;
+  return show ? /*#__PURE__*/React.createElement(View, {
+    className: className,
+    style: style
+  }, /*#__PURE__*/React.createElement(Component, _extends({}, rest, {
+    inputs: inputProxy,
+    outputs: eventProxy,
+    data: _data,
+    env: env,
+    id: id,
+    style: style
+  }))) : null;
+};
+export var WithWrapper = function WithWrapper(Component) {
+  return function WrappedComponent(props) {
+    var contextStore = useAppCreateContext();
+    return /*#__PURE__*/React.createElement(ComContext.Provider, {
+      value: contextStore
+    }, /*#__PURE__*/React.createElement(Component, props));
+  };
+};

package/dist/esm/generate/generateTaroProjectJson.d.ts

@@ -0,0 +1,24 @@
+interface FileNode {
+    path: string;
+    content: string | null;
+    children?: FileNode[];
+}
+interface GenerateItem {
+    type: string;
+    content?: string;
+    cssContent?: string;
+    pageConfigContent?: string;
+    name?: string;
+    importManager?: {
+        toCode: () => string;
+    };
+    tabBarConfig?: string;
+    [key: string]: any;
+}
+/**
+ * 根据数组生成文件结构 JSON 对象
+ * @param items 包含 content、cssContent、pageConfigContent、tabBarConfig 等信息的数组
+ * @returns 返回文件结构的 JSON 对象数组
+ */
+declare const generateTaroProjectJson: (items?: GenerateItem[]) => FileNode[];
+export default generateTaroProjectJson;

package/dist/esm/generate/generateTaroProjectJson.js

@@ -0,0 +1,102 @@
+import _toConsumableArray from "@babel/runtime/helpers/esm/toConsumableArray";
+import * as fs from 'fs';
+import * as path from 'path';
+import { findDir, ensureDir } from "./utils/fileNode";
+import { handleCommonDir } from "./utils/commonDir";
+import { handleTabBarImages } from "./utils/tabBarImages";
+import { updateAppConfig } from "./utils/appConfig";
+/**
+ * 根据数组生成文件结构 JSON 对象
+ * @param items 包含 content、cssContent、pageConfigContent、tabBarConfig 等信息的数组
+ * @returns 返回文件结构的 JSON 对象数组
+ */
+var generateTaroProjectJson = function generateTaroProjectJson() {
+  var _pagesDir$children, _srcDir$children;
+  var items = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : [];
+  // 读取模板 JSON 文件
+  var templateJsonPath = path.join(__dirname, '../taro-template.json');
+  if (!fs.existsSync(templateJsonPath)) {
+    throw new Error("\u6A21\u677F\u6587\u4EF6\u4E0D\u5B58\u5728: ".concat(templateJsonPath));
+  }
+  var templateJson = JSON.parse(fs.readFileSync(templateJsonPath, 'utf-8'));
+
+  // 找到 src 目录
+  var srcDir = templateJson.find(function (node) {
+    return node.path === 'src';
+  });
+  srcDir.children = srcDir.children || [];
+
+  // 找到 pages 目录
+  var pagesDir = findDir(templateJson, 'src/pages');
+  if (!pagesDir) {
+    throw new Error('未找到 pages 目录');
+  }
+  pagesDir.children = pagesDir.children || [];
+
+  // 确保 common 目录存在
+  var commonDir = ensureDir(srcDir, 'src/common');
+
+  // 确保 assets/tabbar 目录存在
+  var assetsDir = ensureDir(srcDir, 'src/assets');
+  var tabbarDir = ensureDir(assetsDir, 'src/assets/tabbar');
+
+  // 从 items 的扩展字段中获取 TabBar 图片文件信息
+  var imageFiles = items.__tabBarImageFiles || [];
+
+  // 过滤出类型为 normal 的项
+  var normalItems = items.filter(function (item) {
+    return item.type === 'normal';
+  });
+
+  // 处理所有 normal 类型的项，生成页面节点数组
+  var generatedPages = normalItems.map(function (item) {
+    var _item$importManager;
+    var pageName = item.meta.id;
+
+    // 生成完整的文件内容：import 语句 + content
+    var importCode = ((_item$importManager = item.importManager) === null || _item$importManager === void 0 ? void 0 : _item$importManager.toCode()) || '';
+    var fileContent = item.content || '';
+    var fullContent = importCode ? "".concat(importCode, "\n").concat(fileContent) : fileContent;
+
+    // 使用 item 中的 pageConfigContent，如果没有则使用默认配置
+    var configContent = item.pageConfigContent || "export default definePageConfig({\n  navigationBarTitleText: '\u9875\u9762'\n})";
+
+    // 固定生成三个文件节点
+    var pageChildren = [{
+      path: "src/pages/".concat(pageName, "/index.config.ts"),
+      content: configContent
+    }, {
+      path: "src/pages/".concat(pageName, "/index.less"),
+      content: item.cssContent || ''
+    }, {
+      path: "src/pages/".concat(pageName, "/index.tsx"),
+      content: fullContent
+    }];
+
+    // 返回页面目录节点
+    return {
+      path: "src/pages/".concat(pageName),
+      content: null,
+      children: pageChildren
+    };
+  });
+
+  // 一次性将所有生成的页面添加到 pages 目录
+  (_pagesDir$children = pagesDir.children).push.apply(_pagesDir$children, _toConsumableArray(generatedPages));
+
+  // 更新 app.config.ts
+  var appConfigFile = (_srcDir$children = srcDir.children) === null || _srcDir$children === void 0 ? void 0 : _srcDir$children.find(function (node) {
+    return node.path === 'src/app.config.ts';
+  });
+  if (appConfigFile) {
+    updateAppConfig(appConfigFile, normalItems, items);
+  }
+
+  // 处理 TabBar 图片文件
+  handleTabBarImages(tabbarDir, imageFiles);
+
+  // 处理 common 目录下的文件
+  handleCommonDir(commonDir, items);
+  return templateJson;
+};
+export default generateTaroProjectJson;

package/dist/esm/generate/generateTaroTempalteJson.d.ts

@@ -0,0 +1,15 @@
+interface FileNode {
+    path: string;
+    content: string | null;
+    children?: FileNode[];
+}
+interface TemplateJson {
+    rootDir: string;
+    files: FileNode[];
+}
+/**
+ * 递归遍历目录并生成文件树结构
+ * @param templateDir 模板目录路径，默认为当前文件所在目录下的 template 目录
+ */
+declare const generateTaroTemplateJson: (templateDir?: string) => TemplateJson;
+export default generateTaroTemplateJson;

package/dist/esm/generate/generateTaroTempalteJson.js

@@ -0,0 +1,94 @@
+import _toConsumableArray from "@babel/runtime/helpers/esm/toConsumableArray";
+import _createForOfIteratorHelper from "@babel/runtime/helpers/esm/createForOfIteratorHelper";
+import * as fs from 'fs';
+import * as path from 'path';
+var _templateDir = path.join(__dirname, '../_template');
+
+/**
+ * 递归遍历目录并生成文件树结构
+ * @param templateDir 模板目录路径，默认为当前文件所在目录下的 template 目录
+ */
+var generateTaroTemplateJson = function generateTaroTemplateJson() {
+  var templateDir = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : _templateDir;
+  var rootDir = path.basename(templateDir);
+  var files = [];
+
+  // 需要忽略的目录和文件
+  var ignoreList = ['node_modules', 'dist', '.git', '.husky', '.swc', 'yarn.lock', 'package-lock.json'];
+
+  /**
+   * 递归读取目录
+   */
+  var readDirectory = function readDirectory(dirPath) {
+    var relativePath = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : '';
+    var items = [];
+    var entries = fs.readdirSync(dirPath, {
+      withFileTypes: true
+    });
+
+    // 按名称排序，目录在前
+    entries.sort(function (a, b) {
+      if (a.isDirectory() && !b.isDirectory()) return -1;
+      if (!a.isDirectory() && b.isDirectory()) return 1;
+      return a.name.localeCompare(b.name);
+    });
+    var _iterator = _createForOfIteratorHelper(entries),
+      _step;
+    try {
+      for (_iterator.s(); !(_step = _iterator.n()).done;) {
+        var entry = _step.value;
+        // 跳过忽略列表中的项
+        if (ignoreList.includes(entry.name)) {
+          continue;
+        }
+        var fullPath = path.join(dirPath, entry.name);
+        var itemRelativePath = relativePath ? "".concat(relativePath, "/").concat(entry.name) : entry.name;
+        if (entry.isDirectory()) {
+          // 递归读取子目录
+          var children = readDirectory(fullPath, itemRelativePath);
+          items.push({
+            path: itemRelativePath,
+            content: null,
+            children: children.length > 0 ? children : undefined
+          });
+        } else {
+          // 读取文件内容
+          try {
+            var content = fs.readFileSync(fullPath, 'utf-8');
+            items.push({
+              path: itemRelativePath,
+              content: content,
+              children: undefined
+            });
+          } catch (error) {
+            // 如果读取失败（如二进制文件），内容设为空字符串
+            items.push({
+              path: itemRelativePath,
+              content: '',
+              children: undefined
+            });
+          }
+        }
+      }
+    } catch (err) {
+      _iterator.e(err);
+    } finally {
+      _iterator.f();
+    }
+    return items;
+  };
+  files.push.apply(files, _toConsumableArray(readDirectory(templateDir)));
+  // console.log(files);
+
+  // 写入 JSON 文件，如果已存在则先删除
+  var jsonFilePath = path.join(__dirname, '../taro-template.json');
+  if (fs.existsSync(jsonFilePath)) {
+    fs.unlinkSync(jsonFilePath);
+  }
+  fs.writeFileSync(jsonFilePath, JSON.stringify(files, null, 2));
+  return {
+    rootDir: rootDir,
+    files: files
+  };
+};
+export default generateTaroTemplateJson;

package/dist/esm/generate/utils/appConfig.d.ts

@@ -0,0 +1,21 @@
+/**
+ * app.config.ts 更新工具
+ */
+interface FileNode {
+    path: string;
+    content: string | null;
+    children?: FileNode[];
+}
+interface GenerateItem {
+    type: string;
+    tabBarConfig?: string;
+    meta?: {
+        id: string;
+    };
+    [key: string]: any;
+}
+/**
+ * 更新 app.config.ts
+ */
+export declare function updateAppConfig(appConfigFile: FileNode, normalItems: GenerateItem[], items: GenerateItem[]): void;
+export {};