@flowgram.ai/redux-devtool-plugin 0.1.0-alpha.10

package/dist/esm/index.js

@@ -0,0 +1,145 @@
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __decorateClass = (decorators, target, key, kind) => {
+  var result = kind > 1 ? void 0 : kind ? __getOwnPropDesc(target, key) : target;
+  for (var i = decorators.length - 1, decorator; i >= 0; i--)
+    if (decorator = decorators[i])
+      result = (kind ? decorator(target, key, result) : decorator(result)) || result;
+  if (kind && result) __defProp(target, key, result);
+  return result;
+};
+
+// src/create-redux-devtool-plugin.ts
+import { definePluginCreator } from "@flowgram.ai/core";
+
+// src/connectors/ecs-connector.ts
+import { inject, injectable as injectable2 } from "inversify";
+import { EntityManager } from "@flowgram.ai/core";
+
+// src/connectors/base.ts
+import { injectable, postConstruct } from "inversify";
+var BaseConnector = class {
+  constructor() {
+    this.devTools = window.__REDUX_DEVTOOLS_EXTENSION__?.connect({
+      name: this.getName()
+    });
+  }
+  init() {
+    if (this.devTools) {
+      this.devTools.init(this.getState());
+      this.devTools.subscribe((_msg) => {
+        if (_msg?.payload?.type === "COMMIT") {
+          this.devTools.init(this.getState());
+        }
+      });
+      this.onInit();
+    }
+  }
+  send(action, state) {
+    if (this.devTools) {
+      this.devTools.send(action, state || this.getState());
+    }
+  }
+};
+__decorateClass([
+  postConstruct()
+], BaseConnector.prototype, "init", 1);
+BaseConnector = __decorateClass([
+  injectable()
+], BaseConnector);
+
+// src/connectors/ecs-connector.ts
+var ECSConnector = class extends BaseConnector {
+  getName() {
+    return "@flowgram.ai/EntityManager";
+  }
+  getState() {
+    return this.entityManager.storeState({ configOnly: false });
+  }
+  onInit() {
+    this.entityManager.onEntityLifeCycleChange((action) => {
+      this.send(`${action.type}/${action.entity.type}/${action.entity.id}`);
+    });
+  }
+};
+__decorateClass([
+  inject(EntityManager)
+], ECSConnector.prototype, "entityManager", 2);
+ECSConnector = __decorateClass([
+  injectable2()
+], ECSConnector);
+
+// src/connectors/variable-connector.ts
+import { inject as inject2, injectable as injectable3 } from "inversify";
+import { VariableEngine } from "@flowgram.ai/variable-core";
+var VariableConnector = class extends BaseConnector {
+  constructor() {
+    super(...arguments);
+    /**
+     * 缓存变量状态
+     */
+    this.scopes = {};
+  }
+  getName() {
+    return "@flowgram.ai/VariableEngine";
+  }
+  getState() {
+    return { scopes: this.scopes, variables: this.variableEngine.globalVariableTable.variables };
+  }
+  getScopeState(scope) {
+    return {
+      ast: scope?.ast.toJSON(),
+      output: scope.output.variables,
+      available: scope.available.variables
+    };
+  }
+  onInit() {
+    this.variableEngine.onScopeChange((action) => {
+      const { scope, type } = action;
+      if (type === "delete") {
+        delete this.scopes[String(scope.id)];
+      } else {
+        this.scopes = {
+          ...this.scopes,
+          [scope.id]: this.getScopeState(scope)
+        };
+      }
+      this.send(`${type}/${String(scope.id)}`);
+    });
+  }
+};
+__decorateClass([
+  inject2(VariableEngine)
+], VariableConnector.prototype, "variableEngine", 2);
+VariableConnector = __decorateClass([
+  injectable3()
+], VariableConnector);
+
+// src/create-redux-devtool-plugin.ts
+var createReduxDevToolPlugin = definePluginCreator({
+  onBind({ bind }, opts) {
+    const { enable } = opts;
+    if (!enable) {
+      return;
+    }
+    bind(ECSConnector).toSelf().inSingletonScope();
+    bind(VariableConnector).toSelf().inSingletonScope();
+  },
+  onInit(ctx, opts) {
+    const { enable, ecs = true, variable = false } = opts;
+    if (!enable) {
+      return;
+    }
+    if (ecs) {
+      ctx.get(ECSConnector);
+    }
+    if (variable) {
+      ctx.get(VariableConnector);
+    }
+  }
+});
+export {
+  ECSConnector,
+  createReduxDevToolPlugin
+};
+//# sourceMappingURL=index.js.map

package/dist/esm/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/create-redux-devtool-plugin.ts","../../src/connectors/ecs-connector.ts","../../src/connectors/base.ts","../../src/connectors/variable-connector.ts"],"sourcesContent":["/**\n * Copyright (c) 2025 Bytedance Ltd. and/or its affiliates\n * SPDX-License-Identifier: MIT\n */\n\nimport { definePluginCreator } from '@flowgram.ai/core';\n\nimport { ECSConnector, VariableConnector } from './connectors';\n\nexport interface ReduxDevToolPluginOptions {\n  enable?: boolean;\n  // 需要监听的内容\n  ecs?: boolean;\n  variable?: boolean;\n}\n\nexport const createReduxDevToolPlugin = definePluginCreator<ReduxDevToolPluginOptions>({\n  onBind({ bind }, opts) {\n    const { enable } = opts;\n    if (!enable) {\n      return;\n    }\n\n    bind(ECSConnector).toSelf().inSingletonScope();\n\n    bind(VariableConnector).toSelf().inSingletonScope();\n  },\n  onInit(ctx, opts) {\n    const { enable, ecs = true, variable = false } = opts;\n    if (!enable) {\n      return;\n    }\n\n    if (ecs) {\n      ctx.get(ECSConnector);\n    }\n\n    if (variable) {\n      ctx.get(VariableConnector);\n    }\n  },\n});\n","/**\n * Copyright (c) 2025 Bytedance Ltd. and/or its affiliates\n * SPDX-License-Identifier: MIT\n */\n\nimport { inject, injectable } from 'inversify';\nimport { EntityManager } from '@flowgram.ai/core';\n\nimport { BaseConnector } from './base';\n\n@injectable()\nexport class ECSConnector extends BaseConnector {\n  @inject(EntityManager) protected entityManager: EntityManager;\n\n  getName(): string {\n    return '@flowgram.ai/EntityManager';\n  }\n\n  getState() {\n    return this.entityManager.storeState({ configOnly: false });\n  }\n\n  onInit() {\n    this.entityManager.onEntityLifeCycleChange(action => {\n      this.send(`${action.type}/${action.entity.type}/${action.entity.id}`);\n    });\n  }\n}\n","/**\n * Copyright (c) 2025 Bytedance Ltd. and/or its affiliates\n * SPDX-License-Identifier: MIT\n */\n\nimport { injectable, postConstruct } from 'inversify';\n\n/**\n * 参考：https://github.com/zalmoxisus/redux-devtools-extension/blob/master/docs/API/Methods.md\n */\n@injectable()\nexport abstract class BaseConnector {\n  devTools;\n\n  abstract getName(): string;\n\n  abstract getState(): any;\n\n  abstract onInit(): any;\n\n  constructor() {\n    this.devTools = (window as any).__REDUX_DEVTOOLS_EXTENSION__?.connect({\n      name: this.getName(),\n    });\n  }\n\n  @postConstruct()\n  init() {\n    if (this.devTools) {\n      this.devTools.init(this.getState());\n      this.devTools.subscribe((_msg: any) => {\n        // COMMIT 清空数据\n        if (_msg?.payload?.type === 'COMMIT') {\n          this.devTools.init(this.getState());\n        }\n      });\n      this.onInit();\n    }\n  }\n\n  protected send(action: any, state?: any) {\n    if (this.devTools) {\n      this.devTools.send(action, state || this.getState());\n    }\n  }\n}\n","/**\n * Copyright (c) 2025 Bytedance Ltd. and/or its affiliates\n * SPDX-License-Identifier: MIT\n */\n\nimport { inject, injectable } from 'inversify';\nimport { Scope, VariableEngine } from '@flowgram.ai/variable-core';\n\nimport { BaseConnector } from './base';\n\n@injectable()\nexport class VariableConnector extends BaseConnector {\n  @inject(VariableEngine) protected variableEngine: VariableEngine;\n\n  /**\n   * 缓存变量状态\n   */\n  scopes: Record<string, any> = {};\n\n  getName(): string {\n    return '@flowgram.ai/VariableEngine';\n  }\n\n  getState() {\n    return { scopes: this.scopes, variables: this.variableEngine.globalVariableTable.variables };\n  }\n\n  getScopeState(scope: Scope) {\n    return {\n      ast: scope?.ast.toJSON(),\n      output: scope.output.variables,\n      available: scope.available.variables,\n    };\n  }\n\n  onInit() {\n    this.variableEngine.onScopeChange((action) => {\n      const { scope, type } = action;\n\n      if (type === 'delete') {\n        delete this.scopes[String(scope.id)];\n      } else {\n        this.scopes = {\n          ...this.scopes,\n          [scope.id]: this.getScopeState(scope),\n        };\n      }\n\n      this.send(`${type}/${String(scope.id)}`);\n    });\n  }\n}\n"],"mappings":"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","names":["injectable","injectable","inject","injectable","inject","injectable"]}

package/dist/index.d.mts

@@ -0,0 +1,39 @@
+import * as _flowgram_ai_core from '@flowgram.ai/core';
+import { EntityManager } from '@flowgram.ai/core';
+
+/**
+ * Copyright (c) 2025 Bytedance Ltd. and/or its affiliates
+ * SPDX-License-Identifier: MIT
+ */
+interface ReduxDevToolPluginOptions {
+    enable?: boolean;
+    ecs?: boolean;
+    variable?: boolean;
+}
+declare const createReduxDevToolPlugin: _flowgram_ai_core.PluginCreator<ReduxDevToolPluginOptions>;
+
+/**
+ * Copyright (c) 2025 Bytedance Ltd. and/or its affiliates
+ * SPDX-License-Identifier: MIT
+ */
+/**
+ * 参考：https://github.com/zalmoxisus/redux-devtools-extension/blob/master/docs/API/Methods.md
+ */
+declare abstract class BaseConnector {
+    devTools: any;
+    abstract getName(): string;
+    abstract getState(): any;
+    abstract onInit(): any;
+    constructor();
+    init(): void;
+    protected send(action: any, state?: any): void;
+}
+
+declare class ECSConnector extends BaseConnector {
+    protected entityManager: EntityManager;
+    getName(): string;
+    getState(): _flowgram_ai_core.EntityJSON[];
+    onInit(): void;
+}
+
+export { ECSConnector, type ReduxDevToolPluginOptions, createReduxDevToolPlugin };

package/dist/index.d.ts

@@ -0,0 +1,39 @@
+import * as _flowgram_ai_core from '@flowgram.ai/core';
+import { EntityManager } from '@flowgram.ai/core';
+
+/**
+ * Copyright (c) 2025 Bytedance Ltd. and/or its affiliates
+ * SPDX-License-Identifier: MIT
+ */
+interface ReduxDevToolPluginOptions {
+    enable?: boolean;
+    ecs?: boolean;
+    variable?: boolean;
+}
+declare const createReduxDevToolPlugin: _flowgram_ai_core.PluginCreator<ReduxDevToolPluginOptions>;
+
+/**
+ * Copyright (c) 2025 Bytedance Ltd. and/or its affiliates
+ * SPDX-License-Identifier: MIT
+ */
+/**
+ * 参考：https://github.com/zalmoxisus/redux-devtools-extension/blob/master/docs/API/Methods.md
+ */
+declare abstract class BaseConnector {
+    devTools: any;
+    abstract getName(): string;
+    abstract getState(): any;
+    abstract onInit(): any;
+    constructor();
+    init(): void;
+    protected send(action: any, state?: any): void;
+}
+
+declare class ECSConnector extends BaseConnector {
+    protected entityManager: EntityManager;
+    getName(): string;
+    getState(): _flowgram_ai_core.EntityJSON[];
+    onInit(): void;
+}
+
+export { ECSConnector, type ReduxDevToolPluginOptions, createReduxDevToolPlugin };

package/dist/index.js

@@ -0,0 +1,170 @@
+"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);
+var __decorateClass = (decorators, target, key, kind) => {
+  var result = kind > 1 ? void 0 : kind ? __getOwnPropDesc(target, key) : target;
+  for (var i = decorators.length - 1, decorator; i >= 0; i--)
+    if (decorator = decorators[i])
+      result = (kind ? decorator(target, key, result) : decorator(result)) || result;
+  if (kind && result) __defProp(target, key, result);
+  return result;
+};
+
+// src/index.ts
+var src_exports = {};
+__export(src_exports, {
+  ECSConnector: () => ECSConnector,
+  createReduxDevToolPlugin: () => createReduxDevToolPlugin
+});
+module.exports = __toCommonJS(src_exports);
+
+// src/create-redux-devtool-plugin.ts
+var import_core2 = require("@flowgram.ai/core");
+
+// src/connectors/ecs-connector.ts
+var import_inversify2 = require("inversify");
+var import_core = require("@flowgram.ai/core");
+
+// src/connectors/base.ts
+var import_inversify = require("inversify");
+var BaseConnector = class {
+  constructor() {
+    this.devTools = window.__REDUX_DEVTOOLS_EXTENSION__?.connect({
+      name: this.getName()
+    });
+  }
+  init() {
+    if (this.devTools) {
+      this.devTools.init(this.getState());
+      this.devTools.subscribe((_msg) => {
+        if (_msg?.payload?.type === "COMMIT") {
+          this.devTools.init(this.getState());
+        }
+      });
+      this.onInit();
+    }
+  }
+  send(action, state) {
+    if (this.devTools) {
+      this.devTools.send(action, state || this.getState());
+    }
+  }
+};
+__decorateClass([
+  (0, import_inversify.postConstruct)()
+], BaseConnector.prototype, "init", 1);
+BaseConnector = __decorateClass([
+  (0, import_inversify.injectable)()
+], BaseConnector);
+
+// src/connectors/ecs-connector.ts
+var ECSConnector = class extends BaseConnector {
+  getName() {
+    return "@flowgram.ai/EntityManager";
+  }
+  getState() {
+    return this.entityManager.storeState({ configOnly: false });
+  }
+  onInit() {
+    this.entityManager.onEntityLifeCycleChange((action) => {
+      this.send(`${action.type}/${action.entity.type}/${action.entity.id}`);
+    });
+  }
+};
+__decorateClass([
+  (0, import_inversify2.inject)(import_core.EntityManager)
+], ECSConnector.prototype, "entityManager", 2);
+ECSConnector = __decorateClass([
+  (0, import_inversify2.injectable)()
+], ECSConnector);
+
+// src/connectors/variable-connector.ts
+var import_inversify3 = require("inversify");
+var import_variable_core = require("@flowgram.ai/variable-core");
+var VariableConnector = class extends BaseConnector {
+  constructor() {
+    super(...arguments);
+    /**
+     * 缓存变量状态
+     */
+    this.scopes = {};
+  }
+  getName() {
+    return "@flowgram.ai/VariableEngine";
+  }
+  getState() {
+    return { scopes: this.scopes, variables: this.variableEngine.globalVariableTable.variables };
+  }
+  getScopeState(scope) {
+    return {
+      ast: scope?.ast.toJSON(),
+      output: scope.output.variables,
+      available: scope.available.variables
+    };
+  }
+  onInit() {
+    this.variableEngine.onScopeChange((action) => {
+      const { scope, type } = action;
+      if (type === "delete") {
+        delete this.scopes[String(scope.id)];
+      } else {
+        this.scopes = {
+          ...this.scopes,
+          [scope.id]: this.getScopeState(scope)
+        };
+      }
+      this.send(`${type}/${String(scope.id)}`);
+    });
+  }
+};
+__decorateClass([
+  (0, import_inversify3.inject)(import_variable_core.VariableEngine)
+], VariableConnector.prototype, "variableEngine", 2);
+VariableConnector = __decorateClass([
+  (0, import_inversify3.injectable)()
+], VariableConnector);
+
+// src/create-redux-devtool-plugin.ts
+var createReduxDevToolPlugin = (0, import_core2.definePluginCreator)({
+  onBind({ bind }, opts) {
+    const { enable } = opts;
+    if (!enable) {
+      return;
+    }
+    bind(ECSConnector).toSelf().inSingletonScope();
+    bind(VariableConnector).toSelf().inSingletonScope();
+  },
+  onInit(ctx, opts) {
+    const { enable, ecs = true, variable = false } = opts;
+    if (!enable) {
+      return;
+    }
+    if (ecs) {
+      ctx.get(ECSConnector);
+    }
+    if (variable) {
+      ctx.get(VariableConnector);
+    }
+  }
+});
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  ECSConnector,
+  createReduxDevToolPlugin
+});
+//# sourceMappingURL=index.js.map

package/dist/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/index.ts","../src/create-redux-devtool-plugin.ts","../src/connectors/ecs-connector.ts","../src/connectors/base.ts","../src/connectors/variable-connector.ts"],"sourcesContent":["/**\n * Copyright (c) 2025 Bytedance Ltd. and/or its affiliates\n * SPDX-License-Identifier: MIT\n */\n\nexport * from './create-redux-devtool-plugin';\nexport * from './connectors/ecs-connector';\n","/**\n * Copyright (c) 2025 Bytedance Ltd. and/or its affiliates\n * SPDX-License-Identifier: MIT\n */\n\nimport { definePluginCreator } from '@flowgram.ai/core';\n\nimport { ECSConnector, VariableConnector } from './connectors';\n\nexport interface ReduxDevToolPluginOptions {\n  enable?: boolean;\n  // 需要监听的内容\n  ecs?: boolean;\n  variable?: boolean;\n}\n\nexport const createReduxDevToolPlugin = definePluginCreator<ReduxDevToolPluginOptions>({\n  onBind({ bind }, opts) {\n    const { enable } = opts;\n    if (!enable) {\n      return;\n    }\n\n    bind(ECSConnector).toSelf().inSingletonScope();\n\n    bind(VariableConnector).toSelf().inSingletonScope();\n  },\n  onInit(ctx, opts) {\n    const { enable, ecs = true, variable = false } = opts;\n    if (!enable) {\n      return;\n    }\n\n    if (ecs) {\n      ctx.get(ECSConnector);\n    }\n\n    if (variable) {\n      ctx.get(VariableConnector);\n    }\n  },\n});\n","/**\n * Copyright (c) 2025 Bytedance Ltd. and/or its affiliates\n * SPDX-License-Identifier: MIT\n */\n\nimport { inject, injectable } from 'inversify';\nimport { EntityManager } from '@flowgram.ai/core';\n\nimport { BaseConnector } from './base';\n\n@injectable()\nexport class ECSConnector extends BaseConnector {\n  @inject(EntityManager) protected entityManager: EntityManager;\n\n  getName(): string {\n    return '@flowgram.ai/EntityManager';\n  }\n\n  getState() {\n    return this.entityManager.storeState({ configOnly: false });\n  }\n\n  onInit() {\n    this.entityManager.onEntityLifeCycleChange(action => {\n      this.send(`${action.type}/${action.entity.type}/${action.entity.id}`);\n    });\n  }\n}\n","/**\n * Copyright (c) 2025 Bytedance Ltd. and/or its affiliates\n * SPDX-License-Identifier: MIT\n */\n\nimport { injectable, postConstruct } from 'inversify';\n\n/**\n * 参考：https://github.com/zalmoxisus/redux-devtools-extension/blob/master/docs/API/Methods.md\n */\n@injectable()\nexport abstract class BaseConnector {\n  devTools;\n\n  abstract getName(): string;\n\n  abstract getState(): any;\n\n  abstract onInit(): any;\n\n  constructor() {\n    this.devTools = (window as any).__REDUX_DEVTOOLS_EXTENSION__?.connect({\n      name: this.getName(),\n    });\n  }\n\n  @postConstruct()\n  init() {\n    if (this.devTools) {\n      this.devTools.init(this.getState());\n      this.devTools.subscribe((_msg: any) => {\n        // COMMIT 清空数据\n        if (_msg?.payload?.type === 'COMMIT') {\n          this.devTools.init(this.getState());\n        }\n      });\n      this.onInit();\n    }\n  }\n\n  protected send(action: any, state?: any) {\n    if (this.devTools) {\n      this.devTools.send(action, state || this.getState());\n    }\n  }\n}\n","/**\n * Copyright (c) 2025 Bytedance Ltd. and/or its affiliates\n * SPDX-License-Identifier: MIT\n */\n\nimport { inject, injectable } from 'inversify';\nimport { Scope, VariableEngine } from '@flowgram.ai/variable-core';\n\nimport { BaseConnector } from './base';\n\n@injectable()\nexport class VariableConnector extends BaseConnector {\n  @inject(VariableEngine) protected variableEngine: VariableEngine;\n\n  /**\n   * 缓存变量状态\n   */\n  scopes: Record<string, any> = {};\n\n  getName(): string {\n    return '@flowgram.ai/VariableEngine';\n  }\n\n  getState() {\n    return { scopes: this.scopes, variables: this.variableEngine.globalVariableTable.variables };\n  }\n\n  getScopeState(scope: Scope) {\n    return {\n      ast: scope?.ast.toJSON(),\n      output: scope.output.variables,\n      available: scope.available.variables,\n    };\n  }\n\n  onInit() {\n    this.variableEngine.onScopeChange((action) => {\n      const { scope, type } = action;\n\n      if (type === 'delete') {\n        delete this.scopes[String(scope.id)];\n      } else {\n        this.scopes = {\n          ...this.scopes,\n          [scope.id]: this.getScopeState(scope),\n        };\n      }\n\n      this.send(`${type}/${String(scope.id)}`);\n    });\n  }\n}\n"],"mappings":"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","names":["import_core","import_inversify","import_inversify"]}

package/package.json

@@ -0,0 +1,48 @@
+{
+  "name": "@flowgram.ai/redux-devtool-plugin",
+  "version": "0.1.0-alpha.10",
+  "homepage": "https://flowgram.ai/",
+  "repository": "https://github.com/bytedance/flowgram.ai",
+  "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",
+    "reflect-metadata": "~0.2.2",
+    "styled-components": "^5",
+    "@flowgram.ai/core": "0.1.0-alpha.10",
+    "@flowgram.ai/variable-core": "0.1.0-alpha.10"
+  },
+  "devDependencies": {
+    "@vitest/coverage-v8": "^0.32.0",
+    "eslint": "^8.54.0",
+    "tsup": "^8.0.1",
+    "typescript": "^5.0.4",
+    "vitest": "^0.34.6",
+    "@flowgram.ai/eslint-config": "0.1.0-alpha.10",
+    "@flowgram.ai/ts-config": "0.1.0-alpha.10"
+  },
+  "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"
+  }
+}