change(docs): use pnpm workspaces (#157)

docs/.vitepress/config.mts

@@ -1,8 +1,7 @@
-import { resolve } from 'node:path'
 import { useSidebar } from 'vitepress-openapi'
+import { defineConfigWithTheme } from 'vitepress'
 import spec from '../public/openapi.json' assert { type: 'json' }
 import { examplesPages } from '../pages'
-import { defineConfigWithTheme } from 'vitepress'
 
 const sidebar = useSidebar({
   spec,
@@ -235,21 +234,4 @@ export default defineConfigWithTheme({
       gtag('config', '${gaId}');`,
     ],
   ],
-  vite: {
-    resolve: {
-      ...(process.env.NODE_ENV === 'production'
-        ? {
-            alias: {
-              'vitepress-openapi/client': resolve(__dirname, '../../dist/client'),
-              'vitepress-openapi': resolve(__dirname, '../../dist/index'),
-            },
-          }
-        : {
-            alias: {
-              'vitepress-openapi/client': resolve(__dirname, '../../src/client'),
-              'vitepress-openapi': resolve(__dirname, '../../src/index'),
-            },
-          }),
-    },
-  },
 })

docs/.vitepress/theme/components/sandbox/Sandbox.vue

@@ -3,6 +3,7 @@ import { provide, watch } from 'vue'
 import { compressToURL, decompressFromURL } from '@amoutonbrady/lz-string'
 import { useTheme } from 'vitepress-openapi/client'
 import { useUrlSearchParams } from '@vueuse/core'
+import { useData } from 'vitepress'
 import { ResizableHandle, ResizablePanel, ResizablePanelGroup } from '../ui/resizable'
 import { deepUnref } from '../../../../../src/lib/deepUnref'
 import Toaster from '../ui/toast/Toaster.vue'
@@ -13,7 +14,6 @@ import SandboxPreview from './SandboxPreview.vue'
 import SandboxNav from './SandboxNav.vue'
 import SandboxEditor from './SandboxEditor.vue'
 import SandboxRemoteFetch from './SandboxRemoteFetch.vue'
-import { useData } from 'vitepress'
 
 const { isDark, hash } = useData()
 

docs/.vitepress/theme/components/sandbox/SandboxEditor.vue

@@ -1,8 +1,8 @@
 <script setup lang="ts">
 import JsonEditorVue from 'json-editor-vue'
 import { inject, nextTick, ref, watch, watchEffect } from 'vue'
-import type { SandboxData } from '../../sandboxData'
 import { useData } from 'vitepress'
+import type { SandboxData } from '../../sandboxData'
 
 const { isDark } = useData()
 

docs/.vitepress/theme/components/sandbox/SandboxPreview.vue

@@ -1,12 +1,12 @@
 <script setup lang="ts">
 import { VPHomeContent } from 'vitepress/theme'
 import { inject, onMounted, watch } from 'vue'
+import { useData } from 'vitepress'
+import { getHeaders } from 'vitepress/dist/client/theme-default/composables/outline.js'
 import { scrollIntoOperationByOperationId } from '../../../../../src/lib/utils'
 import VPDocAsideOutline from '../vitepress/VPDocAsideOutline.vue'
 import type { SandboxData } from '../../sandboxData'
 import SandboxPreviewSidebar from './SandboxPreviewSidebar.vue'
-import { useData } from 'vitepress'
-import { getHeaders } from 'vitepress/dist/client/theme-default/composables/outline.js'
 
 const { isDark, theme, page } = useData()
 

docs/.vitepress/theme/components/sandbox/SandboxPreviewSidebar.vue

@@ -1,10 +1,10 @@
 <script setup lang="ts">
 import { inject, onBeforeMount, onMounted, ref, watch } from 'vue'
 import { useSidebar } from 'vitepress-openapi'
-import type { SandboxData } from '../../sandboxData'
 import { useData } from 'vitepress'
 import VPSidebar from 'vitepress/dist/client/theme-default/components/VPSidebar.vue'
 import { getHeaders } from 'vitepress/dist/client/theme-default/composables/outline.js'
+import type { SandboxData } from '../../sandboxData'
 
 const { theme } = useData()
 

docs/.vitepress/theme/components/vitepress/VPDocAsideOutline.vue

@@ -1,13 +1,13 @@
 <script setup lang="ts">
 import { inject, ref, watch } from 'vue'
-import type { SandboxData } from '../../sandboxData'
 import { useData } from 'vitepress'
 import {
   getHeaders,
   resolveTitle,
   useActiveAnchor,
 } from 'vitepress/dist/client/theme-default/composables/outline.js'
 import VPDocOutlineItem from 'vitepress/dist/client/theme-default/components/VPDocOutlineItem.vue'
+import type { SandboxData } from '../../sandboxData'
 
 const { theme } = useData()
 

docs/.vitepress/theme/components/vitepress/VPSwitchAppearance.vue

@@ -1,7 +1,7 @@
 <script lang="ts" setup>
 import { inject, ref, watchPostEffect } from 'vue'
-import VPSwitch from './VPSwitch.vue'
 import { useData } from 'vitepress'
+import VPSwitch from './VPSwitch.vue'
 
 const { isDark, theme } = useData()
 

docs/.vitepress/theme/index.ts

@@ -3,6 +3,8 @@ import DefaultTheme from 'vitepress/theme'
 import spec from '../../public/openapi.json' assert {type: 'json'}
 import ExampleBlock from './components/ExampleBlock.vue'
 import SandboxIframe from './components/sandbox/SandboxIframe.vue'
+import 'vitepress-openapi/dist/style.css'
+import './style.css'
 
 export default {
   extends: DefaultTheme,

docs/.vitepress/theme/style.css

@@ -0,0 +1,3 @@
+@tailwind base;
+@tailwind components;
+@tailwind utilities;

docs/package.json

@@ -0,0 +1,41 @@
+{
+  "name": "vitepress-openapi-docs",
+  "version": "0.0.0",
+  "type": "module",
+  "private": true,
+  "scripts": {
+    "dev": "vitepress dev",
+    "build": "vitepress build",
+    "serve": "vitepress serve"
+  },
+  "dependencies": {
+    "@vueuse/core": "^10.11.0",
+    "class-variance-authority": "^0.7.0",
+    "clsx": "^2.1.1",
+    "lucide-vue-next": "^0.411.0",
+    "radix-vue": "^1.9.1",
+    "tailwind-merge": "^2.4.0",
+    "tailwindcss-animate": "^1.0.7",
+    "vitepress-openapi": "workspace:*"
+  },
+  "devDependencies": {
+    "@amoutonbrady/lz-string": "^0.1.0",
+    "@antfu/eslint-config": "^2.27.1",
+    "@iconify/vue": "^4.2.0",
+    "@types/node": "^22.5.1",
+    "@vitejs/plugin-vue": "^5.1.3",
+    "autoprefixer": "^10.4.20",
+    "eslint": "^9.9.1",
+    "eslint-plugin-cypress": "^3.5.0",
+    "eslint-plugin-format": "^0.1.2",
+    "postcss": "^8.4.42",
+    "tailwindcss": "^3.4.10",
+    "vite": "^5.4.2",
+    "vitepress": "^1.4.1",
+    "vitest": "^2.0.5",
+    "vue": "^3.4.38"
+  },
+  "resolutions": {
+    "@typescript-eslint/utils": "^8.2.0"
+  }
+}

docs/pages.ts

@@ -1,27 +1,27 @@
 export const testsPages = [
   {
     slug: 'response-types',
-    specPath: './docs/public/openapi-response-types.json',
+    specPath: './public/openapi-response-types.json',
     themeConfig: {},
   },
   {
     slug: 'response-statuses',
-    specPath: './docs/public/openapi-response-statuses.json',
+    specPath: './public/openapi-response-statuses.json',
     themeConfig: {},
   },
   {
     slug: 'schemas',
-    specPath: './docs/public/openapi-schemas.json',
+    specPath: './public/openapi-schemas.json',
     themeConfig: {},
   },
   {
     slug: 'parameters',
-    specPath: './docs/public/openapi-parameters.json',
+    specPath: './public/openapi-parameters.json',
     themeConfig: {},
   },
   {
     slug: 'security',
-    specPath: './docs/public/openapi-security.json',
+    specPath: './public/openapi-security.json',
     themeConfig: {},
   },
 ]

docs/tailwind.config.js

@@ -0,0 +1,15 @@
+const animate = require('tailwindcss-animate')
+const base = require('../tailwind.config')
+
+/** @type {import('tailwindcss').Config} */
+module.exports = {
+  darkMode: ['class'],
+  safelist: ['dark'],
+  prefix: '',
+  content: [
+    './.vitepress/theme/**/*.{vue,js,ts,jsx,tsx}',
+    './sidebar/*.md',
+  ],
+  theme: base.theme,
+  plugins: [animate],
+}

package.json

@@ -17,10 +17,12 @@
   ],
   "exports": {
     ".": {
+      "types": "./dist/types/index.d.ts",
       "import": "./dist/vitepress-openapi.node.es.js",
       "require": "./dist/vitepress-openapi.node.umd.js"
     },
     "./client": {
+      "types": "./dist/types/client.d.ts",
       "import": "./dist/vitepress-openapi.client.es.js",
       "require": "./dist/vitepress-openapi.client.umd.js"
     },
@@ -40,9 +42,8 @@
     "prepublishOnly": "pnpm run build",
     "lint": "eslint src",
     "lint:fix": "eslint src --fix",
-    "docs:dev": "VITE_DEBUG=1 IS_DOCS=1 vitepress dev docs",
-    "dev": "pnpm run docs:dev",
-    "docs:build": "IS_DOCS=1 pnpm run build && IS_DOCS=1 vitepress build docs",
+    "dev": "cd docs && pnpm run dev",
+    "docs:build": "pnpm run build && cd docs && pnpm run build",
     "test": "vitest",
     "test:run": "vitest --run",
     "typecheck": "vue-tsc --noEmit"
@@ -61,9 +62,7 @@
     "tailwindcss-animate": "^1.0.7"
   },
   "devDependencies": {
-    "@amoutonbrady/lz-string": "^0.1.0",
     "@antfu/eslint-config": "^2.27.1",
-    "@iconify/vue": "^4.2.0",
     "@scalar/openapi-types": "^0.1.5",
     "@sindresorhus/slugify": "^2.2.1",
     "@trojs/openapi-dereference": "^0.2.3",