x-star-editor 0.5.0 → 0.6.0

package/dist/components/Toolbar.js

@@ -140,42 +140,22 @@ 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]`,
-// },
-{
+var mermaidOptions = [{
+  label: 'Flowchart',
+  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: '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`,
-// },
-{
+  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: 'State Diagram',
+  value: "stateDiagram-v2\n    [*] --> Still\n    Still --> [*]\n\n    Still --> Moving\n    Moving --> Still\n    Moving --> Crash\n    Crash --> [*]"
+}, {
+  label: 'Entity Relationship Diagram',
+  value: "erDiagram\n    CUSTOMER ||--o{ ORDER : places\n    ORDER ||--|{ LINE-ITEM : contains\n    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"
 }, {
@@ -187,25 +167,10 @@ var mermaidOptions = [
 }, {
   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: 'Requirement Diagram',
+  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: '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"
 }, {

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";