@fragmentsx/render-react 1.1.1 → 1.1.2

package/dist/index.cjs.js

@@ -3555,6 +3555,10 @@ const useArea = (options2) => {
     options2 == null ? void 0 : options2.globalManager
   );
   const [areaData, setAreaData] = require$$0.useState(queryArea(options2.areaCode));
+  const resultProps = require$$0.useMemo(
+    () => ({ ...(areaData == null ? void 0 : areaData.props) ?? {}, ...(options2 == null ? void 0 : options2.props) ?? [] }),
+    [areaData, options2]
+  );
   require$$0.useEffect(() => {
     (async () => {
       const response = await queryArea(options2.areaCode);
@@ -3565,6 +3569,7 @@ const useArea = (options2) => {
   }, []);
   return {
     ...areaData,
+    props: resultProps,
     globalManager: resultGlobalManager
   };
 };

package/dist/index.es.js

@@ -1,5 +1,5 @@
 import { jsx } from "react/jsx-runtime";
-import require$$0, { createContext, useState, useEffect, useContext, useRef, useCallback, useMemo, Suspense } from "react";
+import require$$0, { createContext, useState, useMemo, useEffect, useContext, useRef, useCallback, Suspense } from "react";
 import { definition } from "@fragmentsx/definition";
 import { isPartialKey, keyOfEntity, entityOfKey, isLinkKey } from "@graph-state/core";
 const collectStyles = (globalManager) => {
@@ -3553,6 +3553,10 @@ const useArea = (options2) => {
     options2 == null ? void 0 : options2.globalManager
   );
   const [areaData, setAreaData] = useState(queryArea(options2.areaCode));
+  const resultProps = useMemo(
+    () => ({ ...(areaData == null ? void 0 : areaData.props) ?? {}, ...(options2 == null ? void 0 : options2.props) ?? [] }),
+    [areaData, options2]
+  );
   useEffect(() => {
     (async () => {
       const response = await queryArea(options2.areaCode);
@@ -3563,6 +3567,7 @@ const useArea = (options2) => {
   }, []);
   return {
     ...areaData,
+    props: resultProps,
     globalManager: resultGlobalManager
   };
 };

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@fragmentsx/render-react",
   "private": false,
-  "version": "1.1.1",
+  "version": "1.1.2",
   "type": "module",
   "files": [
     "dist"
@@ -38,7 +38,7 @@
     "vite": "^6.1.0",
     "vite-plugin-css-injected-by-js": "^3.5.2",
     "vite-plugin-dts": "^4.5.0",
-    "@fragmentsx/render-core": "0.1.0"
+    "@fragmentsx/render-core": "0.1.1"
   },
   "scripts": {
     "clear": "rm -r -f ./dist",

package/dist/components/Area/index.d.ts

@@ -1,3 +0,0 @@
-import { AreaProps } from '@fragmentsx/render-core';
-export declare const Area: (props: AreaProps) => import("react/jsx-runtime").JSX.Element;
-//# sourceMappingURL=index.d.ts.map

package/dist/components/Area/index.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Area/index.tsx"],"names":[],"mappings":"AACA,OAAO,EACL,SAAS,EAIV,MAAM,yBAAyB,CAAC;AA6BjC,eAAO,MAAM,IAAI,UAAW,SAAS,4CAYpC,CAAC"}

package/dist/components/Collection/index.d.ts

@@ -1,7 +0,0 @@
-import { FrameProps } from '../Frame';
-import { FC } from 'react';
-interface CollectionProps extends FrameProps {
-}
-export declare const Collection: FC<CollectionProps>;
-export {};
-//# sourceMappingURL=index.d.ts.map

package/dist/components/Collection/index.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Collection/index.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAS,UAAU,EAAE,MAAM,oBAAoB,CAAC;AACvD,OAAO,EAAe,EAAE,EAAE,MAAM,OAAO,CAAC;AAGxC,UAAU,eAAgB,SAAQ,UAAU;CAAG;AAE/C,eAAO,MAAM,UAAU,EAAE,EAAE,CAAC,eAAe,CA+D1C,CAAC"}

package/dist/components/Fragment/index.d.ts

@@ -1,2 +0,0 @@
-export declare const Fragment: (props: any) => import("react/jsx-runtime").JSX.Element;
-//# sourceMappingURL=index.d.ts.map

package/dist/components/Fragment/index.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Fragment/index.tsx"],"names":[],"mappings":"AAgFA,eAAO,MAAM,QAAQ,yDAuBpB,CAAC"}

package/dist/components/Frame/index.d.ts

@@ -1,15 +0,0 @@
-import { ElementType, FC } from 'react';
-import { LinkKey } from '@graph-state/core';
-import { UseFrameOptions } from '@fragmentsx/render-core/dist/components/Frame/hooks/useFrame';
-export interface FrameProps extends UseFrameOptions {
-    TextElement?: ElementType;
-    InstanceElement?: ElementType;
-    FrameElement?: ElementType;
-    CollectionElement?: ElementType;
-    styles?: boolean;
-    hidden?: boolean;
-    interactive?: boolean;
-    layerKey: LinkKey;
-}
-export declare const Frame: FC<FrameProps>;
-//# sourceMappingURL=index.d.ts.map

package/dist/components/Frame/index.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Frame/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,EAAE,EAAyB,MAAM,OAAO,CAAC;AAC/D,OAAO,EAAE,OAAO,EAAE,MAAM,mBAAmB,CAAC;AAK5C,OAAO,EAAE,eAAe,EAAE,MAAM,8DAA8D,CAAC;AAG/F,MAAM,WAAW,UAAW,SAAQ,eAAe;IACjD,WAAW,CAAC,EAAE,WAAW,CAAC;IAC1B,eAAe,CAAC,EAAE,WAAW,CAAC;IAC9B,YAAY,CAAC,EAAE,WAAW,CAAC;IAC3B,iBAAiB,CAAC,EAAE,WAAW,CAAC;IAChC,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,QAAQ,EAAE,OAAO,CAAC;CACnB;AAED,eAAO,MAAM,KAAK,EAAE,EAAE,CAAC,UAAU,CAwDhC,CAAC"}

package/dist/components/GlobalManager/index.d.ts

@@ -1,2 +0,0 @@
-export { GlobalManager } from '@fragmentsx/render-core';
-//# sourceMappingURL=index.d.ts.map

package/dist/components/GlobalManager/index.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/GlobalManager/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,yBAAyB,CAAC"}

package/dist/components/Instance/index.d.ts

@@ -1,18 +0,0 @@
-import { ComponentPropsWithoutRef, ElementType } from 'react';
-import { LinkKey } from '@graph-state/core';
-interface InstanceOptions {
-    ssr?: boolean;
-}
-export interface InstanceProps extends ComponentPropsWithoutRef<"div"> {
-    FrameElement?: ElementType;
-    layerKey?: LinkKey;
-    fragmentId?: string;
-    interactive?: boolean;
-    props?: Record<string, unknown>;
-    options?: InstanceOptions;
-    globalManager?: unknown;
-    Tag?: string | ElementType;
-}
-export declare const Instance: (props: any) => import("react/jsx-runtime").JSX.Element;
-export {};
-//# sourceMappingURL=index.d.ts.map

package/dist/components/Instance/index.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Instance/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,wBAAwB,EAAE,WAAW,EAAgB,MAAM,OAAO,CAAC;AAE5E,OAAO,EAAE,OAAO,EAAE,MAAM,mBAAmB,CAAC;AAW5C,UAAU,eAAe;IACvB,GAAG,CAAC,EAAE,OAAO,CAAC;CACf;AAED,MAAM,WAAW,aAAc,SAAQ,wBAAwB,CAAC,KAAK,CAAC;IACpE,YAAY,CAAC,EAAE,WAAW,CAAC;IAC3B,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,KAAK,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;IAChC,OAAO,CAAC,EAAE,eAAe,CAAC;IAC1B,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,GAAG,CAAC,EAAE,MAAM,GAAG,WAAW,CAAC;CAC5B;AAoFD,eAAO,MAAM,QAAQ,yDAYpB,CAAC"}

package/dist/components/Text/index.d.ts

@@ -1,10 +0,0 @@
-import { LinkKey } from '@graph-state/core';
-import { ComponentPropsWithoutRef, ElementType, FC } from 'react';
-import { UseTextAttributes } from '@fragmentsx/render-core/dist/components/Text/hooks/useTextAttributes';
-interface TextProps extends ComponentPropsWithoutRef<"div">, UseTextAttributes {
-    Tag?: string | ElementType;
-    layerKey: LinkKey;
-}
-export declare const Text: FC<TextProps>;
-export {};
-//# sourceMappingURL=index.d.ts.map

package/dist/components/Text/index.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Text/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,mBAAmB,CAAC;AAC5C,OAAO,EAAE,wBAAwB,EAAE,WAAW,EAAE,EAAE,EAAE,MAAM,OAAO,CAAC;AAGlE,OAAO,EAAE,iBAAiB,EAAE,MAAM,sEAAsE,CAAC;AAEzG,UAAU,SAAU,SAAQ,wBAAwB,CAAC,KAAK,CAAC,EAAE,iBAAiB;IAC5E,GAAG,CAAC,EAAE,MAAM,GAAG,WAAW,CAAC;IAC3B,QAAQ,EAAE,OAAO,CAAC;CACnB;AAED,eAAO,MAAM,IAAI,EAAE,EAAE,CAAC,SAAS,CAgB9B,CAAC"}

package/dist/helpers/collectStyles.d.ts

@@ -1,3 +0,0 @@
-import { GraphState } from '@graph-state/core';
-export declare const collectStyles: (globalManager: GraphState) => import("react/jsx-runtime").JSX.Element[] | null;
-//# sourceMappingURL=collectStyles.d.ts.map

package/dist/helpers/collectStyles.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"collectStyles.d.ts","sourceRoot":"","sources":["../../src/helpers/collectStyles.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,UAAU,EAAE,MAAM,mBAAmB,CAAC;AAK/C,eAAO,MAAM,aAAa,kBAAmB,UAAU,qDA4CtD,CAAC"}

package/dist/helpers/hydration.d.ts

@@ -1,3 +0,0 @@
-export declare function serializeData(data: any): string;
-export declare function getHydratedData(id: string): any;
-//# sourceMappingURL=hydration.d.ts.map

package/dist/helpers/hydration.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"hydration.d.ts","sourceRoot":"","sources":["../../src/helpers/hydration.ts"],"names":[],"mappings":"AAAA,wBAAgB,aAAa,CAAC,IAAI,EAAE,GAAG,UAGtC;AAED,wBAAgB,eAAe,CAAC,EAAE,EAAE,MAAM,OAYzC"}

package/dist/helpers/isBrowser.d.ts

@@ -1,2 +0,0 @@
-export declare const isBrowser: boolean;
-//# sourceMappingURL=isBrowser.d.ts.map

package/dist/helpers/isBrowser.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"isBrowser.d.ts","sourceRoot":"","sources":["../../src/helpers/isBrowser.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,SAAS,SAAgC,CAAC"}

package/dist/helpers/loadFragmentManager.d.ts

@@ -1,3 +0,0 @@
-import { GraphState } from '@graph-state/core';
-export declare const loadFragmentManager: (globalManager: GraphState, fragmentId: number) => Promise<any>;
-//# sourceMappingURL=loadFragmentManager.d.ts.map

package/dist/helpers/loadFragmentManager.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"loadFragmentManager.d.ts","sourceRoot":"","sources":["../../src/helpers/loadFragmentManager.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,mBAAmB,CAAC;AAE/C,eAAO,MAAM,mBAAmB,kBACf,UAAU,cACb,MAAM,iBAmBnB,CAAC"}

package/dist/hocs/reactCSRAdapter.d.ts

@@ -1,2 +0,0 @@
-export declare function reactCSRAdapter(PreactComponent: any): (props: any) => import("react/jsx-runtime").JSX.Element;
-//# sourceMappingURL=reactCSRAdapter.d.ts.map

package/dist/hocs/reactCSRAdapter.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"reactCSRAdapter.d.ts","sourceRoot":"","sources":["../../src/hocs/reactCSRAdapter.tsx"],"names":[],"mappings":"AAMA,wBAAgB,eAAe,CAAC,eAAe,EAAE,GAAG,WACX,GAAG,6CAgD3C"}

package/dist/hocs/reactSSRAdapter.d.ts

@@ -1,3 +0,0 @@
-export declare function createResource(resourceCache: any, key: string, fetcher: () => Promise<any>): any;
-export declare function reactSSRAdapter(PreactComponent: any): (props: any) => import("react/jsx-runtime").JSX.Element;
-//# sourceMappingURL=reactSSRAdapter.d.ts.map

package/dist/hocs/reactSSRAdapter.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"reactSSRAdapter.d.ts","sourceRoot":"","sources":["../../src/hocs/reactSSRAdapter.tsx"],"names":[],"mappings":"AAKA,wBAAgB,cAAc,CAC5B,aAAa,KAAA,EACb,GAAG,EAAE,MAAM,EACX,OAAO,EAAE,MAAM,OAAO,CAAC,GAAG,CAAC,OA2B5B;AAED,wBAAgB,eAAe,CAAC,eAAe,EAAE,GAAG,WACF,GAAG,6CA4BpD"}

package/dist/index.d.ts

@@ -1,10 +0,0 @@
-export { collectStyles } from './helpers/collectStyles';
-export { Instance } from './components/Instance';
-export { Area } from './components/Area';
-export { Text } from './components/Text';
-export { Frame } from './components/Frame';
-export { Fragment } from './components/Fragment';
-export { Collection } from './components/Collection';
-export { Scope } from './providers/Scope';
-export * from '@fragmentsx/render-core';
-//# sourceMappingURL=index.d.ts.map

package/dist/index.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,yBAAyB,CAAC;AACxD,OAAO,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AACjD,OAAO,EAAE,IAAI,EAAE,MAAM,mBAAmB,CAAC;AACzC,OAAO,EAAE,IAAI,EAAE,MAAM,mBAAmB,CAAC;AACzC,OAAO,EAAE,KAAK,EAAE,MAAM,oBAAoB,CAAC;AAC3C,OAAO,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AACjD,OAAO,EAAE,UAAU,EAAE,MAAM,yBAAyB,CAAC;AACrD,OAAO,EAAE,KAAK,EAAE,MAAM,mBAAmB,CAAC;AAE1C,cAAc,yBAAyB,CAAC"}

package/dist/providers/Scope.d.ts

@@ -1,10 +0,0 @@
-import { FC, PropsWithChildren } from 'react';
-import { GraphState, LinkKey } from '@graph-state/core';
-interface ScopeProps extends PropsWithChildren {
-    fragmentManager: GraphState;
-    layerKey: LinkKey;
-    value: unknown;
-}
-export declare const Scope: FC<ScopeProps>;
-export {};
-//# sourceMappingURL=Scope.d.ts.map

package/dist/providers/Scope.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"Scope.d.ts","sourceRoot":"","sources":["../../src/providers/Scope.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,EAAE,EAAE,iBAAiB,EAAc,MAAM,OAAO,CAAC;AAE1D,OAAO,EAAE,UAAU,EAAE,OAAO,EAAE,MAAM,mBAAmB,CAAC;AAExD,UAAU,UAAW,SAAQ,iBAAiB;IAC5C,eAAe,EAAE,UAAU,CAAC;IAC5B,QAAQ,EAAE,OAAO,CAAC;IAClB,KAAK,EAAE,OAAO,CAAC;CAChB;AAED,eAAO,MAAM,KAAK,EAAE,EAAE,CAAC,UAAU,CAchC,CAAC"}

package/dist/reactAdapter.d.ts

@@ -1,2 +0,0 @@
-export declare function createReactComponent(PreactComponent: any): (props: any) => import("react/jsx-runtime").JSX.Element;
-//# sourceMappingURL=reactAdapter.d.ts.map

package/dist/reactAdapter.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"reactAdapter.d.ts","sourceRoot":"","sources":["../src/reactAdapter.ts"],"names":[],"mappings":"AAKA,wBAAgB,oBAAoB,CAAC,eAAe,EAAE,GAAG,2DAMxD"}