@nocobase/plugin-block-lowcode/src/client/index.ts

A block for executing custom JavaScript code and dynamically updating HTML content.

/**
 * This file is part of the NocoBase (R) project.
 * Copyright (c) 2020-2024 NocoBase Co., Ltd.
 * Authors: NocoBase Team.
 *
 * This project is dual-licensed under AGPL-3.0 and NocoBase Commercial License.
 * For more information, please refer to: https://www.nocobase.com/agreement.
 */

import { lazy, Plugin } from '@nocobase/client';
import { JavaScriptBlockModel } from './JavaScriptBlockModel';
import { LowcodeBlockModel } from './LowcodeBlockModel';

const { CodeEditor } = lazy(() => import('./CodeEditor'), 'CodeEditor');

export class PluginBlockLowcodeClient extends Plugin {
  async load() {
    // Register CodeEditor component to flowSettings
    this.flowEngine.flowSettings.registerComponents({
      CodeEditor,
    });

    // Register the LowcodeBlockFlowModel
    this.flowEngine.registerModels({ LowcodeBlockModel, JavaScriptBlockModel });

    // Set up requirejs context for lowcode components

    this.flowEngine.context.defineMethod('requireAsync', async (mod) => {
      return new Promise((resolve, reject) => {
        this.app.requirejs.require([mod], (arg) => resolve(arg), reject);
      });
    });
  }
}

export default PluginBlockLowcodeClient;