@joai/react 1.0.3 → 1.0.4

package/dist/index.d.mts

@@ -280,6 +280,10 @@ declare function ContentProvider({
   onUnauthorized
 }: ContentProviderProp): _$react.JSX.Element;
 //#endregion
+//#region src/content/context.d.ts
+declare const ContentContext: _$react.Context<ContentContextValue | null>;
+declare function useContent(): ContentContextValue;
+//#endregion
 //#region src/content/editable-content.d.ts
 declare function EditableContent({
   field,
@@ -427,4 +431,4 @@ declare const useContentSession: ({
   team
 }: ContentSessionOptions) => ContentSession;
 //#endregion
-export { ContentClient, ContentContextValue, ContentDraft, ContentDraftStore, ContentEditor, ContentEditorConfig, ContentEditorMessages, ContentEditorProp, ContentImagePickerLabels, ContentProvider, ContentProviderProp, ContentResource, ContentResponse, ContentSession, ContentSessionOptions, ContentToolbar, ContentToolbarProp, EditableContent, EditableContentProp, EditableImage, EditableImageProp, EmbedChatInput, EmbedChatItem, EmbedChatList, type ImageCompressionOptions, type ImageCropOptions, type ImageCropRectangle, type ImageCropState, type ImageDimensionRules, type ImageDimensions, ImageProcessingOptions, ManagedContentEditor, ManagedContentEditorProps, SessionTokenStore, StreamDataHandler, clearRoom, containedImageDimensions, createContentDraftStore, createSessionTokenStore, cropOutputDimensions, getContentSessionReturnUrl, getOrCreateGuestId, imageCropRectangle, loadRoom, openEventSourceStream, processImageFile, readImageDimensions, saveRoom, useContentSession, useContentValue, useEmbedChat, useUnsavedNavigation, validateImageDimensions, validateImageFile };
+export { ContentClient, ContentContext, ContentContextValue, ContentDraft, ContentDraftStore, ContentEditor, ContentEditorConfig, ContentEditorMessages, ContentEditorProp, ContentImagePickerLabels, ContentProvider, ContentProviderProp, ContentResource, ContentResponse, ContentSession, ContentSessionOptions, ContentToolbar, ContentToolbarProp, EditableContent, EditableContentProp, EditableImage, EditableImageProp, EmbedChatInput, EmbedChatItem, EmbedChatList, type ImageCompressionOptions, type ImageCropOptions, type ImageCropRectangle, type ImageCropState, type ImageDimensionRules, type ImageDimensions, ImageProcessingOptions, ManagedContentEditor, ManagedContentEditorProps, SessionTokenStore, StreamDataHandler, clearRoom, containedImageDimensions, createContentDraftStore, createSessionTokenStore, cropOutputDimensions, getContentSessionReturnUrl, getOrCreateGuestId, imageCropRectangle, loadRoom, openEventSourceStream, processImageFile, readImageDimensions, saveRoom, useContent, useContentSession, useContentValue, useEmbedChat, useUnsavedNavigation, validateImageDimensions, validateImageFile };

package/dist/index.mjs

@@ -1697,6 +1697,47 @@ const useContentSession = ({ env = "mainnet", exchange, sessionStore, sessionSto
 };
 //#endregion
 //#region src/content/managed-content-editor.tsx
+/**
+* Anonymously rendered pages only ever use `initialContent`, so the SDK (and its wallet/chain
+* dependencies) is loaded on demand the first time an authenticated editor actually talks to JoAi.
+*/
+function createLazyContentClient(env, team, apiToken) {
+	let real = null;
+	let unauthorized = null;
+	const load = async () => {
+		if (!real) {
+			const { createClient } = await import("@joai/sdk");
+			real = createClient({
+				apiToken,
+				env,
+				team
+			});
+			if (unauthorized) real.http.onUnauthorized = unauthorized;
+		}
+		return real;
+	};
+	return {
+		http: {
+			get onUnauthorized() {
+				return unauthorized;
+			},
+			set onUnauthorized(value) {
+				unauthorized = value;
+				if (real) real.http.onUnauthorized = value;
+			}
+		},
+		content: {
+			get: async (contentId) => (await load()).content.get(contentId),
+			getPublic: async (publicSlug) => (await load()).content.getPublic(publicSlug),
+			patch: async (contentId, input) => (await load()).content.patch(contentId, input),
+			publish: async (contentId, expectedVersion) => (await load()).content.publish(contentId, expectedVersion)
+		},
+		media: {
+			list: async (teamSlug, params) => (await load()).media.list(teamSlug, params),
+			upload: async (data) => (await load()).media.upload(data)
+		}
+	};
+}
 function ManagedContentEditor({ authErrorClassName, authErrorMessage = "The session could not be established.", children, config, confirmLeave, confirmCancel, confirmPublish, draftStore, imagePickerLabels, initialContent, labels, messages, reauthenticateLabel = "Sign in again", reauthenticateUrl, sessionStore, sessionExpiredMessage = "Your editing session expired. Sign in again to continue; your unsaved changes will be restored.", title = "Edit content" }) {
 	const { contentId, env = "mainnet", publicSlug, sessionStorageKey, team } = config;
 	const { error, token } = useContentSession({
@@ -1705,11 +1746,7 @@ function ManagedContentEditor({ authErrorClassName, authErrorMessage = "The sess
 		sessionStorageKey,
 		team
 	});
-	const client = useMemo(() => createClient({
-		apiToken: token ?? void 0,
-		env,
-		team
-	}), [
+	const client = useMemo(() => createLazyContentClient(env, team, token ?? void 0), [
 		env,
 		team,
 		token
@@ -1785,4 +1822,4 @@ function ManagedContentEditor({ authErrorClassName, authErrorMessage = "The sess
 	] });
 }
 //#endregion
-export { ContentEditor, ContentProvider, ContentToolbar, EditableContent, EditableImage, EmbedChatInput, EmbedChatList, ManagedContentEditor, clearRoom, containedImageDimensions, createContentDraftStore, createSessionTokenStore, cropOutputDimensions, getContentSessionReturnUrl, getOrCreateGuestId, imageCropRectangle, loadRoom, openEventSourceStream, processImageFile, readImageDimensions, saveRoom, useContentSession, useContentValue, useEmbedChat, useUnsavedNavigation, validateImageDimensions, validateImageFile };
+export { ContentContext, ContentEditor, ContentProvider, ContentToolbar, EditableContent, EditableImage, EmbedChatInput, EmbedChatList, ManagedContentEditor, clearRoom, containedImageDimensions, createContentDraftStore, createSessionTokenStore, cropOutputDimensions, getContentSessionReturnUrl, getOrCreateGuestId, imageCropRectangle, loadRoom, openEventSourceStream, processImageFile, readImageDimensions, saveRoom, useContent, useContentSession, useContentValue, useEmbedChat, useUnsavedNavigation, validateImageDimensions, validateImageFile };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@joai/react",
-  "version": "1.0.3",
+  "version": "1.0.4",
   "description": "Reusable React building blocks for JoAi applications",
   "license": "MIT",
   "type": "module",
@@ -21,8 +21,8 @@
     "test": "jest"
   },
   "dependencies": {
-    "@joai/core": "^5.3.0",
-    "@joai/sdk": "^12.0.0"
+    "@joai/core": "^5.3.5",
+    "@joai/sdk": "^12.1.0"
   },
   "peerDependencies": {
     "react": ">=18.0.0"