@flowgram.ai/materials-plugin 0.1.0

package/dist/esm/index.js

@@ -0,0 +1,24 @@
+// src/create-materials-plugin.ts
+import { FlowRendererKey, FlowRendererRegistry } from "@flowgram.ai/renderer";
+import { definePluginCreator } from "@flowgram.ai/core";
+var createMaterialsPlugin = definePluginCreator({
+  onInit(ctx, opts) {
+    const registry = ctx.get(FlowRendererRegistry);
+    registry.registerReactComponent(
+      FlowRendererKey.NODE_RENDER,
+      opts.renderDefaultNode || (() => null)
+    );
+    if (opts.renderTexts) {
+      registry.registerText(opts.renderTexts);
+    }
+    if (opts.renderNodes) {
+      Object.keys(opts.renderNodes).forEach(
+        (key) => registry.registerReactComponent(key, opts.renderNodes[key])
+      );
+    }
+  }
+});
+export {
+  createMaterialsPlugin
+};
+//# sourceMappingURL=index.js.map

package/dist/esm/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/create-materials-plugin.ts"],"sourcesContent":["import React from 'react';\n\nimport { FlowRendererKey, FlowRendererRegistry } from '@flowgram.ai/renderer';\nimport { definePluginCreator } from '@flowgram.ai/core';\n\nexport type MaterialReactComponent<T = any> = (props: T) => React.ReactNode | null;\n\nexport interface MaterialsPluginOptions {\n  /**\n   * 注册特定的节点渲染组件\n   */\n  renderNodes?: Record<string, MaterialReactComponent>;\n  /**\n   * 默认节点渲染\n   */\n  renderDefaultNode?: MaterialReactComponent;\n  /**\n   * 注册渲染的文字\n   */\n  renderTexts?: Record<string, string>;\n}\n\nexport const createMaterialsPlugin = definePluginCreator<MaterialsPluginOptions>({\n  onInit(ctx, opts) {\n    const registry = ctx.get<FlowRendererRegistry>(FlowRendererRegistry);\n    /**\n     * 注册默认节点渲染\n     */\n    registry.registerReactComponent(\n      FlowRendererKey.NODE_RENDER,\n      opts.renderDefaultNode || (() => null),\n    );\n\n    /**\n     * 注册文案\n     */\n    if (opts.renderTexts) {\n      registry.registerText(opts.renderTexts);\n    }\n    /**\n     * 注册单节点渲染\n     */\n    if (opts.renderNodes) {\n      Object.keys(opts.renderNodes).forEach(key =>\n        registry.registerReactComponent(key, opts.renderNodes![key]),\n      );\n    }\n  },\n});\n"],"mappings":";AAEA,SAAS,iBAAiB,4BAA4B;AACtD,SAAS,2BAA2B;AAmB7B,IAAM,wBAAwB,oBAA4C;AAAA,EAC/E,OAAO,KAAK,MAAM;AAChB,UAAM,WAAW,IAAI,IAA0B,oBAAoB;AAInE,aAAS;AAAA,MACP,gBAAgB;AAAA,MAChB,KAAK,sBAAsB,MAAM;AAAA,IACnC;AAKA,QAAI,KAAK,aAAa;AACpB,eAAS,aAAa,KAAK,WAAW;AAAA,IACxC;AAIA,QAAI,KAAK,aAAa;AACpB,aAAO,KAAK,KAAK,WAAW,EAAE;AAAA,QAAQ,SACpC,SAAS,uBAAuB,KAAK,KAAK,YAAa,GAAG,CAAC;AAAA,MAC7D;AAAA,IACF;AAAA,EACF;AACF,CAAC;","names":[]}

package/dist/index.d.mts

@@ -0,0 +1,21 @@
+import * as _flowgram_ai_core from '@flowgram.ai/core';
+import React from 'react';
+
+type MaterialReactComponent<T = any> = (props: T) => React.ReactNode | null;
+interface MaterialsPluginOptions {
+    /**
+     * 注册特定的节点渲染组件
+     */
+    renderNodes?: Record<string, MaterialReactComponent>;
+    /**
+     * 默认节点渲染
+     */
+    renderDefaultNode?: MaterialReactComponent;
+    /**
+     * 注册渲染的文字
+     */
+    renderTexts?: Record<string, string>;
+}
+declare const createMaterialsPlugin: _flowgram_ai_core.PluginCreator<MaterialsPluginOptions>;
+
+export { type MaterialReactComponent, type MaterialsPluginOptions, createMaterialsPlugin };

package/dist/index.d.ts

@@ -0,0 +1,21 @@
+import * as _flowgram_ai_core from '@flowgram.ai/core';
+import React from 'react';
+
+type MaterialReactComponent<T = any> = (props: T) => React.ReactNode | null;
+interface MaterialsPluginOptions {
+    /**
+     * 注册特定的节点渲染组件
+     */
+    renderNodes?: Record<string, MaterialReactComponent>;
+    /**
+     * 默认节点渲染
+     */
+    renderDefaultNode?: MaterialReactComponent;
+    /**
+     * 注册渲染的文字
+     */
+    renderTexts?: Record<string, string>;
+}
+declare const createMaterialsPlugin: _flowgram_ai_core.PluginCreator<MaterialsPluginOptions>;
+
+export { type MaterialReactComponent, type MaterialsPluginOptions, createMaterialsPlugin };

package/dist/index.js

@@ -0,0 +1,51 @@
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/index.ts
+var src_exports = {};
+__export(src_exports, {
+  createMaterialsPlugin: () => createMaterialsPlugin
+});
+module.exports = __toCommonJS(src_exports);
+
+// src/create-materials-plugin.ts
+var import_renderer = require("@flowgram.ai/renderer");
+var import_core = require("@flowgram.ai/core");
+var createMaterialsPlugin = (0, import_core.definePluginCreator)({
+  onInit(ctx, opts) {
+    const registry = ctx.get(import_renderer.FlowRendererRegistry);
+    registry.registerReactComponent(
+      import_renderer.FlowRendererKey.NODE_RENDER,
+      opts.renderDefaultNode || (() => null)
+    );
+    if (opts.renderTexts) {
+      registry.registerText(opts.renderTexts);
+    }
+    if (opts.renderNodes) {
+      Object.keys(opts.renderNodes).forEach(
+        (key) => registry.registerReactComponent(key, opts.renderNodes[key])
+      );
+    }
+  }
+});
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  createMaterialsPlugin
+});
+//# sourceMappingURL=index.js.map

package/dist/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/index.ts","../src/create-materials-plugin.ts"],"sourcesContent":["export * from './create-materials-plugin';\n","import React from 'react';\n\nimport { FlowRendererKey, FlowRendererRegistry } from '@flowgram.ai/renderer';\nimport { definePluginCreator } from '@flowgram.ai/core';\n\nexport type MaterialReactComponent<T = any> = (props: T) => React.ReactNode | null;\n\nexport interface MaterialsPluginOptions {\n  /**\n   * 注册特定的节点渲染组件\n   */\n  renderNodes?: Record<string, MaterialReactComponent>;\n  /**\n   * 默认节点渲染\n   */\n  renderDefaultNode?: MaterialReactComponent;\n  /**\n   * 注册渲染的文字\n   */\n  renderTexts?: Record<string, string>;\n}\n\nexport const createMaterialsPlugin = definePluginCreator<MaterialsPluginOptions>({\n  onInit(ctx, opts) {\n    const registry = ctx.get<FlowRendererRegistry>(FlowRendererRegistry);\n    /**\n     * 注册默认节点渲染\n     */\n    registry.registerReactComponent(\n      FlowRendererKey.NODE_RENDER,\n      opts.renderDefaultNode || (() => null),\n    );\n\n    /**\n     * 注册文案\n     */\n    if (opts.renderTexts) {\n      registry.registerText(opts.renderTexts);\n    }\n    /**\n     * 注册单节点渲染\n     */\n    if (opts.renderNodes) {\n      Object.keys(opts.renderNodes).forEach(key =>\n        registry.registerReactComponent(key, opts.renderNodes![key]),\n      );\n    }\n  },\n});\n"],"mappings":";;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;;;ACEA,sBAAsD;AACtD,kBAAoC;AAmB7B,IAAM,4BAAwB,iCAA4C;AAAA,EAC/E,OAAO,KAAK,MAAM;AAChB,UAAM,WAAW,IAAI,IAA0B,oCAAoB;AAInE,aAAS;AAAA,MACP,gCAAgB;AAAA,MAChB,KAAK,sBAAsB,MAAM;AAAA,IACnC;AAKA,QAAI,KAAK,aAAa;AACpB,eAAS,aAAa,KAAK,WAAW;AAAA,IACxC;AAIA,QAAI,KAAK,aAAa;AACpB,aAAO,KAAK,KAAK,WAAW,EAAE;AAAA,QAAQ,SACpC,SAAS,uBAAuB,KAAK,KAAK,YAAa,GAAG,CAAC;AAAA,MAC7D;AAAA,IACF;AAAA,EACF;AACF,CAAC;","names":[]}

package/package.json

@@ -0,0 +1,59 @@
+{
+  "name": "@flowgram.ai/materials-plugin",
+  "version": "0.1.0",
+  "license": "MIT",
+  "exports": {
+    "types": "./dist/index.d.ts",
+    "import": "./dist/esm/index.js",
+    "require": "./dist/index.js"
+  },
+  "main": "./dist/index.js",
+  "module": "./dist/esm/index.js",
+  "types": "./dist/index.d.ts",
+  "files": [
+    "dist"
+  ],
+  "dependencies": {
+    "inversify": "^6.0.1",
+    "@flowgram.ai/core": "0.1.0",
+    "@flowgram.ai/form-core": "0.1.0",
+    "@flowgram.ai/utils": "0.1.0",
+    "@flowgram.ai/renderer": "0.1.0"
+  },
+  "devDependencies": {
+    "@types/bezier-js": "4.1.3",
+    "@types/lodash": "^4.14.137",
+    "@types/react": "^18",
+    "@types/react-dom": "^18",
+    "@types/styled-components": "^5",
+    "@vitest/coverage-v8": "^0.32.0",
+    "eslint": "^8.54.0",
+    "react": "^18",
+    "react-dom": "^18",
+    "styled-components": "^5",
+    "tsup": "^8.0.1",
+    "typescript": "^5.0.4",
+    "vitest": "^0.34.6",
+    "@flowgram.ai/eslint-config": "0.1.0",
+    "@flowgram.ai/ts-config": "0.1.0"
+  },
+  "peerDependencies": {
+    "react": ">=17",
+    "react-dom": ">=17",
+    "styled-components": ">=4"
+  },
+  "publishConfig": {
+    "access": "public",
+    "registry": "https://registry.npmjs.org/"
+  },
+  "scripts": {
+    "build": "npm run build:fast -- --dts-resolve",
+    "build:fast": "tsup src/index.ts --format cjs,esm --sourcemap --legacy-output",
+    "build:watch": "npm run build:fast -- --dts-resolve",
+    "clean": "rimraf dist",
+    "test": "exit 0",
+    "test:cov": "exit 0",
+    "ts-check": "tsc --noEmit",
+    "watch": "npm run build:fast -- --dts-resolve --watch --ignore-watch dist"
+  }
+}