@bravostudioai/react 0.1.0

package/src/lib/packages.ts

@@ -0,0 +1,33 @@
+import React from "react";
+// import {
+//     Link,
+//     useSearchParams,
+//     useNavigate,
+//     useLocation,
+// } from "react-router-dom";
+import axios from "axios";
+import EncoreComponents from "../components";
+import * as EncoreApp from "../app"
+// Note: ../app module doesn't exist in encore-lib, commenting out for now
+
+export type Package = {
+    exports: unknown;
+};
+
+// These are the packages that will be available to remotely loaded code
+const Packages: Record<string, () => Package> = {
+    "@/bravo/app": () => ({ exports: EncoreApp }), // Disabled: app module doesn't exist
+    // "react-router-dom": () => ({
+    //     exports: { Link, useSearchParams, useNavigate, useLocation },
+    // }),
+    axios: () => ({ exports: axios }),
+    react: () => ({ exports: React }),
+};
+
+// Enable this if you want to use components from local project
+const USE_LOCAL_BRAVO_RN = true;
+if (USE_LOCAL_BRAVO_RN) {
+    Packages["@/bravo/components"] = () => ({ exports: EncoreComponents });
+}
+
+export default Packages;

package/src/stores/useEncoreState.ts

@@ -0,0 +1,121 @@
+import { create } from "zustand";
+import { CONST_APPS_SERVICE_URL } from "../../constants";
+
+type EncoreState = {
+  app: any;
+  baseURL: string;
+  accessToken?: {
+    expireAt: number;
+    token: string;
+    refreshToken: string;
+    params: string;
+  };
+  appId?: string;
+  formInputs: Record<string, Record<string, any>>;
+  pageId?: string;
+  statefulSetVariants: Record<string, string>;
+  inputGroups: Record<string, string>; // Maps group name to active element name
+  assetsById: Record<string, any>;
+  fontsById: Record<string, string>;
+  fontsByIdFull: Record<string, { family: string; postScriptName?: string }>;
+
+  resetFormInputs: () => void;
+  setAccessToken: (accessToken: EncoreState["accessToken"]) => void;
+  setApp: (app: any) => void;
+  setAppId: (appId: string) => void;
+  setFormInputValue: (nodeId: string, value: any) => void;
+  setPageId: (pageId: string) => void;
+  setStatefulSetVariant: (statefulSetId: string, variant: string) => void;
+  setInputGroupValue: (groupName: string, elementName: string) => void;
+  setBaseURL: (baseURL: string) => void;
+};
+
+const useEncoreState = create<EncoreState>((set) => ({
+  app: undefined,
+  baseURL:
+    import.meta.env.VITE_APPS_SERVICE_URL || CONST_APPS_SERVICE_URL || 
+    "https://apps-service-dev.bravostudio.app",
+  accessToken: undefined,
+  appId: undefined,
+  formInputs: {},
+  pageId: undefined,
+  statefulSetVariants: {},
+  inputGroups: {},
+  assetsById: {},
+  fontsById: {},
+  fontsByIdFull: {},
+
+  resetFormInputs: () => set((state) => ({ ...state, formInputs: {} })),
+
+  setAccessToken: (accessToken) => set((state) => ({ ...state, accessToken })),
+
+  setApp: (app: any) =>
+    set((state) => ({
+      ...state,
+      app,
+      assetsById:
+        app.app?.assets?.reduce?.(
+          (acc: Record<string, any>, asset: any) => ({
+            ...acc,
+            [asset.id]: asset,
+          }),
+          {}
+        ) ?? {},
+      fontsById:
+        app.app?.fonts?.reduce?.(
+          (acc: Record<string, string>, font: any) => ({
+            ...acc,
+            [font.id]: font.fontName?.family || "sans-serif",
+          }),
+          {}
+        ) ?? {},
+      fontsByIdFull:
+        app.app?.fonts?.reduce?.(
+          (
+            acc: Record<string, { family: string; postScriptName?: string }>,
+            font: any
+          ) => ({
+            ...acc,
+            [font.id]: {
+              family: font.fontName?.family || "sans-serif",
+              postScriptName: font.fontName?.postScriptName,
+            },
+          }),
+          {}
+        ) ?? {},
+    })),
+
+  setAppId: (appId) => set((state) => ({ ...state, appId })),
+
+  setFormInputValue: (nodeId, value) =>
+    set((state) => {
+      const oldPageInputs = state.formInputs[state.pageId!] || {};
+      const newPageInputs = { ...oldPageInputs, [nodeId]: value };
+      const newInputs = { ...state.formInputs, [state.pageId!]: newPageInputs };
+      return { ...state, formInputs: newInputs };
+    }),
+
+  setPageId: (pageId) => set((state) => ({ ...state, pageId })),
+
+  setStatefulSetVariant: (statefulSetId, variant) =>
+    set((state) => ({
+      ...state,
+      statefulSetVariants: {
+        ...state.statefulSetVariants,
+        [statefulSetId]: variant,
+      },
+    })),
+
+  setInputGroupValue: (groupName, elementName) =>
+    set((state) => ({
+      ...state,
+      inputGroups: {
+        ...state.inputGroups,
+        [groupName]: elementName,
+      },
+    })),
+
+  setBaseURL: (baseURL) => set((state) => ({ ...state, baseURL })),
+}));
+
+export default useEncoreState;