@gxpl/sdk 0.0.28 → 0.0.29

package/lib/sdk/schemas/project/Project.schema.d.ts

@@ -401,6 +401,7 @@ export declare const ProjectSchema: z.ZodObject<{
         google: string;
         adobe: string;
     }>;
+    scenesAssets: z.ZodArray<z.ZodString, "many">;
     relations: z.ZodArray<z.ZodObject<{
         from: z.ZodString;
         to: z.ZodString;
@@ -1038,6 +1039,7 @@ export declare const ProjectSchema: z.ZodObject<{
         google: string;
         adobe: string;
     };
+    scenesAssets: string[];
     relations: {
         type: "slide" | "fade";
         direction: "north" | "east" | "south" | "west";
@@ -1185,6 +1187,7 @@ export declare const ProjectSchema: z.ZodObject<{
         google: string;
         adobe: string;
     };
+    scenesAssets: string[];
     relations: {
         type: "slide" | "fade";
         direction: "north" | "east" | "south" | "west";

package/lib/sdk/schemas/project/Project.schema.js

@@ -59,6 +59,7 @@ exports.ProjectSchema = zod_1.z.object({
             }))
         }))
     }),
+    scenesAssets: zod_1.z.array(zod_1.z.string()),
     relations: zod_1.z.array(zod_1.z.object({
         from: zod_1.z.string().min(1),
         to: zod_1.z.string().min(1),

package/lib/sdk/types/project/Project.d.ts

@@ -16,6 +16,7 @@ export interface Project {
     pages: Page[];
     fonts: Fonts;
     relations: Relation[];
+    scenesAssets: string[];
     foreground: TFixedLayer;
     background: TFixedLayer;
 }

package/lib/sdk-nextjs/components/Page.js

@@ -10,13 +10,15 @@ const Head_1 = require("./Head");
 const TransitionMachineContext_1 = require("../provider/TransitionMachineContext");
 const Scenes_1 = require("./Scenes/Scenes");
 const FixedLayer_1 = require("./fixedLayers/FixedLayer");
+const usePrelaodAssets_1 = require("../utils/usePrelaodAssets");
 const Page = ({ project, articlesData }) => {
     var _a, _b;
     const afterBodyOpen = (0, html_react_parser_1.default)(project.html.afterBodyOpen);
     const beforeBodyClose = (0, html_react_parser_1.default)(project.html.beforeBodyClose);
     const startScene = (_b = (_a = project.pages.find(page => page.isStartScene)) === null || _a === void 0 ? void 0 : _a.articleId) !== null && _b !== void 0 ? _b : Object.keys(articlesData)[0];
     const scenes = Object.values(articlesData).map(({ article }) => ({ id: article.id }));
-    const { relations } = project;
+    const { relations, scenesAssets } = project;
+    (0, usePrelaodAssets_1.usePreloadAssets)(scenesAssets);
     return ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(Head_1.CNTRLHead, { project: project }), afterBodyOpen, (0, jsx_runtime_1.jsxs)(TransitionMachineContext_1.TransitionMachineContext.Provider, { options: {
                     input: {
                         startScene,

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

@@ -0,0 +1 @@
+export declare function usePreloadAssets(assets: string[]): void;

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

@@ -0,0 +1,38 @@
+"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(asset => {
+            if (isVideoAsset(asset)) {
+                const video = document.createElement('video');
+                video.src = asset;
+                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(asset)) {
+                const img = new Image();
+                img.src = asset;
+            }
+        });
+    }, [assets]);
+}

package/package.json

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