@noya-app/noya-api-client-react 0.1.19

package/dist/index.js

@@ -0,0 +1,321 @@
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __reExport = (target, mod, secondTarget) => (__copyProps(target, mod, "default"), secondTarget && __copyProps(secondTarget, mod, "default"));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/index.ts
+var src_exports = {};
+__export(src_exports, {
+  NoyaAPIProvider: () => NoyaAPIProvider,
+  useGeneratedComponentDescription: () => useGeneratedComponentDescription,
+  useGeneratedComponentDescriptions: () => useGeneratedComponentDescriptions,
+  useGeneratedComponentNames: () => useGeneratedComponentNames,
+  useGeneratedPageComponentNames: () => useGeneratedPageComponentNames,
+  useGeneratedPageNames: () => useGeneratedPageNames,
+  useIsBeta: () => useIsBeta,
+  useMetadata: () => useMetadata,
+  useNetworkRequests: () => useNetworkRequests,
+  useNoyaAssets: () => useNoyaAssets,
+  useNoyaBilling: () => useNoyaBilling,
+  useNoyaClient: () => useNoyaClient,
+  useNoyaClientOrFallback: () => useNoyaClientOrFallback,
+  useNoyaCreators: () => useNoyaCreators,
+  useNoyaEmailLists: () => useNoyaEmailLists,
+  useNoyaFiles: () => useNoyaFiles,
+  useNoyaIsOwnFile: () => useNoyaIsOwnFile,
+  useNoyaSession: () => useNoyaSession,
+  useNoyaTags: () => useNoyaTags,
+  useNoyaTools: () => useNoyaTools,
+  useNoyaUserData: () => useNoyaUserData,
+  useOptionalNoyaClient: () => useOptionalNoyaClient,
+  useOptionalNoyaCreators: () => useOptionalNoyaCreators,
+  useOptionalNoyaSession: () => useOptionalNoyaSession,
+  useOptionalNoyaTags: () => useOptionalNoyaTags,
+  useOptionalNoyaTools: () => useOptionalNoyaTools,
+  useOptionalNoyaUserData: () => useOptionalNoyaUserData,
+  useRandomIcons: () => useRandomIcons,
+  useRandomImages: () => useRandomImages
+});
+module.exports = __toCommonJS(src_exports);
+__reExport(src_exports, require("@noya-app/noya-api"), module.exports);
+
+// src/react/context.ts
+var import_noya_api = require("@noya-app/noya-api");
+var import_react = require("react");
+var NoyaAPIContext = (0, import_react.createContext)(
+  void 0
+);
+var NoyaAPIProvider = NoyaAPIContext.Provider;
+function useNoyaClient() {
+  const value = (0, import_react.useContext)(NoyaAPIContext);
+  if (!value) {
+    throw new Error("Missing NoyaAPIContextValue");
+  }
+  return value;
+}
+function useOptionalNoyaClient() {
+  return (0, import_react.useContext)(NoyaAPIContext);
+}
+function useNoyaClientOrFallback() {
+  const value = (0, import_react.useContext)(NoyaAPIContext);
+  const memoryClient = (0, import_react.useMemo)(() => {
+    return new import_noya_api.NoyaAPI.Client({
+      networkClient: new import_noya_api.NoyaAPI.MemoryClient()
+    });
+  }, []);
+  return value ?? memoryClient;
+}
+
+// src/react/hooks.ts
+var import_react2 = require("@legendapp/state/react");
+var import_noya_api2 = require("@noya-app/noya-api");
+var import_noya_utils = require("@noya-app/noya-utils");
+var import_react3 = require("react");
+function useNoyaFiles() {
+  const client = useNoyaClientOrFallback();
+  const files = (0, import_react2.useSelector)(client.files$);
+  const session = (0, import_react2.useSelector)(useNoyaClient().session$);
+  (0, import_react3.useEffect)(() => {
+    if (!session)
+      return;
+    if (files.loading === "notStarted" || files.loading === "populatedOnServer") {
+      client.files.refetch();
+    }
+  }, [client, files.loading, session]);
+  return files;
+}
+function useNoyaIsOwnFile(fileId) {
+  const client = useNoyaClientOrFallback();
+  const files = (0, import_react2.useSelector)(client.files$);
+  const session = (0, import_react2.useSelector)(client.session$);
+  const file = files.files.find((file2) => file2.id === fileId);
+  return file?.userId === session?.user.id;
+}
+function useNoyaTools(initial) {
+  const didInitialize = (0, import_react3.useRef)(false);
+  const client = useNoyaClientOrFallback();
+  const tools = (0, import_react2.useSelector)(client.tools$);
+  (0, import_react3.useEffect)(() => {
+    if (didInitialize.current)
+      return;
+    didInitialize.current = true;
+    if (initial) {
+      client.tools.setInitial(initial);
+    } else {
+      client.tools.list();
+    }
+  }, [client, initial]);
+  return tools;
+}
+function useOptionalNoyaTools(initial) {
+  const client = useNoyaClientOrFallback();
+  const tools = (0, import_react2.useSelector)(client.tools$);
+  return (0, import_react3.useMemo)(
+    () => tools.loading && initial ? { loading: true, tools: initial } : tools,
+    [initial, tools]
+  );
+}
+function useNoyaTags() {
+  const client = useNoyaClient();
+  const tags = (0, import_react2.useSelector)(client.tags$);
+  (0, import_react3.useEffect)(() => {
+    client.tags.read();
+  }, [client]);
+  return tags;
+}
+function useOptionalNoyaTags() {
+  const client = useNoyaClientOrFallback();
+  const tags = (0, import_react2.useSelector)(client.tags$);
+  (0, import_react3.useEffect)(() => {
+    client.tags.read();
+  }, [client]);
+  return tags;
+}
+function useNoyaCreators() {
+  const client = useNoyaClientOrFallback();
+  const creators = (0, import_react2.useSelector)(client.creators$);
+  (0, import_react3.useEffect)(() => {
+    client.creators.read();
+  }, [client]);
+  return creators;
+}
+function useOptionalNoyaCreators() {
+  const client = useNoyaClientOrFallback();
+  const creators = (0, import_react2.useSelector)(client.creators$);
+  (0, import_react3.useEffect)(() => {
+    client.creators.read();
+  }, [client]);
+  return creators;
+}
+function useNoyaAssets(fileId) {
+  const client = useNoyaClientOrFallback();
+  const empty = (0, import_react3.useMemo)(() => ({ assets: [], loading: true }), []);
+  const assets = (0, import_react2.useSelector)(
+    fileId ? client.assetsByFileId$[fileId] : client.assets$
+  );
+  return assets ?? empty;
+}
+function useNoyaSession() {
+  const session = (0, import_react2.useSelector)(useNoyaClient().session$);
+  return session;
+}
+function useOptionalNoyaSession() {
+  const session = (0, import_react2.useSelector)(useOptionalNoyaClient()?.session$);
+  return session;
+}
+function useNoyaBilling() {
+  const billing = (0, import_react2.useSelector)(useNoyaClient().billing$);
+  return billing;
+}
+function useNoyaEmailLists() {
+  const emailLists = (0, import_react2.useSelector)(useNoyaClient().emailLists$);
+  return emailLists;
+}
+function useNoyaUserData() {
+  const userData = (0, import_react2.useSelector)(useNoyaClientOrFallback().userData$);
+  return userData;
+}
+function useOptionalNoyaUserData() {
+  const userData = (0, import_react2.useSelector)(useNoyaClientOrFallback().userData$);
+  return userData;
+}
+function useIsBeta() {
+  const userData = useOptionalNoyaUserData();
+  return userData?.userData?.beta ?? false;
+}
+function useMetadata(key) {
+  const { userData } = useNoyaUserData();
+  const metadata = userData?.metadata || [];
+  const metadataItem = metadata.find((item) => item.key === key);
+  return metadataItem?.value;
+}
+function useGeneratedComponentNames(name) {
+  const key = name.trim().toLowerCase();
+  const { generatedNames$, loadingNames$ } = useNoyaClientOrFallback();
+  const result = (0, import_react2.useSelector)(
+    () => generatedNames$[key].get()
+  );
+  const loading = (0, import_react2.useSelector)(() => loadingNames$[key].get());
+  return (0, import_react3.useMemo)(() => ({ names: result ?? [], loading }), [loading, result]);
+}
+function useGeneratedComponentDescriptions() {
+  const { generatedDescriptions$, loadingDescriptions$ } = useNoyaClientOrFallback();
+  const descriptions = (0, import_react2.useSelector)(generatedDescriptions$);
+  const loading = (0, import_react2.useSelector)(loadingDescriptions$);
+  return (0, import_react3.useMemo)(() => ({ descriptions, loading }), [loading, descriptions]);
+}
+function useGeneratedComponentDescription(name) {
+  const key = name.trim().toLowerCase();
+  const { generatedDescriptions$, loadingDescriptions$ } = useNoyaClientOrFallback();
+  const description = (0, import_react2.useSelector)(
+    () => generatedDescriptions$[key].get()
+  );
+  const loading = (0, import_react2.useSelector)(() => loadingDescriptions$[key].get());
+  return (0, import_react3.useMemo)(() => ({ description, loading }), [loading, description]);
+}
+function useRandomImages() {
+  const { randomImages$, loadingRandomImages$ } = useNoyaClientOrFallback();
+  const images = (0, import_react2.useSelector)(randomImages$);
+  const loading = (0, import_react2.useSelector)(loadingRandomImages$);
+  return (0, import_react3.useMemo)(() => ({ images, loading }), [loading, images]);
+}
+function useRandomIcons() {
+  const { randomIcons$, loadingRandomIcons$ } = useNoyaClientOrFallback();
+  const icons = (0, import_react2.useSelector)(randomIcons$);
+  const loading = (0, import_react2.useSelector)(loadingRandomIcons$);
+  return (0, import_react3.useMemo)(() => ({ icons, loading }), [loading, icons]);
+}
+function useNetworkRequests() {
+  const { requests$ } = useNoyaClientOrFallback();
+  const requests = (0, import_react2.useSelector)(requests$);
+  return requests;
+}
+function useGeneratedPageNames() {
+  const { generatedPageNames$ } = useNoyaClientOrFallback();
+  const names = (0, import_react2.useSelector)(generatedPageNames$);
+  const namesWithDefaultsAndTypes = (0, import_react3.useMemo)(() => {
+    const rangeArray = (0, import_noya_utils.range)(0, import_noya_api2.GENERATED_PAGE_NAME_COUNT);
+    const withDefaults = rangeArray.map((index) => {
+      const name = names[index];
+      return name ?? { name: `Page ${index + 1}`, loading: true, key: "" };
+    });
+    return withDefaults.map(
+      (name, index) => ({
+        ...name,
+        index,
+        type: "suggestion"
+      })
+    );
+  }, [names]);
+  return namesWithDefaultsAndTypes.slice(0, 3);
+}
+function useGeneratedPageComponentNames() {
+  const { generatedPageComponentNames$: generatedComponentNames$ } = useNoyaClientOrFallback();
+  const names = (0, import_react2.useSelector)(
+    generatedComponentNames$
+  );
+  const namesWithDefaultsAndTypes = (0, import_react3.useMemo)(() => {
+    const rangeArray = (0, import_noya_utils.range)(0, import_noya_api2.GENERATED_PAGE_NAME_COUNT);
+    const withDefaults = rangeArray.map((index) => {
+      const name = names[index];
+      return name ?? { name: `Component ${index + 1}`, loading: true, key: "" };
+    });
+    return withDefaults.map(
+      (name, index) => ({
+        ...name,
+        index,
+        type: "suggestion"
+      })
+    );
+  }, [names]);
+  return namesWithDefaultsAndTypes.slice(0, 3);
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  NoyaAPIProvider,
+  useGeneratedComponentDescription,
+  useGeneratedComponentDescriptions,
+  useGeneratedComponentNames,
+  useGeneratedPageComponentNames,
+  useGeneratedPageNames,
+  useIsBeta,
+  useMetadata,
+  useNetworkRequests,
+  useNoyaAssets,
+  useNoyaBilling,
+  useNoyaClient,
+  useNoyaClientOrFallback,
+  useNoyaCreators,
+  useNoyaEmailLists,
+  useNoyaFiles,
+  useNoyaIsOwnFile,
+  useNoyaSession,
+  useNoyaTags,
+  useNoyaTools,
+  useNoyaUserData,
+  useOptionalNoyaClient,
+  useOptionalNoyaCreators,
+  useOptionalNoyaSession,
+  useOptionalNoyaTags,
+  useOptionalNoyaTools,
+  useOptionalNoyaUserData,
+  useRandomIcons,
+  useRandomImages,
+  ...require("@noya-app/noya-api")
+});
+//# sourceMappingURL=index.js.map

package/dist/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/index.ts","../src/react/context.ts","../src/react/hooks.ts"],"sourcesContent":["export * from \"@noya-app/noya-api\";\nexport * from \"./react/context\";\nexport * from \"./react/hooks\";\n","import { NoyaAPI } from \"@noya-app/noya-api\";\nimport { createContext, useContext, useMemo } from \"react\";\n\ntype NoyaAPIContextValue = NoyaAPI.Client;\n\nconst NoyaAPIContext = createContext<NoyaAPIContextValue | undefined>(\n  undefined\n);\n\nexport const NoyaAPIProvider: React.Provider<NoyaAPIContextValue | undefined> =\n  NoyaAPIContext.Provider;\n\nexport function useNoyaClient(): NoyaAPIContextValue {\n  const value = useContext(NoyaAPIContext);\n\n  if (!value) {\n    throw new Error(\"Missing NoyaAPIContextValue\");\n  }\n\n  return value;\n}\n\nexport function useOptionalNoyaClient(): NoyaAPIContextValue | undefined {\n  return useContext(NoyaAPIContext);\n}\n\n/**\n * If there's no client, fallback to a memory client.\n * We do this to safely render content when logged out (e.g. when sharing).\n */\nexport function useNoyaClientOrFallback(): NoyaAPIContextValue {\n  const value = useContext(NoyaAPIContext);\n\n  const memoryClient = useMemo(() => {\n    return new NoyaAPI.Client({\n      networkClient: new NoyaAPI.MemoryClient(),\n    });\n  }, []);\n\n  return value ?? memoryClient;\n}\n","import { useSelector } from \"@legendapp/state/react\";\nimport { GENERATED_PAGE_NAME_COUNT, NoyaAPI } from \"@noya-app/noya-api\";\nimport { range } from \"@noya-app/noya-utils\";\nimport { useEffect, useMemo, useRef } from \"react\";\nimport {\n  useNoyaClient,\n  useNoyaClientOrFallback,\n  useOptionalNoyaClient,\n} from \"./context\";\n\nexport function useNoyaFiles(): {\n  files: NoyaAPI.File[];\n  loading: NoyaAPI.DataLoadingState;\n} {\n  const client = useNoyaClientOrFallback();\n  const files = useSelector(client.files$);\n  const session = useSelector(useNoyaClient().session$);\n\n  useEffect(() => {\n    if (!session) return;\n\n    if (\n      files.loading === \"notStarted\" ||\n      files.loading === \"populatedOnServer\"\n    ) {\n      client.files.refetch();\n    }\n  }, [client, files.loading, session]);\n\n  return files;\n}\n\nexport function useNoyaIsOwnFile(fileId?: string) {\n  const client = useNoyaClientOrFallback();\n  const files = useSelector(client.files$);\n  const session = useSelector(client.session$);\n  const file = files.files.find((file) => file.id === fileId);\n  return file?.userId === session?.user.id;\n}\n\nexport function useNoyaTools(initial?: NoyaAPI.Tool[]) {\n  const didInitialize = useRef(false);\n  const client = useNoyaClientOrFallback();\n  const tools = useSelector(client.tools$);\n  useEffect(() => {\n    if (didInitialize.current) return;\n    didInitialize.current = true;\n\n    if (initial) {\n      client.tools.setInitial(initial);\n    } else {\n      client.tools.list();\n    }\n  }, [client, initial]);\n  return tools;\n}\n\nexport function useOptionalNoyaTools(initial?: NoyaAPI.Tool[]) {\n  const client = useNoyaClientOrFallback();\n  const tools = useSelector(client.tools$);\n  return useMemo(\n    () =>\n      tools.loading && initial ? { loading: true, tools: initial } : tools,\n    [initial, tools]\n  );\n}\n\nexport function useNoyaTags() {\n  const client = useNoyaClient();\n  const tags = useSelector(client.tags$);\n  useEffect(() => {\n    client.tags.read();\n  }, [client]);\n  return tags;\n}\n\nexport function useOptionalNoyaTags() {\n  const client = useNoyaClientOrFallback();\n  const tags = useSelector(client.tags$);\n  useEffect(() => {\n    client.tags.read();\n  }, [client]);\n  return tags;\n}\n\nexport function useNoyaCreators() {\n  const client = useNoyaClientOrFallback();\n  const creators = useSelector(client.creators$);\n  useEffect(() => {\n    client.creators.read();\n  }, [client]);\n  return creators;\n}\n\nexport function useOptionalNoyaCreators() {\n  const client = useNoyaClientOrFallback();\n  const creators = useSelector(client.creators$);\n  useEffect(() => {\n    client.creators.read();\n  }, [client]);\n  return creators;\n}\n\nexport function useNoyaAssets(fileId?: string) {\n  const client = useNoyaClientOrFallback();\n  const empty = useMemo(() => ({ assets: [], loading: true }), []);\n  const assets = useSelector(\n    fileId ? client.assetsByFileId$[fileId] : client.assets$\n  );\n  return assets ?? empty;\n}\n\nexport function useNoyaSession() {\n  const session = useSelector(useNoyaClient().session$);\n  return session;\n}\n\nexport function useOptionalNoyaSession() {\n  const session = useSelector(useOptionalNoyaClient()?.session$);\n  return session;\n}\n\nexport function useNoyaBilling() {\n  const billing = useSelector(useNoyaClient().billing$);\n  return billing;\n}\n\nexport function useNoyaEmailLists() {\n  const emailLists = useSelector(useNoyaClient().emailLists$);\n  return emailLists;\n}\n\nexport function useNoyaUserData() {\n  const userData = useSelector(useNoyaClientOrFallback().userData$);\n  return userData;\n}\n\nexport function useOptionalNoyaUserData() {\n  const userData = useSelector(useNoyaClientOrFallback().userData$);\n  return userData;\n}\n\nexport function useIsBeta() {\n  const userData = useOptionalNoyaUserData();\n  return userData?.userData?.beta ?? false;\n}\n\nexport function useMetadata<T extends NoyaAPI.Json>(key: string) {\n  const { userData } = useNoyaUserData();\n  const metadata = userData?.metadata || [];\n  const metadataItem = metadata.find((item) => item.key === key);\n  return metadataItem?.value as T | undefined;\n}\n\nexport function useGeneratedComponentNames(name: string) {\n  const key = name.trim().toLowerCase();\n  const { generatedNames$, loadingNames$ } = useNoyaClientOrFallback();\n  const result = useSelector(\n    () => generatedNames$[key].get() as NoyaAPI.GeneratedName[] | undefined\n  );\n  const loading = useSelector(() => loadingNames$[key].get());\n  return useMemo(() => ({ names: result ?? [], loading }), [loading, result]);\n}\n\nexport function useGeneratedComponentDescriptions() {\n  const { generatedDescriptions$, loadingDescriptions$ } =\n    useNoyaClientOrFallback();\n  const descriptions = useSelector(generatedDescriptions$);\n  const loading = useSelector(loadingDescriptions$);\n  return useMemo(() => ({ descriptions, loading }), [loading, descriptions]);\n}\n\nexport function useGeneratedComponentDescription(name: string) {\n  const key = name.trim().toLowerCase();\n  const { generatedDescriptions$, loadingDescriptions$ } =\n    useNoyaClientOrFallback();\n  const description = useSelector(\n    () => generatedDescriptions$[key].get() as string | undefined\n  );\n  const loading = useSelector(() => loadingDescriptions$[key].get());\n  return useMemo(() => ({ description, loading }), [loading, description]);\n}\n\nexport function useRandomImages() {\n  const { randomImages$, loadingRandomImages$ } = useNoyaClientOrFallback();\n  const images = useSelector(randomImages$);\n  const loading = useSelector(loadingRandomImages$);\n  return useMemo(() => ({ images, loading }), [loading, images]);\n}\n\nexport function useRandomIcons() {\n  const { randomIcons$, loadingRandomIcons$ } = useNoyaClientOrFallback();\n  const icons = useSelector(randomIcons$);\n  const loading = useSelector(loadingRandomIcons$);\n  return useMemo(() => ({ icons, loading }), [loading, icons]);\n}\n\nexport function useNetworkRequests() {\n  const { requests$ } = useNoyaClientOrFallback();\n  const requests = useSelector(requests$) as NoyaAPI.RequestSnapshot[];\n  return requests;\n}\n\nexport type EnhancedGeneratedPageName = NoyaAPI.GeneratedName & {\n  index: number;\n  type: \"suggestion\";\n};\n\nexport function useGeneratedPageNames(): EnhancedGeneratedPageName[] {\n  const { generatedPageNames$ } = useNoyaClientOrFallback();\n  const names = useSelector(generatedPageNames$) as NoyaAPI.GeneratedName[];\n\n  const namesWithDefaultsAndTypes = useMemo(() => {\n    const rangeArray = range(0, GENERATED_PAGE_NAME_COUNT);\n\n    // Fill any empty slots with default names in the 'loading' state\n    const withDefaults = rangeArray.map((index): NoyaAPI.GeneratedName => {\n      const name = names[index];\n      return name ?? { name: `Page ${index + 1}`, loading: true, key: \"\" };\n    });\n\n    return withDefaults.map(\n      (name, index): EnhancedGeneratedPageName => ({\n        ...name,\n        index,\n        type: \"suggestion\",\n      })\n    );\n  }, [names]);\n\n  // Take the first 3\n  return namesWithDefaultsAndTypes.slice(0, 3);\n}\n\nexport function useGeneratedPageComponentNames(): EnhancedGeneratedPageName[] {\n  const { generatedPageComponentNames$: generatedComponentNames$ } =\n    useNoyaClientOrFallback();\n  const names = useSelector(\n    generatedComponentNames$\n  ) as NoyaAPI.GeneratedName[];\n\n  const namesWithDefaultsAndTypes = useMemo(() => {\n    const rangeArray = range(0, GENERATED_PAGE_NAME_COUNT);\n\n    // Fill any empty slots with default names in the 'loading' state\n    const withDefaults = rangeArray.map((index): NoyaAPI.GeneratedName => {\n      const name = names[index];\n      return name ?? { name: `Component ${index + 1}`, loading: true, key: \"\" };\n    });\n\n    return withDefaults.map(\n      (name, index): EnhancedGeneratedPageName => ({\n        ...name,\n        index,\n        type: \"suggestion\",\n      })\n    );\n  }, [names]);\n\n  // Take the first 3\n  return namesWithDefaultsAndTypes.slice(0, 3);\n}\n"],"mappings":"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","names":["import_react","import_noya_api","file"]}

package/dist/index.mjs

@@ -0,0 +1,266 @@
+// src/index.ts
+export * from "@noya-app/noya-api";
+
+// src/react/context.ts
+import { NoyaAPI } from "@noya-app/noya-api";
+import { createContext, useContext, useMemo } from "react";
+var NoyaAPIContext = createContext(
+  void 0
+);
+var NoyaAPIProvider = NoyaAPIContext.Provider;
+function useNoyaClient() {
+  const value = useContext(NoyaAPIContext);
+  if (!value) {
+    throw new Error("Missing NoyaAPIContextValue");
+  }
+  return value;
+}
+function useOptionalNoyaClient() {
+  return useContext(NoyaAPIContext);
+}
+function useNoyaClientOrFallback() {
+  const value = useContext(NoyaAPIContext);
+  const memoryClient = useMemo(() => {
+    return new NoyaAPI.Client({
+      networkClient: new NoyaAPI.MemoryClient()
+    });
+  }, []);
+  return value ?? memoryClient;
+}
+
+// src/react/hooks.ts
+import { useSelector } from "@legendapp/state/react";
+import { GENERATED_PAGE_NAME_COUNT } from "@noya-app/noya-api";
+import { range } from "@noya-app/noya-utils";
+import { useEffect, useMemo as useMemo2, useRef } from "react";
+function useNoyaFiles() {
+  const client = useNoyaClientOrFallback();
+  const files = useSelector(client.files$);
+  const session = useSelector(useNoyaClient().session$);
+  useEffect(() => {
+    if (!session)
+      return;
+    if (files.loading === "notStarted" || files.loading === "populatedOnServer") {
+      client.files.refetch();
+    }
+  }, [client, files.loading, session]);
+  return files;
+}
+function useNoyaIsOwnFile(fileId) {
+  const client = useNoyaClientOrFallback();
+  const files = useSelector(client.files$);
+  const session = useSelector(client.session$);
+  const file = files.files.find((file2) => file2.id === fileId);
+  return file?.userId === session?.user.id;
+}
+function useNoyaTools(initial) {
+  const didInitialize = useRef(false);
+  const client = useNoyaClientOrFallback();
+  const tools = useSelector(client.tools$);
+  useEffect(() => {
+    if (didInitialize.current)
+      return;
+    didInitialize.current = true;
+    if (initial) {
+      client.tools.setInitial(initial);
+    } else {
+      client.tools.list();
+    }
+  }, [client, initial]);
+  return tools;
+}
+function useOptionalNoyaTools(initial) {
+  const client = useNoyaClientOrFallback();
+  const tools = useSelector(client.tools$);
+  return useMemo2(
+    () => tools.loading && initial ? { loading: true, tools: initial } : tools,
+    [initial, tools]
+  );
+}
+function useNoyaTags() {
+  const client = useNoyaClient();
+  const tags = useSelector(client.tags$);
+  useEffect(() => {
+    client.tags.read();
+  }, [client]);
+  return tags;
+}
+function useOptionalNoyaTags() {
+  const client = useNoyaClientOrFallback();
+  const tags = useSelector(client.tags$);
+  useEffect(() => {
+    client.tags.read();
+  }, [client]);
+  return tags;
+}
+function useNoyaCreators() {
+  const client = useNoyaClientOrFallback();
+  const creators = useSelector(client.creators$);
+  useEffect(() => {
+    client.creators.read();
+  }, [client]);
+  return creators;
+}
+function useOptionalNoyaCreators() {
+  const client = useNoyaClientOrFallback();
+  const creators = useSelector(client.creators$);
+  useEffect(() => {
+    client.creators.read();
+  }, [client]);
+  return creators;
+}
+function useNoyaAssets(fileId) {
+  const client = useNoyaClientOrFallback();
+  const empty = useMemo2(() => ({ assets: [], loading: true }), []);
+  const assets = useSelector(
+    fileId ? client.assetsByFileId$[fileId] : client.assets$
+  );
+  return assets ?? empty;
+}
+function useNoyaSession() {
+  const session = useSelector(useNoyaClient().session$);
+  return session;
+}
+function useOptionalNoyaSession() {
+  const session = useSelector(useOptionalNoyaClient()?.session$);
+  return session;
+}
+function useNoyaBilling() {
+  const billing = useSelector(useNoyaClient().billing$);
+  return billing;
+}
+function useNoyaEmailLists() {
+  const emailLists = useSelector(useNoyaClient().emailLists$);
+  return emailLists;
+}
+function useNoyaUserData() {
+  const userData = useSelector(useNoyaClientOrFallback().userData$);
+  return userData;
+}
+function useOptionalNoyaUserData() {
+  const userData = useSelector(useNoyaClientOrFallback().userData$);
+  return userData;
+}
+function useIsBeta() {
+  const userData = useOptionalNoyaUserData();
+  return userData?.userData?.beta ?? false;
+}
+function useMetadata(key) {
+  const { userData } = useNoyaUserData();
+  const metadata = userData?.metadata || [];
+  const metadataItem = metadata.find((item) => item.key === key);
+  return metadataItem?.value;
+}
+function useGeneratedComponentNames(name) {
+  const key = name.trim().toLowerCase();
+  const { generatedNames$, loadingNames$ } = useNoyaClientOrFallback();
+  const result = useSelector(
+    () => generatedNames$[key].get()
+  );
+  const loading = useSelector(() => loadingNames$[key].get());
+  return useMemo2(() => ({ names: result ?? [], loading }), [loading, result]);
+}
+function useGeneratedComponentDescriptions() {
+  const { generatedDescriptions$, loadingDescriptions$ } = useNoyaClientOrFallback();
+  const descriptions = useSelector(generatedDescriptions$);
+  const loading = useSelector(loadingDescriptions$);
+  return useMemo2(() => ({ descriptions, loading }), [loading, descriptions]);
+}
+function useGeneratedComponentDescription(name) {
+  const key = name.trim().toLowerCase();
+  const { generatedDescriptions$, loadingDescriptions$ } = useNoyaClientOrFallback();
+  const description = useSelector(
+    () => generatedDescriptions$[key].get()
+  );
+  const loading = useSelector(() => loadingDescriptions$[key].get());
+  return useMemo2(() => ({ description, loading }), [loading, description]);
+}
+function useRandomImages() {
+  const { randomImages$, loadingRandomImages$ } = useNoyaClientOrFallback();
+  const images = useSelector(randomImages$);
+  const loading = useSelector(loadingRandomImages$);
+  return useMemo2(() => ({ images, loading }), [loading, images]);
+}
+function useRandomIcons() {
+  const { randomIcons$, loadingRandomIcons$ } = useNoyaClientOrFallback();
+  const icons = useSelector(randomIcons$);
+  const loading = useSelector(loadingRandomIcons$);
+  return useMemo2(() => ({ icons, loading }), [loading, icons]);
+}
+function useNetworkRequests() {
+  const { requests$ } = useNoyaClientOrFallback();
+  const requests = useSelector(requests$);
+  return requests;
+}
+function useGeneratedPageNames() {
+  const { generatedPageNames$ } = useNoyaClientOrFallback();
+  const names = useSelector(generatedPageNames$);
+  const namesWithDefaultsAndTypes = useMemo2(() => {
+    const rangeArray = range(0, GENERATED_PAGE_NAME_COUNT);
+    const withDefaults = rangeArray.map((index) => {
+      const name = names[index];
+      return name ?? { name: `Page ${index + 1}`, loading: true, key: "" };
+    });
+    return withDefaults.map(
+      (name, index) => ({
+        ...name,
+        index,
+        type: "suggestion"
+      })
+    );
+  }, [names]);
+  return namesWithDefaultsAndTypes.slice(0, 3);
+}
+function useGeneratedPageComponentNames() {
+  const { generatedPageComponentNames$: generatedComponentNames$ } = useNoyaClientOrFallback();
+  const names = useSelector(
+    generatedComponentNames$
+  );
+  const namesWithDefaultsAndTypes = useMemo2(() => {
+    const rangeArray = range(0, GENERATED_PAGE_NAME_COUNT);
+    const withDefaults = rangeArray.map((index) => {
+      const name = names[index];
+      return name ?? { name: `Component ${index + 1}`, loading: true, key: "" };
+    });
+    return withDefaults.map(
+      (name, index) => ({
+        ...name,
+        index,
+        type: "suggestion"
+      })
+    );
+  }, [names]);
+  return namesWithDefaultsAndTypes.slice(0, 3);
+}
+export {
+  NoyaAPIProvider,
+  useGeneratedComponentDescription,
+  useGeneratedComponentDescriptions,
+  useGeneratedComponentNames,
+  useGeneratedPageComponentNames,
+  useGeneratedPageNames,
+  useIsBeta,
+  useMetadata,
+  useNetworkRequests,
+  useNoyaAssets,
+  useNoyaBilling,
+  useNoyaClient,
+  useNoyaClientOrFallback,
+  useNoyaCreators,
+  useNoyaEmailLists,
+  useNoyaFiles,
+  useNoyaIsOwnFile,
+  useNoyaSession,
+  useNoyaTags,
+  useNoyaTools,
+  useNoyaUserData,
+  useOptionalNoyaClient,
+  useOptionalNoyaCreators,
+  useOptionalNoyaSession,
+  useOptionalNoyaTags,
+  useOptionalNoyaTools,
+  useOptionalNoyaUserData,
+  useRandomIcons,
+  useRandomImages
+};
+//# sourceMappingURL=index.mjs.map

package/dist/index.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/index.ts","../src/react/context.ts","../src/react/hooks.ts"],"sourcesContent":["export * from \"@noya-app/noya-api\";\nexport * from \"./react/context\";\nexport * from \"./react/hooks\";\n","import { NoyaAPI } from \"@noya-app/noya-api\";\nimport { createContext, useContext, useMemo } from \"react\";\n\ntype NoyaAPIContextValue = NoyaAPI.Client;\n\nconst NoyaAPIContext = createContext<NoyaAPIContextValue | undefined>(\n  undefined\n);\n\nexport const NoyaAPIProvider: React.Provider<NoyaAPIContextValue | undefined> =\n  NoyaAPIContext.Provider;\n\nexport function useNoyaClient(): NoyaAPIContextValue {\n  const value = useContext(NoyaAPIContext);\n\n  if (!value) {\n    throw new Error(\"Missing NoyaAPIContextValue\");\n  }\n\n  return value;\n}\n\nexport function useOptionalNoyaClient(): NoyaAPIContextValue | undefined {\n  return useContext(NoyaAPIContext);\n}\n\n/**\n * If there's no client, fallback to a memory client.\n * We do this to safely render content when logged out (e.g. when sharing).\n */\nexport function useNoyaClientOrFallback(): NoyaAPIContextValue {\n  const value = useContext(NoyaAPIContext);\n\n  const memoryClient = useMemo(() => {\n    return new NoyaAPI.Client({\n      networkClient: new NoyaAPI.MemoryClient(),\n    });\n  }, []);\n\n  return value ?? memoryClient;\n}\n","import { useSelector } from \"@legendapp/state/react\";\nimport { GENERATED_PAGE_NAME_COUNT, NoyaAPI } from \"@noya-app/noya-api\";\nimport { range } from \"@noya-app/noya-utils\";\nimport { useEffect, useMemo, useRef } from \"react\";\nimport {\n  useNoyaClient,\n  useNoyaClientOrFallback,\n  useOptionalNoyaClient,\n} from \"./context\";\n\nexport function useNoyaFiles(): {\n  files: NoyaAPI.File[];\n  loading: NoyaAPI.DataLoadingState;\n} {\n  const client = useNoyaClientOrFallback();\n  const files = useSelector(client.files$);\n  const session = useSelector(useNoyaClient().session$);\n\n  useEffect(() => {\n    if (!session) return;\n\n    if (\n      files.loading === \"notStarted\" ||\n      files.loading === \"populatedOnServer\"\n    ) {\n      client.files.refetch();\n    }\n  }, [client, files.loading, session]);\n\n  return files;\n}\n\nexport function useNoyaIsOwnFile(fileId?: string) {\n  const client = useNoyaClientOrFallback();\n  const files = useSelector(client.files$);\n  const session = useSelector(client.session$);\n  const file = files.files.find((file) => file.id === fileId);\n  return file?.userId === session?.user.id;\n}\n\nexport function useNoyaTools(initial?: NoyaAPI.Tool[]) {\n  const didInitialize = useRef(false);\n  const client = useNoyaClientOrFallback();\n  const tools = useSelector(client.tools$);\n  useEffect(() => {\n    if (didInitialize.current) return;\n    didInitialize.current = true;\n\n    if (initial) {\n      client.tools.setInitial(initial);\n    } else {\n      client.tools.list();\n    }\n  }, [client, initial]);\n  return tools;\n}\n\nexport function useOptionalNoyaTools(initial?: NoyaAPI.Tool[]) {\n  const client = useNoyaClientOrFallback();\n  const tools = useSelector(client.tools$);\n  return useMemo(\n    () =>\n      tools.loading && initial ? { loading: true, tools: initial } : tools,\n    [initial, tools]\n  );\n}\n\nexport function useNoyaTags() {\n  const client = useNoyaClient();\n  const tags = useSelector(client.tags$);\n  useEffect(() => {\n    client.tags.read();\n  }, [client]);\n  return tags;\n}\n\nexport function useOptionalNoyaTags() {\n  const client = useNoyaClientOrFallback();\n  const tags = useSelector(client.tags$);\n  useEffect(() => {\n    client.tags.read();\n  }, [client]);\n  return tags;\n}\n\nexport function useNoyaCreators() {\n  const client = useNoyaClientOrFallback();\n  const creators = useSelector(client.creators$);\n  useEffect(() => {\n    client.creators.read();\n  }, [client]);\n  return creators;\n}\n\nexport function useOptionalNoyaCreators() {\n  const client = useNoyaClientOrFallback();\n  const creators = useSelector(client.creators$);\n  useEffect(() => {\n    client.creators.read();\n  }, [client]);\n  return creators;\n}\n\nexport function useNoyaAssets(fileId?: string) {\n  const client = useNoyaClientOrFallback();\n  const empty = useMemo(() => ({ assets: [], loading: true }), []);\n  const assets = useSelector(\n    fileId ? client.assetsByFileId$[fileId] : client.assets$\n  );\n  return assets ?? empty;\n}\n\nexport function useNoyaSession() {\n  const session = useSelector(useNoyaClient().session$);\n  return session;\n}\n\nexport function useOptionalNoyaSession() {\n  const session = useSelector(useOptionalNoyaClient()?.session$);\n  return session;\n}\n\nexport function useNoyaBilling() {\n  const billing = useSelector(useNoyaClient().billing$);\n  return billing;\n}\n\nexport function useNoyaEmailLists() {\n  const emailLists = useSelector(useNoyaClient().emailLists$);\n  return emailLists;\n}\n\nexport function useNoyaUserData() {\n  const userData = useSelector(useNoyaClientOrFallback().userData$);\n  return userData;\n}\n\nexport function useOptionalNoyaUserData() {\n  const userData = useSelector(useNoyaClientOrFallback().userData$);\n  return userData;\n}\n\nexport function useIsBeta() {\n  const userData = useOptionalNoyaUserData();\n  return userData?.userData?.beta ?? false;\n}\n\nexport function useMetadata<T extends NoyaAPI.Json>(key: string) {\n  const { userData } = useNoyaUserData();\n  const metadata = userData?.metadata || [];\n  const metadataItem = metadata.find((item) => item.key === key);\n  return metadataItem?.value as T | undefined;\n}\n\nexport function useGeneratedComponentNames(name: string) {\n  const key = name.trim().toLowerCase();\n  const { generatedNames$, loadingNames$ } = useNoyaClientOrFallback();\n  const result = useSelector(\n    () => generatedNames$[key].get() as NoyaAPI.GeneratedName[] | undefined\n  );\n  const loading = useSelector(() => loadingNames$[key].get());\n  return useMemo(() => ({ names: result ?? [], loading }), [loading, result]);\n}\n\nexport function useGeneratedComponentDescriptions() {\n  const { generatedDescriptions$, loadingDescriptions$ } =\n    useNoyaClientOrFallback();\n  const descriptions = useSelector(generatedDescriptions$);\n  const loading = useSelector(loadingDescriptions$);\n  return useMemo(() => ({ descriptions, loading }), [loading, descriptions]);\n}\n\nexport function useGeneratedComponentDescription(name: string) {\n  const key = name.trim().toLowerCase();\n  const { generatedDescriptions$, loadingDescriptions$ } =\n    useNoyaClientOrFallback();\n  const description = useSelector(\n    () => generatedDescriptions$[key].get() as string | undefined\n  );\n  const loading = useSelector(() => loadingDescriptions$[key].get());\n  return useMemo(() => ({ description, loading }), [loading, description]);\n}\n\nexport function useRandomImages() {\n  const { randomImages$, loadingRandomImages$ } = useNoyaClientOrFallback();\n  const images = useSelector(randomImages$);\n  const loading = useSelector(loadingRandomImages$);\n  return useMemo(() => ({ images, loading }), [loading, images]);\n}\n\nexport function useRandomIcons() {\n  const { randomIcons$, loadingRandomIcons$ } = useNoyaClientOrFallback();\n  const icons = useSelector(randomIcons$);\n  const loading = useSelector(loadingRandomIcons$);\n  return useMemo(() => ({ icons, loading }), [loading, icons]);\n}\n\nexport function useNetworkRequests() {\n  const { requests$ } = useNoyaClientOrFallback();\n  const requests = useSelector(requests$) as NoyaAPI.RequestSnapshot[];\n  return requests;\n}\n\nexport type EnhancedGeneratedPageName = NoyaAPI.GeneratedName & {\n  index: number;\n  type: \"suggestion\";\n};\n\nexport function useGeneratedPageNames(): EnhancedGeneratedPageName[] {\n  const { generatedPageNames$ } = useNoyaClientOrFallback();\n  const names = useSelector(generatedPageNames$) as NoyaAPI.GeneratedName[];\n\n  const namesWithDefaultsAndTypes = useMemo(() => {\n    const rangeArray = range(0, GENERATED_PAGE_NAME_COUNT);\n\n    // Fill any empty slots with default names in the 'loading' state\n    const withDefaults = rangeArray.map((index): NoyaAPI.GeneratedName => {\n      const name = names[index];\n      return name ?? { name: `Page ${index + 1}`, loading: true, key: \"\" };\n    });\n\n    return withDefaults.map(\n      (name, index): EnhancedGeneratedPageName => ({\n        ...name,\n        index,\n        type: \"suggestion\",\n      })\n    );\n  }, [names]);\n\n  // Take the first 3\n  return namesWithDefaultsAndTypes.slice(0, 3);\n}\n\nexport function useGeneratedPageComponentNames(): EnhancedGeneratedPageName[] {\n  const { generatedPageComponentNames$: generatedComponentNames$ } =\n    useNoyaClientOrFallback();\n  const names = useSelector(\n    generatedComponentNames$\n  ) as NoyaAPI.GeneratedName[];\n\n  const namesWithDefaultsAndTypes = useMemo(() => {\n    const rangeArray = range(0, GENERATED_PAGE_NAME_COUNT);\n\n    // Fill any empty slots with default names in the 'loading' state\n    const withDefaults = rangeArray.map((index): NoyaAPI.GeneratedName => {\n      const name = names[index];\n      return name ?? { name: `Component ${index + 1}`, loading: true, key: \"\" };\n    });\n\n    return withDefaults.map(\n      (name, index): EnhancedGeneratedPageName => ({\n        ...name,\n        index,\n        type: \"suggestion\",\n      })\n    );\n  }, [names]);\n\n  // Take the first 3\n  return namesWithDefaultsAndTypes.slice(0, 3);\n}\n"],"mappings":"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","names":["useMemo","file","useMemo"]}

package/package.json

@@ -0,0 +1,20 @@
+{
+  "name": "@noya-app/noya-api-client-react",
+  "version": "0.1.19",
+  "main": "./dist/index.js",
+  "module": "./dist/index.mjs",
+  "types": "./dist/index.d.ts",
+  "scripts": {
+    "build": "tsup src/index.ts --format cjs,esm --dts --sourcemap",
+    "dev": "npm run build -- --watch"
+  },
+  "dependencies": {
+    "@legendapp/state": "^2.1.1",
+    "@noya-app/noya-api": "0.1.19",
+    "@noya-app/noya-utils": "0.1.2"
+  },
+  "peerDependencies": {
+    "react": "*",
+    "react-dom": "*"
+  }
+}

package/src/index.ts

@@ -0,0 +1,3 @@
+export * from "@noya-app/noya-api";
+export * from "./react/context";
+export * from "./react/hooks";