fix(vitepress): module exports

pearmini · Mar 8, 2024 · 7773e36 · 7773e36
1 parent f8a1756
commit 7773e36
Show file tree

Hide file tree

Showing 17 changed files with 34 additions and 10 deletions.
diff --git a/packages/genji-docs/.vitepress/config.mjs b/packages/genji-docs/.vitepress/config.mjs
@@ -1,7 +1,9 @@
 import { defineConfig } from "vitepress";
+import config from "genji-theme-vitepress/config";
 
 // https://vitepress.dev/reference/site-config
 export default defineConfig({
+  extends: config,
   title: "Genji",
   description: "The Interactive Markdown extension",
   themeConfig: {

diff --git a/packages/genji-docs/.vitepress/theme/index.js b/packages/genji-docs/.vitepress/theme/index.js
@@ -1,4 +1,9 @@
 import DefaultTheme from "vitepress/theme";
+import { enhanceTheme } from "genji-theme-vitepress";
 import "./custom.css";
 
-export default DefaultTheme;
+const Theme = enhanceTheme(DefaultTheme, {});
+
+export default {
+  extends: Theme,
+};
diff --git a/packages/genji-docs/markdown-examples.md b/packages/genji-docs/markdown-examples.md
@@ -2,6 +2,16 @@
 
 This page demonstrates some of the built-in markdown extensions provided by VitePress.
 
+```js eval {0,4}
+display(() => {
+  const div = document.createElement("div");
+  div.style.width = "100px";
+  div.style.height = "100px";
+  div.style.background = "red";
+  return div;
+});
+```
+
 ## Syntax Highlighting
 
 VitePress provides Syntax Highlighting powered by [Shiki](https://github.com/shikijs/shiki), with additional features like line-highlighting:

diff --git a/packages/genji-docs/package.json b/packages/genji-docs/package.json
@@ -10,7 +10,12 @@
   "author": "https://github.com/pearmini",
   "license": "MIT",
   "devDependencies": {
+    "genji-theme-vitepress": "^0.0.2",
     "vitepress": "^1.0.0-rc.44"
   },
-  "repository": "git@github.com:pearmini/genji-notebook.git"
-}
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/pearmini/genji.git",
+    "directory": "packages/genji-docs"
+  }
+}
diff --git a/packages/genji-theme-vitepress/__tests__/.vitepress/config.mjs b/packages/genji-theme-vitepress/__tests__/.vitepress/config.mjs
@@ -1,5 +1,5 @@
 import { defineConfig } from "vitepress";
-import { config } from "../../src/config";
+import config from "../../src/node/config.mjs";
 
 // https://vitepress.dev/reference/site-config
 export default defineConfig({

diff --git a/packages/genji-theme-vitepress/__tests__/.vitepress/theme/index.js b/packages/genji-theme-vitepress/__tests__/.vitepress/theme/index.js
@@ -1,5 +1,5 @@
 import DefaultTheme from "vitepress/theme";
-import { enhanceTheme } from "../../../src";
+import { enhanceTheme } from "../../../src/client";
 
 const Theme = enhanceTheme(DefaultTheme, {
   global: {

diff --git a/packages/genji-theme-vitepress/package.json b/packages/genji-theme-vitepress/package.json
@@ -1,10 +1,12 @@
 {
   "name": "genji-theme-vitepress",
-  "version": "0.0.2",
+  "version": "0.0.3",
+  "type": "module",
   "description": "A VitePress theme to enable Genji interactive Markdown extension.",
-  "main": "src/index.js",
+  "main": "src/client/index.js",
   "exports": {
-    "config": "./src/config.js"
+    ".": "src/client/index.js",
+    "./config": "./src/node/config.mjs"
   },
   "files": [
     "src"

diff --git a/...ages/genji-theme-vitepress/src/Layout.vue → ...nji-theme-vitepress/src/client/Layout.vue b/...ages/genji-theme-vitepress/src/Layout.vue → ...nji-theme-vitepress/src/client/Layout.vue
diff --git a/packages/genji-theme-vitepress/src/index.js → ...genji-theme-vitepress/src/client/index.js b/packages/genji-theme-vitepress/src/index.js → ...genji-theme-vitepress/src/client/index.js
diff --git a/packages/genji-theme-vitepress/src/module.js → ...enji-theme-vitepress/src/client/module.js b/packages/genji-theme-vitepress/src/module.js → ...enji-theme-vitepress/src/client/module.js
diff --git a/...s/genji-theme-vitepress/src/observable.js → ...-theme-vitepress/src/client/observable.js b/...s/genji-theme-vitepress/src/observable.js → ...-theme-vitepress/src/client/observable.js
diff --git a/packages/genji-theme-vitepress/src/render.js → ...enji-theme-vitepress/src/client/render.js b/packages/genji-theme-vitepress/src/render.js → ...enji-theme-vitepress/src/client/render.js
diff --git a/packages/genji-theme-vitepress/src/style.css → ...enji-theme-vitepress/src/client/style.css b/packages/genji-theme-vitepress/src/style.css → ...enji-theme-vitepress/src/client/style.css
diff --git a/...genji-theme-vitepress/src/subscription.js → ...heme-vitepress/src/client/subscription.js b/...genji-theme-vitepress/src/subscription.js → ...heme-vitepress/src/client/subscription.js
diff --git a/packages/genji-theme-vitepress/src/theme.js → ...genji-theme-vitepress/src/client/theme.js b/packages/genji-theme-vitepress/src/theme.js → ...genji-theme-vitepress/src/client/theme.js
diff --git a/packages/genji-theme-vitepress/src/attrs.js → .../genji-theme-vitepress/src/node/attrs.mjs b/packages/genji-theme-vitepress/src/attrs.js → .../genji-theme-vitepress/src/node/attrs.mjs
diff --git a/packages/genji-theme-vitepress/src/config.js → ...genji-theme-vitepress/src/node/config.mjs b/packages/genji-theme-vitepress/src/config.js → ...genji-theme-vitepress/src/node/config.mjs
@@ -1,7 +1,7 @@
 import { defineConfig } from "vitepress";
-import { attrs } from "./attrs";
+import { attrs } from "./attrs.mjs";
 
-export const config = defineConfig({
+export default defineConfig({
   markdown: {
     config: (md) => {
       md.use(attrs);