@contractspec/example.in-app-docs 1.3.0 → 1.4.0

package/.turbo/turbo-build$colon$bundle.log

@@ -1,5 +1,5 @@
 $ tsdown
-ℹ tsdown v0.19.0 powered by rolldown v1.0.0-beta.59
+ℹ tsdown v0.20.3 powered by rolldown v1.0.0-rc.3
 ℹ config file: /home/runner/work/contractspec/contractspec/packages/examples/in-app-docs/tsdown.config.js 
 ℹ entry: src/example.ts, src/index.ts, src/docs/in-app-docs.docblock.ts, src/docs/index.ts, src/ui/InAppDocsViewer.tsx, src/ui/index.ts
 ℹ target: esnext
@@ -7,22 +7,27 @@ $ tsdown
 ℹ Build start
 ℹ Cleaning 20 files
 ℹ dist/docs/in-app-docs.docblock.js        3.01 kB │ gzip: 1.44 kB
-ℹ dist/ui/InAppDocsViewer.js               1.93 kB │ gzip: 0.87 kB
-ℹ dist/example.js                          1.33 kB │ gzip: 0.67 kB
-ℹ dist/index.js                            0.24 kB │ gzip: 0.12 kB
-ℹ dist/ui/index.js                         0.12 kB │ gzip: 0.08 kB
+ℹ dist/ui/InAppDocsViewer.js               1.86 kB │ gzip: 0.85 kB
+ℹ dist/example.js                          1.29 kB │ gzip: 0.66 kB
+ℹ dist/index.js                            0.18 kB │ gzip: 0.11 kB
+ℹ dist/ui/index.js                         0.08 kB │ gzip: 0.07 kB
 ℹ dist/docs/index.js                       0.04 kB │ gzip: 0.06 kB
 ℹ dist/docs/in-app-docs.docblock.js.map    3.60 kB │ gzip: 1.66 kB
-ℹ dist/ui/InAppDocsViewer.js.map           2.59 kB │ gzip: 1.20 kB
-ℹ dist/example.js.map                      2.52 kB │ gzip: 1.16 kB
-ℹ dist/docs/in-app-docs.docblock.d.ts.map  0.17 kB │ gzip: 0.14 kB
-ℹ dist/ui/InAppDocsViewer.d.ts.map         0.17 kB │ gzip: 0.15 kB
-ℹ dist/example.d.ts.map                    0.15 kB │ gzip: 0.14 kB
+ℹ dist/ui/InAppDocsViewer.js.map           2.58 kB │ gzip: 1.19 kB
+ℹ dist/example.js.map                      2.51 kB │ gzip: 1.16 kB
+ℹ dist/docs/in-app-docs.docblock.d.ts.map  0.16 kB │ gzip: 0.14 kB
+ℹ dist/ui/InAppDocsViewer.d.ts.map         0.16 kB │ gzip: 0.14 kB
+ℹ dist/example.d.ts.map                    0.14 kB │ gzip: 0.14 kB
 ℹ dist/docs/in-app-docs.docblock.d.ts      0.56 kB │ gzip: 0.35 kB
 ℹ dist/example.d.ts                        0.46 kB │ gzip: 0.28 kB
 ℹ dist/ui/InAppDocsViewer.d.ts             0.38 kB │ gzip: 0.25 kB
 ℹ dist/index.d.ts                          0.18 kB │ gzip: 0.11 kB
 ℹ dist/ui/index.d.ts                       0.08 kB │ gzip: 0.07 kB
 ℹ dist/docs/index.d.ts                     0.04 kB │ gzip: 0.06 kB
-ℹ 18 files, total: 17.56 kB
-✔ Build complete in 26396ms
+ℹ 18 files, total: 17.29 kB
+[PLUGIN_TIMINGS] Warning: Your build spent significant time in plugins. Here is a breakdown:
+  - tsdown:external (47%)
+  - rolldown-plugin-dts:generate (42%)
+See https://rolldown.rs/options/checks#plugintimings for more details.
+
+✔ Build complete in 43911ms

package/.turbo/turbo-build.log

@@ -1,31 +1,34 @@
-
-$ bun build:types && bun build:bundle
-$ tsc --noEmit
-$ tsdown
-ℹ tsdown v0.19.0 powered by rolldown v1.0.0-beta.59
-ℹ config file: /Users/tboutron/Documents/clients/lssm/monorepo-lssm/packages/contractspec/packages/examples/in-app-docs/tsdown.config.js (unrun)
-ℹ entry: src/example.ts, src/index.ts, src/docs/in-app-docs.docblock.ts, src/docs/index.ts, src/ui/InAppDocsViewer.tsx, src/ui/index.ts
-ℹ target: esnext
-ℹ tsconfig: tsconfig.json
-ℹ Build start
-ℹ Cleaning 20 files
-ℹ dist/docs/in-app-docs.docblock.js        3.01 kB │ gzip: 1.44 kB
-ℹ dist/ui/InAppDocsViewer.js               1.93 kB │ gzip: 0.87 kB
-ℹ dist/example.js                          1.33 kB │ gzip: 0.67 kB
-ℹ dist/index.js                            0.24 kB │ gzip: 0.12 kB
-ℹ dist/ui/index.js                         0.12 kB │ gzip: 0.08 kB
-ℹ dist/docs/index.js                       0.04 kB │ gzip: 0.06 kB
-ℹ dist/docs/in-app-docs.docblock.js.map    3.60 kB │ gzip: 1.66 kB
-ℹ dist/ui/InAppDocsViewer.js.map           2.59 kB │ gzip: 1.20 kB
-ℹ dist/example.js.map                      2.52 kB │ gzip: 1.16 kB
-ℹ dist/docs/in-app-docs.docblock.d.ts.map  0.17 kB │ gzip: 0.14 kB
-ℹ dist/ui/InAppDocsViewer.d.ts.map         0.17 kB │ gzip: 0.15 kB
-ℹ dist/example.d.ts.map                    0.15 kB │ gzip: 0.14 kB
-ℹ dist/docs/in-app-docs.docblock.d.ts      0.56 kB │ gzip: 0.35 kB
-ℹ dist/example.d.ts                        0.46 kB │ gzip: 0.28 kB
-ℹ dist/ui/InAppDocsViewer.d.ts             0.38 kB │ gzip: 0.25 kB
-ℹ dist/index.d.ts                          0.18 kB │ gzip: 0.11 kB
-ℹ dist/ui/index.d.ts                       0.08 kB │ gzip: 0.07 kB
-ℹ dist/docs/index.d.ts                     0.04 kB │ gzip: 0.06 kB
-ℹ 18 files, total: 17.56 kB
-✔ Build complete in 12683ms
+$ bun build:types && bun build:bundle
+$ tsc --noEmit
+$ tsdown
+ℹ tsdown v0.20.3 powered by rolldown v1.0.0-rc.3
+ℹ config file: /home/runner/work/contractspec/contractspec/packages/examples/in-app-docs/tsdown.config.js 
+ℹ entry: src/example.ts, src/index.ts, src/docs/in-app-docs.docblock.ts, src/docs/index.ts, src/ui/InAppDocsViewer.tsx, src/ui/index.ts
+ℹ target: esnext
+ℹ tsconfig: tsconfig.json
+ℹ Build start
+ℹ dist/docs/in-app-docs.docblock.js        3.01 kB │ gzip: 1.44 kB
+ℹ dist/ui/InAppDocsViewer.js               1.86 kB │ gzip: 0.85 kB
+ℹ dist/example.js                          1.29 kB │ gzip: 0.66 kB
+ℹ dist/index.js                            0.18 kB │ gzip: 0.11 kB
+ℹ dist/ui/index.js                         0.08 kB │ gzip: 0.07 kB
+ℹ dist/docs/index.js                       0.04 kB │ gzip: 0.06 kB
+ℹ dist/docs/in-app-docs.docblock.js.map    3.60 kB │ gzip: 1.66 kB
+ℹ dist/ui/InAppDocsViewer.js.map           2.58 kB │ gzip: 1.19 kB
+ℹ dist/example.js.map                      2.51 kB │ gzip: 1.16 kB
+ℹ dist/docs/in-app-docs.docblock.d.ts.map  0.16 kB │ gzip: 0.14 kB
+ℹ dist/ui/InAppDocsViewer.d.ts.map         0.16 kB │ gzip: 0.14 kB
+ℹ dist/example.d.ts.map                    0.14 kB │ gzip: 0.14 kB
+ℹ dist/docs/in-app-docs.docblock.d.ts      0.56 kB │ gzip: 0.35 kB
+ℹ dist/example.d.ts                        0.46 kB │ gzip: 0.28 kB
+ℹ dist/ui/InAppDocsViewer.d.ts             0.38 kB │ gzip: 0.25 kB
+ℹ dist/index.d.ts                          0.18 kB │ gzip: 0.11 kB
+ℹ dist/ui/index.d.ts                       0.08 kB │ gzip: 0.07 kB
+ℹ dist/docs/index.d.ts                     0.04 kB │ gzip: 0.06 kB
+ℹ 18 files, total: 17.29 kB
+[PLUGIN_TIMINGS] Warning: Your build spent significant time in plugins. Here is a breakdown:
+  - tsdown:external (62%)
+  - rolldown-plugin-dts:generate (37%)
+See https://rolldown.rs/options/checks#plugintimings for more details.
+
+✔ Build complete in 16035ms

package/CHANGELOG.md

@@ -1,5 +1,31 @@
 # @contractspec/example.in-app-docs
 
+## 1.4.0
+
+### Minor Changes
+
+- 11a5a05: feat: improve product intent
+
+### Patch Changes
+
+- Updated dependencies [8ecf3c1]
+- Updated dependencies [47c48c2]
+- Updated dependencies [a119963]
+- Updated dependencies [4651e06]
+- Updated dependencies [ad9d10a]
+- Updated dependencies [11a5a05]
+  - @contractspec/lib.contracts@1.57.0
+  - @contractspec/lib.example-shared-ui@1.11.0
+
+## 1.3.1
+
+### Patch Changes
+
+- fix: improve publish config
+- Updated dependencies
+  - @contractspec/lib.example-shared-ui@1.10.1
+  - @contractspec/lib.contracts@1.56.1
+
 ## 1.3.0
 
 ### Minor Changes

package/dist/docs/in-app-docs.docblock.d.ts

@@ -1,7 +1,6 @@
 import { DocBlock } from "@contractspec/lib.contracts/docs";
 
 //#region src/docs/in-app-docs.docblock.d.ts
-
 /**
  * DocBlocks for the in-app documentation example.
  *

package/dist/docs/in-app-docs.docblock.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"in-app-docs.docblock.d.ts","names":[],"sources":["../../src/docs/in-app-docs.docblock.ts"],"sourcesContent":[],"mappings":";;;;;;AAYA;;;;;;cAAa,WAAW"}
+{"version":3,"file":"in-app-docs.docblock.d.ts","names":[],"sources":["../../src/docs/in-app-docs.docblock.ts"],"mappings":";;;;;AAYA;;;;;;cAAa,SAAA,EAAW,QAAA"}

package/dist/example.d.ts

@@ -1,7 +1,6 @@
 import * as _contractspec_lib_contracts0 from "@contractspec/lib.contracts";
 
 //#region src/example.d.ts
-
 /**
  * Example specification for the in-app documentation example.
  *

package/dist/example.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"example.d.ts","names":[],"sources":["../src/example.ts"],"sourcesContent":[],"mappings":";;;;;;;AAQa;;;cAAP,SA0CJ,4BAAA,CA1CW"}
+{"version":3,"file":"example.d.ts","names":[],"sources":["../src/example.ts"],"mappings":";;;;;;AAQa;;;cAAP,OAAA,EA0CJ,4BAAA,CA1CW,WAAA"}

package/dist/example.js

@@ -46,8 +46,7 @@ const example = defineExample({
 		mcp: { enabled: false }
 	}
 });
-var example_default = example;
 
 //#endregion
-export { example_default as default };
+export { example as default };
 //# sourceMappingURL=example.js.map

package/dist/example.js.map

@@ -1 +1 @@
-{"version":3,"file":"example.js","names":[],"sources":["../src/example.ts"],"sourcesContent":["import { defineExample } from '@contractspec/lib.contracts';\n\n/**\n * Example specification for the in-app documentation example.\n *\n * This example demonstrates how to use DocBlock to build public documentation\n * aimed at end users directly within the application UI.\n */\nconst example = defineExample({\n  meta: {\n    key: 'in-app-docs',\n    version: '1.0.0',\n    title: 'In‑App Documentation Example',\n    description:\n      \"Demonstrates using DocBlock to create user‑facing guides that live inside your application's frontend. It shows how to structure a public, non‑technical user guide using ContractSpec.\",\n    kind: 'ui',\n    visibility: 'public',\n    stability: 'experimental',\n    owners: ['@docs-team'],\n    tags: ['documentation', 'guide', 'ui'],\n  },\n  docs: {\n    // Root documentation page; clicking on the example in the docs navigation\n    // will display this page.\n    rootDocId: 'docs.examples.in-app-docs',\n    // Explicitly set usage documentation id for quickstart/guide sections.\n    usageDocId: 'docs.examples.in-app-docs.usage',\n    // Provide a goal document describing the purpose of this example.\n    goalDocId: 'docs.examples.in-app-docs',\n  },\n  entrypoints: {\n    // Package name used for the example's compiled output.\n    packageName: '@contractspec/example.in-app-docs',\n    // Documentation entrypoint folder; compiled docs will be published under this path.\n    docs: './docs',\n    // UI entrypoint exposes the in-app documentation viewer component.\n    ui: './ui',\n  },\n  surfaces: {\n    // This example is not a template for new projects.\n    templates: false,\n    // Enable sandbox with only the markdown mode so users can view the docblocks.\n    sandbox: {\n      enabled: true,\n      modes: ['markdown'],\n    },\n    // Studio/MCP not required for this simple documentation example.\n    studio: { enabled: false, installable: false },\n    mcp: { enabled: false },\n  },\n});\n\nexport default example;\n"],"mappings":";;;;;;;;;AAQA,MAAM,UAAU,cAAc;CAC5B,MAAM;EACJ,KAAK;EACL,SAAS;EACT,OAAO;EACP,aACE;EACF,MAAM;EACN,YAAY;EACZ,WAAW;EACX,QAAQ,CAAC,aAAa;EACtB,MAAM;GAAC;GAAiB;GAAS;GAAK;EACvC;CACD,MAAM;EAGJ,WAAW;EAEX,YAAY;EAEZ,WAAW;EACZ;CACD,aAAa;EAEX,aAAa;EAEb,MAAM;EAEN,IAAI;EACL;CACD,UAAU;EAER,WAAW;EAEX,SAAS;GACP,SAAS;GACT,OAAO,CAAC,WAAW;GACpB;EAED,QAAQ;GAAE,SAAS;GAAO,aAAa;GAAO;EAC9C,KAAK,EAAE,SAAS,OAAO;EACxB;CACF,CAAC;AAEF,sBAAe"}
+{"version":3,"file":"example.js","names":[],"sources":["../src/example.ts"],"sourcesContent":["import { defineExample } from '@contractspec/lib.contracts';\n\n/**\n * Example specification for the in-app documentation example.\n *\n * This example demonstrates how to use DocBlock to build public documentation\n * aimed at end users directly within the application UI.\n */\nconst example = defineExample({\n  meta: {\n    key: 'in-app-docs',\n    version: '1.0.0',\n    title: 'In‑App Documentation Example',\n    description:\n      \"Demonstrates using DocBlock to create user‑facing guides that live inside your application's frontend. It shows how to structure a public, non‑technical user guide using ContractSpec.\",\n    kind: 'ui',\n    visibility: 'public',\n    stability: 'experimental',\n    owners: ['@docs-team'],\n    tags: ['documentation', 'guide', 'ui'],\n  },\n  docs: {\n    // Root documentation page; clicking on the example in the docs navigation\n    // will display this page.\n    rootDocId: 'docs.examples.in-app-docs',\n    // Explicitly set usage documentation id for quickstart/guide sections.\n    usageDocId: 'docs.examples.in-app-docs.usage',\n    // Provide a goal document describing the purpose of this example.\n    goalDocId: 'docs.examples.in-app-docs',\n  },\n  entrypoints: {\n    // Package name used for the example's compiled output.\n    packageName: '@contractspec/example.in-app-docs',\n    // Documentation entrypoint folder; compiled docs will be published under this path.\n    docs: './docs',\n    // UI entrypoint exposes the in-app documentation viewer component.\n    ui: './ui',\n  },\n  surfaces: {\n    // This example is not a template for new projects.\n    templates: false,\n    // Enable sandbox with only the markdown mode so users can view the docblocks.\n    sandbox: {\n      enabled: true,\n      modes: ['markdown'],\n    },\n    // Studio/MCP not required for this simple documentation example.\n    studio: { enabled: false, installable: false },\n    mcp: { enabled: false },\n  },\n});\n\nexport default example;\n"],"mappings":";;;;;;;;;AAQA,MAAM,UAAU,cAAc;CAC5B,MAAM;EACJ,KAAK;EACL,SAAS;EACT,OAAO;EACP,aACE;EACF,MAAM;EACN,YAAY;EACZ,WAAW;EACX,QAAQ,CAAC,aAAa;EACtB,MAAM;GAAC;GAAiB;GAAS;GAAK;EACvC;CACD,MAAM;EAGJ,WAAW;EAEX,YAAY;EAEZ,WAAW;EACZ;CACD,aAAa;EAEX,aAAa;EAEb,MAAM;EAEN,IAAI;EACL;CACD,UAAU;EAER,WAAW;EAEX,SAAS;GACP,SAAS;GACT,OAAO,CAAC,WAAW;GACpB;EAED,QAAQ;GAAE,SAAS;GAAO,aAAa;GAAO;EAC9C,KAAK,EAAE,SAAS,OAAO;EACxB;CACF,CAAC"}

package/dist/index.js

@@ -1,6 +1,6 @@
-import example_default from "./example.js";
-import InAppDocsViewer_default from "./ui/InAppDocsViewer.js";
+import example from "./example.js";
+import InAppDocsViewer from "./ui/InAppDocsViewer.js";
 import "./ui/index.js";
 import "./docs/index.js";
 
-export { InAppDocsViewer_default as InAppDocsViewer, example_default as example };
+export { InAppDocsViewer, example };

package/dist/ui/InAppDocsViewer.d.ts

@@ -1,7 +1,6 @@
 import React from "react";
 
 //#region src/ui/InAppDocsViewer.d.ts
-
 /**
  * InAppDocsViewer renders a simple navigation and content area for the example's DocBlocks.
  * Users can click titles on the left to switch between documentation pages.

package/dist/ui/InAppDocsViewer.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"InAppDocsViewer.d.ts","names":[],"sources":["../../src/ui/InAppDocsViewer.tsx"],"sourcesContent":[],"mappings":";;;;;;AAEwC;;cASlC,iBAAiB,KAAA,CAAM"}
+{"version":3,"file":"InAppDocsViewer.d.ts","names":[],"sources":["../../src/ui/InAppDocsViewer.tsx"],"mappings":";;;;;AAEwC;;cASlC,eAAA,EAAiB,KAAA,CAAM,EAAA"}

package/dist/ui/InAppDocsViewer.js

@@ -52,16 +52,11 @@ const InAppDocsViewer = () => {
 				padding: "1rem",
 				overflowY: "auto"
 			},
-			children: activeDoc && /* @__PURE__ */ jsxs(Fragment, { children: [
-				/* @__PURE__ */ jsx("h1", { children: activeDoc.title }),
-				/* @__PURE__ */ jsx(MarkdownRenderer, { content: activeDoc.body }),
-				";"
-			] })
+			children: activeDoc && /* @__PURE__ */ jsxs(Fragment, { children: [/* @__PURE__ */ jsx("h1", { children: activeDoc.title }), /* @__PURE__ */ jsx(MarkdownRenderer, { content: activeDoc.body })] })
 		})]
 	});
 };
-var InAppDocsViewer_default = InAppDocsViewer;
 
 //#endregion
-export { InAppDocsViewer_default as default };
+export { InAppDocsViewer as default };
 //# sourceMappingURL=InAppDocsViewer.js.map

package/dist/ui/InAppDocsViewer.js.map

@@ -1 +1 @@
-{"version":3,"file":"InAppDocsViewer.js","names":[],"sources":["../../src/ui/InAppDocsViewer.tsx"],"sourcesContent":["'use client';\n\nimport React, { useState } from 'react';\n// import ReactMarkdown from 'react-markdown';\nimport { inAppDocs } from '../docs/in-app-docs.docblock';\nimport { MarkdownRenderer } from '@contractspec/lib.example-shared-ui';\n\n/**\n * InAppDocsViewer renders a simple navigation and content area for the example's DocBlocks.\n * Users can click titles on the left to switch between documentation pages.\n */\nconst InAppDocsViewer: React.FC = () => {\n  const [activeId, setActiveId] = useState<string>(inAppDocs[0]?.id ?? '');\n\n  const activeDoc = inAppDocs.find((doc) => doc.id === activeId);\n\n  return (\n    <div style={{ display: 'flex', height: '100%', gap: '1rem' }}>\n      <nav style={{ width: '220px', borderRight: '1px solid #eee' }}>\n        <ul style={{ listStyle: 'none', padding: 0, margin: 0 }}>\n          {inAppDocs.map((doc) => (\n            <li key={doc.id} style={{ marginBottom: '0.5rem' }}>\n              <button\n                onClick={() => setActiveId(doc.id)}\n                style={{\n                  background: doc.id === activeId ? '#f0f0f0' : 'transparent',\n                  border: 'none',\n                  padding: '0.5rem 0.75rem',\n                  cursor: 'pointer',\n                  textAlign: 'left',\n                  width: '100%',\n                }}\n              >\n                {doc.title}\n              </button>\n            </li>\n          ))}\n        </ul>\n      </nav>\n      <main style={{ flexGrow: 1, padding: '1rem', overflowY: 'auto' }}>\n        {activeDoc && (\n          <>\n            <h1>{activeDoc.title}</h1>\n            <MarkdownRenderer content={activeDoc.body} />;\n          </>\n        )}\n      </main>\n    </div>\n  );\n};\n\nexport default InAppDocsViewer;\n"],"mappings":";;;;;;;;;;;;AAWA,MAAM,wBAAkC;CACtC,MAAM,CAAC,UAAU,eAAe,SAAiB,UAAU,IAAI,MAAM,GAAG;CAExE,MAAM,YAAY,UAAU,MAAM,QAAQ,IAAI,OAAO,SAAS;AAE9D,QACE,qBAAC;EAAI,OAAO;GAAE,SAAS;GAAQ,QAAQ;GAAQ,KAAK;GAAQ;aAC1D,oBAAC;GAAI,OAAO;IAAE,OAAO;IAAS,aAAa;IAAkB;aAC3D,oBAAC;IAAG,OAAO;KAAE,WAAW;KAAQ,SAAS;KAAG,QAAQ;KAAG;cACpD,UAAU,KAAK,QACd,oBAAC;KAAgB,OAAO,EAAE,cAAc,UAAU;eAChD,oBAAC;MACC,eAAe,YAAY,IAAI,GAAG;MAClC,OAAO;OACL,YAAY,IAAI,OAAO,WAAW,YAAY;OAC9C,QAAQ;OACR,SAAS;OACT,QAAQ;OACR,WAAW;OACX,OAAO;OACR;gBAEA,IAAI;OACE;OAbF,IAAI,GAcR,CACL;KACC;IACD,EACN,oBAAC;GAAK,OAAO;IAAE,UAAU;IAAG,SAAS;IAAQ,WAAW;IAAQ;aAC7D,aACC;IACE,oBAAC,kBAAI,UAAU,QAAW;IAC1B,oBAAC,oBAAiB,SAAS,UAAU,OAAQ;;OAC5C;IAEA;GACH;;AAIV,8BAAe"}
+{"version":3,"file":"InAppDocsViewer.js","names":[],"sources":["../../src/ui/InAppDocsViewer.tsx"],"sourcesContent":["'use client';\n\nimport React, { useState } from 'react';\n// import ReactMarkdown from 'react-markdown';\nimport { inAppDocs } from '../docs/in-app-docs.docblock';\nimport { MarkdownRenderer } from '@contractspec/lib.example-shared-ui';\n\n/**\n * InAppDocsViewer renders a simple navigation and content area for the example's DocBlocks.\n * Users can click titles on the left to switch between documentation pages.\n */\nconst InAppDocsViewer: React.FC = () => {\n  const [activeId, setActiveId] = useState<string>(inAppDocs[0]?.id ?? '');\n\n  const activeDoc = inAppDocs.find((doc) => doc.id === activeId);\n\n  return (\n    <div style={{ display: 'flex', height: '100%', gap: '1rem' }}>\n      <nav style={{ width: '220px', borderRight: '1px solid #eee' }}>\n        <ul style={{ listStyle: 'none', padding: 0, margin: 0 }}>\n          {inAppDocs.map((doc) => (\n            <li key={doc.id} style={{ marginBottom: '0.5rem' }}>\n              <button\n                onClick={() => setActiveId(doc.id)}\n                style={{\n                  background: doc.id === activeId ? '#f0f0f0' : 'transparent',\n                  border: 'none',\n                  padding: '0.5rem 0.75rem',\n                  cursor: 'pointer',\n                  textAlign: 'left',\n                  width: '100%',\n                }}\n              >\n                {doc.title}\n              </button>\n            </li>\n          ))}\n        </ul>\n      </nav>\n      <main style={{ flexGrow: 1, padding: '1rem', overflowY: 'auto' }}>\n        {activeDoc && (\n          <>\n            <h1>{activeDoc.title}</h1>\n            <MarkdownRenderer content={activeDoc.body} />\n          </>\n        )}\n      </main>\n    </div>\n  );\n};\n\nexport default InAppDocsViewer;\n"],"mappings":";;;;;;;;;;;;AAWA,MAAM,wBAAkC;CACtC,MAAM,CAAC,UAAU,eAAe,SAAiB,UAAU,IAAI,MAAM,GAAG;CAExE,MAAM,YAAY,UAAU,MAAM,QAAQ,IAAI,OAAO,SAAS;AAE9D,QACE,qBAAC;EAAI,OAAO;GAAE,SAAS;GAAQ,QAAQ;GAAQ,KAAK;GAAQ;aAC1D,oBAAC;GAAI,OAAO;IAAE,OAAO;IAAS,aAAa;IAAkB;aAC3D,oBAAC;IAAG,OAAO;KAAE,WAAW;KAAQ,SAAS;KAAG,QAAQ;KAAG;cACpD,UAAU,KAAK,QACd,oBAAC;KAAgB,OAAO,EAAE,cAAc,UAAU;eAChD,oBAAC;MACC,eAAe,YAAY,IAAI,GAAG;MAClC,OAAO;OACL,YAAY,IAAI,OAAO,WAAW,YAAY;OAC9C,QAAQ;OACR,SAAS;OACT,QAAQ;OACR,WAAW;OACX,OAAO;OACR;gBAEA,IAAI;OACE;OAbF,IAAI,GAcR,CACL;KACC;IACD,EACN,oBAAC;GAAK,OAAO;IAAE,UAAU;IAAG,SAAS;IAAQ,WAAW;IAAQ;aAC7D,aACC,4CACE,oBAAC,kBAAI,UAAU,QAAW,EAC1B,oBAAC,oBAAiB,SAAS,UAAU,OAAQ,IAC5C;IAEA;GACH"}

package/dist/ui/index.js

@@ -1,3 +1,3 @@
-import InAppDocsViewer_default from "./InAppDocsViewer.js";
+import InAppDocsViewer from "./InAppDocsViewer.js";
 
-export { InAppDocsViewer_default as InAppDocsViewer };
+export { InAppDocsViewer };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@contractspec/example.in-app-docs",
-  "version": "1.3.0",
+  "version": "1.4.0",
   "description": "Example showing how to use DocBlock for in-app documentation for non-technical users",
   "type": "module",
   "types": "./dist/index.d.ts",
@@ -27,17 +27,17 @@
     "test": "bun test"
   },
   "dependencies": {
-    "@contractspec/lib.contracts": "1.56.0",
-    "@contractspec/lib.example-shared-ui": "1.10.0",
+    "@contractspec/lib.contracts": "1.57.0",
+    "@contractspec/lib.example-shared-ui": "1.11.0",
     "react": "19.2.4",
     "react-dom": "19.2.4"
   },
   "devDependencies": {
-    "@contractspec/tool.tsdown": "1.56.0",
-    "@contractspec/tool.typescript": "1.56.0",
-    "tsdown": "^0.19.0",
+    "@contractspec/tool.tsdown": "1.57.0",
+    "@contractspec/tool.typescript": "1.57.0",
+    "tsdown": "^0.20.3",
     "typescript": "^5.9.3",
-    "@types/react": "^19.2.8",
+    "@types/react": "^19.2.13",
     "@types/react-dom": "^19.2.2"
   },
   "publishConfig": {

package/src/ui/InAppDocsViewer.tsx

@@ -41,7 +41,7 @@ const InAppDocsViewer: React.FC = () => {
         {activeDoc && (
           <>
             <h1>{activeDoc.title}</h1>
-            <MarkdownRenderer content={activeDoc.body} />;
+            <MarkdownRenderer content={activeDoc.body} />
           </>
         )}
       </main>