jack zhang 2cb1203aa4
refactor(client)!: application, router and plugin (#2068)
BREAKING CHANGE:

* refactor: update umi version 3.x to version 4.x

* refactor: update react-router-dom version to 6.x

* refactor(react-router-dom): change Layout Component `props.children` to `<Outlet />`

* refactor(react-router-dom): change <Route /> props and <RouteSwitch /> correct

* refactor(react-router-dom): replace `<Redirect />` to `<Navigate replace />`

* refactor(react-router-dom): replace `useHistory` to `useNavigate`

* refactor(react-router-dom): replace `useRouteMatch` to `useParams`

* refactor(react-router-dom & dumi): fix <RouteSwitch /> & umi document bug

* refactor(react-router-dom): `useRoutes` Optimize `<RouteSwitch />` code

* refactor(react-router-dom): update `Route` types and docs

* refactor(react-router-dom): optimize RouteSwitch code

* refactor(react-router-dom): `useLocation` no generics type

* refactor(react-router-dom): add `less v3.9.0` to `resolutions` to solve the error of `gulp-less`

* refactor(react-router-dom): fix `<RouteSwitch />`  `props.routes` as an array is not handled

* chore: upgrade `dumi` and refactor docs

* fix: completed code review, add `targets` to solve browser compatibility & removed `chainWebpack`

* refactor(dumi): upgraded dumi under `packages/core/client`

* refactor(dumi): delete `packages/core/dumi-theme-nocobase`

* refactor(dumi): degrade `react`  & replace `dumi-theme-antd` to `dumi-theme-nocobase`

* refactor(dumi): solve conflicts between multiple dumi applications

* fix: login page error in react 17

* refactor(dumi): remove less resolutions

* refactor(dumi): umi add `msfu: true` config

* fix: merge bug

* fix: self code review

* fix: code reivew and test bug

* refactor: upgrade react to 18

* refactor: degrade react types to 17

* chore: fix ci error

* fix: support routerBase & fix workflow page params

* fix(doc): menu externel link

* fix: build error

* fix: delete

* fix: vitest error

* fix: react-router new code replace

* fix: vitest markdown error

* fix: title is none when refresh

* fix: merge error

* fix: sidebar width is wrong

* fix: useProps error

* fix: side-menu-width

* fix: menu selectId is wrong & useProps is string

* fix: menu selected first default & side menu hide when change

* fix: test error & v0.10 change log

* fix: new compnent doc modify

* fix: set umi `fastRefresh=false`

* refactor: application v2

* fix: improve code

* fix: bug

* fix: page = 0 error

* fix: workflow navigate error

* feat: plugin manager

* fix: afterAdd

* feat: complete basic functional refactor

* fix: performance Application

* feat: support client and server build

* refactor: nocobase build-in plugin and providers

* fix: server can't start

* refactor: all plugins package `Prodiver` change to `Plugin`

* feat: nested router and change mobile client

* feat: delete application-v1 and router-switch

* feat: improve routes

* fix: change mobile not nested

* feat: delete RouteSwitchContext and change buildin Provider to Plugin

* feat: delete RouteSwitchContext plugins

* fix: refactor SchemaComponentOptions

* feat: improve SchemaComponentOptions

* fix: add useAdminSchemaUid

* fix: merge master error

* fix: vitest error

* fix: bug

* feat: bugs

* fix: improve code

* fix: restore code

* feat: vitest

* fix: bugs

* fix: bugs

* docs: update doc

* feat: improve code

* feat: add docs and imporve code

* fix: bugs

* feat: add tests

* fix: remove deps

* fix: muti app router error

* fix: router error

* fix: workflow error

* fix: cli error

* feat: change NoCobase -> Nocobase

* fix: code review

* fix: type error

* fix: cli error and plugin demo

* feat: update doc theme

* fix: build error

* fix: mobile router

* fix: code rewview

* fix: bug

* fix: test bug

* fix: bug

* refactor: add the "client" directory to all plugins

* refactor: modify samples client and plugin template

* fix: merge error

* fix: add files in package.json

* refactor: add README to files in package.json

* fix: adjust plugins depencies

* refactor: completing plugins' devDependencies and dependencies

* fix: bug

* refactor: remove @emotion/css

* refactor: jsonwebtoken deps

* refactor: remove sequelize

* refactor: dayjs and moment deps

* fix: bugs

* fix: bug

* fix: cycle detect

* fix: merge bug

* feat: new plugin bug

* fix: lang bug

* fix: dynamic import bug

* refactor: plugins and example add father config

* feat: improve code

* fix: add AppSpin and AppError components

* Revert "refactor: plugins and example add father config"

This reverts commit 483315bca5524e4b8cbbb20cbad77986f081089d.

# Conflicts:
#	packages/plugins/auth/package.json
#	packages/plugins/multi-app-manager/package.json
#	packages/samples/command/package.json
#	packages/samples/custom-collection-template/package.json
#	packages/samples/ratelimit/package.json
#	packages/samples/shop-actions/package.json
#	packages/samples/shop-events/package.json
#	packages/samples/shop-modeling/package.json

* feat: update doc

---------

Co-authored-by: chenos <chenlinxh@gmail.com>
2023-07-07 14:35:22 +08:00

332 lines
9.8 KiB
TypeScript

import PluginMultiAppManager from '@nocobase/plugin-multi-app-manager';
import { Application, Plugin } from '@nocobase/server';
import { lodash } from '@nocobase/utils';
import { resolve } from 'path';
const subAppFilteredPlugins = ['multi-app-share-collection', 'multi-app-manager'];
class SubAppPlugin extends Plugin {
beforeLoad() {
const mainApp = this.options.mainApp;
const subApp = this.app;
const sharedCollectionGroups = [
'audit-logs',
'workflow',
'charts',
'collection-manager',
'file-manager',
'graph-collection-manager',
'map',
'sequence-field',
'snapshot-field',
'verification',
];
const collectionGroups = mainApp.db.collectionGroupManager.getGroups();
const sharedCollectionGroupsCollections = [];
for (const group of collectionGroups) {
if (sharedCollectionGroups.includes(group.namespace)) {
sharedCollectionGroupsCollections.push(...group.collections);
}
}
const sharedCollections = [...sharedCollectionGroupsCollections.flat(), 'users', 'users_jobs'];
subApp.db.on('beforeDefineCollection', (options) => {
const name = options.name;
// 指向主应用的 系统schema
if (sharedCollections.includes(name)) {
options.schema = mainApp.db.options.schema || 'public';
}
});
subApp.db.on('beforeUpdateCollection', (collection, newOptions) => {
if (collection.name === 'roles') {
newOptions.schema = subApp.db.options.schema;
}
});
this.app.resourcer.use(async (ctx, next) => {
const { actionName, resourceName } = ctx.action;
if (actionName === 'list' && resourceName === 'applicationPlugins') {
ctx.action.mergeParams({
filter: {
'name.$notIn': subAppFilteredPlugins,
},
});
}
if (actionName === 'list' && resourceName === 'collections') {
const appCollectionBlacklistCollection = mainApp.db.getCollection('appCollectionBlacklist');
const blackList = await appCollectionBlacklistCollection.model.findAll({
where: {
applicationName: subApp.name,
},
});
if (blackList.length > 0) {
ctx.action.mergeParams({
filter: {
'name.$notIn': blackList.map((item) => item.get('collectionName')),
},
});
}
}
await next();
});
// new subApp sync plugins from mainApp
subApp.on('beforeInstall', async () => {
const subAppPluginsCollection = subApp.db.getCollection('applicationPlugins');
const mainAppPluginsCollection = mainApp.db.getCollection('applicationPlugins');
// delete old collection
await subApp.db.sequelize.query(`TRUNCATE ${subAppPluginsCollection.quotedTableName()}`);
await subApp.db.sequelize.query(`
INSERT INTO ${subAppPluginsCollection.quotedTableName()}
SELECT *
FROM ${mainAppPluginsCollection.quotedTableName()}
WHERE "name" not in ('multi-app-manager', 'multi-app-share-collection');
`);
const sequenceNameSql = `SELECT pg_get_serial_sequence('"${subAppPluginsCollection.collectionSchema()}"."${
subAppPluginsCollection.model.tableName
}"', 'id')`;
const sequenceName = (await subApp.db.sequelize.query(sequenceNameSql, { type: 'SELECT' })) as any;
await subApp.db.sequelize.query(`
SELECT setval('${
sequenceName[0]['pg_get_serial_sequence']
}', (SELECT max("id") FROM ${subAppPluginsCollection.quotedTableName()}));
`);
console.log(`sync plugins from ${mainApp.name} app to sub app ${subApp.name}`);
});
}
}
export class MultiAppShareCollectionPlugin extends Plugin {
afterAdd() {}
async beforeEnable() {
if (!this.db.inDialect('postgres')) {
throw new Error('multi-app-share-collection plugin only support postgres');
}
}
async beforeLoad() {
if (!this.db.inDialect('postgres')) {
throw new Error('multi-app-share-collection plugin only support postgres');
}
const traverseSubApps = async (
callback: (subApp: Application) => void,
options?: {
loadFromDatabase: boolean;
},
) => {
if (lodash.get(options, 'loadFromDatabase')) {
for (const application of await this.app.db.getCollection('applications').repository.find()) {
const appName = application.get('name');
const subApp = await this.app.appManager.getApplication(appName);
await callback(subApp);
}
return;
}
const subApps = [...this.app.appManager.applications.values()];
for (const subApp of subApps) {
await callback(subApp);
}
};
this.app.on('afterSubAppAdded', (subApp) => {
subApp.plugin(SubAppPlugin, { name: 'sub-app', mainApp: this.app });
});
this.app.db.on('users.afterCreateWithAssociations', async (model, options) => {
await traverseSubApps(async (subApp) => {
const { transaction } = options;
const repository = subApp.db.getRepository('roles');
const subAppModel = await subApp.db.getCollection('users').repository.findOne({
filter: {
id: model.get('id'),
},
transaction,
});
const defaultRole = await repository.findOne({
filter: {
default: true,
},
transaction,
});
if (defaultRole && (await subAppModel.countRoles({ transaction })) == 0) {
await subAppModel.addRoles(defaultRole, { transaction });
}
});
});
this.app.db.on('collection:loaded', async ({ transaction, collection }) => {
await traverseSubApps(async (subApp) => {
const name = collection.name;
const collectionRecord = await subApp.db.getRepository('collections').findOne({
filter: {
name,
},
transaction,
});
await collectionRecord.load({ transaction });
});
});
this.app.db.on('field:loaded', async ({ transaction, fieldKey }) => {
await traverseSubApps(async (subApp) => {
const fieldRecord = await subApp.db.getRepository('fields').findOne({
filterByTk: fieldKey,
transaction,
});
if (fieldRecord) {
await fieldRecord.load({ transaction });
}
});
});
this.app.on('afterEnablePlugin', async (pluginName) => {
await traverseSubApps(
async (subApp) => {
if (subAppFilteredPlugins.includes(pluginName)) return;
await subApp.pm.enable(pluginName);
},
{
loadFromDatabase: true,
},
);
});
this.app.on('afterDisablePlugin', async (pluginName) => {
await traverseSubApps(
async (subApp) => {
if (subAppFilteredPlugins.includes(pluginName)) return;
await subApp.pm.disable(pluginName);
},
{
loadFromDatabase: true,
},
);
});
this.app.db.on('field.afterRemove', (removedField) => {
const subApps = [...this.app.appManager.applications.values()];
for (const subApp of subApps) {
const collectionName = removedField.collection.name;
const collection = subApp.db.getCollection(collectionName);
if (!collection) {
subApp.log.warn(`collection ${collectionName} not found in ${subApp.name}`);
continue;
}
collection.removeField(removedField.name);
}
});
this.app.db.on(`afterRemoveCollection`, (collection) => {
const subApps = [...this.app.appManager.applications.values()];
for (const subApp of subApps) {
subApp.db.removeCollection(collection.name);
}
});
}
async load() {
const multiAppManager = this.app.getPlugin<any>('multi-app-manager');
if (!multiAppManager) {
this.app.log.warn('multi-app-share-collection plugin need multi-app-manager plugin enabled');
return;
}
await this.db.import({
directory: resolve(__dirname, 'collections'),
});
// this.db.addMigrations({
// namespace: 'multi-app-share-collection',
// directory: resolve(__dirname, './migrations'),
// });
this.app.resourcer.registerActionHandlers({
'applications:shareCollections': async (ctx, next) => {
const { filterByTk, values } = ctx.action.params;
ctx.body = {
filterByTk,
values,
};
await next();
},
});
// 子应用启动参数
multiAppManager.setAppOptionsFactory((appName, mainApp) => {
const mainAppDbConfig = PluginMultiAppManager.getDatabaseConfig(mainApp);
const databaseOptions = {
...mainAppDbConfig,
schema: appName,
};
const plugins = [...mainApp.pm.getPlugins().keys()].filter(
(name) => name !== 'multi-app-manager' && name !== 'multi-app-share-collection',
);
return {
database: lodash.merge(databaseOptions, {
dialectOptions: {
application_name: `nocobase.${appName}`,
},
}),
plugins: plugins.includes('nocobase') ? ['nocobase'] : plugins,
resourcer: {
prefix: '/api',
},
logger: {
...mainApp.options.logger,
requestWhitelist: [
'action',
'header.x-role',
'header.x-hostname',
'header.x-timezone',
'header.x-locale',
'referer',
'header.x-app',
],
},
// pmSock: resolve(process.cwd(), 'storage', `${appName}.sock`),
};
});
// 子应用数据库创建
multiAppManager.setAppDbCreator(async (app) => {
const schema = app.options.database.schema;
await this.app.db.sequelize.query(`CREATE SCHEMA IF NOT EXISTS ${schema}`);
});
}
requiredPlugins(): any[] {
return ['multi-app-manager'];
}
}
export default MultiAppShareCollectionPlugin;