x-star-editor 0.5.0 → 0.6.1

package/dist/components/Toolbar.js

@@ -140,83 +140,48 @@ var headingOptions = [{
   depth: 6,
   fontSize: '0.9em'
 }];
-var mermaidOptions = [
-// {
-//   label: 'Flowchart',
-//   value: `flowchart TD
-//   A[Start] --> B{Is it?}
-//   B -- Yes --> C[OK]
-//   C --> D[Rethink]
-//   D --> B
-//   B -- No ----> E[End]`,
-// },
-{
-  label: 'Sequence Diagram',
-  value: "sequenceDiagram\n    Alice->>John: Hello John, how are you?\n    John-->>Alice: Great!\n    Alice-)John: See you later!"
-}, {
-  label: 'Class Diagram',
-  value: "classDiagram\n    class BankAccount\n    BankAccount : +String owner\n    BankAccount : +Bigdecimal balance\n    BankAccount : +deposit(amount)\n    BankAccount : +withdrawal(amount)"
-},
-// {
-//   label: 'State Diagram',
-//   value: `stateDiagram-v2
-//   [*] --> Still
-//   Still --> [*]
-
-//   Still --> Moving
-//   Moving --> Still
-//   Moving --> Crash
-//   Crash --> [*]`,
-// },
-// {
-//   label: 'Entity Relationship Diagram',
-//   value: `erDiagram
-//   CUSTOMER ||--o{ ORDER : places
-//   ORDER ||--|{ LINE-ITEM : contains
-//   CUSTOMER }|..|{ DELIVERY-ADDRESS : uses`,
-// },
-{
-  label: 'User Journey',
-  value: "journey\n    title My working day\n    section Go to work\n      Make tea: 5: Me\n      Go upstairs: 3: Me\n      Do work: 1: Me, Cat\n    section Go home\n      Go downstairs: 5: Me\n      Sit down: 5: Me"
-}, {
-  label: 'Gantt',
-  value: "gantt\n    title A Gantt Diagram\n    dateFormat YYYY-MM-DD\n    section Section\n        A task          :a1, 2014-01-01, 30d\n        Another task    :after a1, 20d\n    section Another\n        Task in Another :2014-01-12, 12d\n        another task    :24d"
-}, {
-  label: 'Pie Chart',
-  value: "pie title Pets adopted by volunteers\n    \"Dogs\" : 386\n    \"Cats\" : 85\n    \"Rats\" : 15"
-}, {
-  label: 'Quadrant Chart',
-  value: "quadrantChart\n    title Reach and engagement of campaigns\n    x-axis Low Reach --> High Reach\n    y-axis Low Engagement --> High Engagement\n    quadrant-1 We should expand\n    quadrant-2 Need to promote\n    quadrant-3 Re-evaluate\n    quadrant-4 May be improved\n    Campaign A: [0.3, 0.6]\n    Campaign B: [0.45, 0.23]\n    Campaign C: [0.57, 0.69]\n    Campaign D: [0.78, 0.34]\n    Campaign E: [0.40, 0.34]\n    Campaign F: [0.35, 0.78]"
-},
-// {
-//   label: 'Requirement Diagram',
-//   value: `requirementDiagram
-
-//   requirement test_req {
-//   id: 1
-//   text: the test text.
-//   risk: high
-//   verifymethod: test
-//   }
-
-//   element test_entity {
-//   type: simulation
-//   }
-
-//   test_entity - satisfies -> test_req`,
-// },
-{
-  label: 'Gitgraph (Git) Diagram',
-  value: "gitGraph\n   commit\n   commit\n   branch develop\n   checkout develop\n   commit\n   commit\n   checkout main\n   merge develop\n   commit\n   commit"
-}, {
-  label: 'Mindmaps',
-  value: "mindmap\n  root((mindmap))\n    Origins\n      Long history\n      ::icon(fa fa-book)\n      Popularisation\n        British popular psychology author Tony Buzan\n    Research\n      On effectiveness<br/>and features\n      On Automatic creation\n        Uses\n            Creative techniques\n            Strategic planning\n            Argument mapping\n    Tools\n      Pen and paper\n      Mermaid"
-}, {
-  label: 'Timeline',
-  value: "timeline\n    title History of Social Media Platform\n    2002 : LinkedIn\n    2004 : Facebook\n         : Google\n    2005 : Youtube\n    2006 : Twitter"
-}];
 export var getDefaultToolbarItemMap = function getDefaultToolbarItemMap(locale, onInsertFile) {
   var t = getFormat(locale, 'toolbarItem');
+  var mermaidOptions = [{
+    label: t('flowChat'),
+    value: "flowchart TD\n      A[Start] --> B{Is it?}\n      B -- Yes --> C[OK]\n      C --> D[Rethink]\n      D --> B\n      B -- No ----> E[End]"
+  }, {
+    label: t('sequenceDiagram'),
+    value: "sequenceDiagram\n      Alice->>John: Hello John, how are you?\n      John-->>Alice: Great!\n      Alice-)John: See you later!"
+  }, {
+    label: t('classDiagram'),
+    value: "classDiagram\n      Animal <|-- Duck\n      Animal <|-- Fish\n      Animal <|-- Zebra\n      Animal : +int age\n      Animal : +String gender\n      Animal: +isMammal()\n      Animal: +mate()\n      class Duck{\n        +String beakColor\n        +swim()\n        +quack()\n      }\n      class Fish{\n        -int sizeInFeet\n        -canEat()\n      }\n      class Zebra{\n        +bool is_wild\n        +run()\n      }"
+  }, {
+    label: t('stateDiagram'),
+    value: "stateDiagram-v2\n      [*] --> Still\n      Still --> [*]\n  \n      Still --> Moving\n      Moving --> Still\n      Moving --> Crash\n      Crash --> [*]"
+  }, {
+    label: t('ERDiagram'),
+    value: "erDiagram\n      CUSTOMER ||--o{ ORDER : places\n      ORDER ||--|{ LINE-ITEM : contains\n      CUSTOMER }|..|{ DELIVERY-ADDRESS : uses"
+  }, {
+    label: t('userJourney'),
+    value: "journey\n      title My working day\n      section Go to work\n        Make tea: 5: Me\n        Go upstairs: 3: Me\n        Do work: 1: Me, Cat\n      section Go home\n        Go downstairs: 5: Me\n        Sit down: 5: Me"
+  }, {
+    label: t('Gantt'),
+    value: "gantt\n      title A Gantt Diagram\n      dateFormat YYYY-MM-DD\n      section Section\n          A task          :a1, 2014-01-01, 30d\n          Another task    :after a1, 20d\n      section Another\n          Task in Another :2014-01-12, 12d\n          another task    :24d"
+  }, {
+    label: t('pieChart'),
+    value: "pie title Pets adopted by volunteers\n      \"Dogs\" : 386\n      \"Cats\" : 85\n      \"Rats\" : 15"
+  }, {
+    label: t('quadrantChart'),
+    value: "quadrantChart\n      title Reach and engagement of campaigns\n      x-axis Low Reach --> High Reach\n      y-axis Low Engagement --> High Engagement\n      quadrant-1 We should expand\n      quadrant-2 Need to promote\n      quadrant-3 Re-evaluate\n      quadrant-4 May be improved\n      Campaign A: [0.3, 0.6]\n      Campaign B: [0.45, 0.23]\n      Campaign C: [0.57, 0.69]\n      Campaign D: [0.78, 0.34]\n      Campaign E: [0.40, 0.34]\n      Campaign F: [0.35, 0.78]"
+  }, {
+    label: t('requirementDiagram'),
+    value: "requirementDiagram\n  \n      requirement test_req {\n      id: 1\n      text: the test text.\n      risk: high\n      verifymethod: test\n      }\n  \n      element test_entity {\n      type: simulation\n      }\n  \n      test_entity - satisfies -> test_req"
+  }, {
+    label: t('gitGraphDiagram'),
+    value: "gitGraph\n     commit\n     commit\n     branch develop\n     checkout develop\n     commit\n     commit\n     checkout main\n     merge develop\n     commit\n     commit"
+  }, {
+    label: t('mindMaps'),
+    value: "mindmap\n    root((mindmap))\n      Origins\n        Long history\n        ::icon(fa fa-book)\n        Popularisation\n          British popular psychology author Tony Buzan\n      Research\n        On effectiveness<br/>and features\n        On Automatic creation\n          Uses\n              Creative techniques\n              Strategic planning\n              Argument mapping\n      Tools\n        Pen and paper\n        Mermaid"
+  }, {
+    label: t('timeLine'),
+    value: "timeline\n      title History of Social Media Platform\n      2002 : LinkedIn\n      2004 : Facebook\n           : Google\n      2005 : Youtube\n      2006 : Twitter"
+  }];
   return {
     blockquote: {
       children: /*#__PURE__*/React.createElement(SvgBlockquote, {

package/dist/index.d.ts

@@ -9,3 +9,5 @@ export { default as XStarMdEditor, useMdEditorRef } from './x-star-md-editor';
 export type { XStarMdEditorHandle, XStarMdEditorPlugin, XStarMdEditorProps, } from './x-star-md-editor';
 export { default as XStarMdViewer, useMdViewerRef } from './x-star-md-viewer';
 export type { XStarMdViewerHandle, XStarMdViewerPlugin, XStarMdViewerProps, } from './x-star-md-viewer';
+export { default as XStarSlideViewer, useSlideViewerRef, } from './x-star-slide-viewer';
+export type { XStarSlideViewerHandle, XStarSlideViewerPlugin, XStarSlideViewerProps, } from './x-star-slide-viewer';

package/dist/index.js

@@ -3,4 +3,5 @@ export { batchHandler, insertHandler, mutateHandler, redoHandler, selectHandler,
 export { toHTML, toMarkdown, toText } from "./utils/markdown";
 export { default as XStarEditor, useEditorRef } from "./x-star-editor";
 export { default as XStarMdEditor, useMdEditorRef } from "./x-star-md-editor";
-export { default as XStarMdViewer, useMdViewerRef } from "./x-star-md-viewer";
+export { default as XStarMdViewer, useMdViewerRef } from "./x-star-md-viewer";
+export { default as XStarSlideViewer, useSlideViewerRef } from "./x-star-slide-viewer";

package/dist/locales/en_US.d.ts

@@ -34,6 +34,19 @@ declare const _default: {
         readonly undo: "Undo";
         readonly unorderedList: "Unordered List";
         readonly viewOnly: "View Only";
+        readonly flowChat: "Flowchart";
+        readonly sequenceDiagram: "sequenceDiagram";
+        readonly classDiagram: "Class Diagram";
+        readonly stateDiagram: "State Diagram";
+        readonly ERDiagram: "Entity Relationship Diagram";
+        readonly userJourney: "User Journey";
+        readonly Gantt: "Gantt";
+        readonly pieChart: "Pie Chart";
+        readonly quadrantChart: "Quadrant Chart";
+        readonly requirementDiagram: "Requirement Diagram";
+        readonly gitGraphDiagram: "Gitgraph (Git) Diagram";
+        readonly mindMaps: "Mindmaps";
+        readonly timeLine: "Timeline";
     };
 };
 export default _default;

package/dist/locales/en_US.js

@@ -33,6 +33,19 @@ export default {
     toMarkdown: 'To Markdown',
     undo: 'Undo',
     unorderedList: 'Unordered List',
-    viewOnly: 'View Only'
+    viewOnly: 'View Only',
+    flowChat: 'Flowchart',
+    sequenceDiagram: 'sequenceDiagram',
+    classDiagram: 'Class Diagram',
+    stateDiagram: 'State Diagram',
+    ERDiagram: 'Entity Relationship Diagram',
+    userJourney: 'User Journey',
+    Gantt: 'Gantt',
+    pieChart: 'Pie Chart',
+    quadrantChart: 'Quadrant Chart',
+    requirementDiagram: 'Requirement Diagram',
+    gitGraphDiagram: 'Gitgraph (Git) Diagram',
+    mindMaps: 'Mindmaps',
+    timeLine: 'Timeline'
   }
 };

package/dist/locales/index.d.ts

@@ -45,6 +45,19 @@ export declare const useLocale: <T extends "fileInput" | "toolbarItem">(slice: T
             readonly undo: "撤销";
             readonly unorderedList: "无序列表";
             readonly viewOnly: "仅查看";
+            readonly flowChat: "流程图";
+            readonly sequenceDiagram: "时序图";
+            readonly classDiagram: "类图";
+            readonly stateDiagram: "状态图";
+            readonly ERDiagram: "实体关系图";
+            readonly userJourney: "用户旅程图";
+            readonly Gantt: "甘特图";
+            readonly pieChart: "饼图";
+            readonly quadrantChart: "四象限图";
+            readonly requirementDiagram: "需求图";
+            readonly gitGraphDiagram: "Git图";
+            readonly mindMaps: "思维导图";
+            readonly timeLine: "时间线图";
         };
     } | {
         readonly fileInput: {
@@ -82,6 +95,19 @@ export declare const useLocale: <T extends "fileInput" | "toolbarItem">(slice: T
             readonly undo: "Undo";
             readonly unorderedList: "Unordered List";
             readonly viewOnly: "View Only";
+            readonly flowChat: "Flowchart";
+            readonly sequenceDiagram: "sequenceDiagram";
+            readonly classDiagram: "Class Diagram";
+            readonly stateDiagram: "State Diagram";
+            readonly ERDiagram: "Entity Relationship Diagram";
+            readonly userJourney: "User Journey";
+            readonly Gantt: "Gantt";
+            readonly pieChart: "Pie Chart";
+            readonly quadrantChart: "Quadrant Chart";
+            readonly requirementDiagram: "Requirement Diagram";
+            readonly gitGraphDiagram: "Gitgraph (Git) Diagram";
+            readonly mindMaps: "Mindmaps";
+            readonly timeLine: "Timeline";
         };
     })[T][U];
 };
@@ -121,6 +147,19 @@ export declare const getFormat: <T extends "fileInput" | "toolbarItem">(locale:
         readonly undo: "撤销";
         readonly unorderedList: "无序列表";
         readonly viewOnly: "仅查看";
+        readonly flowChat: "流程图";
+        readonly sequenceDiagram: "时序图";
+        readonly classDiagram: "类图";
+        readonly stateDiagram: "状态图";
+        readonly ERDiagram: "实体关系图";
+        readonly userJourney: "用户旅程图";
+        readonly Gantt: "甘特图";
+        readonly pieChart: "饼图";
+        readonly quadrantChart: "四象限图";
+        readonly requirementDiagram: "需求图";
+        readonly gitGraphDiagram: "Git图";
+        readonly mindMaps: "思维导图";
+        readonly timeLine: "时间线图";
     };
 } | {
     readonly fileInput: {
@@ -158,6 +197,19 @@ export declare const getFormat: <T extends "fileInput" | "toolbarItem">(locale:
         readonly undo: "Undo";
         readonly unorderedList: "Unordered List";
         readonly viewOnly: "View Only";
+        readonly flowChat: "Flowchart";
+        readonly sequenceDiagram: "sequenceDiagram";
+        readonly classDiagram: "Class Diagram";
+        readonly stateDiagram: "State Diagram";
+        readonly ERDiagram: "Entity Relationship Diagram";
+        readonly userJourney: "User Journey";
+        readonly Gantt: "Gantt";
+        readonly pieChart: "Pie Chart";
+        readonly quadrantChart: "Quadrant Chart";
+        readonly requirementDiagram: "Requirement Diagram";
+        readonly gitGraphDiagram: "Gitgraph (Git) Diagram";
+        readonly mindMaps: "Mindmaps";
+        readonly timeLine: "Timeline";
     };
 })[T][U];
 export {};

package/dist/locales/zh_CN.d.ts

@@ -34,6 +34,19 @@ declare const _default: {
         readonly undo: "撤销";
         readonly unorderedList: "无序列表";
         readonly viewOnly: "仅查看";
+        readonly flowChat: "流程图";
+        readonly sequenceDiagram: "时序图";
+        readonly classDiagram: "类图";
+        readonly stateDiagram: "状态图";
+        readonly ERDiagram: "实体关系图";
+        readonly userJourney: "用户旅程图";
+        readonly Gantt: "甘特图";
+        readonly pieChart: "饼图";
+        readonly quadrantChart: "四象限图";
+        readonly requirementDiagram: "需求图";
+        readonly gitGraphDiagram: "Git图";
+        readonly mindMaps: "思维导图";
+        readonly timeLine: "时间线图";
     };
 };
 export default _default;

package/dist/locales/zh_CN.js

@@ -33,6 +33,19 @@ export default {
     toMarkdown: '转成 Markdown',
     undo: '撤销',
     unorderedList: '无序列表',
-    viewOnly: '仅查看'
+    viewOnly: '仅查看',
+    flowChat: '流程图',
+    sequenceDiagram: '时序图',
+    classDiagram: '类图',
+    stateDiagram: '状态图',
+    ERDiagram: '实体关系图',
+    userJourney: '用户旅程图',
+    Gantt: '甘特图',
+    pieChart: '饼图',
+    quadrantChart: '四象限图',
+    requirementDiagram: '需求图',
+    gitGraphDiagram: 'Git图',
+    mindMaps: '思维导图',
+    timeLine: '时间线图'
   }
 };