@nocobase/plugin-multi-app-manager 0.11.1-alpha.5 → 0.12.0-alpha.2

package/client.d.ts

@@ -1,3 +1 @@
-export * from './src/client';
-export { default } from './src/client';
-
+export * from './dist/client/index';

package/client.js

@@ -1 +1 @@
-module.exports = require('./lib/client/index.js');
+module.exports = require('./dist/client/index.js');

package/dist/client/index.js

@@ -0,0 +1,500 @@
+(function(global, factory) {
+  typeof exports === "object" && typeof module !== "undefined" ? factory(exports, require("@nocobase/client"), require("react"), require("antd"), require("react-router-dom"), require("@formily/shared"), require("react-i18next"), require("@formily/react")) : typeof define === "function" && define.amd ? define(["exports", "@nocobase/client", "react", "antd", "react-router-dom", "@formily/shared", "react-i18next", "@formily/react"], factory) : (global = typeof globalThis !== "undefined" ? globalThis : global || self, factory(global["@nocobase/plugin-multi-app-manager"] = {}, global["@nocobase/client"], global.react, global.antd, global["react-router-dom"], global["@formily/shared"], global["react-i18next"], global["@formily/react"]));
+})(this, function(exports2, client, require$$0, antd, reactRouterDom, shared, reactI18next, react) {
+  "use strict";
+  var jsxRuntime = { exports: {} };
+  var reactJsxRuntime_production_min = {};
+  /**
+   * @license React
+   * react-jsx-runtime.production.min.js
+   *
+   * Copyright (c) Facebook, Inc. and its affiliates.
+   *
+   * This source code is licensed under the MIT license found in the
+   * LICENSE file in the root directory of this source tree.
+   */
+  var f = require$$0, k = Symbol.for("react.element"), l = Symbol.for("react.fragment"), m = Object.prototype.hasOwnProperty, n = f.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner, p = { key: true, ref: true, __self: true, __source: true };
+  function q(c, a, g) {
+    var b, d = {}, e = null, h = null;
+    void 0 !== g && (e = "" + g);
+    void 0 !== a.key && (e = "" + a.key);
+    void 0 !== a.ref && (h = a.ref);
+    for (b in a)
+      m.call(a, b) && !p.hasOwnProperty(b) && (d[b] = a[b]);
+    if (c && c.defaultProps)
+      for (b in a = c.defaultProps, a)
+        void 0 === d[b] && (d[b] = a[b]);
+    return { $$typeof: k, type: c, key: e, ref: h, props: d, _owner: n.current };
+  }
+  reactJsxRuntime_production_min.Fragment = l;
+  reactJsxRuntime_production_min.jsx = q;
+  reactJsxRuntime_production_min.jsxs = q;
+  {
+    jsxRuntime.exports = reactJsxRuntime_production_min;
+  }
+  var jsxRuntimeExports = jsxRuntime.exports;
+  const usePluginUtils = () => {
+    const { t } = reactI18next.useTranslation("multi-app-manager");
+    return { t };
+  };
+  const i18nText = (text) => {
+    return `{{t("${text}", { ns: 'multi-app-manager' })}}`;
+  };
+  const collection = {
+    name: "applications",
+    targetKey: "name",
+    fields: [
+      {
+        type: "uid",
+        name: "name",
+        primaryKey: true,
+        prefix: "a",
+        interface: "input",
+        uiSchema: {
+          type: "string",
+          title: i18nText("App ID"),
+          required: true,
+          "x-component": "Input",
+          "x-validator": "uid"
+        }
+      },
+      {
+        type: "string",
+        name: "displayName",
+        interface: "input",
+        uiSchema: {
+          type: "string",
+          title: i18nText("App display name"),
+          required: true,
+          "x-component": "Input"
+        }
+      },
+      {
+        type: "string",
+        name: "pinned",
+        interface: "checkbox",
+        uiSchema: {
+          type: "boolean",
+          "x-content": i18nText("Pin to menu"),
+          "x-component": "Checkbox"
+        }
+      },
+      {
+        type: "string",
+        name: "status",
+        interface: "radioGroup",
+        defaultValue: "pending",
+        uiSchema: {
+          type: "string",
+          title: i18nText("App status"),
+          enum: [
+            { label: "Pending", value: "pending" },
+            { label: "Running", value: "running" }
+          ],
+          "x-component": "Radio.Group"
+        }
+      }
+    ]
+  };
+  const useDestroyAll = () => {
+    const { state, setState, refresh } = client.useResourceActionContext();
+    const { resource } = client.useResourceContext();
+    return {
+      async run() {
+        await resource.destroy({
+          filterByTk: (state == null ? void 0 : state.selectedRowKeys) || []
+        });
+        setState == null ? void 0 : setState({ selectedRowKeys: [] });
+        refresh();
+      }
+    };
+  };
+  const tableActionColumnSchema = {
+    properties: {
+      view: {
+        type: "void",
+        "x-component": "AppVisitor",
+        "x-component-props": {}
+      },
+      update: {
+        type: "void",
+        title: '{{t("Edit")}}',
+        "x-component": "Action.Link",
+        "x-component-props": {},
+        properties: {
+          drawer: {
+            type: "void",
+            "x-component": "Action.Drawer",
+            "x-decorator": "Form",
+            "x-decorator-props": {
+              useValues: "{{ cm.useValuesFromRecord }}"
+            },
+            title: '{{t("Edit")}}',
+            properties: {
+              displayName: {
+                "x-component": "CollectionField",
+                "x-decorator": "FormItem"
+              },
+              pinned: {
+                "x-component": "CollectionField",
+                "x-decorator": "FormItem"
+              },
+              "options.standaloneDeployment": {
+                "x-component": "Checkbox",
+                "x-decorator": "FormItem",
+                "x-content": i18nText("Standalone deployment")
+              },
+              "options.autoStart": {
+                "x-component": "Checkbox",
+                "x-decorator": "FormItem",
+                "x-content": i18nText("Auto start")
+              },
+              cname: {
+                title: i18nText("Custom domain"),
+                "x-component": "Input",
+                "x-decorator": "FormItem"
+              },
+              footer: {
+                type: "void",
+                "x-component": "Action.Drawer.Footer",
+                properties: {
+                  cancel: {
+                    title: '{{t("Cancel")}}',
+                    "x-component": "Action",
+                    "x-component-props": {
+                      useAction: "{{ cm.useCancelAction }}"
+                    }
+                  },
+                  submit: {
+                    title: '{{t("Submit")}}',
+                    "x-component": "Action",
+                    "x-component-props": {
+                      type: "primary",
+                      useAction: "{{ cm.useUpdateAction }}"
+                    }
+                  }
+                }
+              }
+            }
+          }
+        }
+      },
+      delete: {
+        type: "void",
+        title: '{{ t("Delete") }}',
+        "x-component": "Action.Link",
+        "x-component-props": {
+          confirm: {
+            title: "{{t('Delete')}}",
+            content: "{{t('Are you sure you want to delete it?')}}"
+          },
+          useAction: "{{cm.useDestroyAction}}"
+        }
+      }
+    }
+  };
+  const schema = {
+    type: "object",
+    properties: {
+      [shared.uid()]: {
+        type: "void",
+        "x-decorator": "ResourceActionProvider",
+        "x-decorator-props": {
+          collection,
+          resourceName: "applications",
+          request: {
+            resource: "applications",
+            action: "list",
+            params: {
+              pageSize: 50,
+              sort: ["-createdAt"],
+              appends: []
+            }
+          }
+        },
+        "x-component": "CollectionProvider",
+        "x-component-props": {
+          collection
+        },
+        properties: {
+          actions: {
+            type: "void",
+            "x-component": "ActionBar",
+            "x-component-props": {
+              style: {
+                marginBottom: 16
+              }
+            },
+            properties: {
+              delete: {
+                type: "void",
+                title: '{{ t("Delete") }}',
+                "x-component": "Action",
+                "x-component-props": {
+                  useAction: useDestroyAll,
+                  confirm: {
+                    title: "{{t('Delete')}}",
+                    content: "{{t('Are you sure you want to delete it?')}}"
+                  }
+                }
+              },
+              create: {
+                type: "void",
+                title: '{{t("Add new")}}',
+                "x-component": "Action",
+                "x-component-props": {
+                  type: "primary"
+                },
+                properties: {
+                  drawer: {
+                    type: "void",
+                    "x-component": "Action.Drawer",
+                    "x-decorator": "Form",
+                    "x-decorator-props": {
+                      useValues(options) {
+                        const ctx = client.useActionContext();
+                        return client.useRequest(
+                          () => Promise.resolve({
+                            data: {
+                              name: `a_${shared.uid()}`
+                            }
+                          }),
+                          { ...options, refreshDeps: [ctx.visible] }
+                        );
+                      }
+                    },
+                    title: '{{t("Add new")}}',
+                    properties: {
+                      displayName: {
+                        "x-component": "CollectionField",
+                        "x-decorator": "FormItem"
+                      },
+                      name: {
+                        "x-component": "CollectionField",
+                        "x-decorator": "FormItem"
+                      },
+                      pinned: {
+                        "x-component": "CollectionField",
+                        "x-decorator": "FormItem"
+                      },
+                      "options.standaloneDeployment": {
+                        "x-component": "Checkbox",
+                        "x-decorator": "FormItem",
+                        "x-content": i18nText("Standalone deployment")
+                      },
+                      "options.autoStart": {
+                        "x-component": "Checkbox",
+                        "x-decorator": "FormItem",
+                        "x-content": i18nText("Auto start")
+                      },
+                      cname: {
+                        title: i18nText("Custom domain"),
+                        "x-component": "Input",
+                        "x-decorator": "FormItem"
+                      },
+                      footer: {
+                        type: "void",
+                        "x-component": "Action.Drawer.Footer",
+                        properties: {
+                          cancel: {
+                            title: '{{t("Cancel")}}',
+                            "x-component": "Action",
+                            "x-component-props": {
+                              useAction: "{{ cm.useCancelAction }}"
+                            }
+                          },
+                          submit: {
+                            title: '{{t("Submit")}}',
+                            "x-component": "Action",
+                            "x-component-props": {
+                              type: "primary",
+                              useAction: "{{ cm.useCreateAction }}"
+                            }
+                          }
+                        }
+                      }
+                    }
+                  }
+                }
+              }
+            }
+          },
+          table: {
+            type: "void",
+            "x-uid": "input",
+            "x-component": "Table.Void",
+            "x-component-props": {
+              rowKey: "name",
+              rowSelection: {
+                type: "checkbox"
+              },
+              useDataSource: "{{ cm.useDataSourceFromRAC }}"
+            },
+            properties: {
+              displayName: {
+                type: "void",
+                "x-decorator": "Table.Column.Decorator",
+                "x-component": "Table.Column",
+                properties: {
+                  displayName: {
+                    type: "string",
+                    "x-component": "CollectionField",
+                    "x-read-pretty": true
+                  }
+                }
+              },
+              name: {
+                type: "void",
+                "x-decorator": "Table.Column.Decorator",
+                "x-component": "Table.Column",
+                properties: {
+                  name: {
+                    type: "string",
+                    "x-component": "CollectionField",
+                    "x-read-pretty": true
+                  }
+                }
+              },
+              pinned: {
+                type: "void",
+                title: i18nText("Pin to menu"),
+                "x-decorator": "Table.Column.Decorator",
+                "x-component": "Table.Column",
+                properties: {
+                  pinned: {
+                    type: "string",
+                    "x-component": "CollectionField",
+                    "x-read-pretty": true
+                  }
+                }
+              },
+              actions: {
+                type: "void",
+                title: '{{t("Actions")}}',
+                "x-component": "Table.Column",
+                properties: {
+                  actions: {
+                    type: "void",
+                    "x-component": "Space",
+                    "x-component-props": {
+                      split: "|"
+                    },
+                    ...tableActionColumnSchema
+                  }
+                }
+              }
+            }
+          }
+        }
+      }
+    }
+  };
+  const useLink = () => {
+    var _a;
+    const record = client.useRecord();
+    if (((_a = record.options) == null ? void 0 : _a.standaloneDeployment) && record.cname) {
+      return `//${record.cname}`;
+    }
+    return `/apps/${record.name}/admin/`;
+  };
+  const AppVisitor = () => {
+    const { t } = usePluginUtils();
+    const link = useLink();
+    return /* @__PURE__ */ jsxRuntimeExports.jsx("a", { href: link, target: "_blank", rel: "noreferrer", children: t("View", { ns: "client" }) });
+  };
+  const AppManager = () => {
+    return /* @__PURE__ */ jsxRuntimeExports.jsx(antd.Card, { bordered: false, children: /* @__PURE__ */ jsxRuntimeExports.jsx(client.SchemaComponent, { schema, components: { AppVisitor } }) });
+  };
+  const ReadPretty = (props) => {
+    const content = props.value && /* @__PURE__ */ jsxRuntimeExports.jsx("a", { target: "_blank", href: `/apps/${props.value}/admin`, rel: "noreferrer", children: props.value });
+    return /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { style: props.style, children: [
+      props.addonBefore,
+      props.prefix,
+      content,
+      props.suffix,
+      props.addonAfter
+    ] });
+  };
+  const AppNameInput = react.connect(antd.Input, react.mapReadPretty(ReadPretty));
+  const MultiAppManager = () => {
+    const { data, run } = client.useRequest(
+      {
+        resource: "applications",
+        action: "listPinned"
+      },
+      {
+        manual: true
+      }
+    );
+    const { t } = usePluginUtils();
+    const items = [
+      ...((data == null ? void 0 : data.data) || []).map((app) => {
+        var _a;
+        let link = `/apps/${app.name}/admin/`;
+        if (((_a = app.options) == null ? void 0 : _a.standaloneDeployment) && app.cname) {
+          link = `//${app.cname}`;
+        }
+        return {
+          key: app.name,
+          label: /* @__PURE__ */ jsxRuntimeExports.jsx("a", { href: link, target: "_blank", rel: "noopener noreferrer", children: app.displayName || app.name })
+        };
+      }),
+      {
+        key: ".manager",
+        label: /* @__PURE__ */ jsxRuntimeExports.jsx(reactRouterDom.Link, { to: "/admin/settings/multi-app-manager/applications", children: t("Manage applications") })
+      }
+    ];
+    return /* @__PURE__ */ jsxRuntimeExports.jsx(
+      antd.Dropdown,
+      {
+        onOpenChange: (visible) => {
+          run();
+        },
+        menu: { items },
+        children: /* @__PURE__ */ jsxRuntimeExports.jsx(antd.Button, { title: "Apps", icon: /* @__PURE__ */ jsxRuntimeExports.jsx(client.Icon, { type: "AppstoreOutlined" }) })
+      }
+    );
+  };
+  const MultiAppManagerProvider = (props) => {
+    const { t } = usePluginUtils();
+    return /* @__PURE__ */ jsxRuntimeExports.jsx(
+      client.PinnedPluginListProvider,
+      {
+        items: {
+          am: { order: 201, component: "MultiAppManager", pin: true }
+        },
+        children: /* @__PURE__ */ jsxRuntimeExports.jsx(client.SchemaComponentOptions, { components: { MultiAppManager, AppNameInput }, children: /* @__PURE__ */ jsxRuntimeExports.jsx(
+          client.SettingsCenterProvider,
+          {
+            settings: {
+              "multi-app-manager": {
+                title: t("Multi-app manager"),
+                icon: "AppstoreOutlined",
+                tabs: {
+                  applications: {
+                    title: t("Applications"),
+                    component: () => /* @__PURE__ */ jsxRuntimeExports.jsx(AppManager, {})
+                  }
+                  // settings: {
+                  //   title: 'Settings',
+                  //   component: () => <Settings />,
+                  // },
+                }
+              }
+            },
+            children: props.children
+          }
+        ) })
+      }
+    );
+  };
+  class MultiAppManagerPlugin extends client.Plugin {
+    async load() {
+      this.app.use(MultiAppManagerProvider);
+    }
+  }
+  exports2.MultiAppManagerPlugin = MultiAppManagerPlugin;
+  exports2.default = MultiAppManagerPlugin;
+  exports2.tableActionColumnSchema = tableActionColumnSchema;
+  Object.defineProperties(exports2, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+});

package/{lib → dist}/index.d.ts

@@ -1 +1,2 @@
+export * from './server';
 export { default } from './server';

package/dist/index.js

@@ -0,0 +1,18 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var server = require('./server');
+
+
+
+Object.defineProperty(exports, 'default', {
+  enumerable: true,
+  get: function () { return server__namespace.default; }
+});
+Object.keys(server).forEach(function (k) {
+  if (k !== 'default' && !Object.prototype.hasOwnProperty.call(exports, k)) Object.defineProperty(exports, k, {
+    enumerable: true,
+    get: function () { return server[k]; }
+  });
+});

package/dist/locale/es-ES.js

@@ -0,0 +1,13 @@
+'use strict';
+
+var es_ES_default = {
+  "Multi-app manager": "Gestor de aplicaciones m\xFAltiples",
+  Applications: "Aplicaciones",
+  "App display name": "Mostrar nombre de aplicaci\xF3n",
+  "App ID": "ID de aplicaci\xF3n",
+  "Pin to menu": " Fijar al men\xFA",
+  "Custom domain": "Dominio personalizado",
+  "Manage applications": "Gestionar aplicaciones"
+};
+
+module.exports = es_ES_default;

package/dist/locale/pt-BR.js

@@ -0,0 +1,13 @@
+'use strict';
+
+var pt_BR_default = {
+  "Multi-app manager": "Gerenciador de aplicativos m\xFAltiplos",
+  Applications: "Aplicativos",
+  "App display name": "Nome de exibi\xE7\xE3o do aplicativo",
+  "App ID": "ID do aplicativo",
+  "Pin to menu": "Fixar no menu",
+  "Custom domain": "Dom\xEDnio personalizado",
+  "Manage applications": "Gerenciar aplicativos"
+};
+
+module.exports = pt_BR_default;

package/dist/locale/zh-CN.js

@@ -0,0 +1,15 @@
+'use strict';
+
+var zh_CN_default = {
+  "Multi-app manager": "\u591A\u5E94\u7528\u7BA1\u7406",
+  Applications: "\u5E94\u7528",
+  "App display name": "\u5E94\u7528\u540D\u79F0",
+  "App ID": "\u5E94\u7528\u6807\u8BC6",
+  "Pin to menu": "\u5728\u83DC\u5355\u4E0A\u663E\u793A",
+  "Custom domain": "\u81EA\u5B9A\u4E49\u57DF\u540D",
+  "Manage applications": "\u7BA1\u7406\u5E94\u7528",
+  "Standalone deployment": "\u72EC\u7ACB\u90E8\u7F72",
+  "Auto start": "\u81EA\u52A8\u542F\u52A8"
+};
+
+module.exports = zh_CN_default;

package/dist/server/collections/applications.js

@@ -0,0 +1,49 @@
+'use strict';
+
+var database = require('@nocobase/database');
+
+var applications_default = database.defineCollection({
+  namespace: "multi-app-manager.multi-apps",
+  duplicator: "optional",
+  name: "applications",
+  model: "ApplicationModel",
+  autoGenId: false,
+  title: '{{t("Applications")}}',
+  sortable: "sort",
+  filterTargetKey: "name",
+  fields: [
+    {
+      type: "uid",
+      name: "name",
+      primaryKey: true
+    },
+    {
+      type: "string",
+      name: "displayName"
+    },
+    {
+      type: "string",
+      name: "cname",
+      unique: true
+    },
+    {
+      type: "boolean",
+      name: "pinned"
+    },
+    {
+      type: "string",
+      name: "icon"
+    },
+    {
+      type: "string",
+      name: "status",
+      defaultValue: "pending"
+    },
+    {
+      type: "json",
+      name: "options"
+    }
+  ]
+});
+
+module.exports = applications_default;

package/dist/server/index.js

@@ -0,0 +1,21 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var application = require('./models/application');
+var server = require('./server');
+
+
+
+Object.defineProperty(exports, 'ApplicationModel', {
+  enumerable: true,
+  get: function () { return application.ApplicationModel; }
+});
+Object.defineProperty(exports, 'registerAppOptions', {
+  enumerable: true,
+  get: function () { return application.registerAppOptions; }
+});
+Object.defineProperty(exports, 'default', {
+  enumerable: true,
+  get: function () { return server.PluginMultiAppManager; }
+});

package/dist/server/models/application.js

@@ -0,0 +1,22 @@
+'use strict';
+
+var database = require('@nocobase/database');
+var server = require('@nocobase/server');
+
+class ApplicationModel extends database.Model {
+  registerToMainApp(mainApp, options) {
+    const appName = this.get("name");
+    const appOptions = this.get("options") || {};
+    const subAppOptions = {
+      ...options.appOptionsFactory(appName, mainApp),
+      ...appOptions,
+      name: appName
+    };
+    const subApp = new server.Application(subAppOptions);
+    mainApp.appManager.addSubApp(subApp);
+    console.log(`register application ${appName} to main app`);
+    return subApp;
+  }
+}
+
+exports.ApplicationModel = ApplicationModel;