@nuucognition/ncm-ui 0.1.0-dev.1

package/dist/blocks/latex/index.d.ts

@@ -0,0 +1,9 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import { LatexDisplayBlock as LatexDisplayBlock$1 } from '@nuucognition/ncm';
+import { a as BlockRendererProps } from '../../renderers-C5f41FCy.js';
+import 'react';
+
+type LatexDisplayBlockProps = BlockRendererProps<LatexDisplayBlock$1>;
+declare function LatexDisplayBlock({ block, className }: LatexDisplayBlockProps): react_jsx_runtime.JSX.Element;
+
+export { LatexDisplayBlock, type LatexDisplayBlockProps };

package/dist/blocks/latex/index.js

@@ -0,0 +1,107 @@
+"use client";
+import { createContext, useContext, useState, useEffect, useMemo } from 'react';
+import { jsx } from 'react/jsx-runtime';
+import { clsx } from 'clsx';
+import { twMerge } from 'tailwind-merge';
+
+// src/context/ncm-context.tsx
+var NcmContext = createContext(null);
+function useNcmConfig() {
+  return useContext(NcmContext) ?? {};
+}
+var katexPromise = null;
+function loadKatex() {
+  if (!katexPromise) {
+    katexPromise = Promise.all([
+      import('katex'),
+      import('katex/dist/katex.min.css')
+    ]).then(([module]) => module.default).catch(() => null);
+  }
+  return katexPromise;
+}
+function useKatexHtml(content, displayMode, enabled = true) {
+  const [katexModule, setKatexModule] = useState(null);
+  useEffect(() => {
+    if (!enabled) {
+      return;
+    }
+    let active = true;
+    loadKatex().then((loaded) => {
+      if (active) {
+        setKatexModule(loaded);
+      }
+    });
+    return () => {
+      active = false;
+    };
+  }, [enabled]);
+  return useMemo(() => {
+    if (!enabled || !katexModule) {
+      return null;
+    }
+    try {
+      return katexModule.renderToString(content, {
+        throwOnError: false,
+        displayMode
+      });
+    } catch {
+      return null;
+    }
+  }, [content, displayMode, enabled, katexModule]);
+}
+function cn(...inputs) {
+  return twMerge(clsx(inputs));
+}
+function LatexDisplayBlock({ block, className }) {
+  const config = useNcmConfig();
+  const CustomRenderer = config.inline?.customLatexRenderer;
+  const html = useKatexHtml(block.content, true, !CustomRenderer);
+  if (CustomRenderer) {
+    return /* @__PURE__ */ jsx(
+      "div",
+      {
+        role: "region",
+        "aria-label": "Mathematical expression",
+        "data-ncm-block": block.id,
+        "data-ncm-stable": block.stableId,
+        "data-ncm-type": block.type,
+        "data-block-id": block.id,
+        "data-ncm-latex-display": "",
+        className,
+        children: /* @__PURE__ */ jsx(CustomRenderer, { content: block.content, display: true })
+      }
+    );
+  }
+  if (html) {
+    return /* @__PURE__ */ jsx(
+      "div",
+      {
+        role: "region",
+        "aria-label": "Mathematical expression",
+        "data-ncm-block": block.id,
+        "data-ncm-stable": block.stableId,
+        "data-ncm-type": block.type,
+        "data-block-id": block.id,
+        "data-ncm-latex-display": "",
+        className: cn("overflow-x-auto", className),
+        dangerouslySetInnerHTML: { __html: html }
+      }
+    );
+  }
+  return /* @__PURE__ */ jsx(
+    "pre",
+    {
+      role: "region",
+      "aria-label": "Mathematical expression (source)",
+      "data-ncm-block": block.id,
+      "data-ncm-stable": block.stableId,
+      "data-ncm-type": block.type,
+      "data-block-id": block.id,
+      "data-ncm-latex-display": "",
+      className: cn("overflow-x-auto rounded-lg border border-border bg-muted p-4 font-mono text-sm", className),
+      children: /* @__PURE__ */ jsx("code", { children: block.content })
+    }
+  );
+}
+
+export { LatexDisplayBlock };

package/dist/blocks/link/index.d.ts

@@ -0,0 +1,14 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import { LinkBlock as LinkBlock$1 } from '@nuucognition/ncm';
+import { a as BlockRendererProps } from '../../renderers-C5f41FCy.js';
+import 'react';
+
+type LinkBlockProps = BlockRendererProps<LinkBlock$1>;
+/**
+ * Link-block renderer — a paragraph that contained only a single link, promoted
+ * for card-style rendering. Default is a block-level anchor; override the `link`
+ * renderer key for rich link previews.
+ */
+declare function LinkBlock({ block, className }: LinkBlockProps): react_jsx_runtime.JSX.Element;
+
+export { LinkBlock, type LinkBlockProps };

package/dist/blocks/link/index.js

@@ -0,0 +1,27 @@
+"use client";
+import { clsx } from 'clsx';
+import { twMerge } from 'tailwind-merge';
+import { jsx } from 'react/jsx-runtime';
+
+// src/lib/utils.ts
+function cn(...inputs) {
+  return twMerge(clsx(inputs));
+}
+function LinkBlock({ block, className }) {
+  return /* @__PURE__ */ jsx(
+    "a",
+    {
+      "data-ncm-block": block.id,
+      "data-ncm-stable": block.stableId,
+      "data-ncm-type": block.type,
+      "data-block-id": block.id,
+      "data-ncm-link": "",
+      href: block.url,
+      title: block.title ?? void 0,
+      className: cn("block text-primary hover:underline", className),
+      children: block.text || block.url
+    }
+  );
+}
+
+export { LinkBlock };

package/dist/blocks/list/index.d.ts

@@ -0,0 +1,9 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import { ListBlock as ListBlock$1 } from '@nuucognition/ncm';
+import { a as BlockRendererProps } from '../../renderers-C5f41FCy.js';
+import 'react';
+
+type ListBlockProps = BlockRendererProps<ListBlock$1>;
+declare function ListBlock({ block, className }: ListBlockProps): react_jsx_runtime.JSX.Element;
+
+export { ListBlock, type ListBlockProps };