@fluxscape/react-runtime 1.0.2 → 1.0.3

package/static/shared/react.production.min.js

@@ -1,32 +0,0 @@
-/** @license React v16.8.1
- * react.production.min.js
- *
- * Copyright (c) Facebook, Inc. and its affiliates.
- *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
- */
-'use strict';(function(M,q){"object"===typeof exports&&"undefined"!==typeof module?module.exports=q():"function"===typeof define&&define.amd?define(q):M.React=q()})(this,function(){function M(a,b,d,f,p,c,e,h){if(!a){a=void 0;if(void 0===b)a=Error("Minified exception occurred; use the non-minified dev environment for the full error message and additional helpful warnings.");else{var n=[d,f,p,c,e,h],ta=0;a=Error(b.replace(/%s/g,function(){return n[ta++]}));a.name="Invariant Violation"}a.framesToPop=
-1;throw a;}}function q(a){for(var b=arguments.length-1,d="https://reactjs.org/docs/error-decoder.html?invariant="+a,f=0;f<b;f++)d+="&args[]="+encodeURIComponent(arguments[f+1]);M(!1,"Minified React error #"+a+"; visit %s for the full message or use the non-minified dev environment for full errors and additional helpful warnings. ",d)}function t(a,b,d){this.props=a;this.context=b;this.refs=ba;this.updater=d||ca}function da(){}function N(a,b,d){this.props=a;this.context=b;this.refs=ba;this.updater=
-d||ca}function u(){if(!x){var a=c.expirationTime;C?O():C=!0;D(ua,a)}}function P(){var a=c,b=c.next;if(c===b)c=null;else{var d=c.previous;c=d.next=b;b.previous=d}a.next=a.previous=null;d=a.callback;b=a.expirationTime;a=a.priorityLevel;var f=g,p=E;g=a;E=b;try{var n=d()}finally{g=f,E=p}if("function"===typeof n)if(n={callback:n,priorityLevel:a,expirationTime:b,next:null,previous:null},null===c)c=n.next=n.previous=n;else{d=null;a=c;do{if(a.expirationTime>=b){d=a;break}a=a.next}while(a!==c);null===d?d=
-c:d===c&&(c=n,u());b=d.previous;b.next=d.previous=n;n.next=d;n.previous=b}}function Q(){if(-1===l&&null!==c&&1===c.priorityLevel){x=!0;try{do P();while(null!==c&&1===c.priorityLevel)}finally{x=!1,null!==c?u():C=!1}}}function ua(a){x=!0;var b=F;F=a;try{if(a)for(;null!==c;){var d=k();if(c.expirationTime<=d){do P();while(null!==c&&c.expirationTime<=d)}else break}else if(null!==c){do P();while(null!==c&&!G())}}finally{x=!1,F=b,null!==c?u():C=!1,Q()}}function ea(a,b,d){var f=void 0,p={},c=null,e=null;
-if(null!=b)for(f in void 0!==b.ref&&(e=b.ref),void 0!==b.key&&(c=""+b.key),b)fa.call(b,f)&&!ha.hasOwnProperty(f)&&(p[f]=b[f]);var h=arguments.length-2;if(1===h)p.children=d;else if(1<h){for(var g=Array(h),k=0;k<h;k++)g[k]=arguments[k+2];p.children=g}if(a&&a.defaultProps)for(f in h=a.defaultProps,h)void 0===p[f]&&(p[f]=h[f]);return{$$typeof:y,type:a,key:c,ref:e,props:p,_owner:R.current}}function va(a,b){return{$$typeof:y,type:a.type,key:b,ref:a.ref,props:a.props,_owner:a._owner}}function S(a){return"object"===
-typeof a&&null!==a&&a.$$typeof===y}function wa(a){var b={"=":"=0",":":"=2"};return"$"+(""+a).replace(/[=:]/g,function(a){return b[a]})}function ia(a,b,d,f){if(H.length){var c=H.pop();c.result=a;c.keyPrefix=b;c.func=d;c.context=f;c.count=0;return c}return{result:a,keyPrefix:b,func:d,context:f,count:0}}function ja(a){a.result=null;a.keyPrefix=null;a.func=null;a.context=null;a.count=0;10>H.length&&H.push(a)}function T(a,b,d,f){var c=typeof a;if("undefined"===c||"boolean"===c)a=null;var e=!1;if(null===
-a)e=!0;else switch(c){case "string":case "number":e=!0;break;case "object":switch(a.$$typeof){case y:case xa:e=!0}}if(e)return d(f,a,""===b?"."+U(a,0):b),1;e=0;b=""===b?".":b+":";if(Array.isArray(a))for(var g=0;g<a.length;g++){c=a[g];var h=b+U(c,g);e+=T(c,h,d,f)}else if(null===a||"object"!==typeof a?h=null:(h=ka&&a[ka]||a["@@iterator"],h="function"===typeof h?h:null),"function"===typeof h)for(a=h.call(a),g=0;!(c=a.next()).done;)c=c.value,h=b+U(c,g++),e+=T(c,h,d,f);else"object"===c&&(d=""+a,q("31",
-"[object Object]"===d?"object with keys {"+Object.keys(a).join(", ")+"}":d,""));return e}function V(a,b,d){return null==a?0:T(a,"",b,d)}function U(a,b){return"object"===typeof a&&null!==a&&null!=a.key?wa(a.key):b.toString(36)}function ya(a,b,d){a.func.call(a.context,b,a.count++)}function za(a,b,d){var f=a.result,c=a.keyPrefix;a=a.func.call(a.context,b,a.count++);Array.isArray(a)?W(a,f,d,function(a){return a}):null!=a&&(S(a)&&(a=va(a,c+(!a.key||b&&b.key===a.key?"":(""+a.key).replace(la,"$&/")+"/")+
-d)),f.push(a))}function W(a,b,d,f,c){var e="";null!=d&&(e=(""+d).replace(la,"$&/")+"/");b=ia(b,e,f,c);V(a,za,b);ja(b)}function m(){var a=ma.current;null===a?q("307"):void 0;return a}var e="function"===typeof Symbol&&Symbol.for,y=e?Symbol.for("react.element"):60103,xa=e?Symbol.for("react.portal"):60106,r=e?Symbol.for("react.fragment"):60107,X=e?Symbol.for("react.strict_mode"):60108,Aa=e?Symbol.for("react.profiler"):60114,Ba=e?Symbol.for("react.provider"):60109,Ca=e?Symbol.for("react.context"):60110,
-Da=e?Symbol.for("react.concurrent_mode"):60111,Ea=e?Symbol.for("react.forward_ref"):60112,Fa=e?Symbol.for("react.suspense"):60113,Ga=e?Symbol.for("react.memo"):60115,Ha=e?Symbol.for("react.lazy"):60116,ka="function"===typeof Symbol&&Symbol.iterator,na=Object.getOwnPropertySymbols,Ia=Object.prototype.hasOwnProperty,Ja=Object.prototype.propertyIsEnumerable,I=function(){try{if(!Object.assign)return!1;var a=new String("abc");a[5]="de";if("5"===Object.getOwnPropertyNames(a)[0])return!1;var b={};for(a=
-0;10>a;a++)b["_"+String.fromCharCode(a)]=a;if("0123456789"!==Object.getOwnPropertyNames(b).map(function(a){return b[a]}).join(""))return!1;var d={};"abcdefghijklmnopqrst".split("").forEach(function(a){d[a]=a});return"abcdefghijklmnopqrst"!==Object.keys(Object.assign({},d)).join("")?!1:!0}catch(f){return!1}}()?Object.assign:function(a,b){if(null===a||void 0===a)throw new TypeError("Object.assign cannot be called with null or undefined");var d=Object(a);for(var c,e=1;e<arguments.length;e++){var g=Object(arguments[e]);
-for(var k in g)Ia.call(g,k)&&(d[k]=g[k]);if(na){c=na(g);for(var h=0;h<c.length;h++)Ja.call(g,c[h])&&(d[c[h]]=g[c[h]])}}return d},ca={isMounted:function(a){return!1},enqueueForceUpdate:function(a,b,d){},enqueueReplaceState:function(a,b,d,c){},enqueueSetState:function(a,b,d,c){}},ba={};t.prototype.isReactComponent={};t.prototype.setState=function(a,b){"object"!==typeof a&&"function"!==typeof a&&null!=a?q("85"):void 0;this.updater.enqueueSetState(this,a,b,"setState")};t.prototype.forceUpdate=function(a){this.updater.enqueueForceUpdate(this,
-a,"forceUpdate")};da.prototype=t.prototype;e=N.prototype=new da;e.constructor=N;I(e,t.prototype);e.isPureReactComponent=!0;var c=null,F=!1,g=3,l=-1,E=-1,x=!1,C=!1,Ka=Date,La="function"===typeof setTimeout?setTimeout:void 0,Ma="function"===typeof clearTimeout?clearTimeout:void 0,oa="function"===typeof requestAnimationFrame?requestAnimationFrame:void 0,pa="function"===typeof cancelAnimationFrame?cancelAnimationFrame:void 0,qa,ra,Y=function(a){qa=oa(function(b){Ma(ra);a(b)});ra=La(function(){pa(qa);
-a(k())},100)};if("object"===typeof performance&&"function"===typeof performance.now){var Na=performance;var k=function(){return Na.now()}}else k=function(){return Ka.now()};e=null;"undefined"!==typeof window?e=window:"undefined"!==typeof global&&(e=global);if(e&&e._schedMock){e=e._schedMock;var D=e[0];var O=e[1];var G=e[2];k=e[3]}else if("undefined"===typeof window||"function"!==typeof MessageChannel){var v=null,Oa=function(a){if(null!==v)try{v(a)}finally{v=null}};D=function(a,b){null!==v?setTimeout(D,
-0,a):(v=a,setTimeout(Oa,0,!1))};O=function(){v=null};G=function(){return!1}}else{"undefined"!==typeof console&&("function"!==typeof oa&&console.error("This browser doesn't support requestAnimationFrame. Make sure that you load a polyfill in older browsers. https://fb.me/react-polyfills"),"function"!==typeof pa&&console.error("This browser doesn't support cancelAnimationFrame. Make sure that you load a polyfill in older browsers. https://fb.me/react-polyfills"));var w=null,J=!1,z=-1,A=!1,Z=!1,K=0,
-L=33,B=33;G=function(){return K<=k()};e=new MessageChannel;var sa=e.port2;e.port1.onmessage=function(a){J=!1;a=w;var b=z;w=null;z=-1;var d=k(),c=!1;if(0>=K-d)if(-1!==b&&b<=d)c=!0;else{A||(A=!0,Y(aa));w=a;z=b;return}if(null!==a){Z=!0;try{a(c)}finally{Z=!1}}};var aa=function(a){if(null!==w){Y(aa);var b=a-K+B;b<B&&L<B?(8>b&&(b=8),B=b<L?L:b):L=b;K=a+B;J||(J=!0,sa.postMessage(void 0))}else A=!1};D=function(a,b){w=a;z=b;Z||0>b?sa.postMessage(void 0):A||(A=!0,Y(aa))};O=function(){w=null;J=!1;z=-1}}var Pa=
-0,ma={current:null},R={current:null};e={ReactCurrentDispatcher:ma,ReactCurrentOwner:R,assign:I};I(e,{Scheduler:{unstable_cancelCallback:function(a){var b=a.next;if(null!==b){if(b===a)c=null;else{a===c&&(c=b);var d=a.previous;d.next=b;b.previous=d}a.next=a.previous=null}},unstable_shouldYield:function(){return!F&&(null!==c&&c.expirationTime<E||G())},unstable_now:k,unstable_scheduleCallback:function(a,b){var d=-1!==l?l:k();if("object"===typeof b&&null!==b&&"number"===typeof b.timeout)b=d+b.timeout;
-else switch(g){case 1:b=d+-1;break;case 2:b=d+250;break;case 5:b=d+1073741823;break;case 4:b=d+1E4;break;default:b=d+5E3}a={callback:a,priorityLevel:g,expirationTime:b,next:null,previous:null};if(null===c)c=a.next=a.previous=a,u();else{d=null;var f=c;do{if(f.expirationTime>b){d=f;break}f=f.next}while(f!==c);null===d?d=c:d===c&&(c=a,u());b=d.previous;b.next=d.previous=a;a.next=d;a.previous=b}return a},unstable_runWithPriority:function(a,b){switch(a){case 1:case 2:case 3:case 4:case 5:break;default:a=
-3}var d=g,c=l;g=a;l=k();try{return b()}finally{g=d,l=c,Q()}},unstable_wrapCallback:function(a){var b=g;return function(){var d=g,c=l;g=b;l=k();try{return a.apply(this,arguments)}finally{g=d,l=c,Q()}}},unstable_getFirstCallbackNode:function(){return c},unstable_pauseExecution:function(){},unstable_continueExecution:function(){null!==c&&u()},unstable_getCurrentPriorityLevel:function(){return g}},SchedulerTracing:{__interactionsRef:null,__subscriberRef:null,unstable_clear:function(a){return a()},unstable_getCurrent:function(){return null},
-unstable_getThreadID:function(){return++Pa},unstable_subscribe:function(a){},unstable_trace:function(a,b,d){return d()},unstable_unsubscribe:function(a){},unstable_wrap:function(a){return a}}});var fa=Object.prototype.hasOwnProperty,ha={key:!0,ref:!0,__self:!0,__source:!0},la=/\/+/g,H=[];r={Children:{map:function(a,b,d){if(null==a)return a;var c=[];W(a,c,null,b,d);return c},forEach:function(a,b,d){if(null==a)return a;b=ia(null,null,b,d);V(a,ya,b);ja(b)},count:function(a){return V(a,function(){return null},
-null)},toArray:function(a){var b=[];W(a,b,null,function(a){return a});return b},only:function(a){S(a)?void 0:q("143");return a}},createRef:function(){return{current:null}},Component:t,PureComponent:N,createContext:function(a,b){void 0===b&&(b=null);a={$$typeof:Ca,_calculateChangedBits:b,_currentValue:a,_currentValue2:a,_threadCount:0,Provider:null,Consumer:null};a.Provider={$$typeof:Ba,_context:a};return a.Consumer=a},forwardRef:function(a){return{$$typeof:Ea,render:a}},lazy:function(a){return{$$typeof:Ha,
-_ctor:a,_status:-1,_result:null}},memo:function(a,b){return{$$typeof:Ga,type:a,compare:void 0===b?null:b}},useCallback:function(a,b){return m().useCallback(a,b)},useContext:function(a,b){return m().useContext(a,b)},useEffect:function(a,b){return m().useEffect(a,b)},useImperativeHandle:function(a,b,d){return m().useImperativeHandle(a,b,d)},useDebugValue:function(a,b){},useLayoutEffect:function(a,b){return m().useLayoutEffect(a,b)},useMemo:function(a,b){return m().useMemo(a,b)},useReducer:function(a,
-b,d){return m().useReducer(a,b,d)},useRef:function(a){return m().useRef(a)},useState:function(a){return m().useState(a)},Fragment:r,StrictMode:X,Suspense:Fa,createElement:ea,cloneElement:function(a,b,d){null===a||void 0===a?q("267",a):void 0;var c=void 0,e=I({},a.props),g=a.key,k=a.ref,h=a._owner;if(null!=b){void 0!==b.ref&&(k=b.ref,h=R.current);void 0!==b.key&&(g=""+b.key);var l=void 0;a.type&&a.type.defaultProps&&(l=a.type.defaultProps);for(c in b)fa.call(b,c)&&!ha.hasOwnProperty(c)&&(e[c]=void 0===
-b[c]&&void 0!==l?l[c]:b[c])}c=arguments.length-2;if(1===c)e.children=d;else if(1<c){l=Array(c);for(var m=0;m<c;m++)l[m]=arguments[m+2];e.children=l}return{$$typeof:y,type:a.type,key:g,ref:k,props:e,_owner:h}},createFactory:function(a){var b=ea.bind(null,a);b.type=a;return b},isValidElement:S,version:"16.8.1",unstable_ConcurrentMode:Da,unstable_Profiler:Aa,__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED:e};r=(X={default:r},r)||X;return r.default||r});

package/static/ssr/index.js

@@ -1,194 +0,0 @@
-import fs from 'fs';
-import path from 'path';
-import express from 'express';
-import fetch from 'node-fetch';
-import React from 'react';
-import ReactDOMServer from 'react-dom/server';
-import NodeCache from "node-cache"; 
-import { XMLHttpRequest } from 'xmlhttprequest';
-
-const myCache = new NodeCache();
-async function cacheFetch(args, callback) {
-  const cacheKey = typeof args === 'string' ? args : args.key;
-  const cached = myCache.get(cacheKey);
-  if (cached) return Promise.resolve(cached);
-
-  const result = await callback();
-  myCache.set(cacheKey, result);
-  return result;
-}
-
-// In the DOM, these are global.
-globalThis.React = React;
-globalThis.ReactDOM = ReactDOMServer;
-globalThis.XMLHttpRequest = XMLHttpRequest;
-globalThis.File = class File {};
-
-globalThis.__noodl_modules = [];
-globalThis.Noodl = {
-  defineModule: function (m) {
-    globalThis.__noodl_modules.push(m);
-  },
-  deployed: true
-};
-
-globalThis.projectData = {{#export#}};
-
-// Add some ugly polyfill
-globalThis.requestAnimationFrame = (callback) => setImmediate(callback);
-globalThis.fetch = async (args) => {
-  if (typeof args === 'string') {
-    const relativePath = '.' + args;
-    if (args.startsWith('/noodl_bundles') && fs.existsSync(relativePath)) {
-      const fileContent = await fs.promises.readFile(relativePath, 'utf-8');
-      return Promise.resolve({
-        status: 200,
-        json() {
-          return Promise.resolve(JSON.parse(fileContent));
-        }
-      });
-    }
-  }
-  return await fetch(args);
-};
-
-class LocalStorageMock {
-  constructor() {
-    this.store = {};
-  }
-
-  getItem(key) {
-    return this.store[key] || null;
-  }
-
-  setItem(key, value) {
-    this.store[key] = value.toString();
-  }
-
-  removeItem(key) {
-    delete this.store[key];
-  }
-
-  clear() {
-    this.store = {};
-  }
-
-  get(key) {
-    return this.store[key] || null;
-  }
-
-  set(key, value) {
-    this.store[key] = value.toString();
-  }
-
-  delete(key) {
-    delete this.store[key];
-  }
-
-  // Allow direct access like localStorageMock['key']
-  get store() {
-    return this._store;
-  }
-
-  set store(data) {
-    this._store = data;
-  }
-}
-
-globalThis.localStorage = new LocalStorageMock();
-
-// Import the Noodl runtime
-require('./noodl.deploy');
-
-// From that file we get some runtime stuff defined on "NoodlSSR"
-const { createElement, ssrSetupRuntime } = globalThis.NoodlSSR;
-
-const PORT = process.env.PORT || 3000;
-const app = express();
-
-app.use(express.static('public', { index: false }));
-
-function log(...args) {
-  // Uncomment to see full request log
-  // console.log(...args);
-}
-
-let htmlData = '';
-
-async function setup() {
-  htmlData = await fs.promises.readFile(path.resolve('./public/index.html'), 'utf8');
-}
-
-async function buildPage(path) {
-  return new Promise((resolve) => {
-    const noodlModules = globalThis.__noodl_modules;
-    const projectData = globalThis.projectData;
-
-    // TODO: Maybe fix page router
-    globalThis.location = {
-      pathname: path,
-      search: ""
-    }
-
-    log('Create Component...');
-    const ViewerComponent = createElement(noodlModules, projectData);
-    log('created.');
-
-    const noodlRuntime = ViewerComponent.props.noodlRuntime;
-
-    noodlRuntime.eventEmitter.on('SSR_PageLoading', (id) => {
-      console.log('SSR_PageLoading', id);
-    });
-
-    noodlRuntime.eventEmitter.on('SSR_PageReady', (id) => {
-      console.log('SSR_PageReady', id);
-    });
-
-    noodlRuntime.eventEmitter.on('rootComponentUpdated', async () => {
-      log('Spin up...');
-      noodlRuntime.rootComponent.triggerDidMount();
-      for (let index = 0; index < 1000; index++) {
-        await new Promise((resolve) => setImmediate(() => resolve(), 0));
-        noodlRuntime.rootComponent.triggerDidMount();
-        noodlRuntime._doUpdate();
-      }
-      log('done.');
-
-      log('Rendering...');
-      const output1 = ReactDOMServer.renderToString(ViewerComponent);
-      log('result:', output1);
-
-      const result = htmlData.replace('<div id="root"></div>', `<div id="root">${output1}</div>`);
-
-      // TODO: Inject Noodl.SEO.meta
-
-      resolve(result);
-    });
-
-    log('Setup Runtime...');
-    ssrSetupRuntime(noodlRuntime, noodlModules, projectData);
-    log('done.');
-  });
-}
-
-app.get('*', async (req, res) => {
-  const path = req.path;
-  
-  try {
-    const cacheKey = `cache__${path}`
-    const cached = await cacheFetch(cacheKey, () => buildPage(req.path));
-    res.send(cached);
-  } catch (error) {
-    console.error(error);
-    
-    // We failed to render SSR, lets just respond with the index.html file, 
-    // and then the user should be able to render the page client side.
-    res.send(htmlData);
-  }
-});
-
-setup().then(() => {
-  app.listen(PORT, () => {
-    console.log(`Server is listening on port ${PORT}`);
-  });
-});

package/static/ssr/index.json

@@ -1,5 +0,0 @@
-[
-  {"url":"index.js", "injectExport": true},
-  {"url":"noodl.deploy.js"},
-  {"url":"package.json"}
-]

package/static/ssr/package.json

@@ -1,25 +0,0 @@
-{
-  "name": "noodl-ssr",
-  "version": "1.0.0",
-  "description": "",
-  "main": "index.js",
-  "scripts": {
-    "build": "esbuild index.js --bundle --outfile=server.js --platform=node",
-    "start": "node ./server.js",
-    "dev": "node --inspect-brk ./server.js"
-  },
-  "author": "",
-  "license": "ISC",
-  "dependencies": {
-    "esbuild": "^0.18.10",
-    "express": "^4.18.2",
-    "node-fetch": "^3.3.1",
-    "node-cache": "^5.1.2",
-    "react": "^17.0.2",
-    "react-dom": "^17.0.2",
-    "xmlhttprequest": "^1.8.0"
-  },
-  "devDependencies": {
-    "nodemon": "^2.0.22"
-  }
-}