testeranto 0.202.0 → 0.205.0

package/dist/common/src/PM/metafileOutputs.js

@@ -1,78 +0,0 @@
-"use strict";
-// import { IRunTime } from "../Types";
-// import { IOutputs, filesHash } from "./utils";
-// import ansiC from "ansi-colors";
-// import fs from "fs";
-// export const metafileOutputs = async (platform: IRunTime) => {
-//   let metafilePath: string;
-//   if (platform === "python") {
-//     metafilePath = `./testeranto/metafiles/python/core.json`;
-//   } else {
-//     metafilePath = `./testeranto/metafiles/${platform}/${this.name}.json`;
-//   }
-//   // Check if the file exists
-//   if (!fs.existsSync(metafilePath)) {
-//     if (platform === "python") {
-//       console.log(
-//         ansiC.yellow(
-//           ansiC.inverse(`Pitono metafile not found yet: ${metafilePath}`)
-//         )
-//       );
-//     }
-//     return;
-//   }
-//   let metafile;
-//   try {
-//     const fileContent = fs.readFileSync(metafilePath).toString();
-//     const parsedData = JSON.parse(fileContent);
-//     // Handle different metafile structures
-//     if (platform === "python") {
-//       // Pitono metafile might be the entire content or have a different structure
-//       metafile = parsedData.metafile || parsedData;
-//     } else {
-//       metafile = parsedData.metafile;
-//     }
-//     if (!metafile) {
-//       console.log(
-//         ansiC.yellow(ansiC.inverse(`No metafile found in ${metafilePath}`))
-//       );
-//       return;
-//     }
-//   } catch (error) {
-//     console.error(`Error reading metafile at ${metafilePath}:`, error);
-//     return;
-//   }
-//   const outputs: IOutputs = metafile.outputs;
-//   Object.keys(outputs).forEach(async (k) => {
-//     const pattern = `testeranto/bundles/${platform}/${this.name}/${this.configs.src}`;
-//     if (!k.startsWith(pattern)) {
-//       return false;
-//     }
-//     const addableFiles = Object.keys(outputs[k].inputs).filter((i) => {
-//       if (!fs.existsSync(i)) return false;
-//       if (i.startsWith("node_modules")) return false;
-//       if (i.startsWith("./node_modules")) return false;
-//       return true;
-//     });
-//     const f = `${k.split(".").slice(0, -1).join(".")}/`;
-//     if (!fs.existsSync(f)) {
-//       fs.mkdirSync(f);
-//     }
-//     const entrypoint = outputs[k].entryPoint;
-//     if (entrypoint) {
-//       const changeDigest = await filesHash(addableFiles);
-//       if (changeDigest === changes[entrypoint]) {
-//         // skip
-//       } else {
-//         changes[entrypoint] = changeDigest;
-//         this.tscCheck({
-//           platform,
-//           addableFiles,
-//           entrypoint: entrypoint,
-//         });
-//         this.eslintCheck(entrypoint, platform, addableFiles);
-//         this.makePrompt(entrypoint, addableFiles, platform);
-//       }
-//     }
-//   });
-// };

package/dist/common/src/ReportServer.js

@@ -1 +0,0 @@
-"use strict";

package/dist/common/src/ReportServer.test.ts/index.js

@@ -1,78 +0,0 @@
-"use strict";
-/* eslint-disable @typescript-eslint/no-explicit-any */
-/* eslint-disable @typescript-eslint/no-unused-vars */
-/* eslint-disable @typescript-eslint/no-empty-object-type */
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-const Node_1 = __importDefault(require("../Node"));
-const ReportServerLib_1 = require("../ReportServerLib");
-const specification = (Suite, Given, When, Then) => [
-    Suite.Default("the http server which is used in development", {
-        initialization: Given["the http server which is used in development"](["It should serve the front page", "It should serve the ReportApp"], [], [
-            Then["the frontpage looks good"](),
-            // Then["the projects page looks good"](),
-            // Then["a project page looks good"](),
-            // Then["a test page looks good"](),
-        ]),
-    }),
-];
-const implementation = {
-    suites: {
-        Default: "the http server which is used in  development",
-    },
-    givens: {
-        "the http server which is used in development": function (subject) {
-            // throw new Error("Function not implemented.");
-            return subject;
-        },
-    },
-    // There are no "whens", it is a stateless server.
-    whens: {},
-    thens: {
-        "the frontpage looks good": async (port, utils) => {
-            // throw new Error("Function not implemented.");
-            // utils.newPage(`localhost:${port}`);
-            debugger;
-            const page = await utils.newPage();
-            utils.goto(page, `localhost:${port}`);
-            utils.customScreenShot({ path: `frontpage.png` }, page);
-            return;
-        },
-        "the projects page looks good": function () {
-            throw new Error("Function not implemented.");
-        },
-        "a project page looks good": function () {
-            throw new Error("Function not implemented.");
-        },
-        "a test page looks good": function () {
-            throw new Error("Function not implemented.");
-        },
-    },
-};
-const adapter = {
-    assertThis: function (x) {
-        throw new Error("Function not implemented.");
-    },
-    andWhen: function (store, whenCB, testResource, pm) {
-        throw new Error("Function not implemented.");
-    },
-    butThen: function (store, thenCB, testResource, pm) {
-        throw new Error("Function not implemented.");
-    },
-    afterAll: function (store, pm) {
-        throw new Error("Function not implemented.");
-    },
-    afterEach: function (store, key, pm) {
-        throw new Error("Function not implemented.");
-    },
-    beforeAll: async function (input, testResource, pm) {
-        await new Promise((res, rej) => input(testResource.ports[0]));
-        return testResource.ports[0];
-    },
-    beforeEach: function (subject, initializer, testResource, initialValues, pm) {
-        throw new Error("Function not implemented.");
-    },
-};
-exports.default = (0, Node_1.default)(ReportServerLib_1.ReportServerOfPort, specification, implementation, adapter);

package/dist/common/src/ReportServerLib.js

@@ -1 +0,0 @@
-"use strict";

package/dist/common/src/components/DesignEditorPage.js

@@ -1,205 +0,0 @@
-"use strict";
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
-    Object.defineProperty(o, "default", { enumerable: true, value: v });
-}) : function(o, v) {
-    o["default"] = v;
-});
-var __importStar = (this && this.__importStar) || (function () {
-    var ownKeys = function(o) {
-        ownKeys = Object.getOwnPropertyNames || function (o) {
-            var ar = [];
-            for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
-            return ar;
-        };
-        return ownKeys(o);
-    };
-    return function (mod) {
-        if (mod && mod.__esModule) return mod;
-        var result = {};
-        if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
-        __setModuleDefault(result, mod);
-        return result;
-    };
-})();
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.DesignEditorPage = void 0;
-const react_1 = __importStar(require("react"));
-const DesignEditor_1 = require("../../design-editor/DesignEditor");
-const react_bootstrap_1 = require("react-bootstrap");
-const file_saver_1 = require("file-saver");
-const DesignEditorPage = () => {
-    const [projectId, setProjectId] = (0, react_1.useState)('default-project');
-    const [fileHandle, setFileHandle] = (0, react_1.useState)(null);
-    const handleSave = async () => {
-        try {
-            if (!designEditorRef.current) {
-                console.warn('Design editor ref not available');
-                return;
-            }
-            // Get and save current design state
-            const designData = designEditorRef.current.saveDesign();
-            if (!designData) {
-                console.warn('No design data to save');
-                return;
-            }
-            // Include projectId in the saved data
-            const fullDesign = Object.assign(Object.assign({}, designData), { projectId });
-            // Force immediate render after save
-            if (designEditorRef.current) {
-                designEditorRef.current.loadDesign(fullDesign);
-            }
-            let newHandle;
-            if ('showSaveFilePicker' in window && window.showSaveFilePicker) {
-                try {
-                    newHandle = await window.showSaveFilePicker({
-                        types: [{
-                                description: 'Design Files',
-                                accept: {
-                                    'application/json': ['.json'],
-                                },
-                            }],
-                        suggestedName: `${projectId}.json`
-                    });
-                }
-                catch (err) {
-                    console.warn('Error using showSaveFilePicker:', err);
-                    // Fall back to traditional download
-                    const jsonData = JSON.stringify(fullDesign, null, 2);
-                    const blob = new Blob([jsonData], { type: 'application/json' });
-                    const url = URL.createObjectURL(blob);
-                    const a = document.createElement('a');
-                    a.href = url;
-                    a.download = `${projectId}.json`;
-                    a.click();
-                    URL.revokeObjectURL(url);
-                    return;
-                }
-            }
-            else {
-                // Fall back to traditional download
-                const jsonData = JSON.stringify(fullDesign, null, 2);
-                const blob = new Blob([jsonData], { type: 'application/json' });
-                const url = URL.createObjectURL(blob);
-                const a = document.createElement('a');
-                a.href = url;
-                a.download = `${projectId}.json`;
-                a.click();
-                URL.revokeObjectURL(url);
-                return;
-            }
-            const jsonData = JSON.stringify(fullDesign, null, 2);
-            const writable = await newHandle.createWritable();
-            await writable.write(jsonData);
-            await writable.close();
-            setFileHandle(newHandle);
-            console.log('Design saved successfully:', fullDesign);
-        }
-        catch (err) {
-            console.error('Error saving file:', err);
-            if (err instanceof Error) {
-                console.error('Error details:', {
-                    name: err.name,
-                    message: err.message,
-                    stack: err.stack
-                });
-            }
-        }
-    };
-    const [design, setDesign] = (0, react_1.useState)(null);
-    const designEditorRef = (0, react_1.useRef)(null);
-    const handleOpen = async () => {
-        console.log('handleOpen triggered');
-        try {
-            if (!window.showOpenFilePicker) {
-                throw new Error('File System Access API not supported in this browser');
-            }
-            console.log('Attempting to show file picker...');
-            let handle;
-            if ('showOpenFilePicker' in window) {
-                // @ts-ignore
-                [handle] = await window.showOpenFilePicker({
-                    types: [{
-                            description: 'Design Files',
-                            accept: {
-                                'application/json': ['.json'],
-                            },
-                        }],
-                    multiple: false
-                });
-            }
-            else {
-                throw new Error('File System Access API not supported');
-            }
-            if (!handle) {
-                throw new Error('No file selected');
-            }
-            console.log('File handle obtained:', handle);
-            const file = await handle.getFile();
-            console.log('File object obtained:', file);
-            const contents = await file.text();
-            console.log('File contents loaded, length:', contents.length);
-            let loadedDesign = JSON.parse(contents);
-            console.log('Design parsed successfully:', loadedDesign);
-            // Ensure design has proper structure
-            if (!loadedDesign.objects || !loadedDesign.version) {
-                loadedDesign = Object.assign({ version: '1.0', background: '#ffffff', objects: [] }, loadedDesign);
-            }
-            // Validate objects array exists
-            if (!Array.isArray(loadedDesign.objects)) {
-                loadedDesign.objects = [];
-            }
-            const newProjectId = loadedDesign.projectId || 'default-project';
-            console.log('Setting projectId to:', newProjectId);
-            setProjectId(newProjectId);
-            console.log('Setting design state...');
-            setDesign(loadedDesign);
-            setFileHandle(handle);
-            // Load the design into the editor
-            if (designEditorRef.current) {
-                console.log('Calling loadDesign on editor ref with:', loadedDesign);
-                designEditorRef.current.loadDesign(loadedDesign);
-            }
-            else {
-                console.warn('designEditorRef.current is null');
-            }
-        }
-        catch (err) {
-            console.error('Error opening file:', err);
-            if (err instanceof Error) {
-                console.error('Error details:', {
-                    name: err.name,
-                    message: err.message,
-                    stack: err.stack
-                });
-            }
-        }
-    };
-    const handleExport = () => {
-        const designData = JSON.stringify({ projectId }, null, 2);
-        const blob = new Blob([designData], { type: 'application/json' });
-        (0, file_saver_1.saveAs)(blob, `${projectId}.json`);
-    };
-    return (react_1.default.createElement(react_bootstrap_1.Container, { fluid: true },
-        react_1.default.createElement(react_bootstrap_1.Row, { className: "mb-3" },
-            react_1.default.createElement(react_bootstrap_1.Col, null,
-                react_1.default.createElement("h1", null, "Design Editor"),
-                react_1.default.createElement("div", { className: "d-flex gap-2" },
-                    react_1.default.createElement(react_bootstrap_1.Button, { variant: "primary", onClick: handleOpen }, "Open"),
-                    react_1.default.createElement(react_bootstrap_1.Button, { variant: "success", onClick: handleSave }, "Save"),
-                    react_1.default.createElement(react_bootstrap_1.Button, { variant: "secondary", onClick: handleExport }, "Export")))),
-        react_1.default.createElement(react_bootstrap_1.Row, null,
-            react_1.default.createElement(react_bootstrap_1.Col, null,
-                react_1.default.createElement(DesignEditor_1.DesignEditor, { projectId: projectId, ref: designEditorRef })))));
-};
-exports.DesignEditorPage = DesignEditorPage;

package/dist/common/src/components/SunriseAnimation.js

@@ -1,291 +0,0 @@
-"use strict";
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
-    Object.defineProperty(o, "default", { enumerable: true, value: v });
-}) : function(o, v) {
-    o["default"] = v;
-});
-var __importStar = (this && this.__importStar) || (function () {
-    var ownKeys = function(o) {
-        ownKeys = Object.getOwnPropertyNames || function (o) {
-            var ar = [];
-            for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
-            return ar;
-        };
-        return ownKeys(o);
-    };
-    return function (mod) {
-        if (mod && mod.__esModule) return mod;
-        var result = {};
-        if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
-        __setModuleDefault(result, mod);
-        return result;
-    };
-})();
-Object.defineProperty(exports, "__esModule", { value: true });
-const react_1 = __importStar(require("react"));
-const SunriseAnimation = ({ active }) => {
-    const [position, setPosition] = (0, react_1.useState)(0);
-    const [dimensions, setDimensions] = (0, react_1.useState)({ width: 0, height: 0 });
-    const animationIdRef = (0, react_1.useRef)(null);
-    (0, react_1.useEffect)(() => {
-        // Set initial dimensions
-        setDimensions({
-            width: window.innerWidth,
-            height: window.innerHeight
-        });
-        const handleResize = () => {
-            setDimensions({
-                width: window.innerWidth,
-                height: window.innerHeight
-            });
-        };
-        window.addEventListener('resize', handleResize);
-        return () => {
-            window.removeEventListener('resize', handleResize);
-        };
-    }, []);
-    // Animation timing parameters
-    const ANIMATION_DURATION = 10000; //30000; // 30 seconds for full day/night cycle
-    const UPDATE_INTERVAL = 50; // Update every 50ms (~20fps)
-    (0, react_1.useEffect)(() => {
-        if (!active) {
-            // Clean up animation frame if active becomes false
-            if (animationIdRef.current) {
-                cancelAnimationFrame(animationIdRef.current);
-                animationIdRef.current = null;
-            }
-            return;
-        }
-        console.log('Starting animation with duration:', ANIMATION_DURATION, 'ms');
-        let startTime = performance.now();
-        let lastUpdateTime = 0;
-        const animate = (timestamp) => {
-            if (!active)
-                return;
-            const elapsed = (timestamp - startTime) % ANIMATION_DURATION;
-            const progress = elapsed / ANIMATION_DURATION;
-            // Only update if enough time has passed since last update
-            if (timestamp - lastUpdateTime >= UPDATE_INTERVAL) {
-                // Use cosine for smooth transition from -1 to 1 over full duration
-                const newPos = Math.cos(progress * Math.PI * 2);
-                setPosition(newPos);
-                lastUpdateTime = timestamp;
-            }
-            animationIdRef.current = requestAnimationFrame(animate);
-        };
-        // Start the animation loop
-        animationIdRef.current = requestAnimationFrame(animate);
-        return () => {
-            if (animationIdRef.current) {
-                cancelAnimationFrame(animationIdRef.current);
-                animationIdRef.current = null;
-            }
-        };
-    }, [active]);
-    const yPos = dimensions.height * (1 - position);
-    const normalizedPos = (position + 1) / 2; // Convert from [-1,1] to [0,1]
-    if (!active)
-        return null;
-    return (react_1.default.createElement("div", { id: "sunrise", style: {
-            width: '100vw',
-            height: '100vh',
-            position: 'fixed',
-            top: 0,
-            left: 0,
-            backgroundColor: 'transparent',
-            overflow: 'hidden',
-            pointerEvents: 'none'
-        } },
-        react_1.default.createElement("div", { id: "daily-bg", style: {
-                position: 'absolute',
-                top: 0,
-                left: 0,
-                width: '100%',
-                height: '100%',
-                backgroundColor: 'rgba(0,0,0,0.3)',
-                zIndex: -1001
-            } }),
-        "Stars Container",
-        react_1.default.createElement("div", { id: "starsContainer", style: {
-                perspective: 350,
-                perspectiveOrigin: '50% 300%',
-                overflow: 'hidden',
-                position: 'absolute',
-                top: 0,
-                left: '-50%',
-                width: '200%',
-                height: '50%',
-                zIndex: -1000,
-                opacity: Math.max(0, 0.5 - normalizedPos * 0.5)
-            } },
-            react_1.default.createElement("div", { id: "stars", style: {
-                    backgroundRepeat: 'repeat',
-                    position: 'absolute',
-                    width: '200%',
-                    height: '200%',
-                    left: '-50%',
-                    bottom: 0,
-                    opacity: 0.5,
-                    transform: 'rotateX(-90deg)'
-                } })),
-        react_1.default.createElement("div", { id: "sun", style: {
-                position: 'absolute',
-                top: 0,
-                left: '50%',
-                transform: `translateX(-50%) translateY(${yPos}px)`,
-                width: '100%',
-                height: '50%',
-                background: `radial-gradient(50% ${yPos}px, circle, rgba(242,248,247,1) 0%,rgba(249,249,28,1) 3%,rgba(247,214,46,1) 8%,rgba(248,200,95,1) 12%,rgba(201,165,132,1) 30%,rgba(115,130,133,1) 51%,rgba(46,97,122,1) 85%,rgba(24,75,106,1) 100%)`,
-                zIndex: -900,
-                opacity: 0.5
-            } }),
-        react_1.default.createElement("div", { id: "sunDay", style: {
-                position: 'absolute',
-                top: 0,
-                left: 0,
-                width: '100%',
-                height: '50%',
-                background: `radial-gradient(50% ${yPos}px, circle, rgba(252,255,251,0.9) 0%,rgba(253,250,219,0.4) 30%,rgba(226,219,197,0.01) 70%,rgba(226,219,197,0.0) 70%,rgba(201,165,132,0) 100%)`,
-                zIndex: -800,
-                opacity: Math.max(0, 1 - yPos / dimensions.height)
-            } }),
-        react_1.default.createElement("div", { id: "sunSet", style: {
-                position: 'absolute',
-                top: 0,
-                left: 0,
-                width: '100%',
-                height: '50%',
-                background: `radial-gradient(50% ${yPos}px, circle, rgba(254,255,255,0.8) 5%,rgba(236,255,0,1) 10%,rgba(253,50,41,1) 25%,rgba(243,0,0,1) 40%,rgba(93,0,0,1) 100%)`,
-                zIndex: -800,
-                opacity: Math.max(0, yPos / dimensions.height - 0.2)
-            } }),
-        react_1.default.createElement("div", { id: "sky", style: {
-                position: 'absolute',
-                top: 0,
-                left: 0,
-                width: '100%',
-                height: '50%',
-                zIndex: -700,
-                background: 'linear-gradient(to top, rgba(249,251,240,1) 10%,rgba(215,253,254,1) 20%,rgba(167,222,253,1) 40%,rgba(110,175,255,1) 100%)',
-                opacity: Math.max(0, 1 - yPos / dimensions.height)
-            } }),
-        react_1.default.createElement("div", { id: "horizon", style: {
-                position: 'absolute',
-                top: 0,
-                left: 0,
-                width: '100%',
-                height: '50%',
-                background: 'linear-gradient(to top, rgba(212,87,43,0.9) 0%,rgba(246,149,52,0.8) 20%,rgba(24,75,106,0) 100%)',
-                zIndex: -700,
-                opacity: Math.max(0, yPos > dimensions.height / 2
-                    ? (dimensions.height - yPos) / (dimensions.height / 2) + 0.2
-                    : yPos / (dimensions.height / 2))
-            } }),
-        react_1.default.createElement("div", { id: "horizonNight", style: {
-                position: 'absolute',
-                top: 0,
-                left: 0,
-                width: '100%',
-                height: '50%',
-                background: 'linear-gradient(to top, rgba(57,167,255,1) 0%,rgba(13,98,245,1) 20%,rgba(0,11,22,0.1) 60%)',
-                zIndex: -600,
-                opacity: Math.max(0, (yPos - (dimensions.height * 4 / 5)) / (dimensions.height - (dimensions.height * 4 / 5)))
-            } }),
-        react_1.default.createElement("div", { id: "moon", style: {
-                position: 'absolute',
-                top: 0,
-                left: 0,
-                width: '100%',
-                height: '50%',
-                background: 'radial-gradient(40% 55%, circle, rgba(249,249,250,1) -1%,rgba(189,255,254,1) 1%,rgba(8,49,78,1) 1%,rgba(8,26,56,1) 10%,rgba(4,16,46,1) 40%,rgba(2,8,13,1) 70%)',
-                zIndex: -500,
-                opacity: Math.max(0, (yPos - (dimensions.height * 9 / 10)) / (dimensions.height - (dimensions.height * 9 / 10)))
-            } }),
-        react_1.default.createElement("div", { id: "water", style: {
-                overflow: 'hidden',
-                position: 'absolute',
-                bottom: 0,
-                left: 0,
-                width: '100%',
-                height: '50%',
-                background: 'linear-gradient(to top, rgba(0,25,45,1) 0%,rgba(14,71,117,1) 35%,rgba(26,126,174,1) 70%,rgba(62,168,220,1) 100%)',
-                zIndex: -400
-            } }),
-        react_1.default.createElement("div", { id: "waterReflectionContainer", style: {
-                perspective: 30,
-                perspectiveOrigin: `50% ${-15 + (normalizedPos * 30)}%`,
-                overflow: 'hidden',
-                position: 'absolute',
-                top: '50%',
-                left: '-3%',
-                width: '103%',
-                height: '50%',
-                zIndex: -300,
-                transform: `translateY(${dimensions.height - yPos}px)`
-            } },
-            react_1.default.createElement("div", { id: "waterReflectionMiddle", style: {
-                    position: 'absolute',
-                    top: 0,
-                    left: '-50%',
-                    width: '200%',
-                    height: '55%',
-                    background: 'radial-gradient(50% 0px, rgba(247,177,72,1) 3%,rgba(248,175,65,1) 6%,rgba(207,62,30,0.4) 35%,rgba(176,91,48,0.1) 45%,rgba(141,88,47,0.0) 60%,rgba(116,82,63,0.0) 70%,rgba(44,65,68,0.0) 80%,rgba(7,19,31,0.0) 100%)',
-                    zIndex: -200,
-                    opacity: Math.max(0, yPos > dimensions.height / 2
-                        ? (dimensions.height - yPos) / (dimensions.height / 2) - 0.1
-                        : yPos / (dimensions.height / 2) - 0.1),
-                    transform: 'rotateX(45deg)'
-                } })),
-        react_1.default.createElement("div", { id: "waterDistance", style: {
-                position: 'absolute',
-                bottom: 0,
-                left: 0,
-                width: '100%',
-                height: '50%',
-                background: 'linear-gradient(90deg, rgba(0,0,0,0.0) 10%,rgba(0,0,0,0.20) 44%,rgba(0,0,0,0.65) 95%,rgba(0,0,0,0.62) 100%)',
-                zIndex: -100,
-                opacity: Math.max(0, yPos / dimensions.height + 0.6)
-            } }),
-        react_1.default.createElement("div", { id: "darknessOverlaySky", style: {
-                backgroundColor: '#000',
-                opacity: Math.max(0, (yPos - (dimensions.height * 7 / 10)) / (dimensions.height - (dimensions.height * 7 / 10))),
-                position: 'absolute',
-                top: 0,
-                left: 0,
-                width: '100%',
-                height: '50%',
-                zIndex: -50
-            } }),
-        react_1.default.createElement("div", { id: "darknessOverlay", style: {
-                backgroundColor: '#000',
-                opacity: Math.max(0, (yPos - (dimensions.height / 2)) / (dimensions.height / 2)),
-                position: 'absolute',
-                bottom: 0,
-                left: 0,
-                width: '100%',
-                height: '50%',
-                zIndex: -5
-            } }),
-        react_1.default.createElement("div", { id: "oceanRipple", style: {
-                backgroundImage: 'repeating-linear-gradient(175deg, rgba(165,165,165,0.08) 43%,rgba(175,175,175,0.08) 45%,rgba(235,235,235,0.08) 49%,rgba(195,195,195,0.08) 50%,rgba(165,165,165,0.08) 54%)',
-                opacity: 0.5,
-                position: 'absolute',
-                left: '0%',
-                bottom: 0,
-                width: '100%',
-                height: '50%',
-                zIndex: -10
-            } })));
-};
-exports.default = SunriseAnimation;