create-lumal-admin 0.0.5-beta → 0.0.6-beta

package/templates/screen-request-auth/src/services/request.ts

@@ -0,0 +1,15 @@
+import { createRequestClient } from '@lumal/core/request';
+import { apiBaseURL, prepareRequest } from './http';
+import { getSessionScope, getSessionSignal, getSessionToken, refreshSession, signOut } from './session';
+
+export const request = createRequestClient({
+  baseURL: apiBaseURL,
+  getToken: getSessionToken,
+  getCacheScope: getSessionScope,
+  onRequest: ({ init }) => {
+    prepareRequest(init);
+    init.signal = AbortSignal.any([init.signal!, getSessionSignal()]);
+  },
+  authRefresh: { refresh: refreshSession },
+  onSessionExpired: () => signOut(),
+});

package/templates/screen-router/src/App.vue

@@ -0,0 +1,7 @@
+<script setup lang="ts">
+import { RouterView } from 'vue-router';
+</script>
+
+<template>
+  <RouterView />
+</template>

package/templates/screen-router/src/main.ts

@@ -0,0 +1,13 @@
+import { createApp } from 'vue';
+import App from './App.vue';
+import { router } from './router';
+import './styles.css';
+
+async function bootstrap() {
+  const app = createApp(App);
+  app.use(router);
+  await router.isReady();
+  app.mount('#app');
+}
+
+void bootstrap();

package/templates/screen-router/src/router.ts

@@ -0,0 +1,7 @@
+import { createRouter, createWebHashHistory } from 'vue-router';
+import ScreenEntry from './screen/ScreenEntry.vue';
+
+export const router = createRouter({
+  history: createWebHashHistory(import.meta.env.BASE_URL),
+  routes: [{ path: '/', name: 'Screen', component: ScreenEntry }],
+});

package/templates/screen-router/tests/app.test.ts.template

@@ -0,0 +1,20 @@
+import { describe, expect, it } from 'vitest';
+import { createSSRApp } from 'vue';
+import { createMemoryHistory, createRouter } from 'vue-router';
+import { renderToString } from 'vue/server-renderer';
+import App from '../src/App.vue';
+import ScreenEntry from '../src/screen/ScreenEntry.vue';
+
+describe('应用路由', () => {
+  it('可以渲染首页', async () => {
+    const router = createRouter({
+      history: createMemoryHistory(),
+      routes: [{ path: '/', component: ScreenEntry }],
+    });
+    const app = createSSRApp(App);
+    app.use(router);
+    await router.push('/');
+    await router.isReady();
+    expect(await renderToString(app)).toContain('<main');
+  });
+});

package/templates/screen-viewport/src/screen/ScreenViewport.vue

@@ -0,0 +1,30 @@
+<script setup lang="ts">
+import { LumalViewport } from '@lumal/viewport';
+
+/***********************只适配实际内容区，登录栏独立占位*********************/
+const policy = {
+  mode: /* VIEWPORT_MODE */ 'contain',
+  designWidth: 1920,
+  designHeight: 1080,
+  minFontSize: 12,
+} as const;
+</script>
+
+<template>
+  <div class="screen-viewport">
+    <LumalViewport :policy="policy">
+      <slot />
+    </LumalViewport>
+  </div>
+</template>
+
+<style scoped>
+.screen-viewport {
+  flex: 1;
+  min-width: 0;
+  min-height: 0;
+}
+.screen-viewport :deep([data-viewport-mode='vw'] .screen-view) {
+  padding: max(16px, calc(32 * var(--lumal-viewport-x-unit)));
+}
+</style>

package/templates/screen-visualization-charts/src/screen/components/ScreenVisualization.vue

@@ -0,0 +1,22 @@
+<script setup lang="ts">
+import type { EChartsOption } from 'echarts';
+import { LumalChart } from '@lumal/charts';
+import { LineChart } from 'echarts/charts';
+import { GridComponent, TooltipComponent } from 'echarts/components';
+import { use } from 'echarts/core';
+import { CanvasRenderer } from 'echarts/renderers';
+import '@lumal/charts/style.css';
+
+/***********************只注册示例实际使用的图表能力*********************/
+use([LineChart, GridComponent, TooltipComponent, CanvasRenderer]);
+const options: EChartsOption = {
+  grid: { top: 20, right: 20, left: 44, bottom: 24 },
+  xAxis: { type: 'category', data: ['A', 'B', 'C', 'D', 'E'] },
+  yAxis: { type: 'value' },
+  series: [{ type: 'line', data: [12, 24, 18, 36, 30] }],
+};
+</script>
+
+<template>
+  <LumalChart :options="options" height="240px" />
+</template>

package/templates/screen-visualization-cockpit/src/screen/components/ScreenVisualization.vue

@@ -0,0 +1,33 @@
+<script setup lang="ts">
+import { createDefaultCockpitConfig, createWidgetInstance } from '@lumal/cockpit';
+import { createCockpitRegistry } from '@lumal/cockpit/registry';
+import { LumalCockpit } from '@lumal/cockpit/runtime';
+import '@lumal/cockpit/style.css';
+import 'element-plus/dist/index.css';
+
+/***********************最小运行时编排，不加载 Designer*********************/
+const registry = createCockpitRegistry();
+registry.registerWidget({ type: 'metric', label: '指标', component: () => import('./ScreenWidget.vue') });
+const config = createDefaultCockpitConfig('screen-demo');
+const layout = config.layouts[0]!;
+layout.left.width = layout.right.width = 200;
+layout.left.columns[0]!.width = layout.right.columns[0]!.width = 200;
+layout.left.rows[0]!.cells[0]!.widget = createWidgetInstance('metric', '任务指标');
+</script>
+
+<template>
+  <div class="screen-cockpit">
+    <LumalCockpit :config="config" :registry="registry" viewport-mode="external">
+      <template #center><p>数据总览</p></template>
+    </LumalCockpit>
+  </div>
+</template>
+
+<style scoped>
+.screen-cockpit {
+  width: 100%;
+  height: 360px;
+  min-width: 0;
+  overflow: auto;
+}
+</style>

package/templates/screen-visualization-cockpit/src/screen/components/ScreenWidget.vue

@@ -0,0 +1,10 @@
+<script setup lang="ts">
+/***********************通用本地指标*********************/
+const count = 128;
+</script>
+
+<template>
+  <p>
+    任务总数 <strong>{{ count }}</strong>
+  </p>
+</template>

package/templates/screen-visualization-datav/src/screen/components/ScreenVisualization.vue

@@ -0,0 +1,11 @@
+<script setup lang="ts">
+import LumalBorderBox from '@lumal/datav/border-box';
+import LumalDigitalFlop from '@lumal/datav/digital-flop';
+import '@lumal/datav/style.css';
+</script>
+
+<template>
+  <LumalBorderBox :variant="8" style="height: 180px">
+    <LumalDigitalFlop :value="128" suffix=" 项" />
+  </LumalBorderBox>
+</template>

package/templates/vben-compatible/MIGRATION.md

@@ -13,6 +13,8 @@
 6. 原 Vben Drawer/Modal 改为 Element Plus Dialog 或 Lumal CRUD 编辑器。
 7. `@vben/access` 的高频用法可改为本入口的 AccessControl / useAccess；
    路由数据先经 adaptVbenMenus，authority 按角色匹配。
+8. `#toolbar-actions` 与 `#toolbar-tools` 用于具名工具栏插槽；当前不注入完整 VXE 工具栏上下文，
+   命令通过已获得的 `gridApi` 调用。兼容页面位于独立 `modules/vben-migration`，不混入系统管理。
 
 本模板 `migration/form` 对应 web-ele/demos/form/basic 与共享 rules/dynamic
 场景；`migration/users` 对应共享 vxe-table/form 和 system/user 的

package/templates/vben-compatible/src/{views/migration → modules/vben-migration}/VbenFormView.vue

@@ -1,6 +1,7 @@
 <script setup lang="ts">
 /***********************迁移表单场景装配*********************/
-import VbenFormExample from '../../components/migration/VbenFormExample.vue'
+import VbenFormExample from './components/VbenFormExample.vue';
+import '@lumal/vben-compat/style.css';
 </script>
 
 <template>

package/templates/vben-compatible/src/{views/migration → modules/vben-migration}/VbenUsersView.vue

@@ -1,7 +1,8 @@
 <script setup lang="ts">
+import { service } from '../../app/services/session';
 /***********************迁移业务场景装配*********************/
-import VbenUsers from '../../components/migration/VbenUsers.vue'
-import { service } from '../../services/session'
+import VbenUsers from './components/VbenUsers.vue';
+import '@lumal/vben-compat/style.css';
 </script>
 
 <template>

package/templates/vben-compatible/src/modules/vben-migration/components/VbenFormExample.vue

@@ -0,0 +1,64 @@
+<script setup lang="ts">
+import { useVbenForm } from '@lumal/vben-compat/v5';
+import { shallowRef } from 'vue';
+
+/***********************5.7.0 基础控件与动态依赖迁移*********************/
+const submitted = shallowRef('');
+const [Form, formApi] = useVbenForm({
+  layout: 'horizontal',
+  wrapperClass: 'grid-cols-2',
+  handleSubmit(values) {
+    submitted.value = JSON.stringify(values);
+  },
+  schema: [
+    { component: 'Input', fieldName: 'name', label: '姓名', rules: 'required' },
+    {
+      component: 'Select',
+      fieldName: 'role',
+      label: '角色',
+      rules: 'selectRequired',
+      componentProps: {
+        options: [
+          { label: '管理员', value: 'admin' },
+          { label: '访客', value: 'guest' },
+        ],
+      },
+    },
+    {
+      component: 'DatePicker',
+      fieldName: 'date',
+      label: '日期',
+      rules: 'selectRequired',
+      componentProps: { valueFormat: 'YYYY-MM-DD' },
+    },
+    { component: 'Switch', fieldName: 'enabled', label: '启用扩展', defaultValue: true },
+    {
+      component: 'Input',
+      fieldName: 'remark',
+      label: '备注',
+      dependencies: {
+        triggerFields: ['enabled', 'role'],
+        if: (values) => Boolean(values.enabled),
+        disabled: (values) => values.role === 'guest',
+        required: (values) => values.role === 'admin',
+      },
+    },
+    {
+      component: 'Input',
+      fieldName: 'cssHidden',
+      label: '保留值字段',
+      defaultValue: 'retained',
+      dependencies: { triggerFields: ['enabled'], show: (values) => Boolean(values.enabled) },
+    },
+  ],
+});
+defineExpose({ formApi });
+</script>
+
+<template>
+  <section>
+    <h2>Vben 5 表单</h2>
+    <Form />
+    <output aria-label="提交结果">{{ submitted }}</output>
+  </section>
+</template>

package/templates/vben-compatible/src/{components/migration → modules/vben-migration/components}/VbenUsers.vue

@@ -1,19 +1,18 @@
 <script setup lang="ts">
-import type { ApplicationService, DataRow } from '../../services/contracts'
-import { AccessControl, useAccess, useVbenForm, useVbenVxeGrid } from '@lumal/vben-compat/v5'
-import { ElButton, ElDialog, ElMessageBox } from 'element-plus'
-import { nextTick, shallowRef } from 'vue'
+import type { ApplicationService, DataRow } from '../../../app/services/contracts';
+import { AccessControl, useAccess, useVbenForm, useVbenVxeGrid } from '@lumal/vben-compat/v5';
+import { ElButton, ElDialog, ElMessageBox } from 'element-plus';
+import { nextTick, shallowRef } from 'vue';
 
 /***********************业务服务与权限边界*********************/
-const props = defineProps<{ service: Pick<ApplicationService, 'list' | 'save' | 'remove'> }>()
-const { hasAccessByCodes } = useAccess()
-const visible = shallowRef(false)
-const editingId = shallowRef<string>()
-const failure = shallowRef('')
+const props = defineProps<{ service: Pick<ApplicationService, 'list' | 'save' | 'remove'> }>();
+const { hasAccessByCodes } = useAccess();
+const visible = shallowRef(false);
+const editingId = shallowRef<string>();
+const failure = shallowRef('');
 function rowId(row: DataRow): string {
-  if (typeof row.id !== 'string' && typeof row.id !== 'number')
-    throw new Error('用户缺少 id')
-  return String(row.id)
+  if (typeof row.id !== 'string' && typeof row.id !== 'number') throw new Error('用户缺少 id');
+  return String(row.id);
 }
 
 /***********************5.7.0 查询分页与列插槽迁移*********************/
@@ -33,16 +32,17 @@ const [Grid, gridApi] = useVbenVxeGrid({
     pagerConfig: { pageSize: 10 },
     proxyConfig: {
       ajax: {
-        query: ({ page, sort }, formValues) => props.service.list('users', {
-          page: page.currentPage,
-          pageSize: page.pageSize,
-          query: { ...formValues, sortField: sort.field, sortOrder: sort.order },
-        }),
+        query: ({ page, sort }, formValues) =>
+          props.service.list('users', {
+            page: page.currentPage,
+            pageSize: page.pageSize,
+            query: { ...formValues, sortField: sort.field, sortOrder: sort.order },
+          }),
       },
     },
     toolbarConfig: { custom: true, refresh: true, search: true },
   },
-})
+});
 
 /***********************新增编辑弹窗与失败恢复*********************/
 const [Form, formApi] = useVbenForm({
@@ -50,52 +50,69 @@ const [Form, formApi] = useVbenForm({
   schema: [
     { component: 'Input', fieldName: 'username', label: '用户名', rules: 'required' },
     { component: 'Input', fieldName: 'nickname', label: '昵称', rules: 'required' },
-    { component: 'Select', fieldName: 'roles', label: '角色', defaultValue: ['guest'], componentProps: { multiple: true, options: [{ label: '访客', value: 'guest' }, { label: '管理员', value: 'admin' }] } },
-    { component: 'Select', fieldName: 'status', label: '状态', defaultValue: 'enabled', componentProps: { options: [{ label: '启用', value: 'enabled' }, { label: '停用', value: 'disabled' }] } },
+    {
+      component: 'Select',
+      fieldName: 'roles',
+      label: '角色',
+      defaultValue: ['guest'],
+      componentProps: {
+        multiple: true,
+        options: [
+          { label: '访客', value: 'guest' },
+          { label: '管理员', value: 'admin' },
+        ],
+      },
+    },
+    {
+      component: 'Select',
+      fieldName: 'status',
+      label: '状态',
+      defaultValue: 'enabled',
+      componentProps: {
+        options: [
+          { label: '启用', value: 'enabled' },
+          { label: '停用', value: 'disabled' },
+        ],
+      },
+    },
   ],
-})
-const saving = shallowRef(false)
+});
+const saving = shallowRef(false);
 async function open(row?: DataRow): Promise<void> {
-  editingId.value = row ? rowId(row) : undefined
-  failure.value = ''
-  visible.value = true
-  await nextTick()
-  await formApi.resetForm()
-  if (row)
-    await formApi.setValues(row)
+  editingId.value = row ? rowId(row) : undefined;
+  failure.value = '';
+  visible.value = true;
+  await nextTick();
+  await formApi.resetForm();
+  if (row) await formApi.setValues(row);
 }
 async function save(): Promise<void> {
-  if (saving.value || !(await formApi.validate()).valid)
-    return
-  saving.value = true
+  if (saving.value || !(await formApi.validate()).valid) return;
+  saving.value = true;
   try {
-    await props.service.save('users', await formApi.getValues(), editingId.value)
-    visible.value = false
-    await gridApi.query()
-  }
-  catch (error) {
-    failure.value = error instanceof Error ? error.message : String(error)
-  }
-  finally {
-    saving.value = false
+    await props.service.save('users', await formApi.getValues(), editingId.value);
+    visible.value = false;
+    await gridApi.query();
+  } catch (error) {
+    failure.value = error instanceof Error ? error.message : String(error);
+  } finally {
+    saving.value = false;
   }
 }
 async function remove(row: DataRow): Promise<void> {
   try {
-    await ElMessageBox.confirm(`删除 ${String(row.username)}？`, '删除确认')
-  }
-  catch {
-    return // Element Plus 的取消和关闭都表示不执行删除。
+    await ElMessageBox.confirm(`删除 ${String(row.username)}？`, '删除确认');
+  } catch {
+    return; // Element Plus 的取消和关闭都表示不执行删除。
   }
   try {
-    await props.service.remove('users', rowId(row))
-    await gridApi.query()
-  }
-  catch (error) {
-    failure.value = error instanceof Error ? error.message : String(error)
+    await props.service.remove('users', rowId(row));
+    await gridApi.query();
+  } catch (error) {
+    failure.value = error instanceof Error ? error.message : String(error);
   }
 }
-defineExpose({ gridApi })
+defineExpose({ gridApi });
 </script>
 
 <template>
@@ -104,17 +121,13 @@ defineExpose({ gridApi })
       {{ failure }}
     </p>
     <Grid>
-      <template #toolbar-tools>
+      <template #toolbar-actions>
         <AccessControl type="code" :codes="['system:user:create']">
-          <ElButton type="primary" @click="open()">
-            新增用户
-          </ElButton>
+          <ElButton type="primary" @click="open()"> 新增用户 </ElButton>
         </AccessControl>
       </template>
       <template #operation="{ row }">
-        <ElButton v-if="hasAccessByCodes(['system:user:update'])" link @click="open(row)">
-          编辑
-        </ElButton>
+        <ElButton v-if="hasAccessByCodes(['system:user:update'])" link @click="open(row)"> 编辑 </ElButton>
         <ElButton v-if="hasAccessByCodes(['system:user:delete'])" link type="danger" @click="remove(row)">
           删除
         </ElButton>
@@ -123,12 +136,8 @@ defineExpose({ gridApi })
     <ElDialog v-model="visible" :title="editingId ? '编辑用户' : '新增用户'" destroy-on-close width="min(640px, 92vw)">
       <Form />
       <template #footer>
-        <ElButton @click="visible = false">
-          取消
-        </ElButton>
-        <ElButton type="primary" :loading="saving" @click="save">
-          保存
-        </ElButton>
+        <ElButton @click="visible = false"> 取消 </ElButton>
+        <ElButton type="primary" :loading="saving" @click="save"> 保存 </ElButton>
       </template>
     </ElDialog>
   </section>

package/templates/vben-compatible/src/modules/vben-migration/local.ts

@@ -0,0 +1,68 @@
+import type { LocalBusinessContext, LocalHandler } from '../../app/services/local-contracts';
+import { appConfig } from '../../app.config';
+import { object, stringArray } from '../../app/menu-policy';
+import { status } from '../../shared/api';
+
+// 仅迁移示例独立启用时使用，标准系统模块启用后由系统用户服务接管。
+export function createLocalHandler({ db, user, assertPermission }: LocalBusinessContext): LocalHandler {
+  return {
+    handles: (path) => !appConfig.features.includes('system') && /^\/system\/users(?:\/[^/]+)?$/.test(path),
+    async request(method, path, input) {
+      user();
+      if (!['GET', 'POST', 'PUT', 'DELETE'].includes(method)) throw new Error('不支持的迁移用户操作');
+      const id = path.split('/')[3];
+      assertPermission(
+        `system:user:${method === 'GET' ? 'list' : method === 'POST' ? 'create' : method === 'DELETE' ? 'delete' : 'update'}`,
+      );
+      const rows = db.read('users');
+      if (method === 'GET') {
+        const query = input.query ?? {};
+        const filtered = rows.filter((row) => !query.keyword || String(row.username).includes(String(query.keyword)));
+        const page = Number(query.page ?? 1);
+        const size = Number(query.pageSize ?? 10);
+        if (!Number.isSafeInteger(page) || page < 1 || !Number.isSafeInteger(size) || size < 1 || size > 1000)
+          throw new Error('分页参数无效');
+        return {
+          items: filtered.slice((page - 1) * size, page * size).map(({ password: _password, ...row }) => row),
+          total: filtered.length,
+        };
+      }
+      if (id === 'admin') throw new Error('不能修改或删除内置管理员');
+      const previous = rows.find((row) => row.id === id);
+      if (id && !previous) throw new Error('用户不存在');
+      if (method === 'DELETE') {
+        db.write(
+          'users',
+          rows.filter((row) => row.id !== id),
+        );
+        return;
+      }
+      const body = object(input.body);
+      const roles = stringArray(body.roles);
+      if (
+        !body.username ||
+        !body.nickname ||
+        !roles.length ||
+        roles.some((code) => !db.read('roles').some((role) => role.code === code && role.status === 'enabled'))
+      )
+        throw new Error('用户资料或角色无效');
+      if (rows.some((row) => row.id !== id && row.username === body.username)) throw new Error('用户名重复');
+      // 只提取允许字段，不能由表单修改密码或注入用户 ID。
+      const next = {
+        organizationId: '',
+        phone: '',
+        createdAt: '',
+        password: 'lumal123',
+        ...previous,
+        username: body.username,
+        nickname: body.nickname,
+        status: status(body.status ?? 'enabled'),
+        roles,
+        id: id ?? crypto.randomUUID(),
+      };
+      db.write('users', id ? rows.map((row) => (row.id === id ? next : row)) : [...rows, next]);
+      const { password: _password, ...result } = next;
+      return result;
+    },
+  };
+}

package/templates/vben-compatible/src/modules/vben-migration/module.ts

@@ -0,0 +1,42 @@
+import type { AppModule } from '../../app/module';
+import { adaptVbenMenus } from '@lumal/vben-compat/v5/router';
+
+// Vben authority 是角色；按钮权限继续由应用 PermissionStore 管理。
+export const menus = adaptVbenMenus([
+  {
+    path: '/migration',
+    name: 'VbenMigration',
+    meta: { title: 'Vben 迁移示例', icon: 'lumal:code', order: 30 },
+    children: [
+      {
+        path: '/migration/form',
+        name: 'VbenForm',
+        component: 'migration/form',
+        meta: { title: 'Vben 表单迁移', keepAlive: true },
+      },
+      {
+        path: '/migration/users',
+        name: 'VbenUsers',
+        component: 'migration/users',
+        meta: { title: 'Vben 业务迁移', authority: ['admin'], keepAlive: true },
+      },
+    ],
+  },
+]);
+export const views: AppModule['views'] = {
+  'migration/form': () => import('./VbenFormView.vue'),
+  'migration/users': () => import('./VbenUsersView.vue'),
+};
+// 独立生成迁移示例时仍使用明确的真实操作权限。
+export const permissions: AppModule['permissions'] = [
+  {
+    id: 'migration-user',
+    label: '迁移用户服务',
+    children: [
+      { id: 'migration-list', label: '查询用户', permission: 'system:user:list' },
+      { id: 'migration-create', label: '创建用户', permission: 'system:user:create' },
+      { id: 'migration-update', label: '编辑用户', permission: 'system:user:update' },
+      { id: 'migration-delete', label: '删除用户', permission: 'system:user:delete' },
+    ],
+  },
+];

package/templates/vue/index.html

@@ -0,0 +1,12 @@
+<!doctype html>
+<html lang="zh-CN">
+  <head>
+    <meta charset="UTF-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+    <title>Vue Application</title>
+  </head>
+  <body>
+    <div id="app"></div>
+    <script type="module" src="/src/main.ts"></script>
+  </body>
+</html>

package/templates/vue/src/main.ts

@@ -0,0 +1,5 @@
+import { createApp } from 'vue';
+import App from './App.vue';
+import './styles.css';
+
+createApp(App).mount('#app');

package/templates/vue/src/styles.css

@@ -0,0 +1,19 @@
+:root {
+  font-family: system-ui, sans-serif;
+  color: #1d2530;
+  background: #f4f6f8;
+  font-synthesis: none;
+}
+
+* {
+  box-sizing: border-box;
+}
+
+body {
+  margin: 0;
+}
+
+button,
+input {
+  font: inherit;
+}

package/templates/vue/tests/app.test.ts.template

@@ -0,0 +1,10 @@
+import { describe, expect, it } from 'vitest';
+import { createSSRApp } from 'vue';
+import { renderToString } from 'vue/server-renderer';
+import App from '../src/App.vue';
+
+describe('应用入口', () => {
+  it('可以渲染首个页面', async () => {
+    expect(await renderToString(createSSRApp(App))).toMatch(/<main|data-viewport-mode/);
+  });
+});

package/templates/vue/vite.config.ts

@@ -0,0 +1,9 @@
+import { fileURLToPath, URL } from 'node:url';
+import vue from '@vitejs/plugin-vue';
+import { defineConfig } from 'vite';
+
+export default defineConfig({
+  plugins: [vue()],
+  resolve: { alias: { '@': fileURLToPath(new URL('./src', import.meta.url)) } },
+  build: { manifest: true },
+});

package/templates/vue/vitest.config.ts

@@ -0,0 +1,4 @@
+import vue from '@vitejs/plugin-vue';
+import { defineConfig } from 'vitest/config';
+
+export default defineConfig({ plugins: [vue()], test: { environment: 'node' } });