@nuwatop/code-canvas-core

Core components and utilities for code-canvas visualization editor.

Installation

npm install @nuwatop/code-canvas-core

Usage

Configuration

Before using the core package, you need to configure the request and upload handlers:

import { setCoreConfig } from '@nuwatop/code-canvas-core';

setCoreConfig({
  request: async (config) => {
    // Your request implementation
    return await fetch(config.baseURL, {
      method: 'GET',
      headers: config.headers
    });
  },
  upload: async (file, config) => {
    // Your upload implementation
    const formData = new FormData();
    formData.append('file', file);
    return await fetch(config?.url || '/upload', {
      method: 'POST',
      body: formData,
      headers: config?.headers
    });
  }
});

Components

All And-* components are available for import:

import { AndButton, AndInput, AndText } from '@nuwatop/code-canvas-core';

Runtime

Initialize the runtime module:

import { initRuntime } from '@nuwatop/code-canvas-core/runtime';

initRuntime({
  utils: yourUtils,
  moduleLoader: async (moduleName) => {
    // Load your module
    return await import(`./modules/${moduleName}`);
  }
});

发布到 npm（维护者）

在 core 目录下，先改好 package.json 里的 version（不能和已发布版本重复），登录 npm 官方源后执行：

npm publish --access public

• --access public：本包是 scoped 包（@nuwatop/...），公开到 npmjs 必须加这一项；否则可能按私有包处理。
• prepublishOnly 已配置为自动 npm run build，一般无需先手动 build。

若本机默认 registry 是镜像（如 npmmirror，不能 publish），可二选一：

npm publish --access public --registry https://registry.npmjs.org/

或在 core/.npmrc 中指定 registry=https://registry.npmjs.org/（含 token 时不要提交到 Git）。

其他：npm login、Automation Token、发布后依赖方 npm install @nuwatop/code-canvas-core@latest、Vite 项目可删 node_modules/.vite 再启动等，按团队惯例即可。

License

MIT