mdx-artifacts 0.1.0

package/dist/lib/react/components/CodeBlock.js

@@ -0,0 +1,28 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { CommentTarget } from "./Comments.js";
+export function CodeBlock({ id, code, language, filename, showLineNumbers = false, highlightLines = [], className }) {
+    const lines = splitCodeLines(code);
+    const highlighted = new Set(highlightLines);
+    const title = filename ?? (language ? `${language} code block` : "Code block");
+    const targetId = id ?? `code:${slugify(filename ?? language ?? code)}`;
+    return (_jsx(CommentTarget, { className: classNames("ak-comment-target-section", className), description: "CodeBlock component", targetId: targetId, title: title, children: _jsxs("figure", { className: "ak-code-block", children: [(filename || language) && (_jsxs("figcaption", { className: "ak-code-header", children: [filename && _jsx("span", { className: "ak-code-filename", children: filename }), language && _jsx("span", { className: "ak-code-language", children: language })] })), _jsx("pre", { className: "ak-code-pre", children: _jsx("code", { className: language ? `language-${language}` : undefined, children: lines.map((line, index) => {
+                            const lineNumber = index + 1;
+                            return (_jsxs("span", { className: classNames("ak-code-line", showLineNumbers ? "ak-code-line-numbered" : undefined, highlighted.has(lineNumber) ? "ak-code-line-highlighted" : undefined), "data-line": lineNumber, children: [showLineNumbers && _jsx("span", { className: "ak-code-line-number", children: lineNumber }), _jsx("span", { className: "ak-code-line-content", children: line || "\u00a0" })] }, lineNumber));
+                        }) }) })] }) }));
+}
+function splitCodeLines(code) {
+    const normalized = code.endsWith("\n") ? code.slice(0, -1) : code;
+    return normalized.split("\n");
+}
+function classNames(...values) {
+    return values.filter(Boolean).join(" ");
+}
+function slugify(value) {
+    const slug = value
+        .toLowerCase()
+        .replace(/[`*_~[\]()]/g, "")
+        .replace(/[^a-z0-9]+/g, "-")
+        .replace(/^-+|-+$/g, "")
+        .slice(0, 64);
+    return slug || "item";
+}

package/dist/lib/react/components/Comments.d.ts

@@ -0,0 +1,53 @@
+import type { ReactNode } from "react";
+import { type ArtifactStateMessage, type ArtifactStateReviewThread } from "./ArtifactState";
+export { createArtifactCommentsFromState, createArtifactThreadsFromState } from "./ArtifactState";
+export type ArtifactComment = {
+    id: string;
+    blockId: string;
+    blockTitle: string;
+    blockDescription?: string;
+    comment: string;
+    createdAt: string;
+};
+export type CommentExportValue = {
+    comments?: ArtifactComment[];
+    threads?: ArtifactReviewThread[];
+};
+export type ArtifactReviewMessage = ArtifactStateMessage;
+export type ArtifactReviewThread = ArtifactStateReviewThread;
+export type CommentLayerProps = {
+    children: ReactNode;
+};
+export type CommentableBlockProps = {
+    blockId: string;
+    title: string;
+    description?: string;
+    children: ReactNode;
+    className?: string;
+};
+export type CommentTargetProps = {
+    targetId: string;
+    title: string;
+    description?: string;
+    children: ReactNode;
+    className?: string;
+};
+export type CommentExportFormat = "markdown" | "json";
+export type CommentExportProps = {
+    title?: string;
+    formats?: CommentExportFormat[];
+};
+export type AddCommentInput = {
+    blockId: string;
+    blockTitle: string;
+    blockDescription?: string;
+    comment: string;
+};
+export declare function CommentLayer({ children }: CommentLayerProps): import("react/jsx-runtime").JSX.Element;
+export declare function CommentableBlock({ blockId, title, description, children, className }: CommentableBlockProps): import("react/jsx-runtime").JSX.Element;
+export declare function CommentTarget({ targetId, title, description, children, className }: CommentTargetProps): import("react/jsx-runtime").JSX.Element;
+export declare function CommentExport({ title, formats }: CommentExportProps): import("react/jsx-runtime").JSX.Element;
+export declare function useOptionalCommentExportValue(): CommentExportValue | undefined;
+export declare function serializeCommentsToMarkdown(value: CommentExportValue): string;
+export declare function createArtifactComment(input: AddCommentInput, id: string, createdAt: string): ArtifactComment | null;
+export declare function createArtifactThread(input: AddCommentInput, threadId: string, messageId: string, createdAt: string): ArtifactReviewThread | null;