themekit-js 1.1.0

package/lib/vue-demi.mjs

@@ -0,0 +1,34 @@
+/**
+ * vue-demi v0.14.7
+ * Copyright (c) 2020-present, Anthony Fu
+ * @license MIT
+ */
+
+import * as Vue from 'vue'
+
+var isVue2 = false
+var isVue3 = true
+var Vue2 = undefined
+
+function install() {}
+
+export function set(target, key, val) {
+  if (Array.isArray(target)) {
+    target.length = Math.max(target.length, key)
+    target.splice(key, 1, val)
+    return val
+  }
+  target[key] = val
+  return val
+}
+
+export function del(target, key) {
+  if (Array.isArray(target)) {
+    target.splice(key, 1)
+    return
+  }
+  delete target[key]
+}
+
+export * from 'vue'
+export { Vue, Vue2, isVue2, isVue3, install }

package/package.json

@@ -0,0 +1,223 @@
+{
+  "name": "themekit-js",
+  "version": "1.1.0",
+  "description": "基于VitePress二次开发的Markdown静态网站工具",
+  "type": "module",
+  "packageManager": "pnpm@8.15.6",
+  "main": "dist/node/index.js",
+  "types": "types/index.d.ts",
+  "exports": {
+    ".": {
+      "types": "./types/index.d.ts",
+      "default": "./dist/node/index.js"
+    },
+    "./dist/*": "./dist/*",
+    "./package.json": "./package.json",
+    "./client": {
+      "types": "./client.d.ts",
+      "default": "./dist/client/index.js"
+    },
+    "./theme": {
+      "types": "./theme.d.ts",
+      "default": "./dist/client/theme-default/index.js"
+    },
+    "./theme-without-fonts": {
+      "types": "./theme-without-fonts.d.ts",
+      "default": "./dist/client/theme-default/without-fonts.js"
+    },
+    "./vue-demi": {
+      "default": "./lib/vue-demi.mjs"
+    }
+  },
+  "bin": {
+    "themekit": "bin/themekit.js"
+  },
+  "files": [
+    "bin",
+    "dist",
+    "types",
+    "template",
+    "client.d.ts",
+    "theme.d.ts",
+    "theme-without-fonts.d.ts",
+    "lib"
+  ],
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/seedunk/themekit-js.git"
+  },
+  "keywords": [
+    "vite",
+    "vue",
+    "vitepress"
+  ],
+  "author": "Seedunk",
+  "license": "MIT",
+  "homepage": "https://seedunk.github.io/themekit-js", 
+  "scripts": {
+    "dev": "rimraf dist && run-s dev:shared dev:start",
+    "dev:start": "run-p dev:client dev:node dev:watch",
+    "dev:client": "tsc --sourcemap -w -p src/client",
+    "dev:node": "DEV=true pnpm build:node -w",
+    "dev:shared": "node scripts/copyShared",
+    "dev:watch": "node scripts/watchAndCopy",
+    "build": "run-s build:prepare build:client build:node",
+    "build:prepare": "rimraf dist && node scripts/copyShared",
+    "build:client": "vue-tsc --noEmit -p src/client && tsc -p src/client && node scripts/copyClient",
+    "build:node": "tsc -p src/node --noEmit && rollup --config rollup.config.ts --configPlugin esbuild",
+    "test": "run-p --aggregate-output test:unit test:e2e test:init",
+    "test:unit": "vitest run -r __tests__/unit",
+    "test:unit:watch": "vitest -r __tests__/unit",
+    "test:e2e": "run-s test:e2e-dev test:e2e-build",
+    "test:e2e:site:dev": "pnpm -F=tests-e2e site:dev",
+    "test:e2e:site:build": "pnpm -F=tests-e2e site:build",
+    "test:e2e:site:preview": "pnpm -F=tests-e2e site:preview",
+    "test:e2e-dev": "pnpm -F=tests-e2e test",
+    "test:e2e-dev:watch": "pnpm -F=tests-e2e watch",
+    "test:e2e-build": "VITE_TEST_BUILD=1 pnpm test:e2e-dev",
+    "test:e2e-build:watch": "VITE_TEST_BUILD=1 pnpm test:e2e-dev:watch",
+    "test:init": "pnpm -F=tests-init test",
+    "test:init:watch": "pnpm -F=tests-init watch",
+    "docs": "run-p dev docs:dev",
+    "docs:dev": "wait-on -d 100 dist/node/cli.js && pnpm -F=docs dev",
+    "docs:debug": "NODE_OPTIONS='--inspect-brk' pnpm docs:dev",
+    "docs:build": "run-s build docs:build:only",
+    "docs:build:only": "pnpm -F=docs build",
+    "docs:preview": "pnpm -F=docs preview",
+    "docs:lunaria:build": "pnpm -F=docs lunaria:build",
+    "docs:lunaria:open": "pnpm -F=docs lunaria:open",
+    "format": "prettier --check --write .",
+    "format:fail": "prettier --check .",
+    "check": "run-s format:fail build test",
+    "changelog": "conventional-changelog -p angular -i CHANGELOG.md -s",
+    "release": "node scripts/release.js"
+  },
+  "dependencies": {
+    "@docsearch/css": "^3.6.0",
+    "@docsearch/js": "^3.6.0",
+    "@shikijs/core": "^1.2.4",
+    "@shikijs/transformers": "^1.2.4",
+    "@types/markdown-it": "^13.0.7",
+    "@vitejs/plugin-vue": "^5.0.4",
+    "@vue/devtools-api": "^7.0.25",
+    "@vueuse/core": "^10.9.0",
+    "@vueuse/integrations": "^10.9.0",
+    "focus-trap": "^7.5.4",
+    "mark.js": "8.11.1",
+    "minisearch": "^6.3.0",
+    "shiki": "^1.2.4",
+    "vite": "^5.2.8",
+    "vue": "^3.4.21"
+  },
+  "peerDependencies": {
+    "markdown-it-mathjax3": "^4",
+    "postcss": "^8"
+  },
+  "peerDependenciesMeta": {
+    "markdown-it-mathjax3": {
+      "optional": true
+    },
+    "postcss": {
+      "optional": true
+    }
+  },
+  "devDependencies": {
+    "@clack/prompts": "^0.7.0",
+    "@mdit-vue/plugin-component": "2.0.0",
+    "@mdit-vue/plugin-frontmatter": "2.0.0",
+    "@mdit-vue/plugin-headers": "2.0.0",
+    "@mdit-vue/plugin-sfc": "2.0.0",
+    "@mdit-vue/plugin-title": "2.0.0",
+    "@mdit-vue/plugin-toc": "2.0.0",
+    "@mdit-vue/shared": "2.0.0",
+    "@polka/compression": "1.0.0-next.25",
+    "@rollup/plugin-alias": "^5.1.0",
+    "@rollup/plugin-commonjs": "^25.0.7",
+    "@rollup/plugin-json": "^6.1.0",
+    "@rollup/plugin-node-resolve": "^15.2.3",
+    "@rollup/plugin-replace": "^5.0.5",
+    "@types/cross-spawn": "^6.0.6",
+    "@types/debug": "^4.1.12",
+    "@types/escape-html": "^1.0.4",
+    "@types/fs-extra": "^11.0.4",
+    "@types/lodash.template": "^4.5.3",
+    "@types/mark.js": "^8.11.12",
+    "@types/markdown-it-attrs": "^4.1.3",
+    "@types/markdown-it-container": "^2.0.10",
+    "@types/markdown-it-emoji": "^2.0.5",
+    "@types/micromatch": "^4.0.6",
+    "@types/minimist": "^1.2.5",
+    "@types/node": "^20.12.6",
+    "@types/postcss-prefix-selector": "^1.16.3",
+    "@types/prompts": "^2.4.9",
+    "@vue/shared": "^3.4.21",
+    "chokidar": "^3.6.0",
+    "conventional-changelog-cli": "^4.1.0",
+    "cross-spawn": "^7.0.3",
+    "debug": "^4.3.4",
+    "esbuild": "^0.20.2",
+    "escape-html": "^1.0.3",
+    "execa": "^8.0.1",
+    "fast-glob": "^3.3.2",
+    "fs-extra": "^11.2.0",
+    "get-port": "^7.1.0",
+    "gray-matter": "^4.0.3",
+    "lint-staged": "^15.2.2",
+    "lodash.template": "^4.5.0",
+    "lru-cache": "^10.2.0",
+    "markdown-it": "^14.1.0",
+    "markdown-it-anchor": "^8.6.7",
+    "markdown-it-attrs": "^4.1.6",
+    "markdown-it-container": "^4.0.0",
+    "markdown-it-emoji": "^3.0.0",
+    "markdown-it-mathjax3": "^4.3.2",
+    "micromatch": "^4.0.5",
+    "minimist": "^1.2.8",
+    "nanoid": "^5.0.7",
+    "npm-run-all": "^4.1.5",
+    "ora": "^8.0.1",
+    "p-map": "^7.0.2",
+    "path-to-regexp": "^6.2.2",
+    "picocolors": "^1.0.0",
+    "pkg-dir": "^8.0.0",
+    "playwright-chromium": "^1.43.0",
+    "polka": "1.0.0-next.25",
+    "postcss-prefix-selector": "^1.16.0",
+    "prettier": "^3.2.5",
+    "prompts": "^2.4.2",
+    "punycode": "^2.3.1",
+    "rimraf": "^5.0.5",
+    "rollup": "^4.14.1",
+    "rollup-plugin-dts": "^6.1.0",
+    "rollup-plugin-esbuild": "^6.1.1",
+    "semver": "^7.6.0",
+    "simple-git-hooks": "^2.11.1",
+    "sirv": "^2.0.4",
+    "sitemap": "^7.1.1",
+    "supports-color": "^9.4.0",
+    "typescript": "^5.4.4",
+    "vitest": "^1.4.0",
+    "vue-tsc": "^2.0.11",
+    "wait-on": "^7.2.0"
+  },
+  "simple-git-hooks": {
+    "pre-commit": "pnpm lint-staged"
+  },
+  "lint-staged": {
+    "*": [
+      "prettier --write --ignore-unknown"
+    ]
+  },
+  "pnpm": {
+    "overrides": {
+      "ora>string-width": "^5"
+    },
+    "peerDependencyRules": {
+      "ignoreMissing": [
+        "@algolia/client-search",
+        "search-insights",
+        "postcss"
+      ]
+    }
+  }
+}

package/template/.vitepress/config.js

@@ -0,0 +1,28 @@
+import { defineConfig } from 'vitepress'
+
+// https://vitepress.dev/reference/site-config
+export default defineConfig({
+  title: <%= title %>,
+  description: <%= description %><% if (defaultTheme) { %>,
+  themeConfig: {
+    // https://vitepress.dev/reference/default-theme-config
+    nav: [
+      { text: 'Home', link: '/' },
+      { text: 'Examples', link: '/markdown-examples' }
+    ],
+
+    sidebar: [
+      {
+        text: 'Examples',
+        items: [
+          { text: 'Markdown Examples', link: '/markdown-examples' },
+          { text: 'Runtime API Examples', link: '/api-examples' }
+        ]
+      }
+    ],
+
+    socialLinks: [
+      { icon: 'github', link: 'https://github.com/vuejs/vitepress' }
+    ]
+  }<% } %>
+})

package/template/.vitepress/theme/Layout.vue

@@ -0,0 +1,21 @@
+<script setup<%= useTs ? ' lang="ts"' : '' %>>
+import { useData } from 'vitepress'
+
+// https://vitepress.dev/reference/runtime-api#usedata
+const { site, frontmatter } = useData()
+</script>
+
+<template>
+  <div v-if="frontmatter.home">
+    <h1>{{ site.title }}</h1>
+    <p>{{ site.description }}</p>
+    <ul>
+      <li><a href="/markdown-examples.html">Markdown Examples</a></li>
+      <li><a href="/api-examples.html">API Examples</a></li>
+    </ul>
+  </div>
+  <div v-else>
+    <a href="/">Home</a>
+    <Content />
+  </div>
+</template>

package/template/.vitepress/theme/index.js

@@ -0,0 +1,29 @@
+// https://vitepress.dev/guide/custom-theme
+<% if (!defaultTheme) { %>import Layout from './Layout.vue'<% if (useTs) { %>
+import type { Theme } from 'vitepress'<% } %>
+import './style.css'
+
+<% if (!useTs) { %>/** @type {import('vitepress').Theme} */
+<% } %>export default {
+  Layout,
+  enhanceApp({ app, router, siteData }) {
+    // ...
+  }
+}<% if (useTs) { %> satisfies Theme<% } %>
+<% } else { %>import { h } from 'vue'<% if (useTs) { %>
+import type { Theme } from 'vitepress'<% } %>
+import DefaultTheme from 'vitepress/theme'
+import './style.css'
+
+<% if (!useTs) { %>/** @type {import('vitepress').Theme} */
+<% } %>export default {
+  extends: DefaultTheme,
+  Layout: () => {
+    return h(DefaultTheme.Layout, null, {
+      // https://vitepress.dev/guide/extending-default-theme#layout-slots
+    })
+  },
+  enhanceApp({ app, router, siteData }) {
+    // ...
+  }
+}<% if (useTs) { %> satisfies Theme<% } %><% } %>

package/template/.vitepress/theme/style.css

@@ -0,0 +1,143 @@
+<% if (defaultTheme) { %>/**
+ * Customize default theme styling by overriding CSS variables:
+ * https://github.com/vuejs/vitepress/blob/main/src/client/theme-default/styles/vars.css
+ */
+
+/**
+ * Colors
+ *
+ * Each colors have exact same color scale system with 3 levels of solid
+ * colors with different brightness, and 1 soft color.
+ * 
+ * - `XXX-1`: The most solid color used mainly for colored text. It must
+ *   satisfy the contrast ratio against when used on top of `XXX-soft`.
+ *
+ * - `XXX-2`: The color used mainly for hover state of the button.
+ *
+ * - `XXX-3`: The color for solid background, such as bg color of the button.
+ *   It must satisfy the contrast ratio with pure white (#ffffff) text on
+ *   top of it.
+ *
+ * - `XXX-soft`: The color used for subtle background such as custom container
+ *   or badges. It must satisfy the contrast ratio when putting `XXX-1` colors
+ *   on top of it.
+ *
+ *   The soft color must be semi transparent alpha channel. This is crucial
+ *   because it allows adding multiple "soft" colors on top of each other
+ *   to create a accent, such as when having inline code block inside
+ *   custom containers.
+ *
+ * - `default`: The color used purely for subtle indication without any
+ *   special meanings attched to it such as bg color for menu hover state.
+ *
+ * - `brand`: Used for primary brand colors, such as link text, button with
+ *   brand theme, etc.
+ *
+ * - `tip`: Used to indicate useful information. The default theme uses the
+ *   brand color for this by default.
+ *
+ * - `warning`: Used to indicate warning to the users. Used in custom
+ *   container, badges, etc.
+ *
+ * - `danger`: Used to show error, or dangerous message to the users. Used
+ *   in custom container, badges, etc.
+ * -------------------------------------------------------------------------- */
+
+ :root {
+  --vp-c-default-1: var(--vp-c-gray-1);
+  --vp-c-default-2: var(--vp-c-gray-2);
+  --vp-c-default-3: var(--vp-c-gray-3);
+  --vp-c-default-soft: var(--vp-c-gray-soft);
+
+  --vp-c-brand-1: var(--vp-c-indigo-1);
+  --vp-c-brand-2: var(--vp-c-indigo-2);
+  --vp-c-brand-3: var(--vp-c-indigo-3);
+  --vp-c-brand-soft: var(--vp-c-indigo-soft);
+
+  --vp-c-tip-1: var(--vp-c-brand-1);
+  --vp-c-tip-2: var(--vp-c-brand-2);
+  --vp-c-tip-3: var(--vp-c-brand-3);
+  --vp-c-tip-soft: var(--vp-c-brand-soft);
+
+  --vp-c-warning-1: var(--vp-c-yellow-1);
+  --vp-c-warning-2: var(--vp-c-yellow-2);
+  --vp-c-warning-3: var(--vp-c-yellow-3);
+  --vp-c-warning-soft: var(--vp-c-yellow-soft);
+
+  --vp-c-danger-1: var(--vp-c-red-1);
+  --vp-c-danger-2: var(--vp-c-red-2);
+  --vp-c-danger-3: var(--vp-c-red-3);
+  --vp-c-danger-soft: var(--vp-c-red-soft);
+}
+
+/**
+ * Component: Button
+ * -------------------------------------------------------------------------- */
+
+:root {
+  --vp-button-brand-border: transparent;
+  --vp-button-brand-text: var(--vp-c-white);
+  --vp-button-brand-bg: var(--vp-c-brand-3);
+  --vp-button-brand-hover-border: transparent;
+  --vp-button-brand-hover-text: var(--vp-c-white);
+  --vp-button-brand-hover-bg: var(--vp-c-brand-2);
+  --vp-button-brand-active-border: transparent;
+  --vp-button-brand-active-text: var(--vp-c-white);
+  --vp-button-brand-active-bg: var(--vp-c-brand-1);
+}
+
+/**
+ * Component: Home
+ * -------------------------------------------------------------------------- */
+
+:root {
+  --vp-home-hero-name-color: transparent;
+  --vp-home-hero-name-background: -webkit-linear-gradient(
+    120deg,
+    #bd34fe 30%,
+    #41d1ff
+  );
+
+  --vp-home-hero-image-background-image: linear-gradient(
+    -45deg,
+    #bd34fe 50%,
+    #47caff 50%
+  );
+  --vp-home-hero-image-filter: blur(44px);
+}
+
+@media (min-width: 640px) {
+  :root {
+    --vp-home-hero-image-filter: blur(56px);
+  }
+}
+
+@media (min-width: 960px) {
+  :root {
+    --vp-home-hero-image-filter: blur(68px);
+  }
+}
+
+/**
+ * Component: Custom Block
+ * -------------------------------------------------------------------------- */
+
+:root {
+  --vp-custom-block-tip-border: transparent;
+  --vp-custom-block-tip-text: var(--vp-c-text-1);
+  --vp-custom-block-tip-bg: var(--vp-c-brand-soft);
+  --vp-custom-block-tip-code-bg: var(--vp-c-brand-soft);
+}
+
+/**
+ * Component: Algolia
+ * -------------------------------------------------------------------------- */
+
+.DocSearch {
+  --docsearch-primary-color: var(--vp-c-brand-1) !important;
+}
+<% } else { %>
+html {
+  font-family: Arial, Helvetica;
+}
+<% } %>

package/template/api-examples.md

@@ -0,0 +1,49 @@
+---
+outline: deep
+---
+
+# Runtime API Examples
+
+This page demonstrates usage of some of the runtime APIs provided by VitePress.
+
+The main `useData()` API can be used to access site, theme, and page data for the current page. It works in both `.md` and `.vue` files:
+
+```md
+<script setup>
+import { useData } from 'vitepress'
+
+const { theme, page, frontmatter } = useData()
+</script>
+
+## Results
+
+### Theme Data
+<pre>{{ theme }}</pre>
+
+### Page Data
+<pre>{{ page }}</pre>
+
+### Page Frontmatter
+<pre>{{ frontmatter }}</pre>
+```
+
+<script setup>
+import { useData } from 'vitepress'
+
+const { site, theme, page, frontmatter } = useData()
+</script>
+
+## Results
+
+### Theme Data
+<pre>{{ theme }}</pre>
+
+### Page Data
+<pre>{{ page }}</pre>
+
+### Page Frontmatter
+<pre>{{ frontmatter }}</pre>
+
+## More
+
+Check out the documentation for the [full list of runtime APIs](https://vitepress.dev/reference/runtime-api#usedata).

package/template/index.md

@@ -0,0 +1,28 @@
+<% if (defaultTheme) { %>---
+# https://vitepress.dev/reference/default-theme-home-page
+layout: home
+
+hero:
+  name: <%= title %>
+  text: <%= description %>
+  tagline: My great project tagline
+  actions:
+    - theme: brand
+      text: Markdown Examples
+      link: /markdown-examples
+    - theme: alt
+      text: API Examples
+      link: /api-examples
+
+features:
+  - title: Feature A
+    details: Lorem ipsum dolor sit amet, consectetur adipiscing elit
+  - title: Feature B
+    details: Lorem ipsum dolor sit amet, consectetur adipiscing elit
+  - title: Feature C
+    details: Lorem ipsum dolor sit amet, consectetur adipiscing elit
+---
+<% } else { %>---
+home: true
+---
+<% } %>

package/template/markdown-examples.md

@@ -0,0 +1,85 @@
+# Markdown Extension Examples
+
+This page demonstrates some of the built-in markdown extensions provided by VitePress.
+
+## Syntax Highlighting
+
+VitePress provides Syntax Highlighting powered by [Shiki](https://github.com/shikijs/shiki), with additional features like line-highlighting:
+
+**Input**
+
+````md
+```js{4}
+export default {
+  data () {
+    return {
+      msg: 'Highlighted!'
+    }
+  }
+}
+```
+````
+
+**Output**
+
+```js{4}
+export default {
+  data () {
+    return {
+      msg: 'Highlighted!'
+    }
+  }
+}
+```
+
+## Custom Containers
+
+**Input**
+
+```md
+::: info
+This is an info box.
+:::
+
+::: tip
+This is a tip.
+:::
+
+::: warning
+This is a warning.
+:::
+
+::: danger
+This is a dangerous warning.
+:::
+
+::: details
+This is a details block.
+:::
+```
+
+**Output**
+
+::: info
+This is an info box.
+:::
+
+::: tip
+This is a tip.
+:::
+
+::: warning
+This is a warning.
+:::
+
+::: danger
+This is a dangerous warning.
+:::
+
+::: details
+This is a details block.
+:::
+
+## More
+
+Check out the documentation for the [full list of markdown extensions](https://vitepress.dev/guide/markdown).

package/theme-without-fonts.d.ts

@@ -0,0 +1,2 @@
+export * from './theme.js'
+export { default } from './theme.js'

package/theme.d.ts

@@ -0,0 +1,30 @@
+// so that users can do `import DefaultTheme from 'vitepress/theme'`
+
+import type { DefineComponent } from 'vue'
+import type { EnhanceAppContext } from './dist/client/index.js'
+import type { DefaultTheme } from './types/default-theme.js'
+
+export type { DefaultTheme } from './types/default-theme.js'
+
+declare const theme: {
+  Layout: DefineComponent
+  enhanceApp: (ctx: EnhanceAppContext) => void
+}
+
+export default theme
+export declare const useSidebar: () => DefaultTheme.DocSidebar
+export declare const useLocalNav: () => DefaultTheme.DocLocalNav
+
+// TODO: add props for these
+export declare const VPBadge: DefineComponent
+export declare const VPButton: DefineComponent
+export declare const VPDocAsideSponsors: DefineComponent
+export declare const VPHomeFeatures: DefineComponent
+export declare const VPHomeHero: DefineComponent
+export declare const VPHomeSponsors: DefineComponent
+export declare const VPImage: DefineComponent
+export declare const VPSponsors: DefineComponent
+export declare const VPTeamMembers: DefineComponent
+export declare const VPTeamPage: DefineComponent
+export declare const VPTeamPageSection: DefineComponent
+export declare const VPTeamPageTitle: DefineComponent