@dckj-npm/lowcode-plugin-code-generator 1.0.0

package/lib/components/CodeGenPreview/useIsInIntranet.js

@@ -0,0 +1,72 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+exports.__esModule = true;
+exports.useIsInIntranet = useIsInIntranet;
+var _regenerator = _interopRequireDefault(require("@babel/runtime/regenerator"));
+var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/asyncToGenerator"));
+var _react = _interopRequireWildcard(require("react"));
+function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { "default": e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n["default"] = e, t && t.set(e, n), n; }
+// 预先检测下是否在内网环境中
+var isInIntranetPromise = detectIsInIntranet();
+
+/**
+ * 判断是否在内网环境中中
+ */
+function useIsInIntranet() {
+  var _React$useState = _react["default"].useState({
+      isInIntranet: false
+    }),
+    state = _React$useState[0],
+    setState = _React$useState[1];
+  (0, _react.useEffect)(function () {
+    // 如果预加载失败了，可以尝试重试下
+    isInIntranetPromise["catch"](function () {
+      isInIntranetPromise = detectIsInIntranet();
+      return isInIntranetPromise;
+    }).then(function (isInIntranet) {
+      setState({
+        isInIntranet: isInIntranet
+      });
+    });
+  }, []);
+  return state.isInIntranet;
+}
+
+/**
+ * 判断是否在内网环境中中
+ */
+function detectIsInIntranet() {
+  return _detectIsInIntranet.apply(this, arguments);
+}
+function _detectIsInIntranet() {
+  _detectIsInIntranet = (0, _asyncToGenerator2["default"])(/*#__PURE__*/_regenerator["default"].mark(function _callee() {
+    var res;
+    return _regenerator["default"].wrap(function _callee$(_context) {
+      while (1) switch (_context.prev = _context.next) {
+        case 0:
+          _context.prev = 0;
+          _context.next = 3;
+          return fetch('https://dev.g.alicdn.com/ali-lowcode/ali-lowcode-materials/1.1.0/schema.json');
+        case 3:
+          res = _context.sent;
+          if (!res.ok) {
+            _context.next = 6;
+            break;
+          }
+          return _context.abrupt("return", true);
+        case 6:
+          return _context.abrupt("return", false);
+        case 9:
+          _context.prev = 9;
+          _context.t0 = _context["catch"](0);
+          return _context.abrupt("return", false);
+        case 12:
+        case "end":
+          return _context.stop();
+      }
+    }, _callee, null, [[0, 9]]);
+  }));
+  return _detectIsInIntranet.apply(this, arguments);
+}

package/lib/components/CodeGenResult/CodeGenResult.d.ts

@@ -0,0 +1,9 @@
+/// <reference types="react" />
+import './CodeGenResult.scss';
+import { Result } from '@alilc/lowcode-code-generator/standalone-loader';
+import { ProjectSchema } from '@alilc/lowcode-types';
+export declare function CodeGenResult({ result, schema }: {
+    result: Result | null | undefined;
+    schema: ProjectSchema | null;
+    originalSchema: ProjectSchema | null;
+}): JSX.Element;

package/lib/components/CodeGenResult/CodeGenResult.js

@@ -0,0 +1,169 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+exports.__esModule = true;
+exports.CodeGenResult = CodeGenResult;
+var _regenerator = _interopRequireDefault(require("@babel/runtime/regenerator"));
+var _extends3 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/asyncToGenerator"));
+require("./CodeGenResult.scss");
+var _react = _interopRequireWildcard(require("react"));
+var _fileSaver = _interopRequireDefault(require("file-saver"));
+var _jszip = _interopRequireDefault(require("jszip"));
+var _next = require("@alifd/next");
+var _CodeGenPreview = require("../CodeGenPreview");
+var _SourcesView = require("../SourcesView");
+function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { "default": e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n["default"] = e, t && t.set(e, n), n; }
+function CodeGenResult(_ref) {
+  var result = _ref.result,
+    schema = _ref.schema;
+  var _useState = (0, _react.useState)({
+      expandedKeys: ['sources', 'preview']
+    }),
+    paneState = _useState[0],
+    setPaneState = _useState[1];
+  var _useState2 = (0, _react.useState)(null),
+    gravityCode = _useState2[0],
+    setGravityCode = _useState2[1];
+  var _useState3 = (0, _react.useState)(0),
+    refresh = _useState3[0],
+    setRefresh = _useState3[1];
+  (0, _react.useEffect)(function () {
+    setGravityCode(convertCodeGenResult(result, schema));
+  }, [result]);
+  if (!result) {
+    return null;
+  }
+  var sourcesViewHeight = paneState.expandedKeys.includes('preview') ? '40vh' : '80vh';
+  var gravityDemoHeight = paneState.expandedKeys.includes('sources') ? '40vh' : '80vh';
+  var handleDownloadSources = /*#__PURE__*/function () {
+    var _ref2 = (0, _asyncToGenerator2["default"])(/*#__PURE__*/_regenerator["default"].mark(function _callee(e) {
+      var zip;
+      return _regenerator["default"].wrap(function _callee$(_context) {
+        while (1) switch (_context.prev = _context.next) {
+          case 0:
+            _context.prev = 0;
+            e.preventDefault();
+            e.stopPropagation();
+            zip = new _jszip["default"]();
+            Object.values((gravityCode === null || gravityCode === void 0 ? void 0 : gravityCode.modules) || {}).forEach(function (file) {
+              zip.file(file.fpath.replace(/^\/+/, ''), file.code);
+            });
+            _context.next = 7;
+            return zip.generateAsync({
+              type: 'blob'
+            }).then(function (content) {
+              _fileSaver["default"].saveAs(content, 'ali-lowcode-generated-sources.zip');
+            });
+          case 7:
+            _context.next = 13;
+            break;
+          case 9:
+            _context.prev = 9;
+            _context.t0 = _context["catch"](0);
+            console.log('failed to download sources: ', _context.t0);
+            _next.Message.error('下载失败！');
+          case 13:
+          case "end":
+            return _context.stop();
+        }
+      }, _callee, null, [[0, 9]]);
+    }));
+    return function handleDownloadSources(_x) {
+      return _ref2.apply(this, arguments);
+    };
+  }();
+  return /*#__PURE__*/_react["default"].createElement("div", {
+    className: "code-gen-result"
+  }, /*#__PURE__*/_react["default"].createElement(_next.Collapse, {
+    expandedKeys: paneState.expandedKeys,
+    onExpand: function onExpand(expandedKeys) {
+      setPaneState({
+        expandedKeys: expandedKeys
+      });
+    }
+  }, /*#__PURE__*/_react["default"].createElement(_next.Collapse.Panel, {
+    title: /*#__PURE__*/_react["default"].createElement("span", null, "\u51FA\u7801\u751F\u6210\u7684\u6E90\u4EE3\u7801", ' ', /*#__PURE__*/_react["default"].createElement("a", {
+      href: "javascript:void(0)",
+      onClick: handleDownloadSources
+    }, "\u5BFC\u51FA/\u4E0B\u8F7D zip \u5305")),
+    key: "sources"
+  }, gravityCode != null && /*#__PURE__*/_react["default"].createElement(_SourcesView.SourcesView, {
+    height: sourcesViewHeight,
+    code: gravityCode,
+    onCodeChange: setGravityCode
+  })), /*#__PURE__*/_react["default"].createElement(_next.Collapse.Panel, {
+    title: /*#__PURE__*/_react["default"].createElement("span", null, "\u5728\u7EBF\u9884\u89C8", ' ', /*#__PURE__*/_react["default"].createElement("a", {
+      href: "#refresh",
+      onClick: function onClick(e) {
+        e.preventDefault();
+        e.stopPropagation();
+        setRefresh(Date.now());
+      }
+    }, "\u5237\u65B0")),
+    key: "preview"
+  }, /*#__PURE__*/_react["default"].createElement("div", {
+    className: "code-gen-result-gravity-demo",
+    style: {
+      height: gravityDemoHeight
+    }
+  }, /*#__PURE__*/_react["default"].createElement(_CodeGenPreview.CodeGenPreview, {
+    code: gravityCode,
+    height: gravityDemoHeight,
+    refresh: refresh
+  })))));
+}
+function convertCodeGenResult(result, schema) {
+  var schemaFiles = {
+    '/.project-schema.json': {
+      fpath: '/.project-schema.json',
+      code: JSON.stringify(schema, null, 2) + "\n"
+    }
+  };
+  if (!result || !Array.isArray(result) || !result.length) {
+    return {
+      type: 'demo',
+      modules: schemaFiles
+    };
+  }
+  var code = {
+    type: 'demo',
+    modules: result.reduce(function (acc, file) {
+      var _extends2;
+      return (0, _extends3["default"])({}, acc, (_extends2 = {}, _extends2["/" + file.pathName] = {
+        fpath: "/" + file.pathName,
+        code: file.content,
+        entry: undefined,
+        packagejson: ['package.json'].includes(file.pathName) ? 1 : undefined
+      }, _extends2));
+    }, {})
+  };
+  var foundEntry = false;
+
+  // 设置入口文件
+  ['index.js', 'index.ts', 'index.tsx', 'app.js', 'app.ts', 'app.tsx'].forEach(function (fileName) {
+    if (!foundEntry) {
+      var filePath = "/src/" + fileName;
+      if (code.modules[filePath]) {
+        foundEntry = true;
+        if (fileName === 'index.js') {
+          code.modules[filePath].entry = 1;
+        } else {
+          code.modules['/src/index.js'] = {
+            fpath: '/src/index.js',
+            entry: 1,
+            code: "import \"./" + fileName.replace(/\.\w+$/, '') + "\""
+          };
+        }
+      }
+    }
+  });
+  if (!foundEntry) {
+    console.warn('Failed to find entry file for demo.');
+  }
+
+  // 补充 schema 文件
+  Object.assign(code.modules, schemaFiles);
+  return code;
+}

package/lib/components/CodeGenResult/CodeGenResult.scss

@@ -0,0 +1,7 @@
+.code-gen-result {
+  .code-gen-result-gravity-demo {
+    iframe {
+      height: 100%;
+    }
+  }
+}

package/lib/components/CodeGenResult/index.d.ts

@@ -0,0 +1 @@
+export * from './CodeGenResult';

package/lib/components/CodeGenResult/index.js

@@ -0,0 +1,9 @@
+"use strict";
+
+exports.__esModule = true;
+var _CodeGenResult = require("./CodeGenResult");
+Object.keys(_CodeGenResult).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _CodeGenResult[key]) return;
+  exports[key] = _CodeGenResult[key];
+});

package/lib/components/CodeSandboxPreview/CodeSandboxPreview.d.ts

@@ -0,0 +1,4 @@
+/// <reference types="react" />
+import type { CodeGenPreviewProps } from '../CodeGenPreview';
+import './CodeSandboxPreview.scss';
+export declare function CodeSandboxPreview({ code, height }: CodeGenPreviewProps): JSX.Element;

package/lib/components/CodeSandboxPreview/CodeSandboxPreview.js

@@ -0,0 +1,193 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+exports.__esModule = true;
+exports.CodeSandboxPreview = CodeSandboxPreview;
+var _regenerator = _interopRequireDefault(require("@babel/runtime/regenerator"));
+var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/asyncToGenerator"));
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+var _react = _interopRequireWildcard(require("react"));
+var _next = require("@alifd/next");
+var _fixPreviewCode = require("../CodeGenPreview/fixPreviewCode");
+require("./CodeSandboxPreview.scss");
+function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { "default": e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n["default"] = e, t && t.set(e, n), n; }
+// 使用 CodeSandbox 来进行预览
+// @see https://codesandbox.io/docs/api#get-request
+function CodeSandboxPreview(_ref) {
+  var code = _ref.code,
+    height = _ref.height;
+  var parameters = (0, _react.useMemo)(function () {
+    var files = {};
+    if (code && code.modules) {
+      var fixedCode = (0, _fixPreviewCode.fixPreviewCode)(code);
+      Object.values(fixedCode.modules).forEach(function (file) {
+        var _file$fpath;
+        files[file === null || file === void 0 ? void 0 : (_file$fpath = file.fpath) === null || _file$fpath === void 0 ? void 0 : _file$fpath.slice(1)] = {
+          isBinary: false,
+          content: file.code
+        };
+      });
+
+      // 入口文件需要顺便引入下样式
+      files['src/index.js'] = {
+        isBinary: false,
+        content: "\n// \u76EE\u524D\u9700\u8981\u5355\u72EC\u5F15\u5165\u4E0B\u6837\u5F0F\u6587\u4EF6\nimport \"@alifd/next/dist/next.css\";\nimport \"@alifd/pro-layout/dist/AlifdProLayout.css\";\n\n// \u5F15\u5165\u5165\u53E3\u6587\u4EF6\nimport './app';\n"
+      };
+    }
+    return {
+      files: files,
+      template: 'create-react-app'
+    };
+  }, [code]);
+  var _useState = (0, _react.useState)({
+      parameters: parameters,
+      sandboxId: '',
+      isCreating: false,
+      hasError: false,
+      error: null
+    }),
+    state = _useState[0],
+    setState = _useState[1];
+  (0, _react.useEffect)(function () {
+    if (state.parameters !== parameters || state.sandboxId === 'retry' || !state.sandboxId) {
+      var hasCanceled = false;
+      setState(function (prev) {
+        return (0, _extends2["default"])({}, prev, {
+          hasError: false,
+          code: code,
+          parameters: parameters,
+          isCreating: true
+        });
+      });
+      (0, _asyncToGenerator2["default"])(/*#__PURE__*/_regenerator["default"].mark(function _callee() {
+        var sandboxId;
+        return _regenerator["default"].wrap(function _callee$(_context) {
+          while (1) switch (_context.prev = _context.next) {
+            case 0:
+              _context.prev = 0;
+              _context.next = 3;
+              return createCodeSandbox(parameters);
+            case 3:
+              sandboxId = _context.sent;
+              if (!hasCanceled) {
+                setState(function (prev) {
+                  return (0, _extends2["default"])({}, prev, {
+                    hasError: false,
+                    isCreating: false,
+                    sandboxId: sandboxId
+                  });
+                });
+              }
+              _context.next = 10;
+              break;
+            case 7:
+              _context.prev = 7;
+              _context.t0 = _context["catch"](0);
+              if (!hasCanceled) {
+                setState(function (prev) {
+                  return (0, _extends2["default"])({}, prev, {
+                    hasError: true,
+                    error: _context.t0,
+                    isCreating: false
+                  });
+                });
+              }
+            case 10:
+            case "end":
+              return _context.stop();
+          }
+        }, _callee, null, [[0, 7]]);
+      }))();
+      return function () {
+        hasCanceled = true;
+      };
+    }
+    return function () {};
+  }, [parameters, state.sandboxId, state.parameters]);
+  var handleRetry = function handleRetry() {
+    setState(function (prev) {
+      return (0, _extends2["default"])({}, prev, {
+        hasError: false,
+        sandboxId: 'retry'
+      });
+    });
+  };
+  return /*#__PURE__*/_react["default"].createElement("div", {
+    className: "code-gen-plugin-code-sandbox-preview",
+    style: {
+      height: height
+    },
+    "data-code-sandbox-id": state.sandboxId
+  }, function () {
+    if (state.hasError) {
+      return /*#__PURE__*/_react["default"].createElement(_next.Message, {
+        title: "\u751F\u6210 CodeSandbox \u9884\u89C8\u5E94\u7528\u5931\u8D25"
+      }, /*#__PURE__*/_react["default"].createElement("p", null, "\u8BE6\u7EC6\u9519\u8BEF\uFF1A", "" + (state.error || '网络开小差了')), /*#__PURE__*/_react["default"].createElement("p", null, /*#__PURE__*/_react["default"].createElement(_next.Button, {
+        onClick: handleRetry
+      }, "\u91CD\u65B0\u5C1D\u8BD5\u4E0B")));
+    }
+    return state.sandboxId ? /*#__PURE__*/_react["default"].createElement("iframe", {
+      src: "https://codesandbox.io/embed/" + state.sandboxId + "?autoresize=1&fontsize=14&hidenavigation=1&theme=dark&view=preview",
+      title: "CodeSandbox Preview",
+      allow: "accelerometer; ambient-light-sensor; camera; encrypted-media; geolocation; gyroscope; hid; microphone; midi; payment; usb; vr; xr-spatial-tracking",
+      sandbox: "allow-forms allow-modals allow-popups allow-presentation allow-same-origin allow-scripts"
+    }) : /*#__PURE__*/_react["default"].createElement(_next.Loading, {
+      tip: "\u6B63\u5728\u751F\u6210 CodeSandbox \u9884\u89C8\u5E94\u7528..."
+    });
+  }());
+}
+function createCodeSandbox(_x) {
+  return _createCodeSandbox.apply(this, arguments);
+}
+function _createCodeSandbox() {
+  _createCodeSandbox = (0, _asyncToGenerator2["default"])(/*#__PURE__*/_regenerator["default"].mark(function _callee2(parameters) {
+    var res, json, _ref3, sandbox_id;
+    return _regenerator["default"].wrap(function _callee2$(_context2) {
+      while (1) switch (_context2.prev = _context2.next) {
+        case 0:
+          if (Object.entries((parameters === null || parameters === void 0 ? void 0 : parameters.files) || {}).length) {
+            _context2.next = 2;
+            break;
+          }
+          return _context2.abrupt("return", '');
+        case 2:
+          _context2.next = 4;
+          return fetch('https://codesandbox.io/api/v1/sandboxes/define?json=1', {
+            method: 'POST',
+            headers: {
+              'Content-Type': 'application/json',
+              Accept: 'application/json'
+            },
+            body: JSON.stringify(parameters)
+          });
+        case 4:
+          res = _context2.sent;
+          if (res.ok) {
+            _context2.next = 7;
+            break;
+          }
+          throw new Error("\u521B\u5EFA CodeSandbox \u5931\u8D25\uFF0C\u9519\u8BEF\u7801\uFF1A" + res.status + " " + res.statusText);
+        case 7:
+          _context2.next = 9;
+          return res.json()["catch"](function (err) {
+            throw new Error("\u521B\u5EFA CodeSandbox \u5931\u8D25\uFF0C\u670D\u52A1\u5F02\u5E38(" + ((err === null || err === void 0 ? void 0 : err.message) || err || '未知异常') + ")");
+          });
+        case 9:
+          json = _context2.sent;
+          _ref3 = json || {}, sandbox_id = _ref3.sandbox_id;
+          if (!(!sandbox_id || typeof sandbox_id !== 'string')) {
+            _context2.next = 13;
+            break;
+          }
+          throw new Error("\u521B\u5EFA CodeSandbox \u5931\u8D25\uFF0C\u670D\u52A1\u54CD\u5E94\u5F02\u5E38");
+        case 13:
+          return _context2.abrupt("return", sandbox_id);
+        case 14:
+        case "end":
+          return _context2.stop();
+      }
+    }, _callee2);
+  }));
+  return _createCodeSandbox.apply(this, arguments);
+}

package/lib/components/CodeSandboxPreview/CodeSandboxPreview.scss

@@ -0,0 +1,18 @@
+.code-gen-plugin-code-sandbox-preview {
+  display: flex;
+  flex-direction: row;
+  align-items: center;
+  align-content: center;
+  justify-content: center;
+  justify-items: center;
+  height: 100%;
+
+  iframe {
+    width: 100%;
+    height: 100%;
+    min-height: 300px;
+    border: 0;
+    border-radius: 0;
+    overflow: hidden;
+  }
+}

package/lib/components/CodeSandboxPreview/index.d.ts

@@ -0,0 +1 @@
+export * from './CodeSandboxPreview';

package/lib/components/CodeSandboxPreview/index.js

@@ -0,0 +1,9 @@
+"use strict";
+
+exports.__esModule = true;
+var _CodeSandboxPreview = require("./CodeSandboxPreview");
+Object.keys(_CodeSandboxPreview).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _CodeSandboxPreview[key]) return;
+  exports[key] = _CodeSandboxPreview[key];
+});

package/lib/components/FileTypeIcon/FileTypeIcon.d.ts

@@ -0,0 +1,6 @@
+import './FileTypeIcon.scss';
+import React from 'react';
+export declare type FileTypeIconProps = React.HtmlHTMLAttributes<HTMLSpanElement> & {
+    type: string;
+};
+export declare function FileTypeIcon({ type, ...props }: FileTypeIconProps): JSX.Element;

package/lib/components/FileTypeIcon/FileTypeIcon.js

@@ -0,0 +1,17 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+exports.__esModule = true;
+exports.FileTypeIcon = FileTypeIcon;
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+var _objectWithoutPropertiesLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutPropertiesLoose"));
+require("./FileTypeIcon.scss");
+var _react = _interopRequireDefault(require("react"));
+var _excluded = ["type"];
+function FileTypeIcon(_ref) {
+  var type = _ref.type,
+    props = (0, _objectWithoutPropertiesLoose2["default"])(_ref, _excluded);
+  return /*#__PURE__*/_react["default"].createElement("i", (0, _extends2["default"])({}, props, {
+    className: "file-types-iconfont file-types-icon-" + type + " " + (props.className || '')
+  }));
+}

package/lib/components/FileTypeIcon/FileTypeIcon.scss

@@ -0,0 +1,36 @@
+// source: https://at.alicdn.com/t/font_2997782_rtal7ux80t.css
+
+@font-face {
+  font-family: "file-types-iconfont"; /* Project id 2997782 */
+  src: url('//at.alicdn.com/t/font_2997782_rtal7ux80t.woff2?t=1638951976966') format('woff2'),
+       url('//at.alicdn.com/t/font_2997782_rtal7ux80t.woff?t=1638951976966') format('woff'),
+       url('//at.alicdn.com/t/font_2997782_rtal7ux80t.ttf?t=1638951976966') format('truetype');
+}
+
+.file-types-iconfont {
+  font-family: "file-types-iconfont" !important;
+  font-size: 16px;
+  font-style: normal;
+  -webkit-font-smoothing: antialiased;
+  -moz-osx-font-smoothing: grayscale;
+}
+
+.file-types-icon-folder:before {
+  content: "\e6e9";
+}
+
+.file-types-icon-text:before {
+  content: "\e6a7";
+}
+
+.file-types-icon-jsx:before {
+  content: "\e63b";
+}
+
+.file-types-icon-js:before {
+  content: "\e618";
+}
+
+.file-types-icon-json:before {
+  content: "\e642";
+}

package/lib/components/FileTypeIcon/index.d.ts

@@ -0,0 +1 @@
+export * from './FileTypeIcon';

package/lib/components/FileTypeIcon/index.js

@@ -0,0 +1,9 @@
+"use strict";
+
+exports.__esModule = true;
+var _FileTypeIcon = require("./FileTypeIcon");
+Object.keys(_FileTypeIcon).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _FileTypeIcon[key]) return;
+  exports[key] = _FileTypeIcon[key];
+});

package/lib/components/GravityCode/GravityCode.d.ts

@@ -0,0 +1,9 @@
+export declare type GravityCode = {
+    type: string;
+    modules: Record<string, {
+        entry?: 1;
+        packagejson?: 1;
+        code: string;
+        fpath: string;
+    }>;
+};

package/lib/components/GravityCode/GravityCode.js

@@ -0,0 +1,3 @@
+"use strict";
+
+exports.__esModule = true;

package/lib/components/GravityCode/index.d.ts

@@ -0,0 +1 @@
+export * from './GravityCode';

package/lib/components/GravityCode/index.js

@@ -0,0 +1,9 @@
+"use strict";
+
+exports.__esModule = true;
+var _GravityCode = require("./GravityCode");
+Object.keys(_GravityCode).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _GravityCode[key]) return;
+  exports[key] = _GravityCode[key];
+});

package/lib/components/GravityPreview/ForceUpdate.d.ts

@@ -0,0 +1,6 @@
+import React from 'react';
+export interface ForceUpdateProps {
+    watchKey: string | number;
+    children?: React.ReactNode;
+}
+export declare function ForceUpdate({ watchKey, children }: ForceUpdateProps): JSX.Element;

package/lib/components/GravityPreview/ForceUpdate.js

@@ -0,0 +1,17 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+exports.__esModule = true;
+exports.ForceUpdate = ForceUpdate;
+var _react = _interopRequireDefault(require("react"));
+function ForceUpdate(_ref) {
+  var watchKey = _ref.watchKey,
+    children = _ref.children;
+  return /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, [/*#__PURE__*/_react["default"].createElement(ForceUpdateContent, {
+    key: watchKey
+  }, children)]);
+}
+function ForceUpdateContent(_ref2) {
+  var children = _ref2.children;
+  return /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, children);
+}

package/lib/components/GravityPreview/GravityPreview.d.ts

@@ -0,0 +1,7 @@
+/// <reference types="react" />
+import { GravityCode } from '../GravityCode/GravityCode';
+export declare function GravityPreview({ code, height, refresh }: {
+    code: GravityCode | null;
+    height: string | number;
+    refresh: string | number;
+}): JSX.Element;