@podlite/editor-react 0.0.21 → 0.0.23

package/CHANGELOG.md

@@ -2,6 +2,14 @@
 
 ## Upcoming
 
+## 0.0.22
+
+- support for `=Mermaid` block
+- add text search in document / cmd-F
+- support for `=picture` block
+- fix detect markdown context for suggestions
+
+
 ## 0.0.20
 
 - support for `=toc` block

package/lib/index.cjs

@@ -6918,6 +6918,9 @@ var require_AstTree = __commonJS({
             {
               $ref: "#/definitions/BlockImage"
             },
+            {
+              $ref: "#/definitions/BlockPicture"
+            },
             {
               $ref: "#/definitions/BlockCaption"
             },
@@ -7256,6 +7259,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: {
@@ -7975,6 +8043,9 @@ var require_AstTree = __commonJS({
                   {
                     $ref: "#/definitions/BlockImage"
                   },
+                  {
+                    $ref: "#/definitions/BlockPicture"
+                  },
                   {
                     $ref: "#/definitions/BlockCaption"
                   },
@@ -9350,6 +9421,9 @@ var require_PodliteDocument = __commonJS({
             {
               $ref: "#/definitions/BlockImage"
             },
+            {
+              $ref: "#/definitions/BlockPicture"
+            },
             {
               $ref: "#/definitions/BlockCaption"
             },
@@ -9688,6 +9762,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: {
@@ -10407,6 +10546,9 @@ var require_PodliteDocument = __commonJS({
                   {
                     $ref: "#/definitions/BlockImage"
                   },
+                  {
+                    $ref: "#/definitions/BlockPicture"
+                  },
                   {
                     $ref: "#/definitions/BlockCaption"
                   },
@@ -12232,7 +12374,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) {
@@ -12381,7 +12523,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,
@@ -12441,7 +12583,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",
@@ -17878,6 +18020,7 @@ var require_grammar = __commonJS({
           "nested",
           "output",
           "para",
+          "picture",
           "pod",
           "table",
           "toc"
@@ -21765,7 +21908,7 @@ var require_package = __commonJS({
   "../podlite-schema/package.json"(exports, module2) {
     module2.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",
@@ -21876,8 +22019,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
 `
   },
   {
@@ -21909,19 +22052,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?
@@ -21936,8 +22079,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)
@@ -21947,8 +22090,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
@@ -21981,7 +22124,7 @@ Everything else     57
   {
     displayText: "code block with formatting \u{1F3F7}",
     text: `=begin code :allow<I B Z> 
-
+  {}
 =end code
 `
   },
@@ -21998,9 +22141,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
 
@@ -22041,7 +22184,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")
 
 `,
@@ -22058,8 +22201,8 @@ table
     lang: "md"
   },
   {
-    displayText: "Diagram simple \u{1F3F7}",
-    text: `\`\`\`diagram 
+    displayText: "Mermaid simple \u{1F3F7}",
+    text: `\`\`\`mermaid 
 graph LR
         A-->B
         B-->C
@@ -22077,6 +22220,10 @@ var import_react_is = __toModule(require_react_is());
 var import_gfm = __toModule(require("codemirror/mode/gfm/gfm"));
 var import_show_hint = __toModule(require("codemirror/addon/hint/show-hint"));
 var import_show_hint2 = __toModule(require("codemirror/addon/hint/show-hint.css"));
+var import_search = __toModule(require("codemirror/addon/search/search"));
+var import_searchcursor = __toModule(require("codemirror/addon/search/searchcursor"));
+var import_dialog = __toModule(require("codemirror/addon/dialog/dialog"));
+var import_dialog2 = __toModule(require("codemirror/addon/dialog/dialog.css"));
 
 // ../podlite-schema/src/index.ts
 var import_ajv = __toModule(require_ajv());
@@ -22710,6 +22857,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) => {
@@ -22718,7 +22868,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()};
           }
@@ -22875,8 +23025,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({
@@ -23541,7 +23692,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},