mdzjs 0.0.7 → 0.0.9

package/README.md

@@ -2,7 +2,7 @@
 > This project is part of the [ZikoJS](https://github.com/zakarialaoui10/ziko.js) ecosystem.
 
 # MDZjs
-A Markdown preprocessor for Zikojs. Markdown in Zikojs.
+A Markdown preprocessor for Zikojs.
 It combines the simplicity of Markdown syntax with the power and flexibility of ***Javascript***
 
 ## Install 
@@ -25,7 +25,7 @@ export default defineConfig({
 
 *Article.mdz :*
 
-```js
+```jsx
 ---
  title : MDZ 
  name : world

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "mdzjs",
-  "version": "0.0.7",
+  "version": "0.0.9",
   "description": "",
   "main": "index.js",
   "type": "module",
@@ -22,7 +22,8 @@
     "markdown",
     "remark",
     "mdx",
-    "preprocessor"
+    "preprocessor",
+    "astro-integrations"
   ],
   "license": "MIT",
   "dependencies": {

package/src/transpiler/index.js

@@ -1,3 +1,3 @@
-export { parseMDZ } from "./parser.js";
+export { parseMarkdown } from "./parser.js";
 export { processMDZAST } from "./process.js";
 export { transpileMDZ } from "./transpile.js";

package/src/transpiler/parser.js

@@ -4,11 +4,11 @@ import remarkFrontmatter from 'remark-frontmatter';
 import remarkGFM from "remark-gfm";
 import remarkMdx from "remark-mdx"
 
-const parseMDZ = (markdown) => unified() 
+const parseMarkdown = (markdown) => unified()
     .use(remarkParse)
     .use(remarkGFM)
     .use(remarkFrontmatter, ['yaml'])
     .use(remarkMdx)
     .parse(markdown)
 
-export{parseMDZ}
+export{parseMarkdown}

package/src/transpiler/process.js

@@ -62,7 +62,9 @@ const processMDZAST = (markdownAST) => {
           const childNodes = node.children.map(transformNode).join(', ');
           return hyperscript("li", "{}", childNodes);
         }
-  
+        case 'inlineCode' : {
+          return hyperscript("code", "{}", `"${node.value}"`)
+        }
         case 'code': {
           hasCode = true;
           // const language = node.lang ? `{ 'data-lang': '${node.lang}' }` : '';
@@ -74,7 +76,7 @@ const processMDZAST = (markdownAST) => {
           //   language,
           //   JSON.stringify(node.value)
           // ));
-          return `HTMLWrapper('<pre>${formatedCode}</pre>')`
+          return `HTMLWrapper('<pre><code>${formatedCode}</code></pre>')`
         }
   
         case 'blockquote': {
@@ -114,12 +116,16 @@ const processMDZAST = (markdownAST) => {
             attrs
           }
         }
+        case 'mdxJsxTextElement': {
+          const {name, attributes, children} = node;
+          const childNodes = children.map(transformNode).join(', ');
+          const hasChildren = childNodes.length > 0;
+          return `h("${name}", ${processAttribute(attributes)}${hasChildren ?`, ${childNodes}`:""})`;
+        };
         case 'mdxJsxFlowElement':{
           const {name, attributes, children} = node;
           const childNodes = children.map(transformNode).join(', ');
           const hasChildren = childNodes.length > 0;
-          // console.log({name})
-          // console.log(componentType(name))
           switch(componentType(name)){
             case "jsx" : {
               return `${name}(${processAttribute(attributes)}${hasChildren ?`, ${childNodes}`:""})`;

package/src/transpiler/transpile.js

@@ -1,9 +1,9 @@
-import { parseMDZ } from "./parser.js";
+import { parseMarkdown } from "./parser.js";
 import { processMDZAST } from "./process.js";
 import { stringifyProps } from "../utils/parse-yml.js";
 
 const transpileMDZ=(Markdown, useVanJs = false, CodeStyle = "1c-light")=>{
-    const ast = parseMDZ(Markdown);
+    const ast = parseMarkdown(Markdown);
     const {attrs, props, esm, statements, hasCode}= processMDZAST(ast)
     const body = [
         'import {h, HTMLWrapper, Flex} from "ziko"',

package/src/utils/parse-yml.js

@@ -1,7 +1,7 @@
 import { parse } from 'yaml'; 
 
 const parseYml = yml => {
-    const {__props__, ...__attrs__} = parse(yml) ;
+    const {__props__, ...__attrs__} = yml ? parse(yml) : {__props__ : {}} ;
     const HasAttributs = Object.keys(__attrs__).length > 0
     return {
         props : __props__,