vite-plugin-svelte-md 0.1.0 → 0.1.4

package/README.md

@@ -4,7 +4,6 @@ Markdown with Svelte for Vite
 
 _`vite-plugin-svelte-md` is heavily inspired by [vite-plugin-md](https://github.com/antfu/vite-plugin-md) package._
 
-<!--
 [![NPM license](https://img.shields.io/npm/l/vite-plugin-svelte-md.svg)](https://www.npmjs.com/package/vite-plugin-svelte-md)
 [![NPM version](https://img.shields.io/npm/v/vite-plugin-svelte-md.svg)](https://www.npmjs.com/package/vite-plugin-svelte-md)
 [![NPM downloads](https://img.shields.io/badge/dynamic/json.svg?label=downloads&colorB=green&suffix=/day&query=$.downloads&uri=https://api.npmjs.org//downloads/point/last-day/vite-plugin-svelte-md&maxAge=3600)](http://www.npmtrends.com/vite-plugin-svelte-md)
@@ -14,7 +13,6 @@ _`vite-plugin-svelte-md` is heavily inspired by [vite-plugin-md](https://github.
 [![NPM downloads](https://img.shields.io/npm/dt/vite-plugin-svelte-md.svg)](http://www.npmtrends.com/vite-plugin-svelte-md)
 [![Build Status](https://github.com/ota-meshi/vite-plugin-svelte-md/workflows/CI/badge.svg?branch=main)](https://github.com/ota-meshi/vite-plugin-svelte-md/actions?query=workflow%3ACI)
 [![Coverage Status](https://coveralls.io/repos/github/ota-meshi/vite-plugin-svelte-md/badge.svg?branch=main)](https://coveralls.io/github/ota-meshi/vite-plugin-svelte-md?branch=main)
--->
 
 ## 📛 Features
 
@@ -91,10 +89,10 @@ import svelteMd from "vite-plugin-svelte-md";
 
 export default defineConfig({
   plugins: [
+    svelteMd(), // <--
     svelte({
       extensions: [".svelte", ".md"], // <--
     }),
-    svelteMd(), // <--
   ],
 });
 ```

package/lib/index.js

@@ -23,31 +23,36 @@ var __spreadValues = (a, b) => {
 var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
 var __markAsModule = (target) => __defProp(target, "__esModule", { value: true });
 var __export = (target, all) => {
-  __markAsModule(target);
   for (var name in all)
     __defProp(target, name, { get: all[name], enumerable: true });
 };
-var __reExport = (target, module2, desc) => {
+var __reExport = (target, module2, copyDefault, desc) => {
   if (module2 && typeof module2 === "object" || typeof module2 === "function") {
     for (let key of __getOwnPropNames(module2))
-      if (!__hasOwnProp.call(target, key) && key !== "default")
+      if (!__hasOwnProp.call(target, key) && (copyDefault || key !== "default"))
         __defProp(target, key, { get: () => module2[key], enumerable: !(desc = __getOwnPropDesc(module2, key)) || desc.enumerable });
   }
   return target;
 };
-var __toModule = (module2) => {
-  return __reExport(__markAsModule(__defProp(module2 != null ? __create(__getProtoOf(module2)) : {}, "default", module2 && module2.__esModule && "default" in module2 ? { get: () => module2.default, enumerable: true } : { value: module2, enumerable: true })), module2);
+var __toESM = (module2, isNodeMode) => {
+  return __reExport(__markAsModule(__defProp(module2 != null ? __create(__getProtoOf(module2)) : {}, "default", !isNodeMode && module2 && module2.__esModule ? { get: () => module2.default, enumerable: true } : { value: module2, enumerable: true })), module2);
 };
+var __toCommonJS = /* @__PURE__ */ ((cache) => {
+  return (module2, temp) => {
+    return cache && cache.get(module2) || (temp = __reExport(__markAsModule({}), module2, 1), cache && cache.set(module2, temp), temp);
+  };
+})(typeof WeakMap !== "undefined" ? /* @__PURE__ */ new WeakMap() : 0);
 
 // src/index.ts
-__export(exports, {
+var src_exports = {};
+__export(src_exports, {
   default: () => src_default
 });
-var import_pluginutils = __toModule(require("@rollup/pluginutils"));
+var import_pluginutils = require("@rollup/pluginutils");
 
 // src/markdown.ts
-var import_markdown_it = __toModule(require("markdown-it"));
-var import_gray_matter = __toModule(require("gray-matter"));
+var import_markdown_it = __toESM(require("markdown-it"));
+var import_gray_matter = __toESM(require("gray-matter"));
 
 // src/markdown-it-svelte-tags/index.ts
 var SVELTE_TAGS_RE = /^(?:<svelte:[a-z][^>]*>|<\/svelte:[a-z]+>)/u;
@@ -75,6 +80,25 @@ function toArray(n) {
     return [n];
   return n;
 }
+function escapeBraces(test) {
+  return test.replace(/[{}]/g, (c) => c === "{" ? "&#123;" : "&#125;");
+}
+
+// src/markdown-it-svelte-curly-braces-escape/index.ts
+function plugin2(md) {
+  const originalCodeBlock = md.renderer.rules.code_block;
+  md.renderer.rules.code_block = (...args) => {
+    return escapeBraces(originalCodeBlock(...args));
+  };
+  const originalCodeInline = md.renderer.rules.code_inline;
+  md.renderer.rules.code_inline = (...args) => {
+    return escapeBraces(originalCodeInline(...args));
+  };
+  const originalFence = md.renderer.rules.fence;
+  md.renderer.rules.fence = (...args) => {
+    return escapeBraces(originalFence(...args));
+  };
+}
 
 // src/head.ts
 var headProperties = [
@@ -144,7 +168,7 @@ function headObjToTags(obj) {
       }
     }
   }
-  return tags;
+  return tags.map(escapeBraces);
   function attrs(o) {
     return Object.entries(o).map(([k, v]) => `${k}="${`${v}`.replace(/"/gu, "&quot;")}"`).join(" ");
   }
@@ -219,10 +243,10 @@ function createMarkdownProcessor(options) {
     }
     return !IS_SVELTE_TAG_NAME_RE.test(url);
   };
-  markdownIt.use(plugin);
+  markdownIt.use(plugin).use(plugin2);
   options.markdownItUses.forEach((e) => {
-    const [plugin2, options2] = toArray(e);
-    markdownIt.use(plugin2, options2);
+    const [plugin3, ...options2] = toArray(e);
+    markdownIt.use(plugin3, ...options2);
   });
   return (id, text) => {
     var _a, _b;
@@ -300,5 +324,6 @@ function src_default(options = {}) {
     }
   };
 }
+module.exports = __toCommonJS(src_exports);
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {});

package/lib/index.mjs

@@ -51,6 +51,25 @@ function toArray(n) {
     return [n];
   return n;
 }
+function escapeBraces(test) {
+  return test.replace(/[{}]/g, (c) => c === "{" ? "{" : "}");
+}
+
+// src/markdown-it-svelte-curly-braces-escape/index.ts
+function plugin2(md) {
+  const originalCodeBlock = md.renderer.rules.code_block;
+  md.renderer.rules.code_block = (...args) => {
+    return escapeBraces(originalCodeBlock(...args));
+  };
+  const originalCodeInline = md.renderer.rules.code_inline;
+  md.renderer.rules.code_inline = (...args) => {
+    return escapeBraces(originalCodeInline(...args));
+  };
+  const originalFence = md.renderer.rules.fence;
+  md.renderer.rules.fence = (...args) => {
+    return escapeBraces(originalFence(...args));
+  };
+}
 
 // src/head.ts
 var headProperties = [
@@ -120,7 +139,7 @@ function headObjToTags(obj) {
       }
     }
   }
-  return tags;
+  return tags.map(escapeBraces);
   function attrs(o) {
     return Object.entries(o).map(([k, v]) => `${k}="${`${v}`.replace(/"/gu, """)}"`).join(" ");
   }
@@ -195,10 +214,10 @@ function createMarkdownProcessor(options) {
     }
     return !IS_SVELTE_TAG_NAME_RE.test(url);
   };
-  markdownIt.use(plugin);
+  markdownIt.use(plugin).use(plugin2);
   options.markdownItUses.forEach((e) => {
-    const [plugin2, options2] = toArray(e);
-    markdownIt.use(plugin2, options2);
+    const [plugin3, ...options2] = toArray(e);
+    markdownIt.use(plugin3, ...options2);
   });
   return (id, text) => {
     var _a, _b;

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "vite-plugin-svelte-md",
-    "version": "0.1.0",
+    "version": "0.1.4",
     "description": "Vite plugin to convert markdown to svelte template",
     "files": [
         "lib"
@@ -56,13 +56,16 @@
     "devDependencies": {
         "@ota-meshi/eslint-plugin": "^0.10.0",
         "@types/chai": "^4.2.22",
+        "@types/escape-html": "^1.0.1",
         "@types/estree": "0.0.50",
         "@types/markdown-it": "^12.2.3",
         "@types/mocha": "^9.0.0",
         "@types/node": "^16.11.11",
+        "@types/prismjs": "^1.16.6",
         "@typescript-eslint/eslint-plugin": "^5.5.0",
         "@typescript-eslint/parser": "^5.5.0",
         "chai": "^4.3.4",
+        "escape-html": "^1.0.3",
         "eslint": "^8.3.0",
         "eslint-config-prettier": "^8.3.0",
         "eslint-plugin-eslint-comments": "^3.2.0",
@@ -77,6 +80,8 @@
         "nyc": "^15.1.0",
         "prettier": "^2.5.0",
         "prettier-plugin-svelte": "^2.5.0",
+        "prism-svelte": "^0.4.7",
+        "prismjs": "^1.25.0",
         "rimraf": "^3.0.2",
         "svelte": "^3.44.2",
         "ts-node": "^10.4.0",