@podlite/editor-react 0.0.21 → 0.0.23

package/lib/index.d.ts

@@ -2,6 +2,10 @@ import React from 'react';
 import 'codemirror/mode/gfm/gfm';
 import 'codemirror/addon/hint/show-hint';
 import 'codemirror/addon/hint/show-hint.css';
+import 'codemirror/addon/search/search';
+import 'codemirror/addon/search/searchcursor';
+import 'codemirror/addon/dialog/dialog';
+import 'codemirror/addon/dialog/dialog.css';
 import './Editor.css';
 export interface ConverterResult {
     errors?: any;

package/lib/index.esm.js

@@ -6914,6 +6914,9 @@ var require_AstTree = __commonJS({
             {
               $ref: "#/definitions/BlockImage"
             },
+            {
+              $ref: "#/definitions/BlockPicture"
+            },
             {
               $ref: "#/definitions/BlockCaption"
             },
@@ -7252,6 +7255,71 @@ var require_AstTree = __commonJS({
             "value"
           ]
         },
+        BlockPicture: {
+          type: "object",
+          properties: {
+            name: {
+              type: "string",
+              enum: [
+                "picture"
+              ]
+            },
+            caption: {
+              type: "string"
+            },
+            link: {
+              type: "string"
+            },
+            content: {
+              type: "array",
+              items: [
+                {
+                  $ref: "#/definitions/Image"
+                },
+                {
+                  $ref: "#/definitions/BlockCaption"
+                }
+              ],
+              minItems: 2,
+              maxItems: 2
+            },
+            type: {
+              type: "string",
+              enum: [
+                "block"
+              ]
+            },
+            location: {
+              $ref: "#/definitions/Location"
+            },
+            margin: {
+              type: "string"
+            },
+            config: {
+              type: "array",
+              items: {
+                anyOf: [
+                  {
+                    $ref: "#/definitions/BrokenConfigItem"
+                  },
+                  {
+                    $ref: "#/definitions/ConfigItem"
+                  }
+                ]
+              }
+            },
+            id: {
+              type: "string"
+            }
+          },
+          required: [
+            "content",
+            "location",
+            "margin",
+            "name",
+            "type"
+          ]
+        },
         RootBlock: {
           type: "object",
           properties: {
@@ -7971,6 +8039,9 @@ var require_AstTree = __commonJS({
                   {
                     $ref: "#/definitions/BlockImage"
                   },
+                  {
+                    $ref: "#/definitions/BlockPicture"
+                  },
                   {
                     $ref: "#/definitions/BlockCaption"
                   },
@@ -9346,6 +9417,9 @@ var require_PodliteDocument = __commonJS({
             {
               $ref: "#/definitions/BlockImage"
             },
+            {
+              $ref: "#/definitions/BlockPicture"
+            },
             {
               $ref: "#/definitions/BlockCaption"
             },
@@ -9684,6 +9758,71 @@ var require_PodliteDocument = __commonJS({
             "value"
           ]
         },
+        BlockPicture: {
+          type: "object",
+          properties: {
+            name: {
+              type: "string",
+              enum: [
+                "picture"
+              ]
+            },
+            caption: {
+              type: "string"
+            },
+            link: {
+              type: "string"
+            },
+            content: {
+              type: "array",
+              items: [
+                {
+                  $ref: "#/definitions/Image"
+                },
+                {
+                  $ref: "#/definitions/BlockCaption"
+                }
+              ],
+              minItems: 2,
+              maxItems: 2
+            },
+            type: {
+              type: "string",
+              enum: [
+                "block"
+              ]
+            },
+            location: {
+              $ref: "#/definitions/Location"
+            },
+            margin: {
+              type: "string"
+            },
+            config: {
+              type: "array",
+              items: {
+                anyOf: [
+                  {
+                    $ref: "#/definitions/BrokenConfigItem"
+                  },
+                  {
+                    $ref: "#/definitions/ConfigItem"
+                  }
+                ]
+              }
+            },
+            id: {
+              type: "string"
+            }
+          },
+          required: [
+            "content",
+            "location",
+            "margin",
+            "name",
+            "type"
+          ]
+        },
         RootBlock: {
           type: "object",
           properties: {
@@ -10403,6 +10542,9 @@ var require_PodliteDocument = __commonJS({
                   {
                     $ref: "#/definitions/BlockImage"
                   },
+                  {
+                    $ref: "#/definitions/BlockPicture"
+                  },
                   {
                     $ref: "#/definitions/BlockCaption"
                   },
@@ -12228,7 +12370,7 @@ var require_grammar = __commonJS({
       }, peg$c117 = function(number) {
         return parseInt(number, 10);
       }, peg$c118 = function(vmargin, name, config) {
-        return name.match(/code|comment|output|input|markdown|toc|data/) || isNamedBlock2(name);
+        return name.match(/code|comment|output|input|markdown|picture|toc|data/) || isNamedBlock2(name);
       }, peg$c119 = function(vmargin, name, config, margins, ename) {
         return vmargin.length === margins.length && name === ename;
       }, peg$c120 = function(vmargin, name, config, margins, line) {
@@ -12377,7 +12519,7 @@ var require_grammar = __commonJS({
       }, peg$c151 = /^[s]/, peg$c152 = peg$classExpectation(["s"], false, false), peg$c153 = function(line) {
         return {text: text(), type: "ambient1"};
       }, peg$c154 = function(vmargin, name) {
-        return name.match(/code|comment|output|input|markdown|toc|data/) || isNamedBlock2(name);
+        return name.match(/code|comment|output|input|markdown|picture|toc|data/) || isNamedBlock2(name);
       }, peg$c155 = function(vmargin, name, content2) {
         return {
           margin: vmargin,
@@ -12437,7 +12579,7 @@ var require_grammar = __commonJS({
           margin: vmargin
         };
       }, peg$c168 = function(vmargin, marker, name, config) {
-        return name.match(/code|comment|output|input|markdown|toc|data/) || isNamedBlock2(name);
+        return name.match(/code|comment|output|input|markdown|picture|toc|data/) || isNamedBlock2(name);
       }, peg$c169 = function(vmargin, marker, name, config, content2) {
         return {
           type: "block",
@@ -17874,6 +18016,7 @@ var require_grammar = __commonJS({
           "nested",
           "output",
           "para",
+          "picture",
           "pod",
           "table",
           "toc"
@@ -21761,7 +21904,7 @@ var require_package = __commonJS({
   "../podlite-schema/package.json"(exports, module) {
     module.exports = {
       name: "@podlite/schema",
-      version: "0.0.15",
+      version: "0.0.17",
       description: "AST tools for Podlite markup language",
       main: "./src/index.ts",
       types: "./lib/index.d.ts",
@@ -21867,8 +22010,8 @@ var dict = [
 `
   },
   {
-    displayText: "Image \u{1F3F7}",
-    text: `=Image https://github.com/zag/podlite-desktop/blob/master/dist-assets/linux-icon/256x256.png?raw=true
+    displayText: "picture \u{1F3F7}",
+    text: `=picture https://github.com/zag/podlite-desktop/blob/master/dist-assets/linux-icon/256x256.png?raw=true
 `
   },
   {
@@ -21900,19 +22043,19 @@ Everything else     57
 `
   },
   {
-    displayText: "Diagram simple \u{1F3F7}",
-    text: `=begin Diagram  :caption('Caption of diagram')
+    displayText: "Mermaid diagram simple \u{1F3F7}",
+    text: `=begin Mermaid  :caption('Caption of diagram')
     graph LR
             A-->B
             B-->C
             C-->A
             D-->C
-=end Diagram
+=end Mermaid
 `
   },
   {
-    displayText: "Diagram Sequence \u{1F3F7}",
-    text: `=for Diagram :caption('Caption of diagram')
+    displayText: "Mermaid diagram Sequence \u{1F3F7}",
+    text: `=for Mermaid :caption('Caption of diagram')
     sequenceDiagram
         autonumber
         Student->>Admin: Can I enrol this semester?
@@ -21927,8 +22070,8 @@ Everything else     57
 `
   },
   {
-    displayText: "Diagram flowchart \u{1F3F7}",
-    text: `=for Diagram :caption('Caption of diagram')
+    displayText: "Mermaid flowchart \u{1F3F7}",
+    text: `=for Mermaid :caption('Caption of diagram')
     graph LR
         A[Square Rect] -- Link text --> B((Circle))
         A --> C(Round Rect)
@@ -21938,8 +22081,8 @@ Everything else     57
 `
   },
   {
-    displayText: "Diagram class \u{1F3F7}",
-    text: `=for Diagram :caption('Caption of diagram')
+    displayText: "Mermaid class \u{1F3F7}",
+    text: `=for Mermaid :caption('Caption of diagram')
     classDiagram
        Person <|-- Student
        Person <|-- Professor
@@ -21972,7 +22115,7 @@ Everything else     57
   {
     displayText: "code block with formatting \u{1F3F7}",
     text: `=begin code :allow<I B Z> 
-
+  {}
 =end code
 `
   },
@@ -21989,9 +22132,9 @@ head1, head2, head3
 `
   },
   {
-    displayText: "toc ( Images, Diagrams )  + tables \u{1F3F7}",
+    displayText: "toc ( picture, Mermaid )  + tables \u{1F3F7}",
     text: `=for toc :title('List of media')
-Image, Diagram
+picture, Mermaid
 =for toc :title('List of tables')
 table
 
@@ -22032,7 +22175,7 @@ table
     lang: "md"
   },
   {
-    displayText: "Image \u{1F3F7}",
+    displayText: "picture \u{1F3F7}",
     text: `![Podlite](https://github.com/zag/podlite-desktop/blob/master/dist-assets/linux-icon/256x256.png?raw=true "Podlite logo")
 
 `,
@@ -22049,8 +22192,8 @@ table
     lang: "md"
   },
   {
-    displayText: "Diagram simple \u{1F3F7}",
-    text: `\`\`\`diagram 
+    displayText: "Mermaid simple \u{1F3F7}",
+    text: `\`\`\`mermaid 
 graph LR
         A-->B
         B-->C
@@ -22068,6 +22211,10 @@ import {useState, useEffect, useRef} from "react";
 import "codemirror/mode/gfm/gfm";
 import "codemirror/addon/hint/show-hint";
 import "codemirror/addon/hint/show-hint.css";
+import "codemirror/addon/search/search";
+import "codemirror/addon/search/searchcursor";
+import "codemirror/addon/dialog/dialog";
+import "codemirror/addon/dialog/dialog.css";
 
 // ../podlite-schema/src/index.ts
 var import_ajv = __toModule(require_ajv());
@@ -22701,6 +22848,9 @@ var toAnyRules = (method, allplugins) => {
 };
 
 // ../podlite-schema/src/helpers/ids.ts
+var slugifyText = (text) => {
+  return text.trim().replace(/\s+/g, "-").replace(/[\]\[\!\/\'\"\#\$\%\&\(\)\*\+\,\.\/\:\;\<\=\>\?\@\\\^\{\|\}\~\`。，、；：？！…—·ˉ¨‘’“”々～‖∶＂＇｀｜〃〔〕〈〉《》「」『』．〖〗【】（）［］｛｝]/g, "").replace(/^\-+/, "");
+};
 var middleware = () => (tree) => {
   const transformerBlocks = makeTransformer({
     "*": (node, ctx, visiter) => {
@@ -22709,7 +22859,7 @@ var middleware = () => (tree) => {
           if (node2.name == "caption") {
             return node2;
           } else if (node2.name == "head") {
-            return {...node2, id: getTextContentFromNode(node2).trim()};
+            return {...node2, id: slugifyText(getTextContentFromNode(node2))};
           } else {
             return {...node2, id: nanoid()};
           }
@@ -22866,8 +23016,9 @@ var middle2 = () => (tree) => {
       const isCodeBlock = "name" in n && n.name === "code";
       const isDataBlock = "name" in n && n.name === "data";
       const isMarkdownBlock = "name" in n && n.name === "markdown";
+      const isPictureBlock = "name" in n && n.name === "picture";
       const allowValues = conf.getAllValues("allow");
-      if ((isCodeBlock || isDataBlock || isMarkdownBlock) && allowValues.length == 0)
+      if ((isCodeBlock || isDataBlock || isMarkdownBlock || isPictureBlock) && allowValues.length == 0)
         return n;
       const allowed = allowValues.sort();
       const transformer = makeTransformer_default({
@@ -23532,7 +23683,7 @@ var parse4 = (str) => {
 };
 var getSuggestionContextForLine = (pod, line) => {
   const tree = parse4(pod);
-  const markdownBlocks = getFromTree(tree, "Markdown");
+  const markdownBlocks = getFromTree(tree, "Markdown", "markdown");
   const isMd = markdownBlocks.findIndex(({
     location: {
       start: {line: lineStart},