@umami/shiso 0.46.0 → 0.48.0

package/dist/index.css

@@ -38,22 +38,22 @@
 }
 
 /* virtual-css:css:2dd9c1a25bf05a14c9a7ab7ce1da6aef */
-.CodeBlock_container__ZTkxY {
+.CodeBlock_container__NjNhN {
   position: relative;
-  background: var(--base-color-900);
+  background: var(--base-color-12);
   padding: var(--spacing-5);
   border-radius: 6px;
   white-space: pre-wrap;
   word-wrap: break-word;
 }
-pre.CodeBlock_container__ZTkxY code {
+pre.CodeBlock_container__NjNhN code {
   font-family: var(--font-family-code);
-  color: var(--base-color-300);
+  color: var(--base-color-4);
   padding: 0;
   border: 0;
   background: transparent;
 }
-.CodeBlock_button__MmZkO {
+.CodeBlock_button__YzMzM {
   border: 0;
   position: absolute;
   right: var(--spacing-5);
@@ -61,13 +61,13 @@ pre.CodeBlock_container__ZTkxY code {
   cursor: pointer;
   background: transparent;
 }
-.CodeBlock_copy__M2I0N {
-  color: var(--base-color-300);
+.CodeBlock_copy__MjRhM {
+  color: var(--base-color-4);
 }
-.CodeBlock_copy__M2I0N:hover {
-  color: var(--base-color-50);
+.CodeBlock_copy__MjRhM:hover {
+  color: var(--base-color-1);
 }
-.CodeBlock_check__MjkzY {
+.CodeBlock_check__YTc2M {
   color: var(--success-color);
 }
 
@@ -123,65 +123,65 @@ pre.CodeBlock_container__ZTkxY code {
 }
 
 /* virtual-css:css:4d0931c84adfae5533b067ea199724f8 */
-.Markdown_content__NmE1Z {
+.Markdown_content__YzRmN {
   font-size: 16px;
   margin-bottom: 60px;
 }
-.Markdown_content__NmE1Z > p {
+.Markdown_content__YzRmN > p {
   color: var(--font-color);
   line-height: 1.8;
 }
-.Markdown_content__NmE1Z a {
+.Markdown_content__YzRmN a {
   color: var(--font-color);
   font-weight: 600;
   text-decoration: underline var(--border-color);
   text-underline-offset: 4px;
 }
-.Markdown_content__NmE1Z a:hover {
+.Markdown_content__YzRmN a:hover {
   color: var(--font-color);
   text-decoration: underline var(--primary-color);
 }
-.Markdown_content__NmE1Z img {
+.Markdown_content__YzRmN img {
   display: block;
   max-width: 100%;
   margin: 4rem auto;
   box-shadow: 2px 2px 16px rgba(0, 0, 0, .1);
 }
-.Markdown_content__NmE1Z h1 {
+.Markdown_content__YzRmN h1 {
   font-size: var(--font-size-8);
   letter-spacing: var(--letter-spacing-1);
   margin: 0 0 var(--spacing-4) 0;
 }
-.Markdown_content__NmE1Z h2 {
+.Markdown_content__YzRmN h2 {
   font-size: var(--font-size-6);
   letter-spacing: var(--letter-spacing-1);
   margin: var(--spacing-8) 0 var(--spacing-4) 0;
 }
-.Markdown_content__NmE1Z h3 {
+.Markdown_content__YzRmN h3 {
   font-size: var(--font-size-5);
   letter-spacing: var(--letter-spacing-1);
   margin: var(--spacing-7) 0 var(--spacing-4) 0;
 }
-.Markdown_content__NmE1Z *[id] {
+.Markdown_content__YzRmN *[id] {
   scroll-margin-top: var(--spacing-4);
 }
-.Markdown_content__NmE1Z ul {
+.Markdown_content__YzRmN ul {
   list-style: disc;
 }
-.Markdown_content__NmE1Z ol {
+.Markdown_content__YzRmN ol {
   list-style: decimal;
 }
-.Markdown_content__NmE1Z pre {
+.Markdown_content__YzRmN pre {
   margin: var(--spacing-5) 0;
 }
-.Markdown_content__NmE1Z code {
+.Markdown_content__YzRmN code {
   font-size: 14px;
 }
-.Markdown_content__NmE1Z code:not([class]) {
+.Markdown_content__YzRmN code:not([class]) {
   font-family: var(--font-family-code);
   color: var(--font-color);
   padding: var(--spacing-1);
   border-radius: var(--border-radius);
-  background: var(--base-color-50);
+  background: var(--base-color-1);
   font-weight: var(--font-weight-bold);
 }

package/dist/index.js

@@ -1,4 +1,5 @@
 "use strict";
+"use client";
 var __create = Object.create;
 var __defProp = Object.defineProperty;
 var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
@@ -99,7 +100,7 @@ var import_react2 = require("react");
 var import_react_zen2 = require("@umami/react-zen");
 
 // css-modules:E:\dev\umami-shiso\src\components\CodeBlock.module.css
-var CodeBlock_default = { "container": "CodeBlock_container__ZTkxY", "button": "CodeBlock_button__MmZkO", "copy": "CodeBlock_copy__M2I0N", "check": "CodeBlock_check__MjkzY" };
+var CodeBlock_default = { "container": "CodeBlock_container__NjNhN", "button": "CodeBlock_button__YzMzM", "copy": "CodeBlock_copy__MjRhM", "check": "CodeBlock_check__YTc2M" };
 
 // src/components/CodeBlock.tsx
 var import_jsx_runtime2 = require("react/jsx-runtime");
@@ -209,7 +210,7 @@ var import_react4 = require("@mdx-js/react");
 var runtime = __toESM(require("react/jsx-runtime"));
 
 // css-modules:E:\dev\umami-shiso\src\components\Markdown.module.css
-var Markdown_default = { "content": "Markdown_content__NmE1Z" };
+var Markdown_default = { "content": "Markdown_content__YzRmN" };
 
 // src/components/Markdown.tsx
 var import_jsx_runtime5 = require("react/jsx-runtime");
@@ -414,13 +415,17 @@ var defaultTemplates = {
   docs: Docs,
   blog: Blogs
 };
+var shisoComponents = {
+  pre: CodeBlock,
+  code: import_react_zen10.Code
+};
 var ShisoContext = (0, import_react5.createContext)(null);
 function Shiso({ type, config, content, components, templates }) {
   const Component = { ...defaultTemplates, ...templates }[type];
   if (!Component) {
     return /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("h1", { children: `Component not found for type: ${type}` });
   }
-  return /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(ShisoContext.Provider, { value: { type, config, content, components, templates }, children: /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(import_react6.MDXProvider, { components: { pre: CodeBlock, code: import_react_zen10.Code, ...components }, children: /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(Component, { config, content }) }) });
+  return /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(ShisoContext.Provider, { value: { type, config, content, components, templates }, children: /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(import_react6.MDXProvider, { components: { ...shisoComponents, ...components }, children: /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(Component, { config, content }) }) });
 }
 
 // src/components/hooks/useShiso.ts

package/dist/index.mjs

@@ -1,3 +1,5 @@
+"use client";
+
 // src/components/Blog.tsx
 import { Heading as Heading5, Box as Box7, Text as Text6, Row as Row5, Column as Column5, Image as Image2 } from "@umami/react-zen";
 import { format as format2 } from "date-fns";
@@ -61,7 +63,7 @@ import { useState as useState2, useRef } from "react";
 import { Icon, Icons } from "@umami/react-zen";
 
 // css-modules:E:\dev\umami-shiso\src\components\CodeBlock.module.css
-var CodeBlock_default = { "container": "CodeBlock_container__ZTkxY", "button": "CodeBlock_button__MmZkO", "copy": "CodeBlock_copy__M2I0N", "check": "CodeBlock_check__MjkzY" };
+var CodeBlock_default = { "container": "CodeBlock_container__NjNhN", "button": "CodeBlock_button__YzMzM", "copy": "CodeBlock_copy__MjRhM", "check": "CodeBlock_check__YTc2M" };
 
 // src/components/CodeBlock.tsx
 import { jsx as jsx2, jsxs as jsxs2 } from "react/jsx-runtime";
@@ -182,7 +184,7 @@ import { useMDXComponents } from "@mdx-js/react";
 import * as runtime from "react/jsx-runtime";
 
 // css-modules:E:\dev\umami-shiso\src\components\Markdown.module.css
-var Markdown_default = { "content": "Markdown_content__NmE1Z" };
+var Markdown_default = { "content": "Markdown_content__YzRmN" };
 
 // src/components/Markdown.tsx
 import { jsx as jsx5, jsxs as jsxs4 } from "react/jsx-runtime";
@@ -386,13 +388,17 @@ var defaultTemplates = {
   docs: Docs,
   blog: Blogs
 };
+var shisoComponents = {
+  pre: CodeBlock,
+  code: Code
+};
 var ShisoContext = createContext(null);
 function Shiso({ type, config, content, components, templates }) {
   const Component = { ...defaultTemplates, ...templates }[type];
   if (!Component) {
     return /* @__PURE__ */ jsx10("h1", { children: `Component not found for type: ${type}` });
   }
-  return /* @__PURE__ */ jsx10(ShisoContext.Provider, { value: { type, config, content, components, templates }, children: /* @__PURE__ */ jsx10(MDXProvider, { components: { pre: CodeBlock, code: Code, ...components }, children: /* @__PURE__ */ jsx10(Component, { config, content }) }) });
+  return /* @__PURE__ */ jsx10(ShisoContext.Provider, { value: { type, config, content, components, templates }, children: /* @__PURE__ */ jsx10(MDXProvider, { components: { ...shisoComponents, ...components }, children: /* @__PURE__ */ jsx10(Component, { config, content }) }) });
 }
 
 // src/components/hooks/useShiso.ts

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@umami/shiso",
-  "version": "0.46.0",
+  "version": "0.48.0",
   "description": "A content layer for Next.js",
   "homepage": "https://umami.is/shiso",
   "repository": {

package/server/index.js

@@ -58,7 +58,10 @@ export var parseFile = cache(function (file) { return __awaiter(void 0, void 0,
                     var match = line.match(/^(#+)\s+(.*)/);
                     if (match) {
                         var num = match[1], name_1 = match[2];
-                        var id = name_1.toLowerCase().replace(/\s+/g, '-');
+                        var id = name_1
+                            .toLowerCase()
+                            .replace(/\s+/g, '-')
+                            .replace(/[^\w-]+/g, '');
                         var size = num.length;
                         anchors_1.push({ name: name_1, id: id, size: size });
                     }