polen 0.10.0-next.13 → 0.10.0-next.15

package/build/template/styles/code-block.css

@@ -0,0 +1,218 @@
+/* Code Block Styles */
+
+/* Base code block container */
+.code-block {
+  position: relative;
+  margin: 1rem 0;
+  border-radius: 8px;
+  overflow: hidden;
+  font-size: 14px;
+  line-height: 1.6;
+}
+
+.code-block pre {
+  margin: 0;
+  padding: 1rem;
+  overflow-x: auto;
+  background: inherit;
+}
+
+.code-block code {
+  font-family: 'JetBrains Mono', 'Fira Code', 'SF Mono', Consolas, 'Liberation Mono', Menlo, monospace;
+  font-variant-ligatures: contextual;
+}
+
+/* Shiki theme switching with CSS variables */
+/* Default to light theme */
+:root {
+  color-scheme: light;
+}
+
+/* When dark mode is active */
+.dark {
+  color-scheme: dark;
+}
+
+/* Shiki token colors for light theme (github-light) */
+:root {
+  --shiki-color-text: #24292e;
+  --shiki-color-background: #f6f8fa;
+  --shiki-token-constant: #005cc5;
+  --shiki-token-string: #032f62;
+  --shiki-token-comment: #6a737d;
+  --shiki-token-keyword: #d73a49;
+  --shiki-token-parameter: #e36209;
+  --shiki-token-function: #6f42c1;
+  --shiki-token-string-expression: #032f62;
+  --shiki-token-punctuation: #24292e;
+  --shiki-token-link: #032f62;
+}
+
+/* Shiki token colors for dark theme (tokyo-night) */
+.dark {
+  --shiki-color-text: #c0caf5;
+  --shiki-color-background: #1a1b26;
+  --shiki-token-constant: #ff9e64;
+  --shiki-token-string: #9ece6a;
+  --shiki-token-comment: #565f89;
+  --shiki-token-keyword: #bb9af7;
+  --shiki-token-parameter: #e0af68;
+  --shiki-token-function: #7aa2f7;
+  --shiki-token-string-expression: #9ece6a;
+  --shiki-token-punctuation: #c0caf5;
+  --shiki-token-link: #9ece6a;
+}
+
+/* Shiki code blocks */
+pre.shiki {
+  margin: 1rem 0;
+  padding: 1rem;
+  border-radius: 8px;
+  overflow-x: auto;
+  font-size: 14px;
+  line-height: 1.6;
+  background-color: var(--shiki-color-background);
+  color: var(--shiki-color-text);
+}
+
+pre.shiki code {
+  font-family: 'JetBrains Mono', 'Fira Code', 'SF Mono', Consolas, 'Liberation Mono', Menlo, monospace;
+  font-variant-ligatures: contextual;
+}
+
+/* Line numbers */
+.code-block[data-line-numbers="true"] pre {
+  padding-left: 3.5rem;
+  position: relative;
+}
+
+.code-block[data-line-numbers="true"] .line {
+  position: relative;
+}
+
+.code-block[data-line-numbers="true"] .line::before {
+  content: attr(data-line);
+  position: absolute;
+  left: -3rem;
+  width: 2.5rem;
+  text-align: right;
+  color: var(--gray-a6);
+  user-select: none;
+}
+
+/* Line highlighting */
+.code-block .line[data-highlighted="true"] {
+  background-color: var(--amber-a3);
+  display: block;
+  margin: 0 -1rem;
+  padding: 0 1rem;
+}
+
+/* Diff lines */
+.code-block .line[data-diff="+"] {
+  background-color: var(--green-a3);
+  display: block;
+  margin: 0 -1rem;
+  padding: 0 1rem;
+}
+
+.code-block .line[data-diff="-"] {
+  background-color: var(--red-a3);
+  display: block;
+  margin: 0 -1rem;
+  padding: 0 1rem;
+}
+
+.code-block .line[data-diff="+"]::before {
+  content: "+ ";
+  color: var(--green-11);
+  font-weight: bold;
+}
+
+.code-block .line[data-diff="-"]::before {
+  content: "- ";
+  color: var(--red-11);
+  font-weight: bold;
+}
+
+/* Focus lines */
+.code-block .line:not([data-focus="true"]) {
+  opacity: 0.5;
+  filter: grayscale(100%);
+  transition: opacity 0.2s, filter 0.2s;
+}
+
+.code-block:hover .line:not([data-focus="true"]) {
+  opacity: 0.8;
+  filter: grayscale(0%);
+}
+
+/* Copy button */
+.code-block-copy {
+  position: absolute;
+  top: 0.5rem;
+  right: 0.5rem;
+  padding: 0.25rem 0.5rem;
+  border-radius: 4px;
+  background: var(--gray-a3);
+  color: var(--gray-12);
+  border: 1px solid var(--gray-a5);
+  cursor: pointer;
+  font-size: 12px;
+  transition: all 0.2s;
+}
+
+.code-block-copy:hover {
+  background: var(--gray-a4);
+  border-color: var(--gray-a6);
+}
+
+.code-block-copy.copied {
+  background: var(--green-a3);
+  border-color: var(--green-a5);
+  color: var(--green-11);
+}
+
+/* Language badge */
+.code-block-lang {
+  position: absolute;
+  top: 0;
+  right: 0;
+  padding: 0.25rem 0.75rem;
+  background: var(--gray-a3);
+  color: var(--gray-11);
+  font-size: 12px;
+  font-weight: 500;
+  border-bottom-left-radius: 4px;
+  user-select: none;
+}
+
+/* Scrollbar styling */
+.code-block pre::-webkit-scrollbar {
+  height: 8px;
+  width: 8px;
+}
+
+.code-block pre::-webkit-scrollbar-track {
+  background: var(--gray-a3);
+  border-radius: 4px;
+}
+
+.code-block pre::-webkit-scrollbar-thumb {
+  background: var(--gray-a6);
+  border-radius: 4px;
+}
+
+.code-block pre::-webkit-scrollbar-thumb:hover {
+  background: var(--gray-a7);
+}
+
+/* Inline code */
+code:not(.code-block code) {
+  padding: 0.2em 0.4em;
+  margin: 0;
+  font-size: 0.85em;
+  background-color: var(--gray-a3);
+  border-radius: 4px;
+  font-family: 'JetBrains Mono', 'Fira Code', 'SF Mono', Consolas, 'Liberation Mono', Menlo, monospace;
+}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "polen",
-  "version": "0.10.0-next.13",
+  "version": "0.10.0-next.15",
   "type": "module",
   "description": "A framework for delightful GraphQL developer portals",
   "author": {
@@ -33,90 +33,66 @@
   },
   "imports": {
     "#*": {
-      "source": "./src/*.ts",
       "default": "./build/*.js"
     },
     "#lib/mask": {
-      "source": "./src/lib/mask/$.ts",
       "default": "./build/lib/mask/$.js"
     },
     "#lib/mask/mask": {
-      "source": "./src/lib/mask/$$.ts",
       "default": "./build/lib/mask/$$.js"
     },
     "#lib/task": {
-      "source": "./src/lib/task/$.ts",
       "default": "./build/lib/task/$.js"
     },
     "#lib/task/task": {
-      "source": "./src/lib/task/$$.ts",
       "default": "./build/lib/task/$$.js"
     },
-    "#lib/deployment": {
-      "source": "./src/lib/deployment/$.ts",
-      "default": "./build/lib/deployment/$.js"
-    },
-    "#lib/deployment/deployment": {
-      "source": "./src/lib/deployment/$$.ts",
-      "default": "./build/lib/deployment/$$.js"
-    },
     "#lib/graphql-document": {
-      "source": "./src/lib/graphql-document/$.ts",
       "default": "./build/lib/graphql-document/$.js"
     },
     "#lib/graphql-document/graphql-document": {
-      "source": "./src/lib/graphql-document/$$.ts",
       "default": "./build/lib/graphql-document/$$.js"
     },
     "#lib/graphql-document/components/index": {
-      "source": "./src/lib/graphql-document/components/index.ts",
       "default": "./build/lib/graphql-document/components/index.js"
     },
     "#lib/graphql-document/components/GraphQLDocumentWithSchema": {
-      "source": "./src/lib/graphql-document/components/GraphQLDocumentWithSchema.tsx",
       "default": "./build/lib/graphql-document/components/GraphQLDocumentWithSchema.js"
     },
     "#lib/graphql-document/components/GraphQLDocument": {
-      "source": "./src/lib/graphql-document/components/GraphQLDocument.tsx",
       "default": "./build/lib/graphql-document/components/GraphQLDocument.js"
     },
     "#lib/graphql-document/schema-context": {
-      "source": "./src/lib/graphql-document/schema-context.tsx",
       "default": "./build/lib/graphql-document/schema-context.js"
     },
     "#template/components/content/$$": {
-      "source": "./src/template/components/content/$$.ts",
       "default": "./build/template/components/content/$$.js"
+    },
+    "#lib/theme": {
+      "default": "./build/lib/theme/$.js"
     }
   },
   "exports": {
     ".": {
-      "source": "./src/exports/index.ts",
       "default": "./build/exports/index.js"
     },
     "./components": {
-      "source": "./src/exports/components.ts",
       "import": "./build/exports/components.js",
       "default": "./build/exports/components.js"
     },
     "./polen": {
-      "source": "./src/exports/polen.ts",
       "default": "./build/exports/polen.js"
     },
     "./react": {
-      "source": "./src/exports/react.ts",
       "default": "./build/exports/react.js"
     },
     "./react-dom/server": {
-      "source": "./src/exports/react-dom/server.ts",
       "default": "./build/exports/react-dom/server.js"
     },
     "./react/jsx-dev-runtime": {
-      "source": "./src/exports/react/jsx-dev-runtime.ts",
       "default": "./build/exports/react/jsx-dev-runtime.js"
     },
     "./react/jsx-runtime": {
-      "source": "./src/exports/react/jsx-runtime.ts",
       "default": "./build/exports/react/jsx-runtime.js"
     }
   },
@@ -129,39 +105,36 @@
     "@0no-co/graphql.web": "^1.1.2",
     "@graphql-inspector/core": "^6.2.1",
     "@graphql-tools/load": "^8.1.0",
-    "@hono/node-server": "^1.14.4",
+    "@hiogawa/vite-plugin-ssr-css": "^0.0.1",
+    "@hono/node-server": "^1.15.0",
     "@mdx-js/mdx": "^3.1.0",
     "@mdx-js/rollup": "^3.1.0",
     "@radix-ui/react-icons": "^1.3.2",
     "@radix-ui/themes": "^3.2.1",
-    "@rolldown/pluginutils": "1.0.0-beta.16",
-    "@rollup/pluginutils": "^5.1.4",
-    "@shikijs/rehype": "^3.6.0",
-    "@shikijs/transformers": "^3.6.0",
-    "@shikijs/twoslash": "^3.6.0",
-    "@swc/core": "^1.12.1",
+    "@rolldown/pluginutils": "1.0.0-beta.24",
+    "@rollup/pluginutils": "^5.2.0",
     "@types/jsesc": "^3.0.3",
-    "@vitejs/plugin-react": "^4.5.2",
+    "@vitejs/plugin-react": "^4.6.0",
     "@vitejs/plugin-react-oxc": "^0.2.3",
-    "@vltpkg/semver": "0.0.0-15",
-    "@vue/reactivity": "^3.5.16",
+    "@vltpkg/semver": "0.0.0-16",
+    "@vue/reactivity": "^3.5.17",
     "@wollybeard/kit": "^0.41.0",
     "@wollybeard/projector": "^0.2.0",
     "ansis": "^4.1.0",
     "clean-stack": "^5.2.0",
     "consola": "^3.4.2",
     "defu": "^6.1.4",
-    "es-toolkit": "^1.39.3",
+    "es-toolkit": "^1.39.6",
     "fuse.js": "^7.1.0",
     "graffle": "8.0.0-next.163",
     "graphql": "^16.11.0",
     "gray-matter": "^4.0.3",
-    "hono": "^4.7.11",
+    "hono": "^4.8.4",
     "jsesc": "^3.1.0",
     "jsonc-parser": "^3.3.1",
     "react": "^19.1.0",
     "react-dom": "^19.1.0",
-    "react-router": "^7.6.2",
+    "react-router": "^7.6.3",
     "rehype-stringify": "^10.0.1",
     "remark": "^15.0.1",
     "remark-frontmatter": "^5.0.0",
@@ -170,8 +143,7 @@
     "remark-parse": "^11.0.0",
     "remark-rehype": "^11.1.2",
     "resolve.imports": "^2.0.3",
-    "rolldown": "1.0.0-beta.16",
-    "shiki": "^3.6.0",
+    "rolldown": "1.0.0-beta.24",
     "simple-git": "^3.28.0",
     "source-map": "^0.7.4",
     "superjson": "^2.2.2",
@@ -180,11 +152,11 @@
     "typescript": "^5.8.3",
     "unified": "^11.0.5",
     "vfile": "^6.0.3",
-    "vite": "npm:rolldown-vite@~6.3.21",
-    "vite-plugin-inspect": "^11.2.0",
+    "vite": "npm:rolldown-vite@^7.0.4",
+    "vite-plugin-inspect": "^11.3.0",
     "vite-plugin-restart": "^0.4.2",
-    "youch-core": "^0.3.2",
-    "zx": "8.5.5"
+    "youch-core": "^0.3.3",
+    "zx": "8.6.1"
   },
   "devDependencies": {
     "@actions/core": "^1.11.1",
@@ -192,48 +164,36 @@
     "@actions/github": "^6.0.1",
     "@actions/glob": "^0.5.0",
     "@actions/io": "^1.1.3",
-    "@changesets/cli": "^2.29.4",
-    "@eslint/js": "^9.29.0",
+    "@changesets/cli": "^2.29.5",
     "@molt/command": "^0.9.0",
     "@octokit/core": "^7.0.2",
     "@octokit/types": "^14.1.0",
-    "@playwright/browser-chromium": "^1.53.0",
-    "@stylistic/eslint-plugin": "^4.4.1",
+    "@playwright/browser-chromium": "^1.53.2",
     "@testing-library/react": "^16.3.0",
-    "@tsconfig/node-lts": "^22.0.1",
+    "@tsconfig/node-lts": "^22.0.2",
     "@tsconfig/node22": "^22.0.2",
     "@tsconfig/strictest": "^2.0.5",
     "@types/jsdom": "^21.1.7",
-    "@types/node": "^24.0.3",
+    "@types/node": "^24.0.10",
     "@types/react": "^19.1.8",
     "@types/react-dom": "^19.1.6",
     "@types/semver": "^7.7.0",
-    "@typescript-eslint/eslint-plugin": "^8.34.1",
-    "@typescript-eslint/parser": "^8.34.1",
-    "dprint": "^0.50.0",
+    "dprint": "^0.50.1",
     "dripip": "^0.10.0",
-    "eslint": "^9.29.0",
-    "eslint-plugin-deprecation": "^3.0.0",
-    "eslint-plugin-only-warn": "^1.1.0",
-    "eslint-plugin-react-hooks": "^5.2.0",
-    "eslint-plugin-react-refresh": "^0.4.20",
-    "eslint-plugin-tsdoc": "^0.4.0",
-    "eslint-plugin-unused-imports": "^4.1.4",
-    "fast-check": "^4.1.1",
+    "fast-check": "^4.2.0",
     "fs-jetpack": "^5.1.0",
     "get-port-please": "^3.1.2",
-    "globals": "^16.2.0",
+    "globals": "^16.3.0",
     "jsdom": "^26.1.0",
-    "playwright": "1.53.0",
+    "playwright": "1.53.2",
     "publint": "^0.3.12",
     "semver": "^7.7.2",
     "strip-ansi": "^7.1.0",
     "type-fest": "^4.41.0",
     "typescript": "^5.8.3",
-    "typescript-eslint": "^8.34.1",
     "vite-tsconfig-paths": "^5.1.4",
-    "vitest": "^3.2.3",
-    "zod": "3.25.67"
+    "vitest": "^3.2.4",
+    "zod": "3.25.74"
   },
   "packageManager": "pnpm@10.11.1",
   "scripts": {
@@ -241,26 +201,20 @@
     "sandbox:watch": "tsx --watch src/sandbox",
     "sb": "pnpm sandbox",
     "sb:w": "pnpm sandbox:watch",
-    "polen": "node --no-warnings --experimental-transform-types --conditions source ./src/cli/index.ts",
+    "polen": "tsx ./src/cli/index.ts",
     "test:examples": "playwright test --config 'tests/playwright.config.ts' --project=examples",
     "test:integration": "playwright test --config 'tests/playwright.config.ts' --project=integration",
     "test:unit": "vitest",
     "dev": "pnpm build:watch:emit",
-    "dev:pokemon": "pnpm polen dev --project examples/pokemon",
     "dev:hive": "pnpm polen dev --project examples/hive",
-    "dev:github": "pnpm polen dev --project examples/github",
-    "dev:demo-index": "node --no-warnings --experimental-transform-types --conditions source ./src/lib/demos/ui/landing-page-cli.ts --mode dev --serve",
-    "build:demos": "zx ./scripts/build-demos.mjs",
     "build:clean": "pnpm tsc --build tsconfig.build.json --clean && rm -rf build",
     "build": "tsc --build tsconfig.build.json",
     "build:watch": "tsc --build tsconfig.build.json --watch",
     "build:watch:emit": "pnpm build:watch --noCheck",
     "build:emit": "pnpm build --noCheck",
     "prebuild": "pnpm build:clean",
-    "_fix:lint": "eslint . --fix",
     "fix:format": "dprint fmt",
     "check:format": "dprint check",
-    "_check:lint": "eslint . --max-warnings 0",
     "check:types": "tsc --noEmit",
     "check:pedantic:package": "publint run --strict",
     "precheck:pedantic:package": "pnpm build",
@@ -268,7 +222,8 @@
     "prepublishOnly": "pnpm build",
     "prepack": "pnpm build",
     "build:cli:chmodx": "chmod +x ./build/cli/index.js",
-    "postbuild": "pnpm run build:cli:chmodx",
+    "postbuild": "pnpm run build:cli:chmodx && pnpm run build:copy-assets",
+    "build:copy-assets": "mkdir -p build/template && cp -r src/template/styles build/template/",
     "test": "vitest",
     "check": "pnpm run '/^check:(?!pedantic:).+/'",
     "checkAll": "pnpm run '/^check:.+/'",

package/src/api/api.ts

@@ -1,4 +1,4 @@
-export * from './builder/index.ts'
-export * from './config-resolver/index.ts'
-export * from './config/index.ts'
-export * from './static/index.ts'
+export * from './builder/index.js'
+export * from './config-resolver/index.js'
+export * from './config/index.js'
+export * from './static/index.js'

package/src/api/builder/index.ts

@@ -1 +1 @@
-export * as Builder from './builder.ts'
+export * as Builder from './builder.js'

package/src/api/config/config.ts

@@ -1,4 +1,4 @@
-export * from './configurator.ts'
-export * from './define.ts'
-export * from './load.ts'
-export * from './merge.ts'
+export * from './configurator.js'
+export * from './define.js'
+export * from './load.js'
+export * from './merge.js'