@loom-framework/core 0.1.0-alpha.16 → 0.1.0-alpha.160

package/dist/cli/templates/notification-center-page.js

@@ -0,0 +1,258 @@
+/**
+ * NotificationCenter page template
+ *
+ * Generates NotificationCenterPage as a local source file.
+ * Page imports sub-components from @loom-framework/frontend-antd and
+ * registers its own i18n keys via registerMessages().
+ */
+export function notificationCenterPageTemplate() {
+    return `import React, { useState, useCallback } from 'react';
+import { Table, Button, Space, Tag, Typography, Popconfirm, Select, message, Breadcrumb, Flex } from 'antd';
+import { CheckOutlined, DeleteOutlined, HomeOutlined } from '@ant-design/icons';
+import { useNotificationCenter, useAppShell, useLocale, registerMessages } from '@loom-framework/frontend-antd';
+
+registerMessages('zh-CN', {
+  'notification.markRead': '已读',
+  'notification.markAllRead': '全部已读',
+  'notification.batchMarkRead': '批量已读',
+  'notification.batchDelete': '批量删除',
+  'notification.colType': '类型',
+  'notification.colTitle': '标题',
+  'notification.colDescription': '描述',
+  'notification.colSource': '来源',
+  'notification.backToList': '返回列表',
+  'notification.notFound': '通知不存在或已被删除',
+  'notification.clearAll': '清空所有',
+  'notification.clearConfirm': '确认清空所有通知？',
+  'notification.deleteConfirm': '确认删除该通知？',
+  'notification.unread': '未读',
+  'notification.all': '全部',
+  'notification.type.info': '信息',
+  'notification.type.warning': '警告',
+  'notification.type.error': '错误',
+  'notification.type.success': '成功',
+  'notification.source.system': '系统',
+  'notification.source.event': '事件',
+  'notification.source.cli': '命令行',
+});
+
+registerMessages('en-US', {
+  'notification.markRead': 'Mark read',
+  'notification.markAllRead': 'Mark all read',
+  'notification.batchMarkRead': 'Batch mark read',
+  'notification.batchDelete': 'Batch delete',
+  'notification.colType': 'Type',
+  'notification.colTitle': 'Title',
+  'notification.colDescription': 'Description',
+  'notification.colSource': 'Source',
+  'notification.backToList': 'Back to list',
+  'notification.notFound': 'Notification not found or has been deleted',
+  'notification.clearAll': 'Clear all',
+  'notification.clearConfirm': 'Clear all notifications?',
+  'notification.deleteConfirm': 'Delete this notification?',
+  'notification.unread': 'Unread',
+  'notification.all': 'All',
+  'notification.type.info': 'Info',
+  'notification.type.warning': 'Warning',
+  'notification.type.error': 'Error',
+  'notification.type.success': 'Success',
+  'notification.source.system': 'System',
+  'notification.source.event': 'Event',
+  'notification.source.cli': 'CLI',
+});
+
+const NOTIFICATION_TYPE_COLORS: Record<string, string> = {
+  info: 'blue',
+  warning: 'orange',
+  error: 'red',
+  success: 'green',
+};
+
+const NOTIFICATION_SOURCE_COLORS: Record<string, string> = {
+  system: 'default',
+  event: 'purple',
+  cli: 'cyan',
+};
+
+export default function NotificationCenterPage() {
+  const { notifications, loading, fetchNotifications, markRead, markAllRead, deleteNotification, clearAll, markBatchRead, deleteBatch, selectNotification } = useNotificationCenter();
+  const { breadcrumbs, onNavClick } = useAppShell();
+  const { t } = useLocale();
+  const [filter, setFilter] = useState<string>('all');
+  const [selectedRowKeys, setSelectedRowKeys] = useState<React.Key[]>([]);
+
+  const handleFilterChange = useCallback((value: string) => {
+    setFilter(value);
+    if (value === 'unread') {
+      fetchNotifications({ limit: 50, unreadOnly: true });
+    } else {
+      fetchNotifications({ limit: 50 });
+    }
+  }, [fetchNotifications]);
+
+  const handleMarkAllRead = useCallback(async () => {
+    await markAllRead();
+    message.success(t('notification.markAllRead'));
+  }, [markAllRead, t]);
+
+  const handleBatchMarkRead = useCallback(async () => {
+    const ids = selectedRowKeys as string[];
+    await markBatchRead(ids);
+    setSelectedRowKeys([]);
+    message.success(t('notification.batchMarkRead'));
+  }, [markBatchRead, selectedRowKeys, t]);
+
+  const handleBatchDelete = useCallback(async () => {
+    const ids = selectedRowKeys as string[];
+    await deleteBatch(ids);
+    setSelectedRowKeys([]);
+    message.success(t('notification.batchDelete'));
+  }, [deleteBatch, selectedRowKeys, t]);
+
+  const handleClearAll = useCallback(async () => {
+    await clearAll();
+    setSelectedRowKeys([]);
+    message.success(t('notification.clearAll'));
+  }, [clearAll, t]);
+
+  const handleMarkRead = useCallback(async (id: string) => {
+    await markRead(id);
+  }, [markRead]);
+
+  const handleDelete = useCallback(async (id: string) => {
+    await deleteNotification(id);
+  }, [deleteNotification]);
+
+  const columns = [
+    {
+      title: t('notification.colType'),
+      dataIndex: 'type',
+      key: 'type',
+      width: 80,
+      render: (type: string) => <Tag color={NOTIFICATION_TYPE_COLORS[type] || 'default'}>{t(\`notification.type.\${type}\`)}</Tag>,
+    },
+    {
+      title: t('notification.colTitle'),
+      dataIndex: 'title',
+      key: 'title',
+      render: (title: string, record: { read: boolean }) => (
+        <Typography.Text strong={!record.read}>{title}</Typography.Text>
+      ),
+    },
+    {
+      title: t('notification.colDescription'),
+      dataIndex: 'description',
+      key: 'description',
+      ellipsis: true,
+      render: (desc: string) => (
+        <Typography.Text type="secondary" ellipsis>{desc}</Typography.Text>
+      ),
+    },
+    {
+      title: t('notification.colSource'),
+      dataIndex: 'source',
+      key: 'source',
+      width: 90,
+      render: (source: string) => <Tag color={NOTIFICATION_SOURCE_COLORS[source] || 'default'}>{t(\`notification.source.\${source}\`) || source}</Tag>,
+    },
+    {
+      title: t('field.createdAt'),
+      dataIndex: 'createdAt',
+      key: 'createdAt',
+      width: 140,
+      render: (val: string) => <Typography.Text type="secondary">{val ? new Date(val).toLocaleString() : '-'}</Typography.Text>,
+    },
+    {
+      title: t('common.action'),
+      key: 'action',
+      width: 100,
+      render: (_: unknown, record: { id: string; read: boolean }) => (
+        <Space size={0}>
+          {!record.read && (
+            <Button type="text" size="small" icon={<CheckOutlined />} onClick={(e) => { e.stopPropagation(); handleMarkRead(record.id); }}>
+              {t('notification.markRead')}
+            </Button>
+          )}
+          <Popconfirm
+            title={t('notification.deleteConfirm')}
+            onConfirm={() => handleDelete(record.id)}
+          >
+            <Button type="text" danger size="small" icon={<DeleteOutlined />} onClick={(e) => e.stopPropagation()} />
+          </Popconfirm>
+        </Space>
+      ),
+    },
+  ];
+
+  const filterOptions = [
+    { value: 'all', label: t('notification.all') },
+    { value: 'unread', label: t('notification.unread') },
+    { value: 'info', label: t('notification.type.info') },
+    { value: 'warning', label: t('notification.type.warning') },
+    { value: 'error', label: t('notification.type.error') },
+    { value: 'success', label: t('notification.type.success') },
+  ];
+
+  const filteredNotifications = filter === 'all' || filter === 'unread'
+    ? notifications
+    : notifications.filter(n => n.type === filter);
+
+  const hasSelected = selectedRowKeys.length > 0;
+
+  return (
+    <div style={{ display: 'flex', flexDirection: 'column', flex: 1, minHeight: 0 }}>
+      <Flex justify="space-between" align="center" style={{ marginBottom: 12 }}>
+        <Breadcrumb items={[{ title: <HomeOutlined onClick={() => onNavClick?.('')} style={{ cursor: 'pointer' }} /> }, ...(breadcrumbs || []).map((b: { title: string; path?: string }) => ({ title: b.path ? <a onClick={() => { if (b.path) onNavClick?.(b.path); }}>{b.title}</a> : b.title }))]} />
+        <Space>
+          <Select
+            value={filter}
+            onChange={handleFilterChange}
+            options={filterOptions}
+            style={{ width: 120 }}
+          />
+          <Button icon={<CheckOutlined />} onClick={handleMarkAllRead}>{t('notification.markAllRead')}</Button>
+          <Popconfirm title={t('notification.clearConfirm')} onConfirm={handleClearAll}>
+            <Button danger>{t('notification.clearAll')}</Button>
+          </Popconfirm>
+          {hasSelected && (
+            <>
+              <Button icon={<CheckOutlined />} onClick={handleBatchMarkRead}>
+                {t('notification.batchMarkRead')} ({selectedRowKeys.length})
+              </Button>
+              <Popconfirm title={t('notification.deleteConfirm')} onConfirm={handleBatchDelete}>
+                <Button danger icon={<DeleteOutlined />}>
+                  {t('notification.batchDelete')} ({selectedRowKeys.length})
+                </Button>
+              </Popconfirm>
+            </>
+          )}
+        </Space>
+      </Flex>
+      <div style={{ flex: 1, minHeight: 0, overflow: 'hidden' }}>
+        <Table
+          dataSource={filteredNotifications}
+          columns={columns}
+          rowKey="id"
+          loading={loading}
+          pagination={{ pageSize: 20, showTotal: (total: number) => t('crud.total', { total }) }}
+          size="middle"
+          scroll={{ x: 'max-content' }}
+          rowSelection={{
+            selectedRowKeys,
+            onChange: (keys) => setSelectedRowKeys(keys),
+          }}
+          onRow={(record) => ({
+            onClick: () => {
+              selectNotification(record.id);
+              onNavClick?.('notification-detail');
+            },
+            style: { cursor: 'pointer' },
+          })}
+        />
+      </div>
+    </div>
+  );
+}
+`;
+}
+//# sourceMappingURL=notification-center-page.js.map

package/dist/cli/templates/notification-center-page.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"notification-center-page.js","sourceRoot":"","sources":["../../../src/cli/templates/notification-center-page.ts"],"names":[],"mappings":"AAAA;;;;;;GAMG;AAEH,MAAM,UAAU,8BAA8B;IAC5C,OAAO;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAuPR,CAAC;AACF,CAAC"}

package/dist/cli/templates/notification-detail-page.d.ts

@@ -0,0 +1,9 @@
+/**
+ * NotificationDetail page template
+ *
+ * Generates NotificationDetailPage as a local source file.
+ * Page imports sub-components from @loom-framework/frontend-antd and
+ * registers its own i18n keys via registerMessages().
+ */
+export declare function notificationDetailPageTemplate(): string;
+//# sourceMappingURL=notification-detail-page.d.ts.map

package/dist/cli/templates/notification-detail-page.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"notification-detail-page.d.ts","sourceRoot":"","sources":["../../../src/cli/templates/notification-detail-page.ts"],"names":[],"mappings":"AAAA;;;;;;GAMG;AAEH,wBAAgB,8BAA8B,IAAI,MAAM,CA6FvD"}

package/dist/cli/templates/notification-detail-page.js

@@ -0,0 +1,102 @@
+/**
+ * NotificationDetail page template
+ *
+ * Generates NotificationDetailPage as a local source file.
+ * Page imports sub-components from @loom-framework/frontend-antd and
+ * registers its own i18n keys via registerMessages().
+ */
+export function notificationDetailPageTemplate() {
+    return `import React from 'react';
+import { Tag, Typography, Empty, Breadcrumb, Button, Space, Flex } from 'antd';
+import { ArrowLeftOutlined, HomeOutlined } from '@ant-design/icons';
+import { XMarkdown } from '@ant-design/x-markdown';
+import '@ant-design/x-markdown/themes/light.css';
+import '@ant-design/x-markdown/themes/dark.css';
+import { useNotificationCenter, useAppShell, useLocale, useLoomTheme, registerMessages } from '@loom-framework/frontend-antd';
+
+registerMessages('zh-CN', {
+  'notification.backToList': '返回列表',
+  'notification.notFound': '通知不存在或已被删除',
+  'notification.type.info': '信息',
+  'notification.type.warning': '警告',
+  'notification.type.error': '错误',
+  'notification.type.success': '成功',
+  'notification.source.system': '系统',
+  'notification.source.event': '事件',
+  'notification.source.cli': '命令行',
+});
+
+registerMessages('en-US', {
+  'notification.backToList': 'Back to list',
+  'notification.notFound': 'Notification not found or has been deleted',
+  'notification.type.info': 'Info',
+  'notification.type.warning': 'Warning',
+  'notification.type.error': 'Error',
+  'notification.type.success': 'Success',
+  'notification.source.system': 'System',
+  'notification.source.event': 'Event',
+  'notification.source.cli': 'CLI',
+});
+
+const NOTIFICATION_TYPE_COLORS: Record<string, string> = {
+  info: 'blue',
+  warning: 'orange',
+  error: 'red',
+  success: 'green',
+};
+
+const NOTIFICATION_SOURCE_COLORS: Record<string, string> = {
+  system: 'default',
+  event: 'purple',
+  cli: 'cyan',
+};
+
+export default function NotificationDetailPage() {
+  const { notifications, selectedNotificationId } = useNotificationCenter();
+  const { breadcrumbs, onNavClick } = useAppShell();
+  const { t } = useLocale();
+  const { mode } = useLoomTheme();
+
+  const notification = notifications.find(n => n.id === selectedNotificationId) ?? null;
+
+  const themeClass = mode === 'dark' ? 'x-markdown-dark' : 'x-markdown-light';
+
+  if (!notification) {
+    return (
+      <div style={{ display: 'flex', flexDirection: 'column', flex: 1, minHeight: 0 }}>
+        <Empty description={t('notification.notFound')}>
+          <Button type="primary" onClick={() => onNavClick?.('notifications')}>
+            <ArrowLeftOutlined /> {t('notification.backToList')}
+          </Button>
+        </Empty>
+      </div>
+    );
+  }
+
+  return (
+    <div style={{ display: 'flex', flexDirection: 'column', flex: 1, minHeight: 0 }}>
+      <Flex justify="space-between" align="center" style={{ marginBottom: 12 }}>
+        <Breadcrumb items={[{ title: <HomeOutlined onClick={() => onNavClick?.('')} style={{ cursor: 'pointer' }} /> }, ...(breadcrumbs || []).map((b: { title: string; path?: string }) => ({ title: b.path ? <a onClick={() => { if (b.path) onNavClick?.(b.path); }}>{b.title}</a> : b.title }))]} />
+        <Button icon={<ArrowLeftOutlined />} onClick={() => onNavClick?.('notifications')}>
+          {t('notification.backToList')}
+        </Button>
+      </Flex>
+
+      <div style={{ marginBottom: 16 }}>
+        <Space size={8} align="center" style={{ marginBottom: 8 }}>
+          <Tag color={NOTIFICATION_TYPE_COLORS[notification.type]}>{t(\`notification.type.\${notification.type}\`)}</Tag>
+          <Tag color={NOTIFICATION_SOURCE_COLORS[notification.source] || 'default'}>{t(\`notification.source.\${notification.source}\`) || notification.source}</Tag>
+          <Typography.Text type="secondary">{notification.createdAt ? new Date(notification.createdAt).toLocaleString() : '-'}</Typography.Text>
+        </Space>
+        <Typography.Title level={4} style={{ marginBottom: 8 }}>{notification.title}</Typography.Title>
+      </div>
+
+      <div className={themeClass} style={{ flex: 1, overflow: 'auto' }}>
+        <XMarkdown content={notification.description || ''} />
+      </div>
+    </div>
+  );
+}
+`;
+}
+//# sourceMappingURL=notification-detail-page.js.map

package/dist/cli/templates/notification-detail-page.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"notification-detail-page.js","sourceRoot":"","sources":["../../../src/cli/templates/notification-detail-page.ts"],"names":[],"mappings":"AAAA;;;;;;GAMG;AAEH,MAAM,UAAU,8BAA8B;IAC5C,OAAO;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA2FR,CAAC;AACF,CAAC"}

package/dist/cli/templates/package-json.d.ts

@@ -0,0 +1,9 @@
+/**
+ * package.json template
+ */
+export interface PackageJsonTemplateOptions {
+    name: string;
+    version: string;
+}
+export declare function createPackageJson(options: PackageJsonTemplateOptions): object;
+//# sourceMappingURL=package-json.d.ts.map

package/dist/cli/templates/package-json.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"package-json.d.ts","sourceRoot":"","sources":["../../../src/cli/templates/package-json.ts"],"names":[],"mappings":"AAAA;;GAEG;AAEH,MAAM,WAAW,0BAA0B;IACzC,IAAI,EAAE,MAAM,CAAC;IACb,OAAO,EAAE,MAAM,CAAC;CACjB;AAED,wBAAgB,iBAAiB,CAAC,OAAO,EAAE,0BAA0B,GAAG,MAAM,CAoC7E"}

package/dist/cli/templates/package-json.js

@@ -0,0 +1,41 @@
+/**
+ * package.json template
+ */
+export function createPackageJson(options) {
+    return {
+        name: options.name,
+        version: '0.1.0',
+        type: 'module',
+        scripts: {
+            dev: 'loom dev',
+            build: 'loom build',
+            generate: 'loom generate capabilities',
+        },
+        dependencies: {
+            '@loom-framework/core': `^${options.version}`,
+            '@loom-framework/frontend-antd': `^${options.version}`,
+            'fastify': '^5.2.0',
+            '@ant-design/x': '^2.5.0',
+            '@ant-design/x-sdk': '^2.5.0',
+            '@ant-design/x-markdown': '^2.5.0',
+            '@ant-design/icons': '^6.1.1',
+            '@fastify/cors': '^10.0.0',
+            '@fastify/static': '^8.0.0',
+            'react': '^19.0.0',
+            'react-dom': '^19.0.0',
+            'antd': '^6.3.5',
+            '@antv/g2': '^5.4.0',
+            'dayjs': '^1.11.0',
+        },
+        devDependencies: {
+            'typescript': '^5.6.0',
+            'tsx': '^4.7.0',
+            'vite': '^6.0.0',
+            '@types/node': '^22.0.0',
+            '@types/react': '^19.0.0',
+            '@types/react-dom': '^19.0.0',
+            '@vitejs/plugin-react': '^4.3.0',
+        },
+    };
+}
+//# sourceMappingURL=package-json.js.map

package/dist/cli/templates/package-json.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"package-json.js","sourceRoot":"","sources":["../../../src/cli/templates/package-json.ts"],"names":[],"mappings":"AAAA;;GAEG;AAOH,MAAM,UAAU,iBAAiB,CAAC,OAAmC;IACnE,OAAO;QACL,IAAI,EAAE,OAAO,CAAC,IAAI;QAClB,OAAO,EAAE,OAAO;QAChB,IAAI,EAAE,QAAQ;QACd,OAAO,EAAE;YACP,GAAG,EAAE,UAAU;YACf,KAAK,EAAE,YAAY;YACnB,QAAQ,EAAE,4BAA4B;SACvC;QACD,YAAY,EAAE;YACZ,sBAAsB,EAAE,IAAI,OAAO,CAAC,OAAO,EAAE;YAC7C,+BAA+B,EAAE,IAAI,OAAO,CAAC,OAAO,EAAE;YACtD,SAAS,EAAE,QAAQ;YACnB,eAAe,EAAE,QAAQ;YACzB,mBAAmB,EAAE,QAAQ;YAC7B,wBAAwB,EAAE,QAAQ;YAClC,mBAAmB,EAAE,QAAQ;YAC7B,eAAe,EAAE,SAAS;YAC1B,iBAAiB,EAAE,QAAQ;YAC3B,OAAO,EAAE,SAAS;YAClB,WAAW,EAAE,SAAS;YACtB,MAAM,EAAE,QAAQ;YAChB,UAAU,EAAE,QAAQ;YACpB,OAAO,EAAE,SAAS;SACnB;QACD,eAAe,EAAE;YACf,YAAY,EAAE,QAAQ;YACtB,KAAK,EAAE,QAAQ;YACf,MAAM,EAAE,QAAQ;YAChB,aAAa,EAAE,SAAS;YACxB,cAAc,EAAE,SAAS;YACzB,kBAAkB,EAAE,SAAS;YAC7B,sBAAsB,EAAE,QAAQ;SACjC;KACF,CAAC;AACJ,CAAC"}

package/dist/cli/templates/process-management-page.d.ts

@@ -0,0 +1,8 @@
+/**
+ * ProcessManagementPage Template
+ *
+ * Follows SkillManagementPage patterns: flex column layout, breadcrumb,
+ * theme tokens, showLine/blockNode tree, i18n, Card wrapper.
+ */
+export declare function processManagementPageTemplate(): string;
+//# sourceMappingURL=process-management-page.d.ts.map

package/dist/cli/templates/process-management-page.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"process-management-page.d.ts","sourceRoot":"","sources":["../../../src/cli/templates/process-management-page.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AAEH,wBAAgB,6BAA6B,IAAI,MAAM,CA83BtD"}