cms-renderer 0.6.4 → 0.6.6

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "cms-renderer",
-  "version": "0.6.4",
+  "version": "0.6.6",
   "private": false,
   "type": "module",
   "exports": {
@@ -56,13 +56,22 @@
       "types": "./dist/lib/custom-schemas.d.ts",
       "import": "./dist/lib/custom-schemas.js"
     },
+    "./lib/docs-markdown": {
+      "types": "./dist/lib/docs-markdown.d.ts",
+      "import": "./dist/lib/docs-markdown.js"
+    },
+    "./styles/docs-markdown.css": "./styles/docs-markdown.css",
     "./lib/refresher": {
       "types": "./dist/lib/refresher.d.ts",
       "import": "./dist/lib/refresher.js"
     }
   },
   "files": [
-    "dist"
+    "dist",
+    "styles"
+  ],
+  "sideEffects": [
+    "./styles/*.css"
   ],
   "publishConfig": {
     "access": "public"
@@ -78,6 +87,7 @@
     "clean": "rm -rf .next .turbo node_modules dist"
   },
   "dependencies": {
+    "@heroicons/react": "^2.2.0",
     "@hookform/resolvers": "^5.1.0",
     "@lexical/code": "0.39.0",
     "@lexical/link": "0.39.0",
@@ -94,19 +104,20 @@
     "@trpc/client": "^11.8.1",
     "@trpc/react-query": "^11.8.1",
     "@trpc/server": "^11.8.1",
-    "lucide-react": "0.562.0",
+    "escape-string-regexp": "^5.0.0",
     "md4w": "^0.2.7",
-    "object-hash": "^3.0.0",
     "next": "^16.1.1",
+    "object-hash": "^3.0.0",
+    "shiki": "^4.0.2",
     "react": "^19.1.0",
     "react-dom": "^19.1.0",
     "superjson": "2.2.6",
-    "escape-string-regexp": "^5.0.0",
     "zod": "4.3.5"
   },
   "devDependencies": {
     "@happy-dom/global-registrator": "20.1.0",
     "@repo/cms-schema": "0.0.0",
+    "@repo/markdown-wasm": "0.0.0",
     "@repo/typescript-config": "0.0.0",
     "tsup": "^8.3.5",
     "@tailwindcss/postcss": "4",

package/styles/docs-markdown.css

@@ -0,0 +1,181 @@
+.cms-docs-markdown {
+  max-width: none;
+  min-width: 0;
+  overflow-x: hidden;
+  overflow-wrap: anywhere;
+  word-break: break-word;
+  color: #d1d5db;
+  font-size: 15px;
+  line-height: 1.75;
+}
+
+.cms-docs-markdown h1,
+.cms-docs-markdown h2,
+.cms-docs-markdown h3,
+.cms-docs-markdown h4 {
+  color: #ffffff;
+  font-weight: 600;
+}
+
+.cms-docs-markdown h1 {
+  margin: 0 0 1.5rem;
+  letter-spacing: -0.025em;
+  font-size: 2.25rem;
+  line-height: 1.1;
+}
+
+.cms-docs-markdown h2 {
+  margin: 2.5rem 0 1rem;
+  font-size: 1.5rem;
+  line-height: 1.3;
+}
+
+.cms-docs-markdown h3 {
+  margin: 2rem 0 0.75rem;
+  font-size: 1.25rem;
+  line-height: 1.35;
+}
+
+.cms-docs-markdown h4 {
+  margin: 1.5rem 0 0.5rem;
+  font-size: 1.125rem;
+  line-height: 1.4;
+}
+
+.cms-docs-markdown > :first-child {
+  margin-top: 0;
+}
+
+.cms-docs-markdown p,
+.cms-docs-markdown ul,
+.cms-docs-markdown ol,
+.cms-docs-markdown blockquote,
+.cms-docs-markdown pre,
+.cms-docs-markdown table,
+.cms-docs-markdown img {
+  margin: 1rem 0;
+}
+
+.cms-docs-markdown a {
+  color: #93c5fd;
+  text-decoration: underline;
+  text-underline-offset: 4px;
+}
+
+.cms-docs-markdown strong {
+  color: #ffffff;
+  font-weight: 600;
+}
+
+.cms-docs-markdown em {
+  font-style: italic;
+}
+
+.cms-docs-markdown ul,
+.cms-docs-markdown ol {
+  padding-left: 1.5rem;
+}
+
+.cms-docs-markdown ul {
+  list-style: disc;
+}
+
+.cms-docs-markdown ol {
+  list-style: decimal;
+}
+
+.cms-docs-markdown li {
+  margin: 0.25rem 0;
+  overflow-wrap: anywhere;
+}
+
+.cms-docs-markdown blockquote {
+  border-left: 2px solid #374151;
+  padding-left: 1rem;
+  color: #9ca3af;
+  font-style: italic;
+}
+
+.cms-docs-markdown :not(pre) > code {
+  border-radius: 0.25rem;
+  background: #1f2937;
+  padding: 0.125rem 0.375rem;
+  color: #f9fafb;
+  font-size: 0.9em;
+}
+
+.cms-docs-markdown pre,
+.cms-docs-markdown .shiki {
+  overflow-x: auto;
+  border: 1px solid #1f2937;
+  border-radius: 0.75rem;
+  background: #0b0f19;
+  padding: 1rem;
+}
+
+.cms-docs-markdown pre code,
+.cms-docs-markdown .shiki code {
+  background: transparent;
+  padding: 0;
+  color: #e5e7eb;
+}
+
+.cms-docs-markdown hr {
+  margin: 2rem 0;
+  border: 0;
+  border-top: 1px solid #1f2937;
+}
+
+.cms-docs-markdown table {
+  display: block;
+  max-width: 100%;
+  overflow-x: auto;
+  border-collapse: collapse;
+}
+
+.cms-docs-markdown th,
+.cms-docs-markdown td {
+  border: 1px solid #374151;
+  padding: 0.5rem 0.75rem;
+}
+
+.cms-docs-markdown th {
+  background: #111827;
+  color: #ffffff;
+  text-align: left;
+}
+
+.cms-docs-markdown img {
+  display: block;
+  max-width: 100%;
+  height: auto;
+  border-radius: 0.75rem;
+}
+
+@media (min-width: 640px) {
+  .cms-docs-markdown h1 {
+    font-size: 2.5rem;
+  }
+
+  .cms-docs-markdown h2 {
+    font-size: 1.75rem;
+  }
+
+  .cms-docs-markdown h3 {
+    font-size: 1.5rem;
+  }
+
+  .cms-docs-markdown h4 {
+    font-size: 1.125rem;
+  }
+
+  .cms-docs-markdown ul,
+  .cms-docs-markdown ol {
+    padding-left: 1.75rem;
+  }
+
+  .cms-docs-markdown table {
+    display: table;
+    width: 100%;
+  }
+}