@formicoidea/labre-core 0.40.0 → 0.41.0

package/dist/_pkgs/affine-gfx-mindmap/templates/index.js

@@ -1,607 +1,658 @@
 import { makeTemplateSnapshot, } from '../../affine-gfx-template/index.js';
+import { translateKey } from '../../affine-shared/services/index.js';
+import { MINDMAP_SEED_ROOT, MINDMAP_SEED_TOPIC_1, MINDMAP_SEED_TOPIC_2, MINDMAP_SEED_TOPIC_3, MINDMAP_TEMPLATE_CATEGORY, MINDMAP_TEMPLATE_NAME_STYLE_1, MINDMAP_TEMPLATE_NAME_STYLE_2, MINDMAP_TEMPLATE_NAME_STYLE_3, MINDMAP_TEMPLATE_NAME_STYLE_4, } from '../translations.js';
+const EN_SEEDS = {
+    root: MINDMAP_SEED_ROOT[1],
+    topic1: MINDMAP_SEED_TOPIC_1[1],
+    topic2: MINDMAP_SEED_TOPIC_2[1],
+    topic3: MINDMAP_SEED_TOPIC_3[1],
+};
 /**
- * Mindmap starter templates — one per built-in style. Captured as real
- * serialized mindmaps (the element plus its node shapes) so they round-trip
- * through the Templates-panel insert path; the id-regeneration middleware
- * (replaceIdMiddleware) remaps the mindmap node-id references on insert.
+ * The seeds in the inserting editor's language — or the English default with
+ * no host registered, which is exactly {@link EN_SEEDS} (`content`'s build).
  */
-function tpl(name, preview, elements) {
+function seedsFor(std) {
+    if (!std)
+        return EN_SEEDS;
+    return {
+        root: translateKey(std, ...MINDMAP_SEED_ROOT),
+        topic1: translateKey(std, ...MINDMAP_SEED_TOPIC_1),
+        topic2: translateKey(std, ...MINDMAP_SEED_TOPIC_2),
+        topic3: translateKey(std, ...MINDMAP_SEED_TOPIC_3),
+    };
+}
+function tpl(name, preview, build, nameKey) {
     return {
         name,
         type: 'template',
         preview,
-        content: makeTemplateSnapshot(elements, name),
+        nameKey,
+        content: makeTemplateSnapshot(build(EN_SEEDS), name),
+        // The seeds a template writes into the document go through the
+        // translation seam at placement (ADR 0016); `content` stays the English
+        // build.
+        localize: std => makeTemplateSnapshot(build(seedsFor(std)), name),
     };
 }
-const STYLE_1 = {
-    '1Y2vfnrsLJ': {
-        index: 'a0',
-        seed: 1700105571,
-        fillColor: '#ffffff',
-        filled: true,
-        fontFamily: 'blocksuite:surface:Poppins',
-        fontWeight: '600',
-        maxWidth: false,
-        padding: [11, 22],
-        radius: 8,
-        rotate: 0,
-        roughness: 1.4,
-        shadow: { offsetX: 0, offsetY: 6, blur: 12, color: 'rgba(0, 0, 0, 0.14)' },
-        shapeStyle: 'General',
-        shapeType: 'rect',
-        strokeColor: '#53b2ef',
-        strokeStyle: 'solid',
-        strokeWidth: 4,
-        text: { 'affine:surface:text': true, delta: [{ insert: 'Mind Map' }] },
-        textResizing: 0,
-        vertices: null,
-        isClosed: true,
-        smoothFlags: null,
-        controlPoints: null,
-        xywh: '[0,0,136.20703125,45]',
-        type: 'shape',
-        id: '1Y2vfnrsLJ',
-    },
-    K_WWv7xJKi: {
-        index: 'a0',
-        seed: 1580354321,
-        fillColor: '#ffffff',
-        filled: true,
-        fontFamily: 'blocksuite:surface:Poppins',
-        fontSize: 16,
-        fontWeight: '500',
-        maxWidth: false,
-        padding: [6, 22],
-        radius: 8,
-        rotate: 0,
-        roughness: 1.4,
-        shadow: { offsetX: 0, offsetY: 6, blur: 12, color: 'rgba(0, 0, 0, 0.14)' },
-        shapeStyle: 'General',
-        shapeType: 'rect',
-        strokeColor: '#6e52df',
-        strokeStyle: 'solid',
-        strokeWidth: 3,
-        text: { 'affine:surface:text': true, delta: [{ insert: 'Topic 1' }] },
-        textResizing: 0,
-        vertices: null,
-        isClosed: true,
-        smoothFlags: null,
-        controlPoints: null,
-        xywh: '[336.20703125,-67.5,94.6953125,30]',
-        type: 'shape',
-        id: 'K_WWv7xJKi',
-    },
-    '7fO_u4_Elm': {
-        index: 'a0',
-        seed: 1196740856,
-        fillColor: '#ffffff',
-        filled: true,
-        fontFamily: 'blocksuite:surface:Poppins',
-        fontSize: 16,
-        fontWeight: '500',
-        maxWidth: false,
-        padding: [6, 22],
-        radius: 8,
-        rotate: 0,
-        roughness: 1.4,
-        shadow: { offsetX: 0, offsetY: 6, blur: 12, color: 'rgba(0, 0, 0, 0.14)' },
-        shapeStyle: 'General',
-        shapeType: 'rect',
-        strokeColor: '#e96cab',
-        strokeStyle: 'solid',
-        strokeWidth: 3,
-        text: { 'affine:surface:text': true, delta: [{ insert: 'Topic 2' }] },
-        textResizing: 0,
-        vertices: null,
-        isClosed: true,
-        smoothFlags: null,
-        controlPoints: null,
-        xywh: '[336.20703125,7.5,94.6953125,30]',
-        type: 'shape',
-        id: '7fO_u4_Elm',
-    },
-    Lza2YDXgkV: {
-        index: 'a0',
-        seed: 981612871,
-        fillColor: '#ffffff',
-        filled: true,
-        fontFamily: 'blocksuite:surface:Poppins',
-        fontSize: 16,
-        fontWeight: '500',
-        maxWidth: false,
-        padding: [6, 22],
-        radius: 8,
-        rotate: 0,
-        roughness: 1.4,
-        shadow: { offsetX: 0, offsetY: 6, blur: 12, color: 'rgba(0, 0, 0, 0.14)' },
-        shapeStyle: 'General',
-        shapeType: 'rect',
-        strokeColor: '#ff8c38',
-        strokeStyle: 'solid',
-        strokeWidth: 3,
-        text: { 'affine:surface:text': true, delta: [{ insert: 'Topic 3' }] },
-        textResizing: 0,
-        vertices: null,
-        isClosed: true,
-        smoothFlags: null,
-        controlPoints: null,
-        xywh: '[336.20703125,82.5,94.6953125,30]',
-        type: 'shape',
-        id: 'Lza2YDXgkV',
-    },
-    Gsko87TmXj: {
-        index: 'a0',
-        seed: 871727345,
-        children: {
-            'affine:surface:ymap': true,
-            json: {
-                '1Y2vfnrsLJ': { index: 'a0' },
-                K_WWv7xJKi: { index: 'a0', parent: '1Y2vfnrsLJ' },
-                '7fO_u4_Elm': { index: 'a1', parent: '1Y2vfnrsLJ' },
-                Lza2YDXgkV: { index: 'a2', parent: '1Y2vfnrsLJ' },
+function buildStyle1(seeds) {
+    return {
+        '1Y2vfnrsLJ': {
+            index: 'a0',
+            seed: 1700105571,
+            fillColor: '#ffffff',
+            filled: true,
+            fontFamily: 'blocksuite:surface:Poppins',
+            fontWeight: '600',
+            maxWidth: false,
+            padding: [11, 22],
+            radius: 8,
+            rotate: 0,
+            roughness: 1.4,
+            shadow: {
+                offsetX: 0,
+                offsetY: 6,
+                blur: 12,
+                color: 'rgba(0, 0, 0, 0.14)',
             },
+            shapeStyle: 'General',
+            shapeType: 'rect',
+            strokeColor: '#53b2ef',
+            strokeStyle: 'solid',
+            strokeWidth: 4,
+            text: { 'affine:surface:text': true, delta: [{ insert: seeds.root }] },
+            textResizing: 0,
+            vertices: null,
+            isClosed: true,
+            smoothFlags: null,
+            controlPoints: null,
+            xywh: '[0,0,136.20703125,45]',
+            type: 'shape',
+            id: '1Y2vfnrsLJ',
         },
-        layoutType: 0,
-        style: 1,
-        type: 'mindmap',
-        id: 'Gsko87TmXj',
-    },
-};
-const STYLE_2 = {
-    kPwf_uD4jZ: {
-        index: 'a0',
-        seed: 1047170436,
-        fillColor: '#fcd34d',
-        filled: true,
-        fontFamily: 'blocksuite:surface:Poppins',
-        fontSize: 18,
-        fontWeight: '600',
-        maxWidth: false,
-        padding: [11, 22],
-        radius: 3,
-        rotate: 0,
-        roughness: 1.4,
-        shadow: {
-            blur: 0,
-            offsetX: 3,
-            offsetY: 3,
-            color: { dark: '#ffffff', light: '#000000' },
+        K_WWv7xJKi: {
+            index: 'a0',
+            seed: 1580354321,
+            fillColor: '#ffffff',
+            filled: true,
+            fontFamily: 'blocksuite:surface:Poppins',
+            fontSize: 16,
+            fontWeight: '500',
+            maxWidth: false,
+            padding: [6, 22],
+            radius: 8,
+            rotate: 0,
+            roughness: 1.4,
+            shadow: {
+                offsetX: 0,
+                offsetY: 6,
+                blur: 12,
+                color: 'rgba(0, 0, 0, 0.14)',
+            },
+            shapeStyle: 'General',
+            shapeType: 'rect',
+            strokeColor: '#6e52df',
+            strokeStyle: 'solid',
+            strokeWidth: 3,
+            text: { 'affine:surface:text': true, delta: [{ insert: seeds.topic1 }] },
+            textResizing: 0,
+            vertices: null,
+            isClosed: true,
+            smoothFlags: null,
+            controlPoints: null,
+            xywh: '[336.20703125,-67.5,94.6953125,30]',
+            type: 'shape',
+            id: 'K_WWv7xJKi',
         },
-        shapeStyle: 'General',
-        shapeType: 'rect',
-        strokeColor: { dark: '#ffffff', light: '#000000' },
-        strokeStyle: 'solid',
-        strokeWidth: 3,
-        text: { 'affine:surface:text': true, delta: [{ insert: 'Mind Map' }] },
-        textResizing: 0,
-        vertices: null,
-        isClosed: true,
-        smoothFlags: null,
-        controlPoints: null,
-        xywh: '[0,0,126.986328125,42.7]',
-        type: 'shape',
-        id: 'kPwf_uD4jZ',
-    },
-    zwZHwYXnAG: {
-        index: 'a0',
-        seed: 79321525,
-        fillColor: '#84cfff',
-        filled: true,
-        fontFamily: 'blocksuite:surface:Poppins',
-        fontSize: 16,
-        fontWeight: '600',
-        maxWidth: false,
-        padding: [6, 22],
-        radius: 3,
-        rotate: 0,
-        roughness: 1.4,
-        shadow: {
-            blur: 0,
-            offsetX: 3,
-            offsetY: 3,
-            color: { dark: '#ffffff', light: '#000000' },
+        '7fO_u4_Elm': {
+            index: 'a0',
+            seed: 1196740856,
+            fillColor: '#ffffff',
+            filled: true,
+            fontFamily: 'blocksuite:surface:Poppins',
+            fontSize: 16,
+            fontWeight: '500',
+            maxWidth: false,
+            padding: [6, 22],
+            radius: 8,
+            rotate: 0,
+            roughness: 1.4,
+            shadow: {
+                offsetX: 0,
+                offsetY: 6,
+                blur: 12,
+                color: 'rgba(0, 0, 0, 0.14)',
+            },
+            shapeStyle: 'General',
+            shapeType: 'rect',
+            strokeColor: '#e96cab',
+            strokeStyle: 'solid',
+            strokeWidth: 3,
+            text: { 'affine:surface:text': true, delta: [{ insert: seeds.topic2 }] },
+            textResizing: 0,
+            vertices: null,
+            isClosed: true,
+            smoothFlags: null,
+            controlPoints: null,
+            xywh: '[336.20703125,7.5,94.6953125,30]',
+            type: 'shape',
+            id: '7fO_u4_Elm',
         },
-        shapeStyle: 'General',
-        shapeType: 'rect',
-        strokeColor: { dark: '#ffffff', light: '#000000' },
-        strokeStyle: 'solid',
-        strokeWidth: 3,
-        text: { 'affine:surface:text': true, delta: [{ insert: 'Topic 1' }] },
-        textResizing: 0,
-        vertices: null,
-        isClosed: true,
-        smoothFlags: null,
-        controlPoints: null,
-        xywh: '[326.986328125,-69.25,98.8203125,30.400000000000002]',
-        type: 'shape',
-        id: 'zwZHwYXnAG',
-    },
-    VIz858biOY: {
-        index: 'a0',
-        seed: 1187771384,
-        fillColor: '#84cfff',
-        filled: true,
-        fontFamily: 'blocksuite:surface:Poppins',
-        fontSize: 16,
-        fontWeight: '600',
-        maxWidth: false,
-        padding: [6, 22],
-        radius: 3,
-        rotate: 0,
-        roughness: 1.4,
-        shadow: {
-            blur: 0,
-            offsetX: 3,
-            offsetY: 3,
-            color: { dark: '#ffffff', light: '#000000' },
+        Lza2YDXgkV: {
+            index: 'a0',
+            seed: 981612871,
+            fillColor: '#ffffff',
+            filled: true,
+            fontFamily: 'blocksuite:surface:Poppins',
+            fontSize: 16,
+            fontWeight: '500',
+            maxWidth: false,
+            padding: [6, 22],
+            radius: 8,
+            rotate: 0,
+            roughness: 1.4,
+            shadow: {
+                offsetX: 0,
+                offsetY: 6,
+                blur: 12,
+                color: 'rgba(0, 0, 0, 0.14)',
+            },
+            shapeStyle: 'General',
+            shapeType: 'rect',
+            strokeColor: '#ff8c38',
+            strokeStyle: 'solid',
+            strokeWidth: 3,
+            text: { 'affine:surface:text': true, delta: [{ insert: seeds.topic3 }] },
+            textResizing: 0,
+            vertices: null,
+            isClosed: true,
+            smoothFlags: null,
+            controlPoints: null,
+            xywh: '[336.20703125,82.5,94.6953125,30]',
+            type: 'shape',
+            id: 'Lza2YDXgkV',
         },
-        shapeStyle: 'General',
-        shapeType: 'rect',
-        strokeColor: { dark: '#ffffff', light: '#000000' },
-        strokeStyle: 'solid',
-        strokeWidth: 3,
-        text: { 'affine:surface:text': true, delta: [{ insert: 'Topic 2' }] },
-        textResizing: 0,
-        vertices: null,
-        isClosed: true,
-        smoothFlags: null,
-        controlPoints: null,
-        xywh: '[326.986328125,6.150000000000006,98.8203125,30.400000000000002]',
-        type: 'shape',
-        id: 'VIz858biOY',
-    },
-    DPMWxLX_cs: {
-        index: 'a0',
-        seed: 1192286986,
-        fillColor: '#84cfff',
-        filled: true,
-        fontFamily: 'blocksuite:surface:Poppins',
-        fontSize: 16,
-        fontWeight: '600',
-        maxWidth: false,
-        padding: [6, 22],
-        radius: 3,
-        rotate: 0,
-        roughness: 1.4,
-        shadow: {
-            blur: 0,
-            offsetX: 3,
-            offsetY: 3,
-            color: { dark: '#ffffff', light: '#000000' },
+        Gsko87TmXj: {
+            index: 'a0',
+            seed: 871727345,
+            children: {
+                'affine:surface:ymap': true,
+                json: {
+                    '1Y2vfnrsLJ': { index: 'a0' },
+                    K_WWv7xJKi: { index: 'a0', parent: '1Y2vfnrsLJ' },
+                    '7fO_u4_Elm': { index: 'a1', parent: '1Y2vfnrsLJ' },
+                    Lza2YDXgkV: { index: 'a2', parent: '1Y2vfnrsLJ' },
+                },
+            },
+            layoutType: 0,
+            style: 1,
+            type: 'mindmap',
+            id: 'Gsko87TmXj',
         },
-        shapeStyle: 'General',
-        shapeType: 'rect',
-        strokeColor: { dark: '#ffffff', light: '#000000' },
-        strokeStyle: 'solid',
-        strokeWidth: 3,
-        text: { 'affine:surface:text': true, delta: [{ insert: 'Topic 3' }] },
-        textResizing: 0,
-        vertices: null,
-        isClosed: true,
-        smoothFlags: null,
-        controlPoints: null,
-        xywh: '[326.986328125,81.55000000000001,98.8203125,30.400000000000002]',
-        type: 'shape',
-        id: 'DPMWxLX_cs',
-    },
-    'nMfQ2gc-O2': {
-        index: 'a0',
-        seed: 1612961410,
-        children: {
-            'affine:surface:ymap': true,
-            json: {
-                kPwf_uD4jZ: { index: 'a0' },
-                zwZHwYXnAG: { index: 'a0', parent: 'kPwf_uD4jZ' },
-                VIz858biOY: { index: 'a1', parent: 'kPwf_uD4jZ' },
-                DPMWxLX_cs: { index: 'a2', parent: 'kPwf_uD4jZ' },
+    };
+}
+function buildStyle2(seeds) {
+    return {
+        kPwf_uD4jZ: {
+            index: 'a0',
+            seed: 1047170436,
+            fillColor: '#fcd34d',
+            filled: true,
+            fontFamily: 'blocksuite:surface:Poppins',
+            fontSize: 18,
+            fontWeight: '600',
+            maxWidth: false,
+            padding: [11, 22],
+            radius: 3,
+            rotate: 0,
+            roughness: 1.4,
+            shadow: {
+                blur: 0,
+                offsetX: 3,
+                offsetY: 3,
+                color: { dark: '#ffffff', light: '#000000' },
             },
+            shapeStyle: 'General',
+            shapeType: 'rect',
+            strokeColor: { dark: '#ffffff', light: '#000000' },
+            strokeStyle: 'solid',
+            strokeWidth: 3,
+            text: { 'affine:surface:text': true, delta: [{ insert: seeds.root }] },
+            textResizing: 0,
+            vertices: null,
+            isClosed: true,
+            smoothFlags: null,
+            controlPoints: null,
+            xywh: '[0,0,126.986328125,42.7]',
+            type: 'shape',
+            id: 'kPwf_uD4jZ',
         },
-        layoutType: 0,
-        style: 2,
-        type: 'mindmap',
-        id: 'nMfQ2gc-O2',
-    },
-};
-const STYLE_3 = {
-    ZIw4rmcVBn: {
-        index: 'a0',
-        seed: 880670515,
-        fillColor: '#fcd34d',
-        filled: true,
-        fontFamily: 'blocksuite:surface:Poppins',
-        fontSize: 16,
-        fontWeight: '500',
-        maxWidth: false,
-        padding: [10, 22],
-        radius: 10,
-        rotate: 0,
-        roughness: 1.4,
-        shadow: {
-            blur: 12,
-            offsetX: 0,
-            offsetY: 0,
-            color: 'rgba(66, 65, 73, 0.18)',
+        zwZHwYXnAG: {
+            index: 'a0',
+            seed: 79321525,
+            fillColor: '#84cfff',
+            filled: true,
+            fontFamily: 'blocksuite:surface:Poppins',
+            fontSize: 16,
+            fontWeight: '600',
+            maxWidth: false,
+            padding: [6, 22],
+            radius: 3,
+            rotate: 0,
+            roughness: 1.4,
+            shadow: {
+                blur: 0,
+                offsetX: 3,
+                offsetY: 3,
+                color: { dark: '#ffffff', light: '#000000' },
+            },
+            shapeStyle: 'General',
+            shapeType: 'rect',
+            strokeColor: { dark: '#ffffff', light: '#000000' },
+            strokeStyle: 'solid',
+            strokeWidth: 3,
+            text: { 'affine:surface:text': true, delta: [{ insert: seeds.topic1 }] },
+            textResizing: 0,
+            vertices: null,
+            isClosed: true,
+            smoothFlags: null,
+            controlPoints: null,
+            xywh: '[326.986328125,-69.25,98.8203125,30.400000000000002]',
+            type: 'shape',
+            id: 'zwZHwYXnAG',
+        },
+        VIz858biOY: {
+            index: 'a0',
+            seed: 1187771384,
+            fillColor: '#84cfff',
+            filled: true,
+            fontFamily: 'blocksuite:surface:Poppins',
+            fontSize: 16,
+            fontWeight: '600',
+            maxWidth: false,
+            padding: [6, 22],
+            radius: 3,
+            rotate: 0,
+            roughness: 1.4,
+            shadow: {
+                blur: 0,
+                offsetX: 3,
+                offsetY: 3,
+                color: { dark: '#ffffff', light: '#000000' },
+            },
+            shapeStyle: 'General',
+            shapeType: 'rect',
+            strokeColor: { dark: '#ffffff', light: '#000000' },
+            strokeStyle: 'solid',
+            strokeWidth: 3,
+            text: { 'affine:surface:text': true, delta: [{ insert: seeds.topic2 }] },
+            textResizing: 0,
+            vertices: null,
+            isClosed: true,
+            smoothFlags: null,
+            controlPoints: null,
+            xywh: '[326.986328125,6.150000000000006,98.8203125,30.400000000000002]',
+            type: 'shape',
+            id: 'VIz858biOY',
+        },
+        DPMWxLX_cs: {
+            index: 'a0',
+            seed: 1192286986,
+            fillColor: '#84cfff',
+            filled: true,
+            fontFamily: 'blocksuite:surface:Poppins',
+            fontSize: 16,
+            fontWeight: '600',
+            maxWidth: false,
+            padding: [6, 22],
+            radius: 3,
+            rotate: 0,
+            roughness: 1.4,
+            shadow: {
+                blur: 0,
+                offsetX: 3,
+                offsetY: 3,
+                color: { dark: '#ffffff', light: '#000000' },
+            },
+            shapeStyle: 'General',
+            shapeType: 'rect',
+            strokeColor: { dark: '#ffffff', light: '#000000' },
+            strokeStyle: 'solid',
+            strokeWidth: 3,
+            text: { 'affine:surface:text': true, delta: [{ insert: seeds.topic3 }] },
+            textResizing: 0,
+            vertices: null,
+            isClosed: true,
+            smoothFlags: null,
+            controlPoints: null,
+            xywh: '[326.986328125,81.55000000000001,98.8203125,30.400000000000002]',
+            type: 'shape',
+            id: 'DPMWxLX_cs',
+        },
+        'nMfQ2gc-O2': {
+            index: 'a0',
+            seed: 1612961410,
+            children: {
+                'affine:surface:ymap': true,
+                json: {
+                    kPwf_uD4jZ: { index: 'a0' },
+                    zwZHwYXnAG: { index: 'a0', parent: 'kPwf_uD4jZ' },
+                    VIz858biOY: { index: 'a1', parent: 'kPwf_uD4jZ' },
+                    DPMWxLX_cs: { index: 'a2', parent: 'kPwf_uD4jZ' },
+                },
+            },
+            layoutType: 0,
+            style: 2,
+            type: 'mindmap',
+            id: 'nMfQ2gc-O2',
         },
-        shapeStyle: 'General',
-        shapeType: 'rect',
-        strokeColor: 'transparent',
-        strokeStyle: 'solid',
-        strokeWidth: 0,
-        text: { 'affine:surface:text': true, delta: [{ insert: 'Mind Map' }] },
-        textResizing: 0,
-        vertices: null,
-        isClosed: true,
-        smoothFlags: null,
-        controlPoints: null,
-        xywh: '[0,0,114.25,38]',
-        type: 'shape',
-        id: 'ZIw4rmcVBn',
-    },
-    'dwRkKPG-3B': {
-        index: 'a0',
-        seed: 125208616,
-        fillColor: '#ffffff',
-        filled: true,
-        fontFamily: 'blocksuite:surface:Poppins',
-        fontSize: 16,
-        fontWeight: '500',
-        maxWidth: false,
-        padding: [6, 22],
-        radius: 10,
-        rotate: 0,
-        roughness: 1.4,
-        shadow: {
-            blur: 12,
-            offsetX: 0,
-            offsetY: 0,
-            color: 'rgba(66, 65, 73, 0.18)',
+    };
+}
+function buildStyle3(seeds) {
+    return {
+        ZIw4rmcVBn: {
+            index: 'a0',
+            seed: 880670515,
+            fillColor: '#fcd34d',
+            filled: true,
+            fontFamily: 'blocksuite:surface:Poppins',
+            fontSize: 16,
+            fontWeight: '500',
+            maxWidth: false,
+            padding: [10, 22],
+            radius: 10,
+            rotate: 0,
+            roughness: 1.4,
+            shadow: {
+                blur: 12,
+                offsetX: 0,
+                offsetY: 0,
+                color: 'rgba(66, 65, 73, 0.18)',
+            },
+            shapeStyle: 'General',
+            shapeType: 'rect',
+            strokeColor: 'transparent',
+            strokeStyle: 'solid',
+            strokeWidth: 0,
+            text: { 'affine:surface:text': true, delta: [{ insert: seeds.root }] },
+            textResizing: 0,
+            vertices: null,
+            isClosed: true,
+            smoothFlags: null,
+            controlPoints: null,
+            xywh: '[0,0,114.25,38]',
+            type: 'shape',
+            id: 'ZIw4rmcVBn',
         },
-        shapeStyle: 'General',
-        shapeType: 'rect',
-        strokeColor: '#fcd34d',
-        strokeStyle: 'solid',
-        strokeWidth: 2,
-        text: { 'affine:surface:text': true, delta: [{ insert: 'Topic 1' }] },
-        textResizing: 0,
-        vertices: null,
-        isClosed: true,
-        smoothFlags: null,
-        controlPoints: null,
-        xywh: '[314.25,-71,94.6953125,30]',
-        type: 'shape',
-        id: 'dwRkKPG-3B',
-    },
-    c7LOmcZzw5: {
-        index: 'a0',
-        seed: 1361083332,
-        fillColor: '#ffffff',
-        filled: true,
-        fontFamily: 'blocksuite:surface:Poppins',
-        fontSize: 16,
-        fontWeight: '500',
-        maxWidth: false,
-        padding: [6, 22],
-        radius: 10,
-        rotate: 0,
-        roughness: 1.4,
-        shadow: {
-            blur: 12,
-            offsetX: 0,
-            offsetY: 0,
-            color: 'rgba(66, 65, 73, 0.18)',
+        'dwRkKPG-3B': {
+            index: 'a0',
+            seed: 125208616,
+            fillColor: '#ffffff',
+            filled: true,
+            fontFamily: 'blocksuite:surface:Poppins',
+            fontSize: 16,
+            fontWeight: '500',
+            maxWidth: false,
+            padding: [6, 22],
+            radius: 10,
+            rotate: 0,
+            roughness: 1.4,
+            shadow: {
+                blur: 12,
+                offsetX: 0,
+                offsetY: 0,
+                color: 'rgba(66, 65, 73, 0.18)',
+            },
+            shapeStyle: 'General',
+            shapeType: 'rect',
+            strokeColor: '#fcd34d',
+            strokeStyle: 'solid',
+            strokeWidth: 2,
+            text: { 'affine:surface:text': true, delta: [{ insert: seeds.topic1 }] },
+            textResizing: 0,
+            vertices: null,
+            isClosed: true,
+            smoothFlags: null,
+            controlPoints: null,
+            xywh: '[314.25,-71,94.6953125,30]',
+            type: 'shape',
+            id: 'dwRkKPG-3B',
         },
-        shapeStyle: 'General',
-        shapeType: 'rect',
-        strokeColor: '#fcd34d',
-        strokeStyle: 'solid',
-        strokeWidth: 2,
-        text: { 'affine:surface:text': true, delta: [{ insert: 'Topic 2' }] },
-        textResizing: 0,
-        vertices: null,
-        isClosed: true,
-        smoothFlags: null,
-        controlPoints: null,
-        xywh: '[314.25,4,94.6953125,30]',
-        type: 'shape',
-        id: 'c7LOmcZzw5',
-    },
-    FE0kD_GYHx: {
-        index: 'a0',
-        seed: 774157552,
-        fillColor: '#ffffff',
-        filled: true,
-        fontFamily: 'blocksuite:surface:Poppins',
-        fontSize: 16,
-        fontWeight: '500',
-        maxWidth: false,
-        padding: [6, 22],
-        radius: 10,
-        rotate: 0,
-        roughness: 1.4,
-        shadow: {
-            blur: 12,
-            offsetX: 0,
-            offsetY: 0,
-            color: 'rgba(66, 65, 73, 0.18)',
+        c7LOmcZzw5: {
+            index: 'a0',
+            seed: 1361083332,
+            fillColor: '#ffffff',
+            filled: true,
+            fontFamily: 'blocksuite:surface:Poppins',
+            fontSize: 16,
+            fontWeight: '500',
+            maxWidth: false,
+            padding: [6, 22],
+            radius: 10,
+            rotate: 0,
+            roughness: 1.4,
+            shadow: {
+                blur: 12,
+                offsetX: 0,
+                offsetY: 0,
+                color: 'rgba(66, 65, 73, 0.18)',
+            },
+            shapeStyle: 'General',
+            shapeType: 'rect',
+            strokeColor: '#fcd34d',
+            strokeStyle: 'solid',
+            strokeWidth: 2,
+            text: { 'affine:surface:text': true, delta: [{ insert: seeds.topic2 }] },
+            textResizing: 0,
+            vertices: null,
+            isClosed: true,
+            smoothFlags: null,
+            controlPoints: null,
+            xywh: '[314.25,4,94.6953125,30]',
+            type: 'shape',
+            id: 'c7LOmcZzw5',
         },
-        shapeStyle: 'General',
-        shapeType: 'rect',
-        strokeColor: '#fcd34d',
-        strokeStyle: 'solid',
-        strokeWidth: 2,
-        text: { 'affine:surface:text': true, delta: [{ insert: 'Topic 3' }] },
-        textResizing: 0,
-        vertices: null,
-        isClosed: true,
-        smoothFlags: null,
-        controlPoints: null,
-        xywh: '[314.25,79,94.6953125,30]',
-        type: 'shape',
-        id: 'FE0kD_GYHx',
-    },
-    wR3Bc0vWc_: {
-        index: 'a0',
-        seed: 660798577,
-        children: {
-            'affine:surface:ymap': true,
-            json: {
-                ZIw4rmcVBn: { index: 'a0' },
-                'dwRkKPG-3B': { index: 'a0', parent: 'ZIw4rmcVBn' },
-                c7LOmcZzw5: { index: 'a1', parent: 'ZIw4rmcVBn' },
-                FE0kD_GYHx: { index: 'a2', parent: 'ZIw4rmcVBn' },
+        FE0kD_GYHx: {
+            index: 'a0',
+            seed: 774157552,
+            fillColor: '#ffffff',
+            filled: true,
+            fontFamily: 'blocksuite:surface:Poppins',
+            fontSize: 16,
+            fontWeight: '500',
+            maxWidth: false,
+            padding: [6, 22],
+            radius: 10,
+            rotate: 0,
+            roughness: 1.4,
+            shadow: {
+                blur: 12,
+                offsetX: 0,
+                offsetY: 0,
+                color: 'rgba(66, 65, 73, 0.18)',
             },
+            shapeStyle: 'General',
+            shapeType: 'rect',
+            strokeColor: '#fcd34d',
+            strokeStyle: 'solid',
+            strokeWidth: 2,
+            text: { 'affine:surface:text': true, delta: [{ insert: seeds.topic3 }] },
+            textResizing: 0,
+            vertices: null,
+            isClosed: true,
+            smoothFlags: null,
+            controlPoints: null,
+            xywh: '[314.25,79,94.6953125,30]',
+            type: 'shape',
+            id: 'FE0kD_GYHx',
         },
-        layoutType: 0,
-        style: 3,
-        type: 'mindmap',
-        id: 'wR3Bc0vWc_',
-    },
-};
-const STYLE_4 = {
-    EyUas98ZAK: {
-        index: 'a0',
-        seed: 1433519934,
-        color: { dark: '#ffffff', light: '#000000' },
-        fillColor: 'transparent',
-        filled: true,
-        fontFamily: 'blocksuite:surface:Kalam',
-        fontSize: 22,
-        fontWeight: '700',
-        maxWidth: false,
-        padding: [0, 10],
-        radius: 0,
-        rotate: 0,
-        roughness: 1.4,
-        shadow: null,
-        shapeStyle: 'General',
-        shapeType: 'rect',
-        strokeColor: 'transparent',
-        strokeStyle: 'solid',
-        strokeWidth: 0,
-        text: { 'affine:surface:text': true, delta: [{ insert: 'Mind Map' }] },
-        textResizing: 0,
-        vertices: null,
-        isClosed: true,
-        smoothFlags: null,
-        controlPoints: null,
-        xywh: '[0,0,121.427734375,26]',
-        type: 'shape',
-        id: 'EyUas98ZAK',
-    },
-    '8AX6hJveTK': {
-        index: 'a0',
-        seed: 1032075934,
-        color: { dark: '#ffffff', light: '#000000' },
-        fillColor: 'transparent',
-        filled: true,
-        fontFamily: 'blocksuite:surface:Kalam',
-        fontSize: 18,
-        fontWeight: '700',
-        maxWidth: false,
-        padding: [1.5, 10],
-        radius: 0,
-        rotate: 0,
-        roughness: 1.4,
-        shadow: null,
-        shapeStyle: 'General',
-        shapeType: 'rect',
-        strokeColor: 'transparent',
-        strokeStyle: 'solid',
-        strokeWidth: 0,
-        text: { 'affine:surface:text': true, delta: [{ insert: 'Topic 1' }] },
-        textResizing: 0,
-        vertices: null,
-        isClosed: true,
-        smoothFlags: null,
-        controlPoints: null,
-        xywh: '[321.427734375,-68.40909090909092,81.6728515625,24.272727272727273]',
-        type: 'shape',
-        id: '8AX6hJveTK',
-    },
-    sk6jIhglvv: {
-        index: 'a0',
-        seed: 1054014636,
-        color: { dark: '#ffffff', light: '#000000' },
-        fillColor: 'transparent',
-        filled: true,
-        fontFamily: 'blocksuite:surface:Kalam',
-        fontSize: 18,
-        fontWeight: '700',
-        maxWidth: false,
-        padding: [1.5, 10],
-        radius: 0,
-        rotate: 0,
-        roughness: 1.4,
-        shadow: null,
-        shapeStyle: 'General',
-        shapeType: 'rect',
-        strokeColor: 'transparent',
-        strokeStyle: 'solid',
-        strokeWidth: 0,
-        text: { 'affine:surface:text': true, delta: [{ insert: 'Topic 2' }] },
-        textResizing: 0,
-        vertices: null,
-        isClosed: true,
-        smoothFlags: null,
-        controlPoints: null,
-        xywh: '[321.427734375,0.8636363636363598,81.6728515625,24.272727272727273]',
-        type: 'shape',
-        id: 'sk6jIhglvv',
-    },
-    ua9jCGGYRE: {
-        index: 'a0',
-        seed: 2140202745,
-        color: { dark: '#ffffff', light: '#000000' },
-        fillColor: 'transparent',
-        filled: true,
-        fontFamily: 'blocksuite:surface:Kalam',
-        fontSize: 18,
-        fontWeight: '700',
-        maxWidth: false,
-        padding: [1.5, 10],
-        radius: 0,
-        rotate: 0,
-        roughness: 1.4,
-        shadow: null,
-        shapeStyle: 'General',
-        shapeType: 'rect',
-        strokeColor: 'transparent',
-        strokeStyle: 'solid',
-        strokeWidth: 0,
-        text: { 'affine:surface:text': true, delta: [{ insert: 'Topic 3' }] },
-        textResizing: 0,
-        vertices: null,
-        isClosed: true,
-        smoothFlags: null,
-        controlPoints: null,
-        xywh: '[321.427734375,70.13636363636364,81.6728515625,24.272727272727273]',
-        type: 'shape',
-        id: 'ua9jCGGYRE',
-    },
-    nqaFHOZEOd: {
-        index: 'a0',
-        seed: 664701650,
-        children: {
-            'affine:surface:ymap': true,
-            json: {
-                EyUas98ZAK: { index: 'a0' },
-                '8AX6hJveTK': { index: 'a0', parent: 'EyUas98ZAK' },
-                sk6jIhglvv: { index: 'a1', parent: 'EyUas98ZAK' },
-                ua9jCGGYRE: { index: 'a2', parent: 'EyUas98ZAK' },
+        wR3Bc0vWc_: {
+            index: 'a0',
+            seed: 660798577,
+            children: {
+                'affine:surface:ymap': true,
+                json: {
+                    ZIw4rmcVBn: { index: 'a0' },
+                    'dwRkKPG-3B': { index: 'a0', parent: 'ZIw4rmcVBn' },
+                    c7LOmcZzw5: { index: 'a1', parent: 'ZIw4rmcVBn' },
+                    FE0kD_GYHx: { index: 'a2', parent: 'ZIw4rmcVBn' },
+                },
             },
+            layoutType: 0,
+            style: 3,
+            type: 'mindmap',
+            id: 'wR3Bc0vWc_',
         },
-        layoutType: 0,
-        style: 4,
-        type: 'mindmap',
-        id: 'nqaFHOZEOd',
-    },
-};
+    };
+}
+function buildStyle4(seeds) {
+    return {
+        EyUas98ZAK: {
+            index: 'a0',
+            seed: 1433519934,
+            color: { dark: '#ffffff', light: '#000000' },
+            fillColor: 'transparent',
+            filled: true,
+            fontFamily: 'blocksuite:surface:Kalam',
+            fontSize: 22,
+            fontWeight: '700',
+            maxWidth: false,
+            padding: [0, 10],
+            radius: 0,
+            rotate: 0,
+            roughness: 1.4,
+            shadow: null,
+            shapeStyle: 'General',
+            shapeType: 'rect',
+            strokeColor: 'transparent',
+            strokeStyle: 'solid',
+            strokeWidth: 0,
+            text: { 'affine:surface:text': true, delta: [{ insert: seeds.root }] },
+            textResizing: 0,
+            vertices: null,
+            isClosed: true,
+            smoothFlags: null,
+            controlPoints: null,
+            xywh: '[0,0,121.427734375,26]',
+            type: 'shape',
+            id: 'EyUas98ZAK',
+        },
+        '8AX6hJveTK': {
+            index: 'a0',
+            seed: 1032075934,
+            color: { dark: '#ffffff', light: '#000000' },
+            fillColor: 'transparent',
+            filled: true,
+            fontFamily: 'blocksuite:surface:Kalam',
+            fontSize: 18,
+            fontWeight: '700',
+            maxWidth: false,
+            padding: [1.5, 10],
+            radius: 0,
+            rotate: 0,
+            roughness: 1.4,
+            shadow: null,
+            shapeStyle: 'General',
+            shapeType: 'rect',
+            strokeColor: 'transparent',
+            strokeStyle: 'solid',
+            strokeWidth: 0,
+            text: { 'affine:surface:text': true, delta: [{ insert: seeds.topic1 }] },
+            textResizing: 0,
+            vertices: null,
+            isClosed: true,
+            smoothFlags: null,
+            controlPoints: null,
+            xywh: '[321.427734375,-68.40909090909092,81.6728515625,24.272727272727273]',
+            type: 'shape',
+            id: '8AX6hJveTK',
+        },
+        sk6jIhglvv: {
+            index: 'a0',
+            seed: 1054014636,
+            color: { dark: '#ffffff', light: '#000000' },
+            fillColor: 'transparent',
+            filled: true,
+            fontFamily: 'blocksuite:surface:Kalam',
+            fontSize: 18,
+            fontWeight: '700',
+            maxWidth: false,
+            padding: [1.5, 10],
+            radius: 0,
+            rotate: 0,
+            roughness: 1.4,
+            shadow: null,
+            shapeStyle: 'General',
+            shapeType: 'rect',
+            strokeColor: 'transparent',
+            strokeStyle: 'solid',
+            strokeWidth: 0,
+            text: { 'affine:surface:text': true, delta: [{ insert: seeds.topic2 }] },
+            textResizing: 0,
+            vertices: null,
+            isClosed: true,
+            smoothFlags: null,
+            controlPoints: null,
+            xywh: '[321.427734375,0.8636363636363598,81.6728515625,24.272727272727273]',
+            type: 'shape',
+            id: 'sk6jIhglvv',
+        },
+        ua9jCGGYRE: {
+            index: 'a0',
+            seed: 2140202745,
+            color: { dark: '#ffffff', light: '#000000' },
+            fillColor: 'transparent',
+            filled: true,
+            fontFamily: 'blocksuite:surface:Kalam',
+            fontSize: 18,
+            fontWeight: '700',
+            maxWidth: false,
+            padding: [1.5, 10],
+            radius: 0,
+            rotate: 0,
+            roughness: 1.4,
+            shadow: null,
+            shapeStyle: 'General',
+            shapeType: 'rect',
+            strokeColor: 'transparent',
+            strokeStyle: 'solid',
+            strokeWidth: 0,
+            text: { 'affine:surface:text': true, delta: [{ insert: seeds.topic3 }] },
+            textResizing: 0,
+            vertices: null,
+            isClosed: true,
+            smoothFlags: null,
+            controlPoints: null,
+            xywh: '[321.427734375,70.13636363636364,81.6728515625,24.272727272727273]',
+            type: 'shape',
+            id: 'ua9jCGGYRE',
+        },
+        nqaFHOZEOd: {
+            index: 'a0',
+            seed: 664701650,
+            children: {
+                'affine:surface:ymap': true,
+                json: {
+                    EyUas98ZAK: { index: 'a0' },
+                    '8AX6hJveTK': { index: 'a0', parent: 'EyUas98ZAK' },
+                    sk6jIhglvv: { index: 'a1', parent: 'EyUas98ZAK' },
+                    ua9jCGGYRE: { index: 'a2', parent: 'EyUas98ZAK' },
+                },
+            },
+            layoutType: 0,
+            style: 4,
+            type: 'mindmap',
+            id: 'nqaFHOZEOd',
+        },
+    };
+}
 export const mindmapTemplateCategory = {
     name: 'Mind Map',
+    // See `TemplateCategory.nameKey`.
+    nameKey: MINDMAP_TEMPLATE_CATEGORY[0],
     templates: [
-        tpl('Mind Map — Style 1', `<svg width="100%" height="100%" viewBox="0 0 135 80" xmlns="http://www.w3.org/2000/svg" fill="none"><rect x="8" y="33" width="40" height="16" rx="5" fill="#53b2ef" fill-opacity="0.18" stroke="#53b2ef" stroke-width="1.6"/><g stroke="#53b2ef" stroke-width="1.4"><path d="M48 41 H72 M72 41 V20 M72 41 V62 M72 20 H96 M72 62 H96"/></g><g fill="#fff" stroke="#53b2ef" stroke-width="1.4"><rect x="96" y="13" width="31" height="13" rx="4"/><rect x="96" y="34" width="31" height="13" rx="4"/><rect x="96" y="55" width="31" height="13" rx="4"/></g></svg>`, STYLE_1),
-        tpl('Mind Map — Style 2', `<svg width="100%" height="100%" viewBox="0 0 135 80" xmlns="http://www.w3.org/2000/svg" fill="none"><rect x="8" y="33" width="40" height="16" rx="5" fill="#53b2ef" fill-opacity="0.18" stroke="#53b2ef" stroke-width="1.6"/><g stroke="#53b2ef" stroke-width="1.4"><path d="M48 41 H72 M72 41 V20 M72 41 V62 M72 20 H96 M72 62 H96"/></g><g fill="#fff" stroke="#53b2ef" stroke-width="1.4"><rect x="96" y="13" width="31" height="13" rx="4"/><rect x="96" y="34" width="31" height="13" rx="4"/><rect x="96" y="55" width="31" height="13" rx="4"/></g></svg>`, STYLE_2),
-        tpl('Mind Map — Style 3', `<svg width="100%" height="100%" viewBox="0 0 135 80" xmlns="http://www.w3.org/2000/svg" fill="none"><rect x="8" y="33" width="40" height="16" rx="5" fill="#53b2ef" fill-opacity="0.18" stroke="#53b2ef" stroke-width="1.6"/><g stroke="#53b2ef" stroke-width="1.4"><path d="M48 41 H72 M72 41 V20 M72 41 V62 M72 20 H96 M72 62 H96"/></g><g fill="#fff" stroke="#53b2ef" stroke-width="1.4"><rect x="96" y="13" width="31" height="13" rx="4"/><rect x="96" y="34" width="31" height="13" rx="4"/><rect x="96" y="55" width="31" height="13" rx="4"/></g></svg>`, STYLE_3),
-        tpl('Mind Map — Style 4', `<svg width="100%" height="100%" viewBox="0 0 135 80" xmlns="http://www.w3.org/2000/svg" fill="none"><rect x="8" y="33" width="40" height="16" rx="5" fill="#53b2ef" fill-opacity="0.18" stroke="#53b2ef" stroke-width="1.6"/><g stroke="#53b2ef" stroke-width="1.4"><path d="M48 41 H72 M72 41 V20 M72 41 V62 M72 20 H96 M72 62 H96"/></g><g fill="#fff" stroke="#53b2ef" stroke-width="1.4"><rect x="96" y="13" width="31" height="13" rx="4"/><rect x="96" y="34" width="31" height="13" rx="4"/><rect x="96" y="55" width="31" height="13" rx="4"/></g></svg>`, STYLE_4),
+        tpl('Mind Map — Style 1', `<svg width="100%" height="100%" viewBox="0 0 135 80" xmlns="http://www.w3.org/2000/svg" fill="none"><rect x="8" y="33" width="40" height="16" rx="5" fill="#53b2ef" fill-opacity="0.18" stroke="#53b2ef" stroke-width="1.6"/><g stroke="#53b2ef" stroke-width="1.4"><path d="M48 41 H72 M72 41 V20 M72 41 V62 M72 20 H96 M72 62 H96"/></g><g fill="#fff" stroke="#53b2ef" stroke-width="1.4"><rect x="96" y="13" width="31" height="13" rx="4"/><rect x="96" y="34" width="31" height="13" rx="4"/><rect x="96" y="55" width="31" height="13" rx="4"/></g></svg>`, buildStyle1, MINDMAP_TEMPLATE_NAME_STYLE_1[0]),
+        tpl('Mind Map — Style 2', `<svg width="100%" height="100%" viewBox="0 0 135 80" xmlns="http://www.w3.org/2000/svg" fill="none"><rect x="8" y="33" width="40" height="16" rx="5" fill="#53b2ef" fill-opacity="0.18" stroke="#53b2ef" stroke-width="1.6"/><g stroke="#53b2ef" stroke-width="1.4"><path d="M48 41 H72 M72 41 V20 M72 41 V62 M72 20 H96 M72 62 H96"/></g><g fill="#fff" stroke="#53b2ef" stroke-width="1.4"><rect x="96" y="13" width="31" height="13" rx="4"/><rect x="96" y="34" width="31" height="13" rx="4"/><rect x="96" y="55" width="31" height="13" rx="4"/></g></svg>`, buildStyle2, MINDMAP_TEMPLATE_NAME_STYLE_2[0]),
+        tpl('Mind Map — Style 3', `<svg width="100%" height="100%" viewBox="0 0 135 80" xmlns="http://www.w3.org/2000/svg" fill="none"><rect x="8" y="33" width="40" height="16" rx="5" fill="#53b2ef" fill-opacity="0.18" stroke="#53b2ef" stroke-width="1.6"/><g stroke="#53b2ef" stroke-width="1.4"><path d="M48 41 H72 M72 41 V20 M72 41 V62 M72 20 H96 M72 62 H96"/></g><g fill="#fff" stroke="#53b2ef" stroke-width="1.4"><rect x="96" y="13" width="31" height="13" rx="4"/><rect x="96" y="34" width="31" height="13" rx="4"/><rect x="96" y="55" width="31" height="13" rx="4"/></g></svg>`, buildStyle3, MINDMAP_TEMPLATE_NAME_STYLE_3[0]),
+        tpl('Mind Map — Style 4', `<svg width="100%" height="100%" viewBox="0 0 135 80" xmlns="http://www.w3.org/2000/svg" fill="none"><rect x="8" y="33" width="40" height="16" rx="5" fill="#53b2ef" fill-opacity="0.18" stroke="#53b2ef" stroke-width="1.6"/><g stroke="#53b2ef" stroke-width="1.4"><path d="M48 41 H72 M72 41 V20 M72 41 V62 M72 20 H96 M72 62 H96"/></g><g fill="#fff" stroke="#53b2ef" stroke-width="1.4"><rect x="96" y="13" width="31" height="13" rx="4"/><rect x="96" y="34" width="31" height="13" rx="4"/><rect x="96" y="55" width="31" height="13" rx="4"/></g></svg>`, buildStyle4, MINDMAP_TEMPLATE_NAME_STYLE_4[0]),
     ],
 };