@pickaxeproject/react 2.8.0 → 3.1.0

package/dist/esm/src/components/Pickaxe/common/PickaxeMarkdown/Components/common/TextShimmer.d.ts

@@ -6,7 +6,8 @@ export type TextShimmerProps = {
     style?: CSSProperties;
     duration?: number;
     spread?: number;
+    theme?: "light" | "dark";
     isDisabled?: boolean;
 };
-declare const _default: import("react").MemoExoticComponent<({ children, as: Component, className, style, duration, spread, isDisabled, }: TextShimmerProps) => import("react/jsx-runtime").JSX.Element>;
+declare const _default: import("react").MemoExoticComponent<({ children, as: Component, className, style, duration, spread, theme, isDisabled, }: TextShimmerProps) => import("react/jsx-runtime").JSX.Element>;
 export default _default;

package/dist/esm/src/components/Pickaxe/common/PickaxeMarkdown/hooks/usePickaxeMarkdownContext.d.ts

@@ -2,8 +2,7 @@
 export declare const usePickaxeMarkdownContext: () => {
     theme: import("..").PickaxeMarkdownTheme;
     syntaxTheme: Record<string, import("react").CSSProperties>;
-    accentColor: string;
-    accentTextColor: string;
+    colors: import("../../../Provider").PickaxeProviderColors;
     actionState: Record<string, import("..").ActionState>;
     actions: boolean;
     readOnly: boolean;
@@ -14,4 +13,5 @@ export declare const usePickaxeMarkdownContext: () => {
     setTheme: import("../../../../../types/common").SetState<import("..").PickaxeMarkdownTheme>;
     setActionState: import("../../../../../types/common").SetState<Record<string, import("..").ActionState>>;
     setActions: import("../../../../../types/common").SetState<boolean>;
+    onArtifactClick?: ((data: import("../../../../..").CurrentArtifact) => void) | undefined;
 };

package/dist/esm/src/components/Pickaxe/common/PickaxeMarkdown/index.d.ts

@@ -1,7 +1,10 @@
 import type { SetState } from "../../../../types/common";
-import type { FC, ComponentPropsWithoutRef, ElementType, ReactNode, CSSProperties } from "react";
 import type { Element as HastElement } from "hast";
+import type { PickaxeProviderColors } from "../../Provider";
+import type { FC, ComponentPropsWithoutRef, ElementType, ReactNode, CSSProperties } from "react";
+import type { CurrentArtifact } from "../../Addons/Artifact/Provider";
 export type PickaxeMarkdownTheme = "light" | "dark";
+export type PickaxeMarkdownColor = PickaxeProviderColors;
 export type MarkdownComponentProps<T extends ElementType> = ComponentPropsWithoutRef<T> & {
     node?: HastElement;
 };
@@ -15,8 +18,7 @@ export type ActionState = "processing" | "done" | "error";
 type PickaxeMarkdownContextType = {
     theme: PickaxeMarkdownTheme;
     syntaxTheme: Record<string, CSSProperties>;
-    accentColor: string;
-    accentTextColor: string;
+    colors: PickaxeMarkdownColor;
     actionState: Record<string, ActionState>;
     actions: boolean;
     readOnly: boolean;
@@ -27,20 +29,21 @@ type PickaxeMarkdownContextType = {
     setTheme: SetState<PickaxeMarkdownTheme>;
     setActionState: SetState<Record<string, ActionState>>;
     setActions: SetState<boolean>;
+    onArtifactClick?: (data: CurrentArtifact) => void;
 };
 export interface PickaxeMarkdownProps {
     children: ReactNode;
     theme?: PickaxeMarkdownTheme;
     syntaxTheme?: Record<string, CSSProperties>;
-    accentColor?: string;
-    accentTextColor?: string;
+    colors?: PickaxeMarkdownColor;
     actions?: boolean;
     readOnly?: boolean;
     rtl?: boolean;
     disableHtml?: boolean;
     disableJs?: boolean;
     disableCss?: boolean;
+    onArtifactClick?: (data: CurrentArtifact) => void;
 }
 export declare const PickaxeMarkdownContext: import("react").Context<PickaxeMarkdownContextType>;
-export declare const PickaxeMarkdown: ({ children, theme: _theme, syntaxTheme, accentColor, accentTextColor, actions: _actions, readOnly, rtl, disableHtml, disableJs, disableCss, }: PickaxeMarkdownProps) => import("react/jsx-runtime").JSX.Element;
+export declare const PickaxeMarkdown: ({ children, theme: _theme, syntaxTheme, colors, actions: _actions, readOnly, rtl, disableHtml, disableJs, disableCss, onArtifactClick, }: PickaxeMarkdownProps) => import("react/jsx-runtime").JSX.Element;
 export default PickaxeMarkdown;

package/dist/esm/src/components/Pickaxe/common/PickaxeMarkdown/utils/custom-plugins.d.ts

@@ -1,4 +1,5 @@
 export declare const rehypePickaxeAction: () => (tree: any) => any;
+export declare const rehypePickaxeArtifacts: () => (tree: any) => any;
 export declare const rehypeSanitize: (options?: {
     disableJs?: boolean;
     disableCss?: boolean;

package/dist/esm/src/hooks/pickaxe/usePickaxeContext.d.ts

@@ -14,6 +14,7 @@ export declare const usePickaxeContext: () => {
     colors: import("../../components/Pickaxe/Provider").PickaxeProviderColors;
     misc: import("../../components/Pickaxe/Provider").PickaxeMisc;
     translations: import("../../components/Pickaxe/Provider").PickaxeTranslations;
+    artifact: Omit<import("../..").IArtifactProviderProps, "children">;
     responsiveBy: import("../../components/Pickaxe/Provider").PickaxeResponsiveBy;
     forceMobile: boolean;
     loadFont: boolean;

package/dist/esm/src/index.d.ts

@@ -2,12 +2,9 @@ import "./styles/prose.css";
 export * from "./components/Pickaxe";
 export * from "./components/Pickaxe/Provider";
 export * from "./components/Pickaxe/ResponseProvider";
+export * from "./components/Pickaxe/Addons/Scroll/Provider";
 export * from "./components/Pickaxe/common/PickaxeMarkdown";
 export * from "./components/Pickaxe/common/PickaxeMarkdown/Renderer";
-export * from "./components/EmbedPreview/Inline";
-export * from "./components/EmbedPreview/FAB";
-export * from "./components/EmbedPreview/Popup";
-export * from "./components/EmbedPreview/ChatInput";
 export * from "./hooks/pickaxe/useConversation";
 export * from "./hooks/pickaxe/useHistory";
 export * from "./hooks/pickaxe/usePickaxe";
@@ -16,3 +13,10 @@ export * from "./hooks/pickaxe/useResponseContext";
 export * from "./hooks/pickaxe/useDimensionContext";
 export * from "./hooks/pickaxe/useSubmit";
 export * from "./hooks/pickaxe/useSubmitDocument";
+export * from "./components/EmbedPreview/Inline";
+export * from "./components/EmbedPreview/FAB";
+export * from "./components/EmbedPreview/Popup";
+export * from "./components/EmbedPreview/ChatInput";
+export * from "./components/Pickaxe/Addons/Artifact";
+export * from "./components/Pickaxe/Addons/Artifact/Provider";
+export * from "./components/Pickaxe/Addons/Artifact/hooks/useArtifactContext";

package/dist/esm/src/types/artifact.d.ts

@@ -0,0 +1,30 @@
+export type ArtifactType = "text/markdown" | "text/html" | "text/csv" | "image/svg+xml" | "application/vnd.pxe.code" | "application/vnd.pxe.mermaid" | "application/vnd.pxe.react";
+export type ArtifactCommand = "create" | "update" | "rewrite";
+export type ArtifactStatus = "finished" | "streaming" | "updating" | "error";
+export type ArtifactMemoryData = {
+    status?: ArtifactStatus;
+};
+export type ArtifactData = {
+    id: string;
+    title: string;
+    type: ArtifactType;
+    version: number;
+    content: string;
+    programmingLanguage?: string;
+} & ArtifactMemoryData;
+export type ArtifactCreateEvent = Omit<ArtifactData, "content" | keyof ArtifactMemoryData>;
+export type ArtifactUpdateEvent = Omit<ArtifactData, keyof ArtifactMemoryData> & {
+    oldStr: string;
+    newStr: string;
+};
+export type ArtifactRewriteEvent = Omit<ArtifactData, "content" | keyof ArtifactMemoryData>;
+export type ArtifactContentEvent = {
+    id: string;
+    version: number;
+    command: ArtifactCommand;
+    token: string;
+};
+export type ArtifactFinishedEvent = {
+    id: string;
+    command: ArtifactCommand;
+};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@pickaxeproject/react",
-  "version": "2.8.0",
+  "version": "3.1.0",
   "description": "Client utility library for Pickaxe",
   "repository": {
     "type": "git",
@@ -81,6 +81,7 @@
     "clsx": "^2.1.1",
     "copy-to-clipboard": "^3.3.3",
     "cross-env": "^7.0.3",
+    "csv-to-markdown-table": "^1.5.0",
     "date-fns": "^3.6.0",
     "eslint": "8.31.0",
     "eslint-config-prettier": "^8.6.0",
@@ -95,6 +96,7 @@
     "isomorphic-dompurify": "^2.20.0",
     "katex": "^0.16.19",
     "lottie-react": "^2.4.0",
+    "mermaid": "^11.7.0",
     "postcss": "^8.4.49",
     "prettier": "^3.5.3",
     "prismjs": "^1.29.0",
@@ -102,8 +104,10 @@
     "react-dom": "^18.2.0",
     "react-intersection-observer": "^9.14.1",
     "react-markdown": "^9.0.3",
+    "react-resizable-panels": "^3.0.3",
     "react-syntax-highlighter": "^15.6.1",
     "react-textarea-autosize": "^8.5.7",
+    "react-to-pdf": "^2.0.1",
     "react-tooltip": "^5.28.0",
     "react-virtualized-auto-sizer": "^1.0.25",
     "rehype-katex": "^7.0.1",
@@ -125,6 +129,7 @@
     "typescript-transform-paths": "^3.4.6",
     "unist-util-visit": "^5.0.0",
     "uuid": "^11.1.0",
+    "vaul": "^1.1.2",
     "vite": "^6.0.7",
     "vite-plugin-svgr": "^4.3.0",
     "vite-tsconfig-paths": "^5.1.4",
@@ -139,6 +144,7 @@
     "axios": "^1.7.9",
     "clsx": "^2.1.1",
     "copy-to-clipboard": "^3.3.3",
+    "csv-to-markdown-table": "^1.5.0",
     "date-fns": "^3.6.0",
     "eventsource-parser": "^3.0.2",
     "framer-motion": "^11.17.0",
@@ -152,6 +158,7 @@
     "react-markdown": "^9.0.3",
     "react-syntax-highlighter": "^15.6.1",
     "react-textarea-autosize": "^8.5.7",
+    "react-to-pdf": "^2.0.1",
     "react-tooltip": "^5.28.0",
     "react-virtualized-auto-sizer": "^1.0.25",
     "rehype-katex": "^7.0.1",
@@ -162,6 +169,7 @@
     "tailwind-scrollbar": "^3.1.0",
     "unist-util-visit": "^5.0.0",
     "uuid": "^11.1.0",
+    "vaul": "^1.1.2",
     "webfontloader": "^1.6.28"
   },
   "engines": {