@flowgram.ai/free-container-plugin 0.1.8 → 0.1.15

package/dist/index.js

@@ -38,364 +38,16 @@ var __decorateClass = (decorators, target, key, kind) => {
 // src/index.ts
 var src_exports = {};
 __export(src_exports, {
-  ContainerNodeBackground: () => ContainerNodeBackground,
-  ContainerNodeBorder: () => ContainerNodeBorder,
-  ContainerNodeContainer: () => ContainerNodeContainer,
-  ContainerNodeForm: () => ContainerNodeForm,
-  ContainerNodeHeader: () => ContainerNodeHeader,
-  ContainerNodePorts: () => ContainerNodePorts,
-  ContainerNodeRender: () => ContainerNodeRender,
-  ContainerNodeRenderKey: () => ContainerNodeRenderKey,
   NodeIntoContainerService: () => NodeIntoContainerService,
   NodeIntoContainerType: () => NodeIntoContainerType,
-  createContainerNodePlugin: () => createContainerNodePlugin
+  SubCanvasBackground: () => SubCanvasBackground,
+  SubCanvasBorder: () => SubCanvasBorder,
+  SubCanvasRender: () => SubCanvasRender,
+  createContainerNodePlugin: () => createContainerNodePlugin,
+  useNodeSize: () => useNodeSize
 });
 module.exports = __toCommonJS(src_exports);
 
-// src/container-node-render/constant.ts
-var ContainerNodeRenderKey = "container-node-render-key";
-
-// src/container-node-render/render.tsx
-var import_react7 = __toESM(require("react"));
-
-// src/container-node-render/components/header/index.tsx
-var import_react = __toESM(require("react"));
-var import_free_layout_core = require("@flowgram.ai/free-layout-core");
-
-// src/container-node-render/components/header/style.ts
-var import_styled_components = __toESM(require("styled-components"));
-var ContainerNodeHeaderStyle = import_styled_components.default.div`
-  z-index: 0;
-
-  display: flex;
-  gap: 8px;
-  align-items: center;
-  justify-content: flex-start;
-
-  width: 100%;
-  height: auto;
-
-  border-radius: 8px 8px 0 0;
-
-  .container-node-logo {
-    position: relative;
-
-    flex-shrink: 0;
-
-    width: 24px;
-    height: 24px;
-
-    border-radius: 4px;
-
-    &::after {
-      content: '';
-
-      position: absolute;
-      top: 0;
-      left: 0;
-
-      display: block;
-
-      width: 100%;
-      height: 100%;
-
-      border-radius: 4px;
-      box-shadow: inset 0 0 0 1px var(--coz-stroke-plus);
-    }
-
-    > img {
-      width: 24px;
-      height: 24px;
-      border-radius: 4px;
-    }
-  }
-
-  .container-node-title {
-    margin: 0;
-    padding: 0;
-
-    font-size: 16px;
-    font-weight: 500;
-    font-style: normal;
-    line-height: 22px;
-    color: var(--coz-fg-primary, rgba(6, 7, 9, 80%));
-    text-overflow: ellipsis;
-  }
-
-  .container-node-tooltip {
-    height: 100%;
-  }
-
-  .container-node-tooltip-icon {
-    display: flex;
-    align-items: center;
-
-    width: 16px;
-    height: 100%;
-
-    color: #a7a9b0;
-  }
-`;
-
-// src/container-node-render/components/header/index.tsx
-var ContainerNodeHeader = ({ children }) => {
-  const { startDrag, onFocus, onBlur } = (0, import_free_layout_core.useNodeRender)();
-  return /* @__PURE__ */ import_react.default.createElement(
-    ContainerNodeHeaderStyle,
-    {
-      className: "container-node-header",
-      draggable: true,
-      onMouseDown: (e) => {
-        startDrag(e);
-      },
-      onFocus,
-      onBlur
-    },
-    children
-  );
-};
-
-// src/container-node-render/components/background/index.tsx
-var import_react2 = __toESM(require("react"));
-var import_free_layout_core2 = require("@flowgram.ai/free-layout-core");
-
-// src/container-node-render/components/background/style.ts
-var import_styled_components2 = __toESM(require("styled-components"));
-var ContainerNodeBackgroundStyle = import_styled_components2.default.div`
-  position: absolute;
-  inset: 56px 18px 18px;
-`;
-
-// src/container-node-render/components/background/index.tsx
-var ContainerNodeBackground = () => {
-  const { node } = (0, import_free_layout_core2.useNodeRender)();
-  return /* @__PURE__ */ import_react2.default.createElement(
-    ContainerNodeBackgroundStyle,
-    {
-      className: "container-node-background",
-      "data-flow-editor-selectable": "true"
-    },
-    /* @__PURE__ */ import_react2.default.createElement("svg", { width: "100%", height: "100%" }, /* @__PURE__ */ import_react2.default.createElement(
-      "pattern",
-      {
-        id: "container-node-dot-pattern",
-        width: "20",
-        height: "20",
-        patternUnits: "userSpaceOnUse"
-      },
-      /* @__PURE__ */ import_react2.default.createElement("circle", { cx: "1", cy: "1", r: "1", stroke: "#eceeef", fillOpacity: "0.5" })
-    ), /* @__PURE__ */ import_react2.default.createElement(
-      "rect",
-      {
-        width: "100%",
-        height: "100%",
-        fill: "url(#container-node-dot-pattern)",
-        "data-node-panel-container": node.id
-      }
-    ))
-  );
-};
-
-// src/container-node-render/components/container/index.tsx
-var import_react3 = __toESM(require("react"));
-var import_free_layout_core4 = require("@flowgram.ai/free-layout-core");
-var import_document = require("@flowgram.ai/document");
-
-// src/container-node-render/hooks/use-render-props.ts
-var import_free_layout_core3 = require("@flowgram.ai/free-layout-core");
-var useContainerNodeRenderProps = () => {
-  const { node } = (0, import_free_layout_core3.useNodeRender)();
-  const nodeMeta = node.getNodeMeta();
-  const {
-    title = "",
-    tooltip,
-    renderPorts = [],
-    style = {}
-  } = nodeMeta?.renderContainerNode?.() ?? {};
-  return {
-    title,
-    tooltip,
-    renderPorts,
-    style
-  };
-};
-
-// src/container-node-render/components/container/style.ts
-var import_styled_components3 = __toESM(require("styled-components"));
-var ContainerNodeContainerStyle = import_styled_components3.default.div`
-  display: flex;
-  align-items: flex-start;
-
-  box-sizing: border-box;
-  min-width: 400px;
-  min-height: 300px;
-
-  background-color: #f2f3f5;
-  border-radius: 8px;
-  outline: 1px solid var(--coz-stroke-plus, rgba(6, 7, 9, 15%));
-
-  .container-node-container-selected {
-    outline: 1px solid var(--coz-stroke-hglt, #4e40e5);
-  }
-`;
-
-// src/container-node-render/components/container/index.tsx
-var ContainerNodeContainer = ({ children }) => {
-  const { node, selected, selectNode, nodeRef } = (0, import_free_layout_core4.useNodeRender)();
-  const nodeMeta = node.getNodeMeta();
-  const { size = { width: 300, height: 200 } } = nodeMeta;
-  const { style = {} } = useContainerNodeRenderProps();
-  const transform = node.getData(import_document.FlowNodeTransformData);
-  const [width, setWidth] = (0, import_react3.useState)(size.width);
-  const [height, setHeight] = (0, import_react3.useState)(size.height);
-  const updatePorts = () => {
-    const portsData = node.getData(import_free_layout_core4.WorkflowNodePortsData);
-    portsData.updateDynamicPorts();
-  };
-  const updateSize = () => {
-    if (node.blocks.length === 0) {
-      setWidth(size.width);
-      setHeight(size.height);
-      return;
-    }
-    setWidth(transform.bounds.width);
-    setHeight(transform.bounds.height);
-  };
-  (0, import_react3.useEffect)(() => {
-    const dispose = transform.onDataChange(() => {
-      updateSize();
-      updatePorts();
-    });
-    return () => dispose.dispose();
-  }, [transform, width, height]);
-  (0, import_react3.useEffect)(() => {
-    updateSize();
-  }, []);
-  return /* @__PURE__ */ import_react3.default.createElement(
-    ContainerNodeContainerStyle,
-    {
-      className: "container-node-container",
-      style: {
-        width,
-        height,
-        outline: selected ? "1px solid var(--coz-stroke-hglt, #4E40E5)" : "",
-        ...style
-      },
-      ref: nodeRef,
-      "data-node-selected": String(selected),
-      onMouseDown: selectNode,
-      onClick: (e) => {
-        selectNode(e);
-      }
-    },
-    children
-  );
-};
-
-// src/container-node-render/components/border/index.tsx
-var import_react4 = __toESM(require("react"));
-var import_free_layout_core5 = require("@flowgram.ai/free-layout-core");
-var import_document2 = require("@flowgram.ai/document");
-
-// src/container-node-render/components/border/style.ts
-var import_styled_components4 = __toESM(require("styled-components"));
-var ContainerNodeBorderStyle = import_styled_components4.default.div`
-  pointer-events: none;
-
-  position: absolute;
-
-  display: flex;
-  align-items: center;
-
-  width: 100%;
-  height: 100%;
-
-  background-color: transparent;
-  border: 1px solid var(--coz-stroke-plus, rgba(6, 7, 9, 15%));
-  border-color: var(--coz-bg-plus, rgb(249, 249, 249));
-  border-style: solid;
-  border-width: 8px;
-  border-radius: 8px;
-  box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 4%), 0 4px 12px 0 rgba(0, 0, 0, 2%);
-
-  &::before {
-    content: '';
-
-    position: absolute;
-    z-index: 0;
-    inset: -4px;
-
-    background-color: transparent;
-    border-color: var(--coz-bg-plus, rgb(249, 249, 249));
-    border-style: solid;
-    border-width: 4px;
-    border-radius: 8px;
-  }
-`;
-
-// src/container-node-render/components/border/index.tsx
-var ContainerNodeBorder = () => {
-  const { node } = (0, import_free_layout_core5.useNodeRender)();
-  const transformData = node.getData(import_document2.FlowNodeTransformData);
-  const topWidth = Math.max(transformData.padding.top - 50, 50);
-  return /* @__PURE__ */ import_react4.default.createElement(
-    ContainerNodeBorderStyle,
-    {
-      className: "container-node-border",
-      style: {
-        borderTopWidth: topWidth
-      }
-    }
-  );
-};
-
-// src/container-node-render/components/ports/index.tsx
-var import_react5 = __toESM(require("react"));
-var import_free_lines_plugin = require("@flowgram.ai/free-lines-plugin");
-var import_free_layout_core6 = require("@flowgram.ai/free-layout-core");
-var ContainerNodePorts = () => {
-  const { node, ports } = (0, import_free_layout_core6.useNodeRender)();
-  const { renderPorts } = useContainerNodeRenderProps();
-  (0, import_react5.useEffect)(() => {
-    const portsData = node.getData(import_free_layout_core6.WorkflowNodePortsData);
-    portsData.updateDynamicPorts();
-  }, [node]);
-  return /* @__PURE__ */ import_react5.default.createElement(import_react5.default.Fragment, null, renderPorts.map((p) => /* @__PURE__ */ import_react5.default.createElement(
-    "div",
-    {
-      key: `canvas-port${p.id}`,
-      className: "container-node-port",
-      "data-port-id": p.id,
-      "data-port-type": p.type,
-      style: p.style
-    }
-  )), ports.map((p) => /* @__PURE__ */ import_react5.default.createElement(import_free_lines_plugin.WorkflowPortRender, { key: p.id, entity: p })));
-};
-
-// src/container-node-render/components/form/index.tsx
-var import_react6 = __toESM(require("react"));
-var import_free_layout_core7 = require("@flowgram.ai/free-layout-core");
-
-// src/container-node-render/components/form/style.ts
-var import_styled_components5 = __toESM(require("styled-components"));
-var ContainerNodeFormStyle = import_styled_components5.default.div`
-  background-color: #fff;
-  border-radius: 8px 8px 0 0;
-  width: 100%;
-`;
-
-// src/container-node-render/components/form/index.tsx
-var ContainerNodeForm = () => {
-  const { form } = (0, import_free_layout_core7.useNodeRender)();
-  if (!form) {
-    return null;
-  }
-  return /* @__PURE__ */ import_react6.default.createElement(ContainerNodeFormStyle, null, form.render());
-};
-
-// src/container-node-render/render.tsx
-var ContainerNodeRender = ({ content }) => /* @__PURE__ */ import_react7.default.createElement(ContainerNodeContainer, null, /* @__PURE__ */ import_react7.default.createElement(ContainerNodeBackground, null), /* @__PURE__ */ import_react7.default.createElement(ContainerNodeBorder, null), /* @__PURE__ */ import_react7.default.createElement(ContainerNodeHeader, null, content), /* @__PURE__ */ import_react7.default.createElement(ContainerNodePorts, null));
-
 // src/node-into-container/constant.ts
 var NodeIntoContainerType = /* @__PURE__ */ ((NodeIntoContainerType2) => {
   NodeIntoContainerType2["In"] = "in";
@@ -407,9 +59,9 @@ var NodeIntoContainerType = /* @__PURE__ */ ((NodeIntoContainerType2) => {
 var import_lodash = require("lodash");
 var import_inversify = require("inversify");
 var import_utils = require("@flowgram.ai/utils");
-var import_free_layout_core8 = require("@flowgram.ai/free-layout-core");
+var import_free_layout_core = require("@flowgram.ai/free-layout-core");
 var import_free_history_plugin = require("@flowgram.ai/free-history-plugin");
-var import_document3 = require("@flowgram.ai/document");
+var import_document = require("@flowgram.ai/document");
 var import_core = require("@flowgram.ai/core");
 var NodeIntoContainerService = class {
   constructor() {
@@ -473,6 +125,13 @@ var NodeIntoContainerService = class {
     if (!parentNode || !containerNode || !this.isContainer(parentNode)) {
       return false;
     }
+    const canDrop = this.dragService.canDropToNode({
+      dragNodeType: node.flowNodeType,
+      dropNode: containerNode
+    });
+    if (!canDrop.allowDrop) {
+      return false;
+    }
     return true;
   }
   /** 初始化状态 */
@@ -585,25 +244,25 @@ var NodeIntoContainerService = class {
       return;
     }
     if (this.state.dropNode) {
-      const renderData2 = this.state.dropNode.getData(import_document3.FlowNodeRenderData);
+      const renderData2 = this.state.dropNode.getData(import_document.FlowNodeRenderData);
       const renderDom2 = renderData2.node?.children?.[0];
       if (renderDom2) {
-        renderDom2.style.outline = "";
+        renderDom2.classList.remove("selected");
       }
     }
     this.state.dropNode = dropNode;
     if (!dropNode) {
       return;
     }
-    const renderData = dropNode.getData(import_document3.FlowNodeRenderData);
+    const renderData = dropNode.getData(import_document.FlowNodeRenderData);
     const renderDom = renderData.node?.children?.[0];
     if (renderDom) {
-      renderDom.style.outline = "1px solid var(--coz-stroke-hglt,#4e40e5)";
+      renderDom.classList.add("selected");
     }
   }
   /** 获取容器节点transforms */
   getContainerTransforms() {
-    return this.document.getRenderDatas(import_document3.FlowNodeTransformData, false).filter((transform) => {
+    return this.document.getRenderDatas(import_document.FlowNodeTransformData, false).filter((transform) => {
       const { entity } = transform;
       if (entity.originParent) {
         return entity.getNodeMeta().selectable && entity.originParent.getNodeMeta().selectable;
@@ -688,33 +347,190 @@ var NodeIntoContainerService = class {
   }
 };
 __decorateClass([
-  (0, import_inversify.inject)(import_free_layout_core8.WorkflowDragService)
+  (0, import_inversify.inject)(import_free_layout_core.WorkflowDragService)
 ], NodeIntoContainerService.prototype, "dragService", 2);
 __decorateClass([
-  (0, import_inversify.inject)(import_free_layout_core8.WorkflowDocument)
+  (0, import_inversify.inject)(import_free_layout_core.WorkflowDocument)
 ], NodeIntoContainerService.prototype, "document", 2);
 __decorateClass([
   (0, import_inversify.inject)(import_core.PlaygroundConfigEntity)
 ], NodeIntoContainerService.prototype, "playgroundConfig", 2);
 __decorateClass([
-  (0, import_inversify.inject)(import_free_layout_core8.WorkflowOperationBaseService)
+  (0, import_inversify.inject)(import_free_layout_core.WorkflowOperationBaseService)
 ], NodeIntoContainerService.prototype, "operationService", 2);
 __decorateClass([
-  (0, import_inversify.inject)(import_free_layout_core8.WorkflowLinesManager)
+  (0, import_inversify.inject)(import_free_layout_core.WorkflowLinesManager)
 ], NodeIntoContainerService.prototype, "linesManager", 2);
 __decorateClass([
   (0, import_inversify.inject)(import_free_history_plugin.HistoryService)
 ], NodeIntoContainerService.prototype, "historyService", 2);
 __decorateClass([
-  (0, import_inversify.inject)(import_free_layout_core8.WorkflowSelectService)
+  (0, import_inversify.inject)(import_free_layout_core.WorkflowSelectService)
 ], NodeIntoContainerService.prototype, "selectService", 2);
 NodeIntoContainerService = __decorateClass([
   (0, import_inversify.injectable)()
 ], NodeIntoContainerService);
 
+// src/sub-canvas/hooks/use-node-size.ts
+var import_react = require("react");
+var import_free_layout_core2 = require("@flowgram.ai/free-layout-core");
+var import_document2 = require("@flowgram.ai/document");
+var useNodeSize = () => {
+  const node = (0, import_free_layout_core2.useCurrentEntity)();
+  const nodeMeta = node.getNodeMeta();
+  const { size = { width: 300, height: 200 }, isContainer } = nodeMeta;
+  const transform = node.getData(import_document2.FlowNodeTransformData);
+  const [width, setWidth] = (0, import_react.useState)(size.width);
+  const [height, setHeight] = (0, import_react.useState)(size.height);
+  const updatePorts = () => {
+    const portsData = node.getData(import_free_layout_core2.WorkflowNodePortsData);
+    portsData.updateDynamicPorts();
+  };
+  const updateSize = () => {
+    if (node.blocks.length === 0) {
+      setWidth(size.width);
+      setHeight(size.height);
+      return;
+    }
+    setWidth(transform.bounds.width);
+    setHeight(transform.bounds.height);
+  };
+  (0, import_react.useEffect)(() => {
+    const dispose = transform.onDataChange(() => {
+      updateSize();
+      updatePorts();
+    });
+    return () => dispose.dispose();
+  }, [transform, width, height]);
+  (0, import_react.useEffect)(() => {
+    updateSize();
+  }, []);
+  if (!isContainer) {
+    return;
+  }
+  return {
+    width,
+    height
+  };
+};
+
+// src/sub-canvas/components/background/index.tsx
+var import_react2 = __toESM(require("react"));
+var import_free_layout_core3 = require("@flowgram.ai/free-layout-core");
+
+// src/sub-canvas/components/background/style.ts
+var import_styled_components = __toESM(require("styled-components"));
+var SubCanvasBackgroundStyle = import_styled_components.default.div`
+  width: 100%;
+  height: 100%;
+  inset: 56px 18px 18px;
+  background-color: #f2f3f5;
+`;
+
+// src/sub-canvas/components/background/index.tsx
+var SubCanvasBackground = () => {
+  const node = (0, import_free_layout_core3.useCurrentEntity)();
+  return /* @__PURE__ */ import_react2.default.createElement(SubCanvasBackgroundStyle, { className: "sub-canvas-background", "data-flow-editor-selectable": "true" }, /* @__PURE__ */ import_react2.default.createElement("svg", { width: "100%", height: "100%" }, /* @__PURE__ */ import_react2.default.createElement("pattern", { id: "sub-canvas-dot-pattern", width: "20", height: "20", patternUnits: "userSpaceOnUse" }, /* @__PURE__ */ import_react2.default.createElement("circle", { cx: "1", cy: "1", r: "1", stroke: "#eceeef", fillOpacity: "0.5" })), /* @__PURE__ */ import_react2.default.createElement(
+    "rect",
+    {
+      width: "100%",
+      height: "100%",
+      fill: "url(#sub-canvas-dot-pattern)",
+      "data-node-panel-container": node.id
+    }
+  )));
+};
+
+// src/sub-canvas/components/border/index.tsx
+var import_react3 = __toESM(require("react"));
+
+// src/sub-canvas/components/border/style.ts
+var import_styled_components2 = __toESM(require("styled-components"));
+var SubCanvasBorderStyle = import_styled_components2.default.div`
+  pointer-events: none;
+
+  position: relative;
+
+  display: flex;
+  align-items: center;
+
+  width: 100%;
+  height: 100%;
+
+  background-color: transparent;
+  border: 1px solid var(--coz-stroke-plus, rgba(6, 7, 9, 15%));
+  border-color: var(--coz-bg-plus, rgb(249, 249, 249));
+  border-style: solid;
+  border-width: 8px;
+  border-radius: 8px;
+
+  &::before {
+    content: '';
+
+    position: absolute;
+    z-index: 0;
+    inset: -4px;
+
+    background-color: transparent;
+    border-color: var(--coz-bg-plus, rgb(249, 249, 249));
+    border-style: solid;
+    border-width: 4px;
+    border-radius: 8px;
+  }
+`;
+
+// src/sub-canvas/components/border/index.tsx
+var SubCanvasBorder = ({ style, children }) => /* @__PURE__ */ import_react3.default.createElement(
+  SubCanvasBorderStyle,
+  {
+    className: "sub-canvas-border",
+    style: {
+      ...style
+    }
+  },
+  children
+);
+
+// src/sub-canvas/components/render/index.tsx
+var import_react4 = __toESM(require("react"));
+var import_free_layout_core4 = require("@flowgram.ai/free-layout-core");
+
+// src/sub-canvas/components/render/style.ts
+var import_styled_components3 = __toESM(require("styled-components"));
+var SubCanvasRenderStyle = import_styled_components3.default.div`
+  width: 100%;
+  height: 100%;
+`;
+
+// src/sub-canvas/components/render/index.tsx
+var SubCanvasRender = ({ className, style }) => {
+  const node = (0, import_free_layout_core4.useCurrentEntity)();
+  const nodeSize = useNodeSize();
+  const { height, width } = nodeSize ?? {};
+  const nodeHeight = nodeSize?.height ?? 0;
+  const { padding } = node.transform;
+  (0, import_react4.useLayoutEffect)(() => {
+    node.renderData.node.style.width = width + "px";
+    node.renderData.node.style.height = height + "px";
+  }, [height, width]);
+  return /* @__PURE__ */ import_react4.default.createElement(
+    SubCanvasRenderStyle,
+    {
+      className: `sub-canvas-render ${className ?? ""}`,
+      style: {
+        height: nodeHeight - padding.top,
+        ...style
+      },
+      "data-flow-editor-selectable": "true",
+      onDragStart: (e) => {
+        e.stopPropagation();
+      }
+    },
+    /* @__PURE__ */ import_react4.default.createElement(SubCanvasBorder, null, /* @__PURE__ */ import_react4.default.createElement(SubCanvasBackground, null))
+  );
+};
+
 // src/plugin.tsx
-var import_react8 = __toESM(require("react"));
-var import_renderer = require("@flowgram.ai/renderer");
 var import_core2 = require("@flowgram.ai/core");
 var createContainerNodePlugin = (0, import_core2.definePluginCreator)({
   onBind: ({ bind }) => {
@@ -722,8 +538,6 @@ var createContainerNodePlugin = (0, import_core2.definePluginCreator)({
   },
   onInit(ctx, options) {
     ctx.get(NodeIntoContainerService).init();
-    const registry = ctx.get(import_renderer.FlowRendererRegistry);
-    registry.registerReactComponent(ContainerNodeRenderKey, (props) => /* @__PURE__ */ import_react8.default.createElement(ContainerNodeRender, { ...props, content: options.renderContent }));
   },
   onReady(ctx, options) {
     if (options.disableNodeIntoContainer !== true) {
@@ -736,16 +550,12 @@ var createContainerNodePlugin = (0, import_core2.definePluginCreator)({
 });
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
-  ContainerNodeBackground,
-  ContainerNodeBorder,
-  ContainerNodeContainer,
-  ContainerNodeForm,
-  ContainerNodeHeader,
-  ContainerNodePorts,
-  ContainerNodeRender,
-  ContainerNodeRenderKey,
   NodeIntoContainerService,
   NodeIntoContainerType,
-  createContainerNodePlugin
+  SubCanvasBackground,
+  SubCanvasBorder,
+  SubCanvasRender,
+  createContainerNodePlugin,
+  useNodeSize
 });
 //# sourceMappingURL=index.js.map