@pickaxeproject/react 0.0.28 → 0.0.30

package/dist/esm/src/common/lotties/loader-white.d.ts

@@ -0,0 +1,429 @@
+export declare const loaderWhite: {
+    nm: string;
+    ddd: number;
+    h: number;
+    w: number;
+    meta: {
+        g: string;
+    };
+    layers: ({
+        ty: number;
+        nm: string;
+        sr: number;
+        st: number;
+        op: number;
+        ip: number;
+        hd: boolean;
+        ddd: number;
+        bm: number;
+        hasMask: boolean;
+        ao: number;
+        ks: {
+            a: {
+                a: number;
+                k: number[];
+            };
+            s: {
+                a: number;
+                k: number[];
+            };
+            sk: {
+                a: number;
+                k: number;
+            };
+            p: {
+                a: number;
+                k: number[];
+            };
+            r: {
+                a: number;
+                k: ({
+                    o: {
+                        x: number;
+                        y: number;
+                    };
+                    i: {
+                        x: number;
+                        y: number;
+                    };
+                    s: number[];
+                    t: number;
+                } | {
+                    s: number[];
+                    t: number;
+                    o?: undefined;
+                    i?: undefined;
+                })[];
+            };
+            sa: {
+                a: number;
+                k: number;
+            };
+            o: {
+                a: number;
+                k: number;
+            };
+        };
+        shapes: {
+            ty: string;
+            bm: number;
+            hd: boolean;
+            mn: string;
+            nm: string;
+            ix: number;
+            cix: number;
+            np: number;
+            it: ({
+                ty: string;
+                bm: number;
+                hd: boolean;
+                mn: string;
+                nm: string;
+                d: number;
+                p: {
+                    a: number;
+                    k: number[];
+                    ix?: undefined;
+                };
+                s: {
+                    a: number;
+                    k: number[];
+                    ix?: undefined;
+                };
+                lc?: undefined;
+                lj?: undefined;
+                ml?: undefined;
+                o?: undefined;
+                w?: undefined;
+                c?: undefined;
+                r?: undefined;
+                a?: undefined;
+                sk?: undefined;
+                sa?: undefined;
+            } | {
+                ty: string;
+                bm: number;
+                hd: boolean;
+                mn: string;
+                nm: string;
+                lc: number;
+                lj: number;
+                ml: number;
+                o: {
+                    a: number;
+                    k: number;
+                    ix?: undefined;
+                };
+                w: {
+                    a: number;
+                    k: number;
+                };
+                c: {
+                    a: number;
+                    k: number[];
+                };
+                d?: undefined;
+                p?: undefined;
+                s?: undefined;
+                r?: undefined;
+                a?: undefined;
+                sk?: undefined;
+                sa?: undefined;
+            } | {
+                ty: string;
+                bm: number;
+                hd: boolean;
+                mn: string;
+                nm: string;
+                c: {
+                    a: number;
+                    k: number[];
+                };
+                r: number;
+                o: {
+                    a: number;
+                    k: number;
+                    ix?: undefined;
+                };
+                d?: undefined;
+                p?: undefined;
+                s?: undefined;
+                lc?: undefined;
+                lj?: undefined;
+                ml?: undefined;
+                w?: undefined;
+                a?: undefined;
+                sk?: undefined;
+                sa?: undefined;
+            } | {
+                ty: string;
+                a: {
+                    a: number;
+                    k: number[];
+                    ix: number;
+                };
+                s: {
+                    a: number;
+                    k: number[];
+                    ix: number;
+                };
+                sk: {
+                    a: number;
+                    k: number;
+                    ix: number;
+                };
+                p: {
+                    a: number;
+                    k: number[];
+                    ix: number;
+                };
+                r: {
+                    a: number;
+                    k: number;
+                    ix: number;
+                };
+                sa: {
+                    a: number;
+                    k: number;
+                    ix: number;
+                };
+                o: {
+                    a: number;
+                    k: number;
+                    ix: number;
+                };
+                bm?: undefined;
+                hd?: undefined;
+                mn?: undefined;
+                nm?: undefined;
+                d?: undefined;
+                lc?: undefined;
+                lj?: undefined;
+                ml?: undefined;
+                w?: undefined;
+                c?: undefined;
+            })[];
+        }[];
+        ind: number;
+    } | {
+        ty: number;
+        nm: string;
+        sr: number;
+        st: number;
+        op: number;
+        ip: number;
+        hd: boolean;
+        ddd: number;
+        bm: number;
+        hasMask: boolean;
+        ao: number;
+        ks: {
+            a: {
+                a: number;
+                k: number[];
+            };
+            s: {
+                a: number;
+                k: number[];
+            };
+            sk: {
+                a: number;
+                k: number;
+            };
+            p: {
+                a: number;
+                k: number[];
+            };
+            r: {
+                a: number;
+                k: ({
+                    o: {
+                        x: number;
+                        y: number;
+                    };
+                    i: {
+                        x: number;
+                        y: number;
+                    };
+                    s: number[];
+                    t: number;
+                } | {
+                    s: number[];
+                    t: number;
+                    o?: undefined;
+                    i?: undefined;
+                })[];
+            };
+            sa: {
+                a: number;
+                k: number;
+            };
+            o: {
+                a: number;
+                k: number;
+            };
+        };
+        shapes: {
+            ty: string;
+            bm: number;
+            hd: boolean;
+            mn: string;
+            nm: string;
+            ix: number;
+            cix: number;
+            np: number;
+            it: ({
+                ty: string;
+                bm: number;
+                hd: boolean;
+                mn: string;
+                nm: string;
+                d: number;
+                p: {
+                    a: number;
+                    k: number[];
+                    ix?: undefined;
+                };
+                s: {
+                    a: number;
+                    k: ({
+                        o: {
+                            x: number;
+                            y: number;
+                        };
+                        i: {
+                            x: number;
+                            y: number;
+                        };
+                        s: number[];
+                        t: number;
+                    } | {
+                        s: number[];
+                        t: number;
+                        o?: undefined;
+                        i?: undefined;
+                    })[];
+                    ix?: undefined;
+                };
+                lc?: undefined;
+                lj?: undefined;
+                ml?: undefined;
+                o?: undefined;
+                w?: undefined;
+                c?: undefined;
+                r?: undefined;
+                a?: undefined;
+                sk?: undefined;
+                sa?: undefined;
+            } | {
+                ty: string;
+                bm: number;
+                hd: boolean;
+                mn: string;
+                nm: string;
+                lc: number;
+                lj: number;
+                ml: number;
+                o: {
+                    a: number;
+                    k: number;
+                    ix?: undefined;
+                };
+                w: {
+                    a: number;
+                    k: number;
+                };
+                c: {
+                    a: number;
+                    k: number[];
+                };
+                d?: undefined;
+                p?: undefined;
+                s?: undefined;
+                r?: undefined;
+                a?: undefined;
+                sk?: undefined;
+                sa?: undefined;
+            } | {
+                ty: string;
+                bm: number;
+                hd: boolean;
+                mn: string;
+                nm: string;
+                c: {
+                    a: number;
+                    k: number[];
+                };
+                r: number;
+                o: {
+                    a: number;
+                    k: number;
+                    ix?: undefined;
+                };
+                d?: undefined;
+                p?: undefined;
+                s?: undefined;
+                lc?: undefined;
+                lj?: undefined;
+                ml?: undefined;
+                w?: undefined;
+                a?: undefined;
+                sk?: undefined;
+                sa?: undefined;
+            } | {
+                ty: string;
+                a: {
+                    a: number;
+                    k: number[];
+                    ix: number;
+                };
+                s: {
+                    a: number;
+                    k: number[];
+                    ix: number;
+                };
+                sk: {
+                    a: number;
+                    k: number;
+                    ix: number;
+                };
+                p: {
+                    a: number;
+                    k: number[];
+                    ix: number;
+                };
+                r: {
+                    a: number;
+                    k: number;
+                    ix: number;
+                };
+                sa: {
+                    a: number;
+                    k: number;
+                    ix: number;
+                };
+                o: {
+                    a: number;
+                    k: number;
+                    ix: number;
+                };
+                bm?: undefined;
+                hd?: undefined;
+                mn?: undefined;
+                nm?: undefined;
+                d?: undefined;
+                lc?: undefined;
+                lj?: undefined;
+                ml?: undefined;
+                w?: undefined;
+                c?: undefined;
+            })[];
+        }[];
+        ind: number;
+    })[];
+    v: string;
+    fr: number;
+    op: number;
+    ip: number;
+    assets: never[];
+};

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

@@ -0,0 +1,4 @@
+import type { FC, ComponentPropsWithoutRef } from "react";
+import type { Node } from "./Renderer";
+declare const A: FC<ComponentPropsWithoutRef<"a"> & Node>;
+export default A;

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

@@ -0,0 +1,10 @@
+import "katex/dist/katex.min.css";
+export interface PickaxeMarkdownRendererProps {
+    className?: string;
+    value?: string | null;
+}
+export type Node = {
+    node?: any;
+};
+export declare const PickaxeMarkdownRenderer: ({ className, value, }: PickaxeMarkdownRendererProps) => import("react/jsx-runtime").JSX.Element;
+export default PickaxeMarkdownRenderer;

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

@@ -0,0 +1,10 @@
+export declare const usePickaxeMarkdownContext: () => {
+    theme?: ("light" | "dark") | undefined;
+    accentColor?: string | undefined;
+    linkPreviews?: boolean | undefined;
+    actions?: boolean | undefined;
+    setTheme?: import("../../../../../types/common").SetState<"light" | "dark"> | undefined;
+    setAccentColor?: import("../../../../../types/common").SetState<string> | undefined;
+    setLinkPreviews?: import("../../../../../types/common").SetState<boolean> | undefined;
+    setActions?: import("../../../../../types/common").SetState<boolean> | undefined;
+};

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

@@ -0,0 +1,23 @@
+import type { SetState } from "../../../../types/common";
+import { type ReactNode } from "react";
+type PickaxeMarkdownTheme = "light" | "dark";
+type PickaxeMarkdownContextType = {
+    theme?: PickaxeMarkdownTheme;
+    accentColor?: string;
+    linkPreviews?: boolean;
+    actions?: boolean;
+    setTheme?: SetState<PickaxeMarkdownTheme>;
+    setAccentColor?: SetState<string>;
+    setLinkPreviews?: SetState<boolean>;
+    setActions?: SetState<boolean>;
+};
+interface PickaxeMarkdownProps {
+    children: ReactNode;
+    theme?: PickaxeMarkdownTheme;
+    accentColor?: string;
+    linkPreviews?: boolean;
+    actions?: boolean;
+}
+export declare const PickaxeMarkdownContext: import("react").Context<PickaxeMarkdownContextType>;
+declare const PickaxeMarkdown: ({ children, theme: _theme, accentColor: _accentColor, linkPreviews: _linkPreviews, actions: _actions, }: PickaxeMarkdownProps) => import("react/jsx-runtime").JSX.Element;
+export default PickaxeMarkdown;

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

@@ -1,6 +1,8 @@
 export * from "./components/Pickaxe";
 export * from "./components/Pickaxe/Provider";
 export * from "./components/Pickaxe/ResponseProvider";
+export * from "./components/Pickaxe/common/PickaxeMarkdown";
+export * from "./components/Pickaxe/common/PickaxeMarkdown/Renderer";
 export * from "./hooks/pickaxe/useConversation";
 export * from "./hooks/pickaxe/useHistory";
 export * from "./hooks/pickaxe/usePickaxe";
@@ -9,5 +11,3 @@ export * from "./hooks/pickaxe/useResponseContext";
 export * from "./hooks/pickaxe/useSubmit";
 export * from "./hooks/pickaxe/useSubmitDocument";
 export * from "./hooks/pickaxe/useSubmitResult";
-export * from "./hooks/pickaxe/useLinkPreviews";
-export * from "./hooks/pickaxe/useActions";

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@pickaxeproject/react",
-  "version": "0.0.28",
+  "version": "0.0.30",
   "description": "Client utility library for Pickaxe",
   "repository": {
     "type": "git",
@@ -70,6 +70,8 @@
     "@types/prismjs": "^1.26.5",
     "@types/react": "^18.0.26",
     "@types/react-dom": "^18.0.10",
+    "@types/react-lottie": "^1.2.10",
+    "@types/react-syntax-highlighter": "^15.5.13",
     "@typescript-eslint/eslint-plugin": "^5.48.1",
     "@typescript-eslint/parser": "^5.48.1",
     "@zerollup/ts-transform-paths": "^1.7.18",
@@ -92,17 +94,21 @@
     "isomorphic-dompurify": "^2.20.0",
     "katex": "^0.16.19",
     "lint-staged": "^13.1.0",
-    "marked": "^15.0.6",
-    "marked-katex-extension": "^5.1.4",
     "postcss": "^8.4.49",
     "prettier": "^2.8.2",
     "prismjs": "^1.29.0",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-intersection-observer": "^9.14.1",
+    "react-lottie": "^1.2.10",
+    "react-markdown": "^9.0.3",
+    "react-syntax-highlighter": "^15.6.1",
     "react-textarea-autosize": "^8.5.7",
     "react-tooltip": "^5.28.0",
     "react-virtualized-auto-sizer": "^1.0.25",
+    "rehype-katex": "^7.0.1",
+    "remark-gfm": "^4.0.0",
+    "remark-math": "^6.0.0",
     "rollup": "^2.79.1",
     "rollup-plugin-delete": "^2.0.0",
     "rollup-plugin-peer-deps-external": "^2.2.4",
@@ -133,14 +139,18 @@
     "framer-motion": "^11.17.0",
     "isomorphic-dompurify": "^2.20.0",
     "katex": "^0.16.19",
-    "marked": "^15.0.6",
-    "marked-katex-extension": "^5.1.4",
     "prismjs": "^1.29.0",
     "react": "^16.8.0 || ^17 || ^18",
     "react-dom": "^16.8.0 || ^17 || ^18",
     "react-intersection-observer": "^9.14.1",
+    "react-lottie": "^1.2.10",
+    "react-markdown": "^9.0.3",
+    "react-syntax-highlighter": "^15.6.1",
     "react-tooltip": "^5.28.0",
     "react-virtualized-auto-sizer": "^1.0.25",
+    "rehype-katex": "^7.0.1",
+    "remark-gfm": "^4.0.0",
+    "remark-math": "^6.0.0",
     "tailwind-merge": "^2.6.0",
     "tailwind-scrollbar": "^3.1.0"
   },

package/dist/cjs/common/renderer.js

@@ -1 +0,0 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("marked"),t=require("prismjs");function r(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}require("prismjs/components/prism-css"),require("prismjs/components/prism-javascript"),require("prismjs/components/prism-markdown"),require("prismjs/components/prism-markup"),require("prismjs/components/prism-python");var n=r(t);exports.renderer=({theme:t="light",accentColor:r="#228DD7",centerMedia:i=!0,forceMobile:l=!1,linkPreviews:a=!1,actions:o=!1}={theme:"light",accentColor:"#228DD7",centerMedia:!1,forceMobile:!1,linkPreviews:!1,actions:!1})=>{const s=new e.marked.Renderer,d=s.link;s.link=e=>{const n=e.href.startsWith("www.")?`https://${e.href}`:e.href,l=n.match(/(?:https?:\/\/)?(?:www\.)?(?:youtube\.com\/watch\?v=|youtu\.be\/)([\w-]+)/i);if(l&&(null==l?void 0:l[1]))return i?`<div style="display: flex; justify-content: center; width: 100%; height: 315px; margin-top: 2.5rem; margin-bottom: 2.5rem;">\n  <iframe src="https://www.youtube.com/embed/${l[1]}" \n    style="width: 100%; max-width: 560px; height: 100%;" \n    frameborder="0" \n    allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" \n    allowfullscreen>\n  </iframe>\n</div>`:`<div style="width: 100%; height: 315px; max-width: 560px;">\n  <iframe src="https://www.youtube.com/embed/${l[1]}" \n    style="width: 100%; height: 100%;" \n    frameborder="0" \n    allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" \n    allowfullscreen>\n  </iframe>\n</div>`;if(null!==n.match(/\.(jpeg|jpg|gif|bmp|webp|svg|tiff|avif)$/))return i?`<div style="display: flex; justify-content: center; width: 100%; margin-top: 2.5rem; margin-bottom: 2.5rem;">\n        <img src="${n}" alt="${e.text}" style="max-width:300px; width: 100%; height:auto; border-radius: 8px;">\n       </div>`:`<img src="${n}" alt="${e.text}" style="max-width:300px; height:auto;">`;if(o&&n.includes("pickaxe")&&(n.includes("/api/fn/result")||n.includes("/api/function_call_results")))return`<dotlottie-wc src="${"dark"===t?"https://lottie.host/328aa2a8-b160-4124-a40c-5847f58da813/Vl0EK9lnJc.lottie":"https://lottie.host/6fd1b0ad-8816-4800-b511-3a259947a9b2/kh7G1Fz1HB.lottie"}" data-fn-url="${n}" class="marked-link-function-calling-loader" style="max-width:150px; width: 100%; height:150px; border: none; background: transparent;" autoplay loop></dotlottie-wc>`;let c=d.call(s,e);return c=c.replace(/^<a /,`<a style="color: ${r};" target="_blank" rel="noopener noreferrer"${a?' class="marked-link-possible-preview-render"':""}`),c},s.heading=({depth:e,text:t})=>1===e?`<h1 style="\n      font-size: 2em;\n      line-height: 1;\n    "><b>${t}</b></h1>`:2===e?`<h2 style="\n      font-size: 1.25em;\n    "><b>${t}</b></h2>`:`<h${e} style="\n    "><b>${t}</b></h${e}>`;const c=s.list;s.list=e=>{let t=c.call(s,e);return t=t.replace(/<\/p>\s*<\/li>/g,"</li>"),t=t.replace(/<li>\s*<p>/g,"<li>"),t=t.replace(/^<ol/,'<ol style="\n        list-style: decimal inside; \n        padding-left: 15px; \n        margin-top: .5em; \n        margin-bottom: 0;\n      "'),t=t.replace(/^<ul/,'<ul style="\n        list-style: disc inside; \n        padding-left: 15px; \n        margin-top: .5em; \n        margin-bottom: 0;\n      "'),t};const p=s.listitem;s.listitem=e=>{let t=p.call(s,e);return t=t.replace(/<li/,'<li style="\n        margin-bottom: 4px;\n      "'),t};const m=s.table;s.table=e=>{let t=m.call(s,e);return t=t.replace(/<table/,'<table style="margin-top: .5em; font-size: 16px;" class="table-auto"'),t};const u=s.tablecell;s.tablecell=e=>{let t=u.call(s,e);return t=t.replace(/<td/,'<td class="border-[#d0d7de] dark:border-[#30363d]" style="\n        border-width: 1px;\n        padding: 0.25em 0.75em 0.25em 0.75em;\n      "'),t=t.replace(/<th/,'<th class="border-[#d0d7de] dark:border-[#30363d]" style="\n        border-width: 1px;\n        padding: 0.25em 0.75em 0.25em 0.75em;\n        font-weight: 600;\n      "'),t};const h=s.code;s.code=e=>{const t=h.call(s,e);return e.lang&&n.default.languages[e.lang]?`<div class="bg-[#EFF1F3] dark:bg-[#161b22]" style="position: relative; overflow: hidden;"><pre style="\n  padding: .75em;\n  border-radius: 0.25em;\n  font-size: 16px;\n  overflow: auto;\n  max-width: ${window.innerWidth-100}px;\n">\n  <code class="language-${e.lang}">\n${n.default.highlight(e.text,n.default.languages[e.lang],e.lang)}\n</code>\n<button class="copy-code-button bg-[#d0d7de] dark:bg-[#30363d] text-[#1f2328] dark:text-[#e6edf3]" \nstyle="\n  position: absolute;\n  top: -20px;\n  right: 0;\n  padding: .25em 1.4em .25em .5em;\n  border-radius: 0 0 0 0.25em;\n  font-size: ${l?"12":"14"}px;\n  cursor: pointer;\n  user-select: none;\n  border: none;\n  outline: none;\n  z-index: 1;\n">\n  Copy\n</button></pre></div>`:t};const b=s.codespan;s.codespan=e=>b.call(s,e).replace(/<code/,`<code class="bg-[#EFF1F3] dark:bg-[#161b22] text-[#1f2328] dark:text-[#e6edf3]" style="\n        padding: 0 .25em 0 .25em;\n        border-radius: 0.25em;\n        font-size: ${l?"14px":"16px"};\n        margin-left: 2px;\n      "`);const g=s.blockquote;return s.blockquote=e=>g.call(s,e).replace(/<blockquote/,'<blockquote class="border-l-[#D0D7DE] dark:border-l-[#30363D] text-[#656d76] dark:text-[#8b8b8b]" style="\n        border-left-width: 4px;\n        padding-left: 1em;\n      "'),s.image=e=>{const t=e.href.startsWith("www.")?`https://${e.href}`:e.href;return i?`<div style="display: flex; justify-content: center; width: 100%; margin-top: 2.5rem; margin-bottom: 2.5rem;">\n      <img src="${t}" alt="${e.text}" style="max-width:300px; height:auto; border-radius: 8px;">\n     </div>`:`<img src="${t}" alt="${e.text}" style="max-width:300px; height:auto; border-radius: 8px;">`},s};

package/dist/cjs/components/Pickaxe/common/PickaxeMarkdown.js

@@ -1 +0,0 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),t=require("react"),r=require("marked"),o=require("../../../common/renderer.js"),n=require("../../../hooks/pickaxe/usePickaxeContext.js"),c=require("../../../hooks/studio/useStyleFontSize.js"),s=require("../../../hooks/pickaxe/useLinkPreviews.js"),i=require("../../../hooks/pickaxe/useActions.js"),a=require("marked-katex-extension"),u=require("copy-to-clipboard"),l=require("../../Core/HtmlRenderer.js"),d=require("../../../common/cn.js");function m(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var h=m(a),p=m(u);r.marked.use(h.default({throwOnError:!1,output:"mathml"}));exports.default=({html:a,className:u,style:m,marked:h,renderer:f,onClick:k})=>{const{styles:v,colors:y}=n.usePickaxeContext(),b=t.useRef(null),x=c.useStyleFontSize({type:"body"});s.useLinkPreviews(b,{theme:v.theme}),i.useActions(b,{theme:v.theme,accentColor:y.accent,accentTextColor:y.accentText}),t.useEffect((()=>{const e=b.current;if(!e)return;const t=e=>{var t,r,o;const n=e.target.closest(".copy-code-button");if(n){const e=null!==(o=null===(r=null===(t=n.parentElement)||void 0===t?void 0:t.querySelector("code"))||void 0===r?void 0:r.textContent)&&void 0!==o?o:"";if(!e)return;p.default(e)}};return e.addEventListener("click",t),()=>{e.removeEventListener("click",t)}}),[b]);const w=t.useMemo((()=>{let e=a||"";const t=e.match(/<iframe\s+[^>]*src=["']https:\/\/www\.youtube\.com\/embed\/([\w-]+)(\?[^"' >]*)?["'][^>]*><\/iframe>/gi);return t&&t.forEach((t=>{var r;const o=`<div style="width: 100%; height: 315px; max-width: 560px;">\n    <iframe src="https://www.youtube.com/embed/${null===(r=t.match(/(?:youtube\.com\/watch\?v=|youtu\.be\/|youtube\.com\/embed\/)([\w-]+)/))||void 0===r?void 0:r[1]}"\n        style="width: 100%; height: 100%;"\n        frameborder="0"\n        allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture"\n        allowfullscreen>\n    </iframe>\n</div>`;e=e.replace(t,o)})),e.replace(/```[\s\S]*?```|(\n(?=\n))/g,((e,t)=>t?"\n\n<br/>\n":e))}),[a]);return e.jsx("div",Object.assign({ref:b},{children:e.jsx(l.default,{html:r.marked.parse(w,Object.assign({gfm:!0,breaks:!0,renderer:o.renderer(Object.assign(Object.assign({},f),{theme:v.theme,accentColor:y.accent,centerMedia:!1,linkPreviews:!0,actions:!0}))},h)).toString(),className:d.default(u,x()),style:m,onClick:k})}))};

package/dist/cjs/hooks/pickaxe/useActions.js

@@ -1 +0,0 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../../_virtual/_tslib.js"),t=require("react"),n=require("marked"),o=require("../../common/renderer.js"),r=require("../../common/api/streamer.js"),i=require("../../common/api/utils.js");const l=(t,r)=>e.__awaiter(void 0,void 0,void 0,(function*(){var e,i;const l=t.replace(/```[\s\S]*?```|(\n(?=\n))/g,((e,t)=>t?"\n\n<br/>\n":e));return yield n.marked.parse(l,{gfm:!0,breaks:!0,renderer:o.renderer({theme:null!==(e=null==r?void 0:r.theme)&&void 0!==e?e:"light",accentColor:null!==(i=null==r?void 0:r.accentColor)&&void 0!==i?i:"#228DD7",centerMedia:!1,linkPreviews:!0,actions:!0})})})),s=(t,n)=>e.__awaiter(void 0,void 0,void 0,(function*(){try{yield i.default.post("/fn/update",{id:t,data:n})}catch(e){console.error("[updateCache] error",e)}}));exports.useActions=(n,o)=>{t.useEffect((()=>{const t=null==n?void 0:n.current;if(!t)return;const i=new MutationObserver((()=>e.__awaiter(void 0,void 0,void 0,(function*(){var e,t,n,i,d,a,c;const u=document.querySelectorAll(".marked-link-function-calling-loader");for(const m of u){if(m.dataset.processed)continue;"development"===process.env.NODE_ENV&&console.log("[useActions] getting action",m.href);const u=null!==(n=null!==(t=null===(e=m.parentElement)||void 0===e?void 0:e.parentElement)&&void 0!==t?t:m.parentElement)&&void 0!==n?n:null;if(!u){console.error("[useActions] missing message container");continue}const p=null!==(i=m.getAttribute("alt"))&&void 0!==i?i:m.getAttribute("data-fn-url");if(!p){console.error("[useActions] missing fn result url");continue}const v=yield fetch(p);if(200!==v.status){console.error("[useActions] failed fetching result:",v);continue}const f=yield v.json();if(f.error)console.error("[useActions] error in req:",f.error);else if(f.fcid)"development"===process.env.NODE_ENV&&console.log("[useActions] waiting for fn call to complete");else{if(f.url){m.remove();const e=document.createElement("img");e.src=f.url,e.alt=null!==(d=f.prompt)&&void 0!==d?d:"Generated Image",e.style.marginTop="1em",e.style.borderRadius="4px",e.style.width="100%",u.appendChild(e);const t=document.createElement("div");t.style.marginTop="1em",t.style.display="flex",t.style.alignItems="center",t.style.justifyContent="flex-end",t.style.gap="0.5em",t.style.width="100%";const n=document.createElement("button");n.innerHTML='<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">\n<path d="M21 21H3" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>\n<path d="M7 10L12 15L17 10" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>\n<path d="M12 15V3" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>\n</svg>\n',n.style.padding=".5em",n.style.backgroundColor="#228DD7",n.style.color=null!==(a=null==o?void 0:o.accentTextColor)&&void 0!==a?a:"#FFFFFF",n.style.textAlign="center",n.style.textDecoration="none",n.style.borderRadius="4px",n.style.fontSize="16px",n.style.fontWeight="bold",n.style.boxShadow="0 2px 5px rgba(0, 0, 0, 0.2)",n.style.transition="background-color 0.3s ease",n.addEventListener("mouseover",(function(){var e;n.style.backgroundColor=(null!==(e=null==o?void 0:o.accentColor)&&void 0!==e?e:"#228DD7")+"CC"})),n.addEventListener("mouseout",(function(){var e;n.style.backgroundColor=null!==(e=null==o?void 0:o.accentColor)&&void 0!==e?e:"#228DD7"})),n.addEventListener("click",(function(e){var t;e.preventDefault();const n=document.createElement("a");n.href=null!==(t=f.url)&&void 0!==t?t:"",n.download="generated_image.png",n.click()})),t.appendChild(n),u.appendChild(t)}if(f.text){m.remove();const e=document.createElement("div");e.style.marginTop="1em",e.innerHTML=yield l(f.text),u.appendChild(e)}if(f.button_link){m.remove();const e=document.createElement("a");e.href=f.button_link,e.target="_blank",e.classList.add("link-preview-button"),e.textContent=f.button_text||"",e.style.display="inline-block",e.style.padding="10px 20px",e.style.backgroundColor="#228DD7",e.style.color="#ffffff",e.style.textAlign="center",e.style.textDecoration="none",e.style.borderRadius="4px",e.style.fontSize="16px",e.style.fontWeight="bold",e.style.boxShadow="0 2px 5px rgba(0, 0, 0, 0.2)",e.style.transition="background-color 0.3s ease",e.addEventListener("mouseover",(function(){e.style.backgroundColor="#489dd9"})),e.addEventListener("mouseout",(function(){e.style.backgroundColor="#228DD7"})),u.appendChild(document.createElement("br")),u.appendChild(e)}if(f.openaidata&&!f.text){const e=null!==(c=new URL(p).searchParams.get("id"))&&void 0!==c?c:f.call_id,t=null==f?void 0:f.actionId;m.remove();const n=f.formId;if(!n){console.error("Missing formId from result data");continue}const o=f.responseId;if(!o){console.error("Missing responseId from result data");continue}const i=(yield r.streamer({formId:n,responseId:o,data:f.openaidata})).body;if(!i){console.error("Streaming error, no response body");continue}let d=!0,a="";const v=document.createElement("div");v.style.marginTop="1em",v.dataset.actionId=t,u.appendChild(v);const g=i.getReader(),y=new TextDecoder;for(;d;){const{value:e,done:t}=yield g.read();d=!t;a+=y.decode(e),"marked"in window?v.innerHTML=yield l(a):v.textContent=a}const b=null!=e?e:f.call_id;b&&(yield s(b,Object.assign(Object.assign({},f),{text:a})))}}}}))));return i.observe(t,{childList:!0,subtree:!0}),()=>{i.disconnect()}}),[n])};

package/dist/cjs/hooks/pickaxe/useLinkPreviews.js

@@ -1 +0,0 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../../_virtual/_tslib.js"),t=require("react"),r=require("../../common/api/utils.js"),o=require("../../common/error.js");const i=e=>{setTimeout((()=>{e.style.opacity="1",e.style.transform="scale(1)"}),50)},n=e=>{e.onmouseover=()=>{e.style.transform="scale(.99)"},e.onmouseout=()=>{e.style.transform="scale(1)"}},s=t=>e.__awaiter(void 0,void 0,void 0,(function*(){try{const e=yield r.default.get(`/metadata?url=${encodeURIComponent(t)}`);return e.data}catch(e){const t=o.default(e);return console.error("[fetchMetadata] error",t),null}}));exports.useLinkPreviews=(r,o)=>{t.useEffect((()=>{const t=null==r?void 0:r.current;if(!t)return;const a=new MutationObserver((()=>e.__awaiter(void 0,void 0,void 0,(function*(){const e=t.querySelectorAll(".marked-link-possible-preview-render");for(const t of e){"development"===process.env.NODE_ENV&&console.log("[useLinkPreviews] getting preview for",t.href),t.classList.remove("marked-link-possible-preview-render");const e=t.closest(".chat-message");if(!e)continue;if(e.querySelector(`div[data-href="${t.href}"]`))continue;const r=yield s(t.href);if(!r||!r.image||!r.title)continue;const a=document.createElement("div");a.setAttribute("style","display: flex; margin-top: 2em; text-decoration: none;"),a.dataset.href=t.href,a.dataset.processed="true";const l=o?"dark"===o.theme:document.documentElement.classList.contains("dark"),d=document.createElement("a");if(d.href=t.href,d.setAttribute("target","_blank"),d.setAttribute("style",`display: flex; position: relative; flex-direction: column; border-radius: 20px; border-bottom-left-radius: 10px; width: 100%; max-width: 220px; background-color: #${l?"000000":"E9E9EB"}; overflow: hidden;`),r.image&&(r.image.startsWith("http")||r.image.startsWith("data:image")||r.image.startsWith("blob:"))){const e=document.createElement("div");e.setAttribute("style",`position: relative; flex-grow: 1; width: 100%; overflow: hidden; background-image: url("${r.image}"); background-size: cover; background-position: center; height: 90px;`),d.appendChild(e)}const c=document.createElement("div");c.setAttribute("style","display: flex; flex-direction: column; padding: 0.25em 1em; gap: 0.2em;");const u=document.createElement("p");u.textContent=r.title,u.setAttribute("style","font-size: 14px; font-weight: 600; margin: 0; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;"),c.appendChild(u);const m=document.createElement("p");m.textContent=r.href,m.setAttribute("style","opacity: 0.6; font-size: 14px; margin: 0; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;"),c.appendChild(m),d.appendChild(c),a.appendChild(d);const p=t.closest(".chat-message");p&&(p.querySelector(`div[data-href="${t.href}"]`)||(p.appendChild(a),i(d),n(d)))}}))));return a.observe(t,{childList:!0,subtree:!0}),()=>{a.disconnect()}}),[r])};

package/dist/cjs/src/common/renderer.d.ts

@@ -1,14 +0,0 @@
-import "prismjs/components/prism-css";
-import "prismjs/components/prism-javascript";
-import "prismjs/components/prism-markdown";
-import "prismjs/components/prism-markup";
-import "prismjs/components/prism-python";
-export interface RendererOptions {
-    theme?: "light" | "dark";
-    accentColor?: string;
-    centerMedia?: boolean;
-    forceMobile?: boolean;
-    linkPreviews?: boolean;
-    actions?: boolean;
-}
-export declare const renderer: ({ theme, accentColor, centerMedia, forceMobile, linkPreviews, actions, }?: RendererOptions) => import("marked").Renderer;

package/dist/cjs/src/components/Pickaxe/common/PickaxeMarkdown.d.ts

@@ -1,13 +0,0 @@
-import { type CSSProperties } from "react";
-import { type MarkedOptions } from "marked";
-import { type RendererOptions } from "../../../common/renderer";
-interface PickaxeMarkdownProps {
-    html?: string | null;
-    className?: string;
-    style?: CSSProperties;
-    renderer?: RendererOptions;
-    marked?: MarkedOptions;
-    onClick?: () => void;
-}
-declare const PickaxeMarkdown: ({ html: _html, className, style, marked: _marked, renderer: _renderer, onClick, }: PickaxeMarkdownProps) => import("react/jsx-runtime").JSX.Element;
-export default PickaxeMarkdown;

package/dist/cjs/src/hooks/pickaxe/useActions.d.ts

@@ -1,8 +0,0 @@
-import { RefObject } from "react";
-interface UseActionsOptions {
-    theme?: "light" | "dark";
-    accentColor?: string;
-    accentTextColor?: string;
-}
-export declare const useActions: (ref: RefObject<HTMLDivElement> | null, opt?: UseActionsOptions) => void;
-export {};

package/dist/cjs/src/hooks/pickaxe/useLinkPreviews.d.ts

@@ -1,6 +0,0 @@
-import { RefObject } from "react";
-interface UseLinkPreviewOptions {
-    theme?: "light" | "dark";
-}
-export declare const useLinkPreviews: (ref: RefObject<HTMLDivElement> | null, opt?: UseLinkPreviewOptions) => void;
-export {};

package/dist/esm/common/renderer.js

@@ -1 +0,0 @@
-import{marked as e}from"marked";import t from"prismjs";import"prismjs/components/prism-css";import"prismjs/components/prism-javascript";import"prismjs/components/prism-markdown";import"prismjs/components/prism-markup";import"prismjs/components/prism-python";const n=({theme:n="light",accentColor:r="#228DD7",centerMedia:i=!0,forceMobile:l=!1,linkPreviews:o=!1,actions:a=!1}={theme:"light",accentColor:"#228DD7",centerMedia:!1,forceMobile:!1,linkPreviews:!1,actions:!1})=>{const s=new e.Renderer,d=s.link;s.link=e=>{const t=e.href.startsWith("www.")?`https://${e.href}`:e.href,l=t.match(/(?:https?:\/\/)?(?:www\.)?(?:youtube\.com\/watch\?v=|youtu\.be\/)([\w-]+)/i);if(l&&(null==l?void 0:l[1]))return i?`<div style="display: flex; justify-content: center; width: 100%; height: 315px; margin-top: 2.5rem; margin-bottom: 2.5rem;">\n  <iframe src="https://www.youtube.com/embed/${l[1]}" \n    style="width: 100%; max-width: 560px; height: 100%;" \n    frameborder="0" \n    allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" \n    allowfullscreen>\n  </iframe>\n</div>`:`<div style="width: 100%; height: 315px; max-width: 560px;">\n  <iframe src="https://www.youtube.com/embed/${l[1]}" \n    style="width: 100%; height: 100%;" \n    frameborder="0" \n    allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" \n    allowfullscreen>\n  </iframe>\n</div>`;if(null!==t.match(/\.(jpeg|jpg|gif|bmp|webp|svg|tiff|avif)$/))return i?`<div style="display: flex; justify-content: center; width: 100%; margin-top: 2.5rem; margin-bottom: 2.5rem;">\n        <img src="${t}" alt="${e.text}" style="max-width:300px; width: 100%; height:auto; border-radius: 8px;">\n       </div>`:`<img src="${t}" alt="${e.text}" style="max-width:300px; height:auto;">`;if(a&&t.includes("pickaxe")&&(t.includes("/api/fn/result")||t.includes("/api/function_call_results")))return`<dotlottie-wc src="${"dark"===n?"https://lottie.host/328aa2a8-b160-4124-a40c-5847f58da813/Vl0EK9lnJc.lottie":"https://lottie.host/6fd1b0ad-8816-4800-b511-3a259947a9b2/kh7G1Fz1HB.lottie"}" data-fn-url="${t}" class="marked-link-function-calling-loader" style="max-width:150px; width: 100%; height:150px; border: none; background: transparent;" autoplay loop></dotlottie-wc>`;let c=d.call(s,e);return c=c.replace(/^<a /,`<a style="color: ${r};" target="_blank" rel="noopener noreferrer"${o?' class="marked-link-possible-preview-render"':""}`),c},s.heading=({depth:e,text:t})=>1===e?`<h1 style="\n      font-size: 2em;\n      line-height: 1;\n    "><b>${t}</b></h1>`:2===e?`<h2 style="\n      font-size: 1.25em;\n    "><b>${t}</b></h2>`:`<h${e} style="\n    "><b>${t}</b></h${e}>`;const c=s.list;s.list=e=>{let t=c.call(s,e);return t=t.replace(/<\/p>\s*<\/li>/g,"</li>"),t=t.replace(/<li>\s*<p>/g,"<li>"),t=t.replace(/^<ol/,'<ol style="\n        list-style: decimal inside; \n        padding-left: 15px; \n        margin-top: .5em; \n        margin-bottom: 0;\n      "'),t=t.replace(/^<ul/,'<ul style="\n        list-style: disc inside; \n        padding-left: 15px; \n        margin-top: .5em; \n        margin-bottom: 0;\n      "'),t};const p=s.listitem;s.listitem=e=>{let t=p.call(s,e);return t=t.replace(/<li/,'<li style="\n        margin-bottom: 4px;\n      "'),t};const m=s.table;s.table=e=>{let t=m.call(s,e);return t=t.replace(/<table/,'<table style="margin-top: .5em; font-size: 16px;" class="table-auto"'),t};const h=s.tablecell;s.tablecell=e=>{let t=h.call(s,e);return t=t.replace(/<td/,'<td class="border-[#d0d7de] dark:border-[#30363d]" style="\n        border-width: 1px;\n        padding: 0.25em 0.75em 0.25em 0.75em;\n      "'),t=t.replace(/<th/,'<th class="border-[#d0d7de] dark:border-[#30363d]" style="\n        border-width: 1px;\n        padding: 0.25em 0.75em 0.25em 0.75em;\n        font-weight: 600;\n      "'),t};const b=s.code;s.code=e=>{const n=b.call(s,e);return e.lang&&t.languages[e.lang]?`<div class="bg-[#EFF1F3] dark:bg-[#161b22]" style="position: relative; overflow: hidden;"><pre style="\n  padding: .75em;\n  border-radius: 0.25em;\n  font-size: 16px;\n  overflow: auto;\n  max-width: ${window.innerWidth-100}px;\n">\n  <code class="language-${e.lang}">\n${t.highlight(e.text,t.languages[e.lang],e.lang)}\n</code>\n<button class="copy-code-button bg-[#d0d7de] dark:bg-[#30363d] text-[#1f2328] dark:text-[#e6edf3]" \nstyle="\n  position: absolute;\n  top: -20px;\n  right: 0;\n  padding: .25em 1.4em .25em .5em;\n  border-radius: 0 0 0 0.25em;\n  font-size: ${l?"12":"14"}px;\n  cursor: pointer;\n  user-select: none;\n  border: none;\n  outline: none;\n  z-index: 1;\n">\n  Copy\n</button></pre></div>`:n};const g=s.codespan;s.codespan=e=>g.call(s,e).replace(/<code/,`<code class="bg-[#EFF1F3] dark:bg-[#161b22] text-[#1f2328] dark:text-[#e6edf3]" style="\n        padding: 0 .25em 0 .25em;\n        border-radius: 0.25em;\n        font-size: ${l?"14px":"16px"};\n        margin-left: 2px;\n      "`);const u=s.blockquote;return s.blockquote=e=>u.call(s,e).replace(/<blockquote/,'<blockquote class="border-l-[#D0D7DE] dark:border-l-[#30363D] text-[#656d76] dark:text-[#8b8b8b]" style="\n        border-left-width: 4px;\n        padding-left: 1em;\n      "'),s.image=e=>{const t=e.href.startsWith("www.")?`https://${e.href}`:e.href;return i?`<div style="display: flex; justify-content: center; width: 100%; margin-top: 2.5rem; margin-bottom: 2.5rem;">\n      <img src="${t}" alt="${e.text}" style="max-width:300px; height:auto; border-radius: 8px;">\n     </div>`:`<img src="${t}" alt="${e.text}" style="max-width:300px; height:auto; border-radius: 8px;">`},s};export{n as renderer};