@frak-labs/nexus-sdk 0.0.2-alpha → 0.0.4

package/dist/core/index.js

@@ -1,5 +1,7 @@
 import {
-  __publicField,
+  createIFrameNexusClient
+} from "../chunk-OXP3VK26.js";
+import {
   createIframe,
   decompressDataAndCheckHash,
   getIFrameResponseKeyProvider,
@@ -7,168 +9,9 @@ import {
   hashAndCompressData,
   iFrameRequestKeyProvider,
   redirectRequestKeyProvider
-} from "../chunk-JE64MPH2.js";
-
-// src/core/utils/Deferred.ts
-var Deferred = class {
-  constructor() {
-    __publicField(this, "_promise");
-    __publicField(this, "_resolve");
-    __publicField(this, "_reject");
-    __publicField(this, "resolve", (value) => {
-      this._resolve?.(value);
-    });
-    __publicField(this, "reject", (reason) => {
-      this._reject?.(reason);
-    });
-    this._promise = new Promise((resolve, reject) => {
-      this._resolve = resolve;
-      this._reject = reject;
-    });
-  }
-  get promise() {
-    return this._promise;
-  }
-};
-
-// src/core/clients/transports/iframeChannelManager.ts
-function createIFrameChannelManager() {
-  const channels = /* @__PURE__ */ new Map();
-  return {
-    // TODO: Better id system?? uid stuff?
-    createChannel: (resolver) => {
-      const id = Math.random().toString(36).substring(7);
-      channels.set(id, resolver);
-      return id;
-    },
-    getRpcResolver: (id) => channels.get(id),
-    removeChannel: (id) => channels.delete(id),
-    destroy: () => channels.clear()
-  };
-}
-
-// src/core/clients/transports/iframeMessageHandler.ts
-function createIFrameMessageHandler({
-  frakWalletUrl,
-  iframe,
-  channelManager
-}) {
-  if (typeof window === "undefined") {
-    throw new Error("iframe client should be used in the browser");
-  }
-  if (!iframe.contentWindow) {
-    throw new Error("The iframe does not have a content window");
-  }
-  const contentWindow = iframe.contentWindow;
-  const isConnected = new Deferred();
-  const msgHandler = async (event) => {
-    if (!event.origin) {
-      return;
-    }
-    if (new URL(event.origin).origin.toLowerCase() !== new URL(frakWalletUrl).origin.toLowerCase()) {
-      return;
-    }
-    if ("lifecycle" in event.data) {
-      isConnected.resolve(event.data.lifecycle === "connected");
-      return;
-    }
-    const channel = event.data.id;
-    const resolver = channelManager.getRpcResolver(channel);
-    if (!resolver) {
-      return;
-    }
-    await resolver(event.data);
-  };
-  window.addEventListener("message", msgHandler);
-  const sendEvent = (message) => {
-    contentWindow.postMessage(message, {
-      targetOrigin: frakWalletUrl
-    });
-  };
-  const cleanup = () => {
-    window.removeEventListener("message", msgHandler);
-  };
-  return {
-    isConnected: isConnected.promise,
-    sendEvent,
-    cleanup
-  };
-}
-
-// src/core/clients/createIFrameFrakClient.ts
-function createIFrameFrakClient({
-  config,
-  iframe
-}) {
-  const channelManager = createIFrameChannelManager();
-  const messageHandler = createIFrameMessageHandler({
-    frakWalletUrl: config.walletUrl,
-    iframe,
-    channelManager
-  });
-  const request = async (args) => {
-    const isConnected = await messageHandler.isConnected;
-    if (!isConnected) {
-      throw new Error("The iframe provider isn't connected yet");
-    }
-    const result = new Deferred();
-    const resultCompressionKeyProvider = getIFrameResponseKeyProvider(args);
-    const channelId = channelManager.createChannel(async (message) => {
-      const decompressed = await decompressDataAndCheckHash(
-        message.data,
-        resultCompressionKeyProvider
-      );
-      result.resolve(decompressed);
-      channelManager.removeChannel(channelId);
-    });
-    const compressedMessage = await hashAndCompressData(
-      args,
-      iFrameRequestKeyProvider
-    );
-    messageHandler.sendEvent({
-      id: channelId,
-      topic: args.method,
-      data: compressedMessage
-    });
-    return result.promise;
-  };
-  const listenerRequest = async (args, callback) => {
-    const isConnected = await messageHandler.isConnected;
-    if (!isConnected) {
-      throw new Error("The iframe provider isn't connected yet");
-    }
-    const resultCompressionKeyProvider = getIFrameResponseKeyProvider(args);
-    const channelId = channelManager.createChannel(async (message) => {
-      const decompressed = await decompressDataAndCheckHash(
-        message.data,
-        resultCompressionKeyProvider
-      );
-      callback(decompressed);
-    });
-    const compressedMessage = await hashAndCompressData(
-      args,
-      iFrameRequestKeyProvider
-    );
-    messageHandler.sendEvent({
-      id: channelId,
-      topic: args.method,
-      data: compressedMessage
-    });
-  };
-  const destroy = async () => {
-    channelManager.destroy();
-    messageHandler.cleanup();
-  };
-  return {
-    config,
-    waitForConnection: messageHandler.isConnected,
-    request,
-    listenerRequest,
-    destroy
-  };
-}
+} from "../chunk-5QWG35A2.js";
 export {
-  createIFrameFrakClient,
+  createIFrameNexusClient,
   createIframe,
   decompressDataAndCheckHash,
   getIFrameResponseKeyProvider,

package/dist/react/index.cjs

@@ -0,0 +1,169 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _nullishCoalesce(lhs, rhsFn) { if (lhs != null) { return lhs; } else { return rhsFn(); } }
+
+var _chunkJXQKTLEEcjs = require('../chunk-JXQKTLEE.cjs');
+
+
+
+
+var _chunk3LF3FGI6cjs = require('../chunk-3LF3FGI6.cjs');
+require('../chunk-2XUJYDD3.cjs');
+
+// src/react/provider/NexusConfigProvider.ts
+var _react = require('react');
+var NexusConfigContext = _react.createContext.call(void 0, void 0);
+function NexusConfigProvider(parameters) {
+  const { children, config } = parameters;
+  return _react.createElement.call(void 0, 
+    NexusConfigContext.Provider,
+    { value: config },
+    children
+  );
+}
+
+// src/react/provider/NexusIFrameClientProvider.ts
+
+
+
+
+
+
+
+
+// src/react/hook/useNexusConfig.ts
+
+function useNexusConfig() {
+  const config = _react.useContext.call(void 0, NexusConfigContext);
+  if (!config) {
+    throw new Error("NexusConfigProvider is not found");
+  }
+  return config;
+}
+
+// src/react/hook/useNexusClient.ts
+
+function useNexusClient() {
+  const client = _react.useContext.call(void 0, NexusIFrameClientContext);
+  if (!client) {
+    throw new Error("NexusIFrameClientProvider is not found");
+  }
+  return client;
+}
+
+// src/react/hook/useArticleUnlockOptions.ts
+var _reactquery = require('@tanstack/react-query');
+function useArticleUnlockOptions({ articleId }) {
+  const client = useNexusClient();
+  return _reactquery.useQuery.call(void 0, {
+    queryKey: ["articleUnlockOptions", _nullishCoalesce(articleId, () => ( "no-article-id"))],
+    queryFn: async () => {
+      if (!articleId) {
+        throw new Error("No article id provided");
+      }
+      return await _chunk3LF3FGI6cjs.getArticleUnlockOptions.call(void 0, client, { articleId });
+    },
+    enabled: !!articleId
+  });
+}
+
+// src/react/hook/useWalletStatus.ts
+
+
+function useWalletStatus() {
+  const queryClient = _reactquery.useQueryClient.call(void 0, );
+  const client = useNexusClient();
+  const newStatusUpdated = _react.useCallback.call(void 0, 
+    (event) => {
+      queryClient.setQueryData(["walletStatusListener"], event);
+    },
+    [queryClient]
+  );
+  return _reactquery.useQuery.call(void 0, {
+    queryKey: ["walletStatusListener"],
+    queryFn: async () => {
+      await _chunk3LF3FGI6cjs.watchWalletStatus.call(void 0, client, newStatusUpdated);
+      return { key: "waiting-response" };
+    }
+  });
+}
+
+// src/react/hook/useArticleUnlockStatus.ts
+
+
+function useArticleUnlockStatus({ articleId }) {
+  const queryClient = _reactquery.useQueryClient.call(void 0, );
+  const client = useNexusClient();
+  const newStatusUpdated = _react.useCallback.call(void 0, 
+    (event) => {
+      queryClient.setQueryData(
+        ["articleUnlockStatusListener", _nullishCoalesce(articleId, () => ( "no-article-id"))],
+        event
+      );
+    },
+    [articleId, queryClient]
+  );
+  return _reactquery.useQuery.call(void 0, {
+    queryKey: ["articleUnlockStatusListener", _nullishCoalesce(articleId, () => ( "no-article-id"))],
+    queryFn: async () => {
+      await _chunk3LF3FGI6cjs.watchUnlockStatus.call(void 0, client, { articleId }, newStatusUpdated);
+      return {
+        status: "waiting-response",
+        key: "waiting-response"
+      };
+    },
+    enabled: !!articleId
+  });
+}
+
+// src/react/provider/NexusIFrameClientProvider.ts
+var NexusIFrameClientContext = _react.createContext.call(void 0, 
+  void 0
+);
+function NexusIFrameClientProvider({
+  children
+}) {
+  const config = useNexusConfig();
+  const [iframeElem, setIframElem] = _react.useState.call(void 0, 
+    void 0
+  );
+  const client = _react.useMemo.call(void 0, 
+    () => iframeElem ? _chunkJXQKTLEEcjs.createIFrameNexusClient.call(void 0, { iframe: iframeElem, config }) : void 0,
+    [iframeElem, config]
+  );
+  const iFrame = _react.createElement.call(void 0, "iframe", {
+    id: "nexus-wallet",
+    name: "nexus-wallet",
+    src: `${config.walletUrl}/listener`,
+    style: {
+      width: "0",
+      height: "0",
+      border: "0",
+      position: "absolute",
+      top: "-1000px",
+      left: "-1000px"
+    },
+    ref: (iframe) => {
+      if (!iframe) {
+        setIframElem(void 0);
+        return;
+      }
+      setIframElem(iframe);
+    }
+  });
+  const providerComponent = _react.createElement.call(void 0, 
+    NexusIFrameClientContext.Provider,
+    { value: client },
+    children
+  );
+  return _react.createElement.call(void 0, _react.Fragment, null, iFrame, providerComponent);
+}
+
+
+
+
+
+
+
+
+
+
+exports.NexusConfigContext = NexusConfigContext; exports.NexusConfigProvider = NexusConfigProvider; exports.NexusIFrameClientContext = NexusIFrameClientContext; exports.NexusIFrameClientProvider = NexusIFrameClientProvider; exports.useArticleUnlockOptions = useArticleUnlockOptions; exports.useArticleUnlockStatus = useArticleUnlockStatus; exports.useNexusClient = useNexusClient; exports.useNexusConfig = useNexusConfig; exports.useWalletStatus = useWalletStatus;

package/dist/react/index.d.cts

@@ -0,0 +1,99 @@
+import * as react from 'react';
+import { PropsWithChildren, ReactNode } from 'react';
+import { a as NexusWalletSdkConfig, N as NexusClient, W as WalletStatusReturnType, A as ArticleUnlockStatusReturnType } from '../client-gnNyzrko.cjs';
+import * as _tanstack_react_query_build_legacy_types from '@tanstack/react-query/build/legacy/types';
+import { G as GetUnlockOptionsParams, W as WatchUnlockStatusParams } from '../watchUnlockStatus-DvDS55TN.cjs';
+import 'viem';
+import 'viem/chains';
+
+/**
+ * The context that will keep the Nexus Wallet SDK configuration
+ */
+declare const NexusConfigContext: react.Context<Readonly<{
+    walletUrl: string;
+    contentId: `0x${string}`;
+    contentTitle: string;
+}> | undefined>;
+/**
+ * Props to instantiate the Nexus Wallet SDK configuration provider
+ */
+type NexusConfigProviderProps = {
+    config: NexusWalletSdkConfig;
+};
+/**
+ * Simple config provider for the Nexus Wallet SDK
+ * @param parameters
+ * @constructor
+ */
+declare function NexusConfigProvider(parameters: PropsWithChildren<NexusConfigProviderProps>): react.FunctionComponentElement<react.ProviderProps<Readonly<{
+    walletUrl: string;
+    contentId: `0x${string}`;
+    contentTitle: string;
+}> | undefined>>;
+
+/**
+ * The context that will keep the Nexus Wallet SDK client
+ */
+declare const NexusIFrameClientContext: react.Context<NexusClient | undefined>;
+/**
+ * Props to instantiate the Nexus Wallet SDK configuration provider
+ */
+type NexusIFrameClientProps = {
+    config: NexusWalletSdkConfig;
+};
+/**
+ * IFrame client provider for the Nexus Wallet SDK
+ *  - Automatically set the config provider
+ * @param parameters
+ * @constructor
+ */
+declare function NexusIFrameClientProvider({ children, }: {
+    children?: ReactNode;
+}): react.FunctionComponentElement<{
+    children?: ReactNode;
+}>;
+
+/**
+ * Use the current nexus config
+ */
+declare function useNexusConfig(): Readonly<{
+    walletUrl: string;
+    contentId: `0x${string}`;
+    contentTitle: string;
+}>;
+
+/**
+ * Use the current nexus iframe client
+ */
+declare function useNexusClient(): NexusClient;
+
+/**
+ * Hook used to get the unlock options for an article
+ */
+declare function useArticleUnlockOptions({ articleId }: GetUnlockOptionsParams): _tanstack_react_query_build_legacy_types.UseQueryResult<Readonly<{
+    prices: {
+        index: number;
+        unlockDurationInSec: number;
+        frkAmount: `0x${string}`;
+        isUserAccessible: boolean | null;
+    }[];
+}>, Error>;
+
+type WalletStatusQueryReturnType = WalletStatusReturnType | {
+    key: "waiting-response";
+};
+/**
+ * Hooks used to listen to the current wallet status
+ */
+declare function useWalletStatus(): _tanstack_react_query_build_legacy_types.UseQueryResult<WalletStatusQueryReturnType, Error>;
+
+type ArticleUnlockStatusQueryReturnType = ArticleUnlockStatusReturnType | {
+    status: "waiting-response";
+    key: "waiting-response";
+};
+/**
+ * Hooks used to listen to the current wallet status
+ */
+declare function useArticleUnlockStatus({ articleId }: WatchUnlockStatusParams): _tanstack_react_query_build_legacy_types.UseQueryResult<ArticleUnlockStatusQueryReturnType, Error>;
+
+export { type ArticleUnlockStatusQueryReturnType, NexusConfigContext, NexusConfigProvider, type NexusConfigProviderProps, NexusIFrameClientContext, type NexusIFrameClientProps, NexusIFrameClientProvider, type WalletStatusQueryReturnType, useArticleUnlockOptions, useArticleUnlockStatus, useNexusClient, useNexusConfig, useWalletStatus };

package/dist/react/index.d.ts

@@ -0,0 +1,99 @@
+import * as react from 'react';
+import { PropsWithChildren, ReactNode } from 'react';
+import { a as NexusWalletSdkConfig, N as NexusClient, W as WalletStatusReturnType, A as ArticleUnlockStatusReturnType } from '../client-gnNyzrko.js';
+import * as _tanstack_react_query_build_legacy_types from '@tanstack/react-query/build/legacy/types';
+import { G as GetUnlockOptionsParams, W as WatchUnlockStatusParams } from '../watchUnlockStatus-Btjg-WTs.js';
+import 'viem';
+import 'viem/chains';
+
+/**
+ * The context that will keep the Nexus Wallet SDK configuration
+ */
+declare const NexusConfigContext: react.Context<Readonly<{
+    walletUrl: string;
+    contentId: `0x${string}`;
+    contentTitle: string;
+}> | undefined>;
+/**
+ * Props to instantiate the Nexus Wallet SDK configuration provider
+ */
+type NexusConfigProviderProps = {
+    config: NexusWalletSdkConfig;
+};
+/**
+ * Simple config provider for the Nexus Wallet SDK
+ * @param parameters
+ * @constructor
+ */
+declare function NexusConfigProvider(parameters: PropsWithChildren<NexusConfigProviderProps>): react.FunctionComponentElement<react.ProviderProps<Readonly<{
+    walletUrl: string;
+    contentId: `0x${string}`;
+    contentTitle: string;
+}> | undefined>>;
+
+/**
+ * The context that will keep the Nexus Wallet SDK client
+ */
+declare const NexusIFrameClientContext: react.Context<NexusClient | undefined>;
+/**
+ * Props to instantiate the Nexus Wallet SDK configuration provider
+ */
+type NexusIFrameClientProps = {
+    config: NexusWalletSdkConfig;
+};
+/**
+ * IFrame client provider for the Nexus Wallet SDK
+ *  - Automatically set the config provider
+ * @param parameters
+ * @constructor
+ */
+declare function NexusIFrameClientProvider({ children, }: {
+    children?: ReactNode;
+}): react.FunctionComponentElement<{
+    children?: ReactNode;
+}>;
+
+/**
+ * Use the current nexus config
+ */
+declare function useNexusConfig(): Readonly<{
+    walletUrl: string;
+    contentId: `0x${string}`;
+    contentTitle: string;
+}>;
+
+/**
+ * Use the current nexus iframe client
+ */
+declare function useNexusClient(): NexusClient;
+
+/**
+ * Hook used to get the unlock options for an article
+ */
+declare function useArticleUnlockOptions({ articleId }: GetUnlockOptionsParams): _tanstack_react_query_build_legacy_types.UseQueryResult<Readonly<{
+    prices: {
+        index: number;
+        unlockDurationInSec: number;
+        frkAmount: `0x${string}`;
+        isUserAccessible: boolean | null;
+    }[];
+}>, Error>;
+
+type WalletStatusQueryReturnType = WalletStatusReturnType | {
+    key: "waiting-response";
+};
+/**
+ * Hooks used to listen to the current wallet status
+ */
+declare function useWalletStatus(): _tanstack_react_query_build_legacy_types.UseQueryResult<WalletStatusQueryReturnType, Error>;
+
+type ArticleUnlockStatusQueryReturnType = ArticleUnlockStatusReturnType | {
+    status: "waiting-response";
+    key: "waiting-response";
+};
+/**
+ * Hooks used to listen to the current wallet status
+ */
+declare function useArticleUnlockStatus({ articleId }: WatchUnlockStatusParams): _tanstack_react_query_build_legacy_types.UseQueryResult<ArticleUnlockStatusQueryReturnType, Error>;
+
+export { type ArticleUnlockStatusQueryReturnType, NexusConfigContext, NexusConfigProvider, type NexusConfigProviderProps, NexusIFrameClientContext, type NexusIFrameClientProps, NexusIFrameClientProvider, type WalletStatusQueryReturnType, useArticleUnlockOptions, useArticleUnlockStatus, useNexusClient, useNexusConfig, useWalletStatus };