@gxpl/sdk 0.0.37 → 0.0.39

package/lib/sdk-nextjs/fixedLayers/FixedLayerTransitionsProvider.js

@@ -9,29 +9,30 @@ const FixedLayerTransitionsRegistry_1 = require("./FixedLayerTransitionsRegistry
 exports.FixedLayerTransitionsContext = (0, react_1.createContext)(undefined);
 const FixedLayerTransitionsProvider = ({ fixedLayer, children }) => {
     const actorRef = TransitionMachineContext_1.TransitionMachineContext.useActorRef();
-    const { isSettling, isActive, startScene } = TransitionMachineContext_1.TransitionMachineContext.useSelector((state) => ({
+    const { isSettling, isTransitioning, startScene } = TransitionMachineContext_1.TransitionMachineContext.useSelector((state) => ({
         startScene: state.context.input.startScene,
         isSettling: state.matches('settling'),
-        isActive: state.matches('active'),
+        isTransitioning: state.matches('transitioning') || state.matches('instant_transitioning'),
     }));
     const transitionsRegistry = (0, react_1.useMemo)(() => new FixedLayerTransitionsRegistry_1.FixedLayerTransitionsRegistry(fixedLayer, startScene), [fixedLayer, startScene]);
     (0, react_1.useEffect)(() => {
         if (isSettling && actorRef) {
             const { context } = actorRef.getSnapshot();
             const { transition } = context;
-            if (!transition || transition.stage !== 'settling')
+            if (!transition || transition.stage !== 'settling' || transition.success)
                 return;
-            transitionsRegistry.notifyPrepareTransition(transition.to);
+            transitionsRegistry.notifyOnActiveSceneChange(transition.from);
         }
     }, [isSettling, actorRef, transitionsRegistry]);
     (0, react_1.useEffect)(() => {
-        if (isActive && actorRef) {
+        if (isTransitioning && actorRef) {
             const { context } = actorRef.getSnapshot();
-            const { scenes } = context;
-            const [activeScene] = scenes;
-            transitionsRegistry.notifyOnActiveSceneChange(activeScene.id);
+            const { transition } = context;
+            if (!transition || transition.stage !== 'active')
+                return;
+            transitionsRegistry.notifyOnActiveSceneChange(transition.to);
         }
-    }, [isActive, actorRef, transitionsRegistry]);
+    }, [isTransitioning, actorRef, transitionsRegistry]);
     return ((0, jsx_runtime_1.jsx)(exports.FixedLayerTransitionsContext.Provider, { value: transitionsRegistry, children: children }));
 };
 exports.FixedLayerTransitionsProvider = FixedLayerTransitionsProvider;

package/lib/sdk-nextjs/fixedLayers/FixedLayerTransitionsRegistry.d.ts

@@ -18,7 +18,7 @@ export declare class FixedLayerTransitionsRegistry implements InteractionsRegist
     private getNestedItems;
     private getDefaultItemStages;
     notifyOnActiveSceneChange(sceneId: SceneId): void;
-    notifyPrepareTransition(to: SceneId): void;
+    setActiveTransition(to: SceneId): void;
     notifyTransitionStartForItems(activeStateId: string): void;
     notifyTransitionEnd(itemId: string): void;
     private notifyItemCtrlsChange;

package/lib/sdk-nextjs/fixedLayers/FixedLayerTransitionsRegistry.js

@@ -109,6 +109,7 @@ class FixedLayerTransitionsRegistry {
         return stages;
     }
     notifyOnActiveSceneChange(sceneId) {
+        this.setActiveTransition(sceneId);
         this.itemsStages = this.itemsStages.map((stage) => {
             return {
                 itemId: stage.itemId,
@@ -123,7 +124,7 @@ class FixedLayerTransitionsRegistry {
         this.notifyTransitionStartForItems(sceneId);
         this.activeSceneId = sceneId;
     }
-    notifyPrepareTransition(to) {
+    setActiveTransition(to) {
         this.activeTransition = this.transitions.find((transition) => transition.to === to && transition.from === this.activeSceneId);
     }
     notifyTransitionStartForItems(activeStateId) {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@gxpl/sdk",
-  "version": "0.0.37",
+  "version": "0.0.39",
   "description": "Generic SDK for use in public websites.",
   "main": "lib/index.js",
   "types": "lib/index.d.ts",

package/lib/sdk-nextjs/utils/usePrelaodAssets.d.ts

@@ -1,4 +0,0 @@
-export declare function usePreloadAssets(assets: {
-    url: string;
-    id: string;
-}[]): void;

package/lib/sdk-nextjs/utils/usePrelaodAssets.js

@@ -1,38 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.usePreloadAssets = usePreloadAssets;
-const react_1 = require("react");
-function isVideoAsset(url) {
-    const videoExtensions = ['.mp4', '.mov', '.webm'];
-    const lowerUrl = url.toLowerCase();
-    return videoExtensions.some(ext => lowerUrl.endsWith(ext));
-}
-function isImageAsset(url) {
-    const imageExtensions = ['.gif', '.png', '.jpg', '.jpeg', '.webp', '.avif', '.svg'];
-    const lowerUrl = url.toLowerCase();
-    return imageExtensions.some(ext => lowerUrl.endsWith(ext));
-}
-function usePreloadAssets(assets) {
-    (0, react_1.useEffect)(() => {
-        assets.forEach(({ url, id }) => {
-            if (isVideoAsset(url)) {
-                const video = document.createElement('video');
-                video.src = url;
-                video.preload = 'auto';
-                video.style.display = 'none';
-                document.body.appendChild(video);
-                video.addEventListener('loadeddata', () => {
-                    setTimeout(() => {
-                        if (video.parentNode) {
-                            video.parentNode.removeChild(video);
-                        }
-                    }, 1000);
-                });
-            }
-            if (isImageAsset(url)) {
-                const img = new Image();
-                img.src = url;
-            }
-        });
-    }, [assets]);
-}