plugin-build-guide-block 1.1.6 → 1.1.9

package/dist/node_modules/sanitize-html/package.json

@@ -1 +1 @@
-{"name":"sanitize-html","version":"2.17.4","description":"Clean up user-submitted HTML, preserving allowlisted elements and allowlisted attributes on a per-element basis","sideEffects":false,"main":"index.js","files":["index.js"],"repository":{"type":"git","url":"https://github.com/apostrophecms/apostrophe.git","directory":"packages/sanitize-html"},"homepage":"https://github.com/apostrophecms/apostrophe/tree/main/packages/sanitize-html#readme","keywords":["html","parser","sanitizer","sanitize"],"author":"Apostrophe Technologies, Inc.","license":"MIT","dependencies":{"deepmerge":"^4.2.2","escape-string-regexp":"^4.0.0","htmlparser2":"^10.1.0","is-plain-object":"^5.0.0","parse-srcset":"^1.0.2","postcss":"^8.3.11","launder":"^1.7.1"},"devDependencies":{"eslint":"^9.39.1","mocha":"^11.7.5","sinon":"^9.0.2","eslint-config-apostrophe":"^6.0.2"},"apostropheTestConfig":{"requiresMongo":false},"scripts":{"test":"npm run lint && mocha","lint":"eslint ."},"_lastModified":"2026-05-22T04:55:04.489Z"}
+{"name":"sanitize-html","version":"2.17.5","description":"Clean up user-submitted HTML, preserving allowlisted elements and allowlisted attributes on a per-element basis","sideEffects":false,"main":"index.js","files":["index.js"],"repository":{"type":"git","url":"https://github.com/apostrophecms/apostrophe.git","directory":"packages/sanitize-html"},"homepage":"https://github.com/apostrophecms/apostrophe/tree/main/packages/sanitize-html#readme","keywords":["html","parser","sanitizer","sanitize"],"author":"Apostrophe Technologies, Inc.","license":"MIT","dependencies":{"deepmerge":"^4.2.2","escape-string-regexp":"^4.0.0","htmlparser2":"^10.1.0","is-plain-object":"^5.0.0","parse-srcset":"^1.0.2","postcss":"^8.3.11","launder":"^1.7.1"},"devDependencies":{"eslint":"^9.39.1","mocha":"^11.7.5","sinon":"^9.0.2","eslint-config-apostrophe":"^6.0.2"},"apostropheTestConfig":{"requiresMongo":false},"scripts":{"test":"npm run lint && mocha","lint":"eslint ."},"_lastModified":"2026-06-17T05:00:41.121Z"}

package/dist/server/actions/build.js

@@ -316,6 +316,9 @@ function toPlainText(value) {
   }
   return JSON.stringify(value);
 }
+function stripThink(text) {
+  return text.replace(/<think>[\s\S]*?(?:<\/think>|$)/gi, "").trim();
+}
 function stripFence(text) {
   return text.replace(/^```(?:json|markdown|md|html)?\s*/i, "").replace(/```\s*$/i, "").trim();
 }
@@ -374,7 +377,7 @@ function createFallbackPlan(guideTitle, targetChapterCount) {
 }
 function normalizePlan(rawText, guideTitle, targetChapterCount) {
   const targetCount = clampChapterCount(targetChapterCount);
-  const cleanText = stripFence(rawText);
+  const cleanText = stripFence(stripThink(rawText));
   const jsonStart = cleanText.indexOf("{");
   const jsonEnd = cleanText.lastIndexOf("}");
   const jsonText = jsonStart >= 0 && jsonEnd > jsonStart ? cleanText.slice(jsonStart, jsonEnd + 1) : cleanText;
@@ -479,7 +482,7 @@ Source documents:
 ${documentsText.slice(0, MAX_SOURCE_CHARS)}`)
   );
   const response = await provider.chatModel.invoke(messages);
-  return stripFence(toPlainText(response.content));
+  return stripFence(stripThink(toPlainText(response.content)));
 }
 async function markdownToCleanHtml(markdown) {
   const renderedHtml = await import_marked.marked.parse(markdown, { async: true });

package/package.json

@@ -5,7 +5,7 @@
   "displayName.zh-CN": "构建指南区块",
   "description": "Generate user guides, tutorials and help books from documents using AI, then render the result as a block (HTML or Markdown).",
   "description.vi-VN": "Tạo hướng dẫn người dùng, tutorial và help book từ tài liệu bằng AI, hiển thị kết quả dưới dạng block (HTML hoặc Markdown).",
-  "version": "1.1.6",
+  "version": "1.1.9",
   "license": "Apache-2.0",
   "keywords": [
     "ai",
@@ -21,7 +21,9 @@
     "client.js",
     "server.js",
     "client.d.ts",
-    "server.d.ts"
+    "server.d.ts",
+    "client-v2.js",
+    "client-v2.d.ts"
   ],
   "dependencies": {
     "dompurify": "^3.1.2",
@@ -40,7 +42,9 @@
     "@nocobase/plugin-ai": "2.x",
     "@nocobase/plugin-file-manager": "2.x",
     "@langchain/core": "*",
-    "axios": "*"
+    "axios": "*",
+    "@nocobase/client-v2": "2.x",
+    "@nocobase/flow-engine": "2.x"
   },
   "nocobase": {
     "supportedVersions": [
@@ -48,4 +52,4 @@
     ],
     "editionLevel": 0
   }
-}
+}

package/src/client/UserGuideManager.tsx

@@ -1,27 +1,47 @@
-import React, { useMemo } from 'react';
-import {
-  SchemaComponent,
-  useActionContext,
-  useCollectionRecordData,
-  useDataBlockRequest,
-  useDataBlockResource,
-  useDestroyActionProps,
-  useTableBlockProps,
-} from '@nocobase/client';
-import { createForm } from '@formily/core';
-import { useForm } from '@formily/react';
-import { App } from 'antd';
-import { useTranslation } from 'react-i18next';
+import React, { useCallback, useEffect, useRef, useState } from 'react';
+import { App, Button, Drawer, Form, Input, InputNumber, Select, Space, Table, Tag } from 'antd';
+import { PlayCircleOutlined, PlusOutlined } from '@ant-design/icons';
+import { useApp } from '@nocobase/client-v2';
+import { useTranslation } from 'react-i18next';
 import {
   DEFAULT_TARGET_CHAPTER_COUNT,
   MAX_TARGET_CHAPTER_COUNT,
   MIN_TARGET_CHAPTER_COUNT,
-  spacesSchema,
 } from './schemas/spacesSchema';
-import { LLMServiceSelect } from './components/LLMServiceSelect';
-import { ModelSelect } from './components/ModelSelect';
-import { StatusTag } from './components/StatusTag';
-import { BuildButton } from './components/BuildButton';
+
+const POLL_INTERVAL_MS = 3000;
+const STILL_RUNNING_AFTER_MS = 5 * 60 * 1000;
+const SLOW_POLL_INTERVAL_MS = 10000;
+
+const STATUS_COLORS: Record<string, string> = {
+  draft: 'default',
+  building: 'blue',
+  completed: 'success',
+  error: 'error',
+};
+
+const OUTPUT_FORMAT_OPTIONS = [
+  { label: 'HTML', value: 'html' },
+  { label: 'Markdown', value: 'markdown' },
+];
+
+interface SpaceRecord {
+  id: number;
+  title?: string;
+  status?: string;
+  buildPhase?: string;
+  pageCount?: number;
+  buildLog?: string;
+  llmService?: string;
+  model?: string;
+  outputFormat?: string;
+  targetChapterCount?: number;
+  chapterGuidance?: string;
+  systemPrompt?: string;
+  generatedHtml?: string;
+  generatedMarkdown?: string;
+  documents?: any[];
+}
 
 const normalizeTargetChapterCount = (value: unknown) => {
   const count = Number(value);
@@ -31,127 +51,276 @@ const normalizeTargetChapterCount = (value: unknown) => {
 
 export const UserGuideManager = () => {
   const { t } = useTranslation();
+  const api = useApp().apiClient;
+  const { message, modal } = App.useApp();
+  const [form] = Form.useForm();
+  const selectedService = Form.useWatch('llmService', form);
+
+  const [data, setData] = useState<SpaceRecord[]>([]);
+  const [loading, setLoading] = useState(false);
+  const [drawerOpen, setDrawerOpen] = useState(false);
+  const [editingId, setEditingId] = useState<number | null>(null);
+  const [submitting, setSubmitting] = useState(false);
+  const [serviceOptions, setServiceOptions] = useState<{ label: string; value: string }[]>([]);
+  const [modelOptions, setModelOptions] = useState<{ label: string; value: string }[]>([]);
+  const [buildingId, setBuildingId] = useState<number | null>(null);
+  const timerRef = useRef<ReturnType<typeof setTimeout> | null>(null);
+
+  const loadList = useCallback(async () => {
+    setLoading(true);
+    try {
+      const res = await api.resource('aiBuildGuideSpaces').list({
+        appends: ['documents'],
+        sort: ['-createdAt'],
+        paginate: false,
+      });
+      setData(res?.data?.data || []);
+    } finally {
+      setLoading(false);
+    }
+  }, [api]);
+
+  useEffect(() => {
+    loadList();
+  }, [loadList]);
+
+  useEffect(() => {
+    return () => {
+      if (timerRef.current) clearTimeout(timerRef.current);
+    };
+  }, []);
+
+  const loadServices = useCallback(async () => {
+    try {
+      const res = await api.resource('ai').listLLMServices();
+      const list = res?.data?.data || [];
+      setServiceOptions(list.map((s: any) => ({ label: s.title || s.name, value: s.name })));
+    } catch {
+      setServiceOptions([]);
+    }
+  }, [api]);
+
+  const loadModels = useCallback(
+    async (service?: string) => {
+      if (!service) {
+        setModelOptions([]);
+        return;
+      }
+      try {
+        const res = await api.resource('ai').listModels({ llmService: service });
+        const list = res?.data?.data || [];
+        setModelOptions(list.map((m: any) => ({ label: m.id || m.name, value: m.id || m.name })));
+      } catch {
+        setModelOptions([]);
+      }
+    },
+    [api],
+  );
 
-  const useCreateFormProps = () => {
-    const form = useMemo(
-      () =>
-        createForm({
-          initialValues: {
-            targetChapterCount: DEFAULT_TARGET_CHAPTER_COUNT,
-          },
-        }),
-      [],
-    );
-    return { form };
+  useEffect(() => {
+    loadModels(selectedService);
+  }, [selectedService, loadModels]);
+
+  const openCreate = () => {
+    setEditingId(null);
+    form.resetFields();
+    form.setFieldsValue({
+      outputFormat: 'html',
+      targetChapterCount: DEFAULT_TARGET_CHAPTER_COUNT,
+      systemPrompt:
+        'You are an expert technical writer. Generate a comprehensive user guide based on the provided documents.',
+    });
+    loadServices();
+    setDrawerOpen(true);
+  };
+
+  const openEdit = (record: SpaceRecord) => {
+    setEditingId(record.id);
+    form.resetFields();
+    form.setFieldsValue({
+      title: record.title,
+      llmService: record.llmService,
+      model: record.model,
+      outputFormat: record.outputFormat || 'html',
+      targetChapterCount: normalizeTargetChapterCount(record.targetChapterCount),
+      chapterGuidance: record.chapterGuidance,
+      systemPrompt: record.systemPrompt,
+    });
+    loadServices();
+    loadModels(record.llmService);
+    setDrawerOpen(true);
   };
 
-  const useEditFormProps = () => {
-    const record = useCollectionRecordData();
-    const form = useMemo(
-      () =>
-        createForm({
-          initialValues: {
-            ...record,
-            targetChapterCount: normalizeTargetChapterCount(record?.targetChapterCount),
-          },
-        }),
-      [record],
-    );
-    return { form };
+  const handleSubmit = async () => {
+    const values = await form.validateFields();
+    values.targetChapterCount = normalizeTargetChapterCount(values.targetChapterCount);
+    setSubmitting(true);
+    try {
+      if (editingId) {
+        await api.resource('aiBuildGuideSpaces').update({ filterByTk: editingId, values });
+      } else {
+        await api.resource('aiBuildGuideSpaces').create({ values });
+      }
+      message.success(t('Saved successfully'));
+      setDrawerOpen(false);
+      await loadList();
+    } catch (err: any) {
+      if (err?.errorFields) return;
+      message.error(err?.response?.data?.error?.message || t('Save failed'));
+    } finally {
+      setSubmitting(false);
+    }
   };
-
-  const useCancelActionProps = () => {
-    const { setVisible } = useActionContext();
-    return {
-      type: 'default',
-      onClick() {
-        setVisible(false);
-      },
-    };
-  };
-
-  const normalizeValues = (values: any) => {
-    const { documents, ...rest } = values;
-    rest.targetChapterCount = normalizeTargetChapterCount(rest.targetChapterCount);
-    if (Array.isArray(documents)) {
-      rest.documents = documents.map((doc: any) => (typeof doc === 'object' && doc?.id ? { id: doc.id } : doc));
+
+  const handleDelete = async (record: SpaceRecord) => {
+    await api.resource('aiBuildGuideSpaces').destroy({ filterByTk: record.id });
+    message.success(t('Deleted'));
+    await loadList();
+  };
+
+  const stopPolling = useCallback(() => {
+    if (timerRef.current) {
+      clearTimeout(timerRef.current);
+      timerRef.current = null;
     }
-    return rest;
-  };
-
-  const useCreateActionProps = () => {
-    const { setVisible } = useActionContext();
-    const { message } = App.useApp();
-    const resource = useDataBlockResource();
-    const { refresh } = useDataBlockRequest();
-    const form = useForm();
-
-    return {
-      type: 'primary',
-      async onClick() {
-        try {
-          await form.submit();
-          await resource.create({ values: normalizeValues(form.values) });
-          refresh();
-          message.success(t('Saved successfully'));
-          setVisible(false);
-        } catch (err: any) {
-          if (err?.name !== 'ValidateError') {
-            message.error(err?.message || t('Save failed'));
-          }
-        }
-      },
-    };
-  };
-
-  const useUpdateActionProps = () => {
-    const { setVisible } = useActionContext();
-    const { message } = App.useApp();
-    const resource = useDataBlockResource();
-    const { refresh } = useDataBlockRequest();
-    const record = useCollectionRecordData();
-    const form = useForm();
-
-    return {
-      type: 'primary',
-      async onClick() {
-        try {
-          await form.submit();
-          await resource.update({
-            filterByTk: record.id,
-            values: normalizeValues(form.values),
-          });
-          refresh();
-          message.success(t('Saved successfully'));
-          setVisible(false);
-        } catch (err: any) {
-          if (err?.name !== 'ValidateError') {
-            message.error(err?.message || t('Save failed'));
-          }
-        }
-      },
-    };
-  };
-
-  return (
-    <SchemaComponent
-      schema={spacesSchema}
-      components={{
-        LLMServiceSelect,
-        ModelSelect,
-        StatusTag,
-        BuildButton,
-      }}
-      scope={{
-        t,
-        useCreateFormProps,
-        useEditFormProps,
-        useCancelActionProps,
-        useCreateActionProps,
-        useUpdateActionProps,
-        useDestroyActionProps,
-        useTableBlockProps,
-      }}
-    />
-  );
-};
+    setBuildingId(null);
+  }, []);
+
+  const handleBuild = async (record: SpaceRecord) => {
+    setBuildingId(record.id);
+    try {
+      await api.resource('aiBuildGuideSpaces').build({ filterByTk: record.id });
+      message.success(t('Build started'));
+      const startedAt = Date.now();
+      let stillRunningNotified = false;
+      const poll = async () => {
+        try {
+          const res = await api.resource('aiBuildGuideSpaces').get({ filterByTk: record.id });
+          const status = res?.data?.data?.status;
+          if (status !== 'building') {
+            stopPolling();
+            await loadList();
+            if (status === 'completed') message.success(t('Build completed'));
+            else if (status === 'error') message.error(t('Build failed'));
+            return;
+          }
+          const elapsed = Date.now() - startedAt;
+          if (elapsed >= STILL_RUNNING_AFTER_MS && !stillRunningNotified) {
+            stillRunningNotified = true;
+            message.info(t('Build is still running'));
+          }
+          const next = elapsed >= STILL_RUNNING_AFTER_MS ? SLOW_POLL_INTERVAL_MS : POLL_INTERVAL_MS;
+          timerRef.current = setTimeout(poll, next);
+        } catch {
+          stopPolling();
+          await loadList();
+        }
+      };
+      timerRef.current = setTimeout(poll, POLL_INTERVAL_MS);
+    } catch (err: any) {
+      message.error(err?.response?.data?.error?.message || t('Build failed'));
+      setBuildingId(null);
+    }
+  };
+
+  const columns = [
+    { title: t('Title'), dataIndex: 'title' },
+    {
+      title: t('Status'),
+      dataIndex: 'status',
+      render: (v: string) => (v ? <Tag color={STATUS_COLORS[v] || 'default'}>{String(v).toUpperCase()}</Tag> : null),
+    },
+    { title: t('Build Phase'), dataIndex: 'buildPhase' },
+    { title: t('Chapters'), dataIndex: 'pageCount' },
+    {
+      title: t('Actions'),
+      key: 'actions',
+      render: (_: unknown, record: SpaceRecord) => (
+        <Space split="|">
+          <Button
+            type="link"
+            icon={<PlayCircleOutlined />}
+            loading={buildingId === record.id}
+            disabled={record.status === 'building'}
+            onClick={() => handleBuild(record)}
+          >
+            {t('Build')}
+          </Button>
+          <a onClick={() => openEdit(record)}>{t('Edit')}</a>
+          <a
+            onClick={() =>
+              modal.confirm({
+                title: t('Delete'),
+                content: t('Are you sure you want to delete this space?'),
+                onOk: () => handleDelete(record),
+              })
+            }
+          >
+            {t('Delete')}
+          </a>
+        </Space>
+      ),
+    },
+  ];
+
+  return (
+    <div>
+      <Space style={{ marginBottom: 16 }}>
+        <Button type="primary" icon={<PlusOutlined />} onClick={openCreate}>
+          {t('Create space')}
+        </Button>
+        <Button onClick={loadList}>{t('Refresh')}</Button>
+      </Space>
+      <Table rowKey="id" loading={loading} dataSource={data} columns={columns} />
+      <Drawer
+        title={editingId ? t('Edit space') : t('Create space')}
+        open={drawerOpen}
+        onClose={() => setDrawerOpen(false)}
+        width={640}
+        footer={
+          <Space style={{ float: 'right' }}>
+            <Button onClick={() => setDrawerOpen(false)}>{t('Cancel')}</Button>
+            <Button type="primary" loading={submitting} onClick={handleSubmit}>
+              {t('Submit')}
+            </Button>
+          </Space>
+        }
+      >
+        <Form
+          form={form}
+          layout="vertical"
+          onValuesChange={(changed) => {
+            if ('llmService' in changed) form.setFieldValue('model', undefined);
+          }}
+        >
+          <Form.Item name="title" label={t('Title')} rules={[{ required: true }]}>
+            <Input />
+          </Form.Item>
+          <Form.Item name="llmService" label={t('LLM Service')} rules={[{ required: true }]}>
+            <Select options={serviceOptions} onFocus={loadServices} showSearch optionFilterProp="label" />
+          </Form.Item>
+          <Form.Item name="model" label={t('Model')} rules={[{ required: true }]}>
+            <Select options={modelOptions} disabled={!selectedService} showSearch optionFilterProp="label" />
+          </Form.Item>
+          <Form.Item name="outputFormat" label={t('Output format')} rules={[{ required: true }]}>
+            <Select options={OUTPUT_FORMAT_OPTIONS} />
+          </Form.Item>
+          <Form.Item name="targetChapterCount" label={t('Target chapters')} rules={[{ required: true }]}>
+            <InputNumber
+              min={MIN_TARGET_CHAPTER_COUNT}
+              max={MAX_TARGET_CHAPTER_COUNT}
+              precision={0}
+              style={{ width: '100%' }}
+            />
+          </Form.Item>
+          <Form.Item name="chapterGuidance" label={t('Chapter guidance')}>
+            <Input.TextArea rows={3} placeholder={t('Describe how the guide should be split into chapters')} />
+          </Form.Item>
+          <Form.Item name="systemPrompt" label={t('System Prompt')}>
+            <Input.TextArea rows={4} />
+          </Form.Item>
+        </Form>
+      </Drawer>
+    </div>
+  );
+};

package/src/client-v2/index.tsx

@@ -0,0 +1 @@
+export { default } from './plugin';

package/src/client-v2/plugin.tsx

@@ -0,0 +1,24 @@
+import { Plugin, Application } from '@nocobase/client-v2';
+import React from 'react';
+
+export class PluginBuildGuideBlockClient extends Plugin<Record<string, never>, Application> {
+  async load() {
+    this.pluginSettingsManager.addMenuItem({
+      key: 'ai-build-guide',
+      title: this.t('Build Guide Block'),
+      icon: 'ReadOutlined',
+      aclSnippet: 'pm.ai-build-guide',
+    });
+
+    this.pluginSettingsManager.addPageTabItem({
+      menuKey: 'ai-build-guide',
+      key: 'index',
+      title: this.t('Build Guide Block'),
+      
+      componentLoader: () => import('../client/UserGuideManager').then(m => ({ default: m.UserGuideManager })),
+    });
+
+  }
+}
+
+export default PluginBuildGuideBlockClient;

package/src/server/actions/build.ts

@@ -328,6 +328,10 @@ function toPlainText(value: unknown) {
   return JSON.stringify(value);
 }
 
+function stripThink(text: string) {
+  return text.replace(/<think>[\s\S]*?(?:<\/think>|$)/gi, '').trim();
+}
+
 function stripFence(text: string) {
   return text
     .replace(/^```(?:json|markdown|md|html)?\s*/i, '')
@@ -398,7 +402,7 @@ function createFallbackPlan(guideTitle: string, targetChapterCount: number): Gui
 
 function normalizePlan(rawText: string, guideTitle: string, targetChapterCount: number): GuidePlan {
   const targetCount = clampChapterCount(targetChapterCount);
-  const cleanText = stripFence(rawText);
+  const cleanText = stripFence(stripThink(rawText));
   const jsonStart = cleanText.indexOf('{');
   const jsonEnd = cleanText.lastIndexOf('}');
   const jsonText = jsonStart >= 0 && jsonEnd > jsonStart ? cleanText.slice(jsonStart, jsonEnd + 1) : cleanText;
@@ -514,7 +518,7 @@ Source documents:
 ${documentsText.slice(0, MAX_SOURCE_CHARS)}`),
   );
   const response = await provider.chatModel.invoke(messages);
-  return stripFence(toPlainText(response.content));
+  return stripFence(stripThink(toPlainText(response.content)));
 }
 
 async function markdownToCleanHtml(markdown: string) {

package/dist/node_modules/sanitize-html/node_modules/nanoid/async/index.browser.cjs

@@ -1,34 +0,0 @@
-let random = async bytes => crypto.getRandomValues(new Uint8Array(bytes))
-let customAlphabet = (alphabet, defaultSize = 21) => {
-  let mask = (2 << (Math.log(alphabet.length - 1) / Math.LN2)) - 1
-  let step = -~((1.6 * mask * defaultSize) / alphabet.length)
-  return async (size = defaultSize) => {
-    let id = ''
-    while (true) {
-      let bytes = crypto.getRandomValues(new Uint8Array(step))
-      let i = step
-      while (i--) {
-        id += alphabet[bytes[i] & mask] || ''
-        if (id.length === size) return id
-      }
-    }
-  }
-}
-let nanoid = async (size = 21) => {
-  let id = ''
-  let bytes = crypto.getRandomValues(new Uint8Array(size))
-  while (size--) {
-    let byte = bytes[size] & 63
-    if (byte < 36) {
-      id += byte.toString(36)
-    } else if (byte < 62) {
-      id += (byte - 26).toString(36).toUpperCase()
-    } else if (byte < 63) {
-      id += '_'
-    } else {
-      id += '-'
-    }
-  }
-  return id
-}
-module.exports = { nanoid, customAlphabet, random }

package/dist/node_modules/sanitize-html/node_modules/nanoid/async/index.browser.js

@@ -1,34 +0,0 @@
-let random = async bytes => crypto.getRandomValues(new Uint8Array(bytes))
-let customAlphabet = (alphabet, defaultSize = 21) => {
-  let mask = (2 << (Math.log(alphabet.length - 1) / Math.LN2)) - 1
-  let step = -~((1.6 * mask * defaultSize) / alphabet.length)
-  return async (size = defaultSize) => {
-    let id = ''
-    while (true) {
-      let bytes = crypto.getRandomValues(new Uint8Array(step))
-      let i = step
-      while (i--) {
-        id += alphabet[bytes[i] & mask] || ''
-        if (id.length === size) return id
-      }
-    }
-  }
-}
-let nanoid = async (size = 21) => {
-  let id = ''
-  let bytes = crypto.getRandomValues(new Uint8Array(size))
-  while (size--) {
-    let byte = bytes[size] & 63
-    if (byte < 36) {
-      id += byte.toString(36)
-    } else if (byte < 62) {
-      id += (byte - 26).toString(36).toUpperCase()
-    } else if (byte < 63) {
-      id += '_'
-    } else {
-      id += '-'
-    }
-  }
-  return id
-}
-export { nanoid, customAlphabet, random }