randmarcomps 1.154.0 → 1.156.0

package/dist/randmarcomps.d.ts

@@ -50,10 +50,10 @@ export declare interface AiGeneratedContentProps {
 
 declare interface ApiKeyContextType {
     apiKey: string | null;
-    setApiKey: (key: string) => void;
 }
 
-export declare const ApiKeyProvider: ({ children }: {
+export declare const ApiKeyProvider: ({ apiKey, children, }: {
+    apiKey?: string | null;
     children: ReactNode;
 }) => JSX.Element;
 

package/dist/randmarcomps.js

@@ -9476,10 +9476,10 @@ function Toaster() {
     /* @__PURE__ */ jsx(ToastViewport, {})
   ] });
 }
-const ApiKeyContext = createContext(void 0), ApiKeyProvider = ({ children: e }) => {
-  const [t, n] = useState(null);
-  return /* @__PURE__ */ jsx(ApiKeyContext.Provider, { value: { apiKey: t, setApiKey: n }, children: e });
-}, useApiKey = () => {
+const ApiKeyContext = createContext(void 0), ApiKeyProvider = ({
+  apiKey: e = null,
+  children: t
+}) => /* @__PURE__ */ jsx(ApiKeyContext.Provider, { value: { apiKey: e }, children: t }), useApiKey = () => {
   const e = useContext(ApiKeyContext);
   if (!e)
     throw new Error("useApiKey must be used within an ApiKeyProvider");
@@ -58864,7 +58864,7 @@ Dt = new WeakMap(), je = new WeakMap(), Ft = new WeakMap(), qt = new WeakMap(),
 });
 var source_default = JsxParser;
 const GetJSXFromAI = async (e, t, n, o = 3) => {
-  const l = "In addition to basic html tags, You have access to these beautiful Handmade Components: Button.", u = "Here is the data to display to the user (If a Handmade Component is a perfect fit for the data, use it. Otherwise, use regular html tags):", d = "Only output a single JSX code snippet. Start with <> and end with </>. All other code will be ignored, so make sure to place all CSS styles inline. Use CSS flex layouts when there is a lot of stuff to display.", f = JSON.stringify(n), p = [t, l, d, u, f, d].join(`\r
+  const l = "In addition to basic html tags, You have access to these beautiful Handmade Components: Button.", u = "Here is the data to display to the user (If a Handmade Component is a perfect fit for the data, use it. Otherwise, use regular html tags) (You have access to this data object in React via the data variable):", d = "Only output a single JSX code snippet. Start with <> and end with </>. All other code will be ignored, so make sure to place all CSS styles inline. Use CSS flex layouts when there is a lot of stuff to display.", f = JSON.stringify(n), p = [t, l, d, u, f, d].join(`\r
 `), b = await new GoogleGenAI({ apiKey: e }).chats.create({
     model: "gemini-2.0-flash-lite"
   }).sendMessage({ message: p }), _ = trimJSXString(b.text ?? "");
@@ -58875,24 +58875,24 @@ function trimJSXString(e) {
   return t === -1 || n === -1 ? "" : e.slice(t, e.indexOf(">", n) + 1);
 }
 function AiGeneratedContent(e) {
-  const { appID: t } = useParams(), [n, o] = useState(""), { apiKey: l } = useApiKey();
+  const [t, n] = useState(""), { apiKey: o } = useApiKey();
   return useEffect(() => {
-    if (!l || !e.prompt || !e.data) return;
-    o("");
-    let u = !1;
-    return GetJSXFromAI(l, e.prompt, e.data).then((d) => {
-      u || o(d);
+    if (!o || !e.prompt || !e.data) return;
+    n("");
+    let l = !1;
+    return GetJSXFromAI(o, e.prompt, e.data).then((u) => {
+      l || n(u);
     }), () => {
-      u = !0;
+      l = !0;
     };
-  }, [e.prompt, e.data, o, l]), n ? /* @__PURE__ */ jsx(
+  }, [e.prompt, e.data, n, o]), t ? /* @__PURE__ */ jsx(
     source_default,
     {
       bindings: {
-        appID: t
+        data: e.data
       },
       components: { Button },
-      jsx: n
+      jsx: t
     }
   ) : /* @__PURE__ */ jsx(Fragment, { children: /* @__PURE__ */ jsx(Skeleton, { className: "h-32 w-32", children: /* @__PURE__ */ jsx(Bot, { className: "m-auto align-middle h-full" }) }) });
 }