@smartmemory/wiki-components 0.5.0 → 0.6.0

package/src/index.d.ts

@@ -20,7 +20,7 @@ export function FeatureHub(props: { featureId: string; workspace?: Workspace }):
 /** Search across `workspaces` (default: identity().workspaces), or only `workspace` when it is one of them. */
 export function Search(props: { query?: string; workspace?: Workspace | null; workspaces?: Workspace[] } & NavProps): ReactElement;
 
-export const DATA_CLIENT_CALLS: { method: keyof DataClient; endpoint: string; query?: string; page?: Record<string, number> }[];
+export const DATA_CLIENT_CALLS: { method: keyof DataClient; endpoint: string; query?: string; page?: Record<string, number | boolean> }[];
 
 /** Every recorded decision of `workspace` (default: the first of identity().workspaces), 50 a page with a pager. */
 export function Decisions(props: { workspace?: Workspace | null } & NavProps): ReactElement;
@@ -55,3 +55,8 @@ export function wikiPath(target: NavTarget): string;
 export function wsName(workspace: Workspace): string;
 /** The path of an area's docs page in the wiki's /ui/ app. */
 export function areaUrl(area: string): string;
+/** The shared text-field class string. */
+export const INPUT: string;
+/** react-markdown `components` and `remarkPlugins` for note text (http(s) links only, no images, headings one level down). */
+export const MD: Record<string, (props: any) => ReactNode>;
+export const MD_PLUGINS: unknown[];

package/src/index.js

@@ -8,7 +8,7 @@ export { default as AreaDocs } from "./AreaDocs";
 export { default as Ledger } from "./Ledger";
 export { usePagedCall } from "./paged";
 export { WikiDataProvider, useDataClient, useClientCall, DATA_CLIENT_CALLS } from "./data-client";
-export { wikiPath, wsName, wsUrl, noteUrl, areaUrl, toDate, fmtDate, ago, fmtDuration, summaryOf } from "./lib";
+export { wikiPath, wsName, wsUrl, noteUrl, areaUrl, toDate, fmtDate, ago, fmtDuration, summaryOf, INPUT } from "./lib";
 export { default as useNow } from "./useNow";
 // The parts the screens are built from; the /ui/ app's other pages use them too (ui/src/components/wiki/* re-export them).
 export { default as ErrorBox } from "./parts/ErrorBox";
@@ -29,3 +29,4 @@ export { default as Pager } from "./parts/Pager";
 export { default as LedgerTimeline } from "./parts/LedgerTimeline";
 export { default as FreshnessBadge } from "./parts/FreshnessBadge";
 export { default as OverdueBadge } from "./parts/OverdueBadge";
+export { MD, MD_PLUGINS } from "./parts/Markdown";

package/src/lib.js

@@ -41,3 +41,6 @@ export function wikiPath(target) {
   }
   throw new Error(`wikiPath: unknown target kind ${target.kind}`);
 }
+
+// The shared text-field style (moved from ui/src/lib/wiki.js, COMPOSE-WIKI-GRAPH-1a).
+export const INPUT = "h-8 rounded-md border border-neutral-200 bg-white px-2 text-[13px] outline-none focus:border-blue-600 focus:ring-2 focus:ring-blue-600/15";

package/src/parts/Markdown.jsx

@@ -0,0 +1,22 @@
+import React from "react";
+import remarkGfm from "remark-gfm";
+
+// COMPOSE-WIKI-GRAPH-1a: moved unchanged from ui/src/pages/NotePage.jsx (the graph's doc pane renders note text with the same components).
+// A link inside a note opens only when it is an absolute http(s) URL, in a new tab with no referrer; a relative link
+// names a file in the source, which is not a reader URL, so it reads as text. No raw HTML and no images are rendered
+// (the CSP allows images from this origin only, and a note's image would be a broken or remote one).
+export const MD = {
+  a: ({ href, children }) => /^https?:\/\//i.test(href || "")
+    ? <a href={href} target="_blank" rel="noopener noreferrer">{children}</a>
+    : <span className="text-ink">{children}</span>,
+  img: ({ alt }) => (alt ? <span className="text-neutral-500">[image: {alt}]</span> : null),
+  // the page's one h1 is the note's title, so the note's own headings sit one level under it
+  h1: ({ children }) => <h2>{children}</h2>,
+  h2: ({ children }) => <h3>{children}</h3>,
+  h3: ({ children }) => <h4>{children}</h4>,
+  h4: ({ children }) => <h5>{children}</h5>,
+  h5: ({ children }) => <h6>{children}</h6>,
+};
+
+// GitHub-flavoured Markdown (pipe tables, ~~strike~~, task lists, bare-URL autolinks); every site that renders note text passes this.
+export const MD_PLUGINS = [remarkGfm];