@oiij/markdown-it 0.0.1

package/LICENSE

@@ -0,0 +1,21 @@
+MIT License
+
+Copyright (c) 2023 oiij <https://github.com/oiij>
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

package/README.md

@@ -0,0 +1,32 @@
+# library-starter
+
+Features:
+
+- Bundle with [tsup](https://github.com/egoist/tsup)
+- Test with [vitest](https://vitest.dev)
+
+# Usage
+
+### 安装
+
+```bash
+pnpm add @oiij/v-charts
+```
+
+### 使用
+
+```vue
+<script setup lang="ts">
+import { useMarkdownIt } from '@oiij/markdown-it'
+
+const { domRef, html } = useMarkdownIt('# Hello World')
+</script>
+
+<template>
+  <div ref="domRef" style="width: 100%; height: 100%;" />
+</template>
+```
+
+## License
+
+MIT

package/dist/index.cjs

@@ -0,0 +1,75 @@
+"use strict";
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/index.ts
+var index_exports = {};
+__export(index_exports, {
+  useMarkdownIt: () => useMarkdownIt
+});
+module.exports = __toCommonJS(index_exports);
+var import_markdown_it = __toESM(require("markdown-it"), 1);
+var import_vue = require("vue");
+function useMarkdownIt(defaultValue, options) {
+  const value = (0, import_vue.ref)((0, import_vue.isRef)(defaultValue) ? (0, import_vue.toValue)(defaultValue.value) : (0, import_vue.isReactive)(defaultValue) ? (0, import_vue.toValue)(defaultValue) : defaultValue);
+  if ((0, import_vue.isRef)(defaultValue)) {
+    (0, import_vue.watchEffect)(() => {
+      value.value = (0, import_vue.toValue)(defaultValue.value);
+    });
+  }
+  const html = (0, import_vue.ref)("");
+  const domRef = (0, import_vue.ref)();
+  const md = (0, import_markdown_it.default)({
+    ...options
+  });
+  function render(value2) {
+    html.value = md.render(value2);
+    if (domRef.value) {
+      domRef.value.innerHTML = html.value;
+    }
+  }
+  (0, import_vue.watch)(value, (v) => {
+    render(v ?? "");
+  });
+  (0, import_vue.onMounted)(() => {
+    if (value.value) {
+      render(value.value);
+    }
+  });
+  return {
+    value,
+    html,
+    domRef,
+    md,
+    render
+  };
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  useMarkdownIt
+});

package/dist/index.d.cts

@@ -0,0 +1,14 @@
+import markdownIt, { Options } from 'markdown-it';
+export { Options } from 'markdown-it';
+import { Ref } from 'vue';
+
+interface MarkdownItReturns {
+    value: Ref<string | undefined>;
+    html: Ref<string>;
+    domRef: Ref<HTMLElement | undefined>;
+    md: markdownIt;
+    render: (value: string) => void;
+}
+declare function useMarkdownIt(defaultValue?: Ref<string> | string, options?: Options): MarkdownItReturns;
+
+export { type MarkdownItReturns, useMarkdownIt };

package/dist/index.d.ts

@@ -0,0 +1,14 @@
+import markdownIt, { Options } from 'markdown-it';
+export { Options } from 'markdown-it';
+import { Ref } from 'vue';
+
+interface MarkdownItReturns {
+    value: Ref<string | undefined>;
+    html: Ref<string>;
+    domRef: Ref<HTMLElement | undefined>;
+    md: markdownIt;
+    render: (value: string) => void;
+}
+declare function useMarkdownIt(defaultValue?: Ref<string> | string, options?: Options): MarkdownItReturns;
+
+export { type MarkdownItReturns, useMarkdownIt };

package/dist/index.js

@@ -0,0 +1,40 @@
+// src/index.ts
+import markdownIt from "markdown-it";
+import { isReactive, isRef, onMounted, ref, toValue, watch, watchEffect } from "vue";
+function useMarkdownIt(defaultValue, options) {
+  const value = ref(isRef(defaultValue) ? toValue(defaultValue.value) : isReactive(defaultValue) ? toValue(defaultValue) : defaultValue);
+  if (isRef(defaultValue)) {
+    watchEffect(() => {
+      value.value = toValue(defaultValue.value);
+    });
+  }
+  const html = ref("");
+  const domRef = ref();
+  const md = markdownIt({
+    ...options
+  });
+  function render(value2) {
+    html.value = md.render(value2);
+    if (domRef.value) {
+      domRef.value.innerHTML = html.value;
+    }
+  }
+  watch(value, (v) => {
+    render(v ?? "");
+  });
+  onMounted(() => {
+    if (value.value) {
+      render(value.value);
+    }
+  });
+  return {
+    value,
+    html,
+    domRef,
+    md,
+    render
+  };
+}
+export {
+  useMarkdownIt
+};

package/package.json

@@ -0,0 +1,91 @@
+{
+  "name": "@oiij/markdown-it",
+  "type": "module",
+  "version": "0.0.1",
+  "description": "A Vue Composable for markdown-it",
+  "author": "oiij",
+  "license": "MIT",
+  "homepage": "https://github.com/oiij/markdown-it",
+  "repository": {
+    "type": "git",
+    "url": "git@github.com:oiij/markdown-it.git"
+  },
+  "bugs": "https://github.com/oiij/markdown-it/issues",
+  "keywords": [
+    "markdown-it"
+  ],
+  "sideEffects": false,
+  "exports": {
+    ".": {
+      "types": "./dist/index.d.ts",
+      "import": "./dist/index.js",
+      "require": "./dist/index.cjs"
+    }
+  },
+  "main": "./dist/index.js",
+  "module": "./dist/index.js",
+  "types": "./dist/index.d.ts",
+  "files": [
+    "LICENSE",
+    "README.md",
+    "dist",
+    "package.json"
+  ],
+  "scripts": {
+    "dev": "tsup --watch",
+    "build": "tsc --noEmit && tsup",
+    "lint": "eslint .",
+    "lint:fix": "eslint . --fix",
+    "prepublishOnly": "pnpm build",
+    "release": "bumpp && npm publish",
+    "awe": "pnpx are-we-esm",
+    "nmi": "pnpx node-modules-inspector",
+    "start": "esno src/index.ts",
+    "test": "vitest",
+    "update:deps": "taze -w && pnpm i",
+    "type:check": "tsc --noEmit",
+    "cz": "czg",
+    "commit": "git pull && git add -A && pnpm cz && git push",
+    "link": "pnpm link --global",
+    "preinstall": "npx only-allow pnpm"
+  },
+  "peerDependencies": {
+    "@vueuse/core": "^13.1.0",
+    "markdown-it": "^14.1.0",
+    "vue": "^3.5.13"
+  },
+  "devDependencies": {
+    "@antfu/eslint-config": "^4.12.0",
+    "@oiij/tsconfig": "^0.0.1",
+    "@types/markdown-it": "^14.1.2",
+    "@types/node": "^22.14.1",
+    "@vitest/ui": "^3.1.2",
+    "@vueuse/core": "^13.1.0",
+    "bumpp": "^10.1.0",
+    "commitlint": "^19.8.0",
+    "cz-git": "^1.11.1",
+    "czg": "^1.11.1",
+    "eslint": "^9.25.1",
+    "eslint-plugin-format": "^1.0.1",
+    "esno": "^4.8.0",
+    "lint-staged": "^15.5.1",
+    "markdown-it": "^14.1.0",
+    "simple-git-hooks": "^2.12.1",
+    "taze": "^19.0.4",
+    "tsup": "^8.4.0",
+    "typescript": "^5.8.3",
+    "vitest": "^3.1.2",
+    "vue": "^3.5.13"
+  },
+  "simple-git-hooks": {
+    "pre-commit": "pnpm lint-staged && pnpm type:check"
+  },
+  "lint-staged": {
+    "*.{js,jsx,ts,tsx}": [
+      "pnpm lint:fix"
+    ]
+  },
+  "publishConfig": {
+    "access": "public"
+  }
+}