UNPKG

@p5-wrapper/next

Version:

A NextJS specific library for the @P5-Wrapper/react project.

7 lines (6 loc) 11.4 kB
(function(w,P){typeof exports=="object"&&typeof module<"u"?P(exports,require("react")):typeof define=="function"&&define.amd?define(["exports","react"],P):(w=typeof globalThis<"u"?globalThis:w||self,P(w.NextReactP5Wrapper={},w.React))})(this,(function(w,P){"use strict";function le(a){return a&&a.__esModule&&Object.prototype.hasOwnProperty.call(a,"default")?a.default:a}var N={exports:{}},D={},X;function I(){if(X)return D;X=1;function a(l){return l&&l.__esModule?l:{default:l}}return D._=a,D}var L={exports:{}},A={};var $;function ie(){if($)return A;$=1;var a=Symbol.for("react.transitional.element"),l=Symbol.for("react.fragment");function b(E,m,h){var T=null;if(h!==void 0&&(T=""+h),m.key!==void 0&&(T=""+m.key),"key"in m){h={};for(var v in m)v!=="key"&&(h[v]=m[v])}else h=m;return m=h.ref,{$$typeof:a,type:E,key:T,ref:m!==void 0?m:null,props:h}}return A.Fragment=l,A.jsx=b,A.jsxs=b,A}var j={};var Z;function se(){return Z||(Z=1,process.env.NODE_ENV!=="production"&&(function(){function a(e){if(e==null)return null;if(typeof e=="function")return e.$$typeof===Ee?null:e.displayName||e.name||null;if(typeof e=="string")return e;switch(e){case r:return"Fragment";case g:return"Profiler";case s:return"StrictMode";case k:return"Suspense";case R:return"SuspenseList";case Re:return"Activity"}if(typeof e=="object")switch(typeof e.tag=="number"&&console.error("Received an unexpected object in getComponentNameFromType(). This is likely a bug in React. Please file an issue."),e.$$typeof){case u:return"Portal";case C:return e.displayName||"Context";case V:return(e._context.displayName||"Context")+".Consumer";case c:var t=e.render;return e=e.displayName,e||(e=t.displayName||t.name||"",e=e!==""?"ForwardRef("+e+")":"ForwardRef"),e;case ye:return t=e.displayName||null,t!==null?t:a(e.type)||"Memo";case W:t=e._payload,e=e._init;try{return a(e(t))}catch{}}return null}function l(e){return""+e}function b(e){try{l(e);var t=!1}catch{t=!0}if(t){t=console;var i=t.error,d=typeof Symbol=="function"&&Symbol.toStringTag&&e[Symbol.toStringTag]||e.constructor.name||"Object";return i.call(t,"The provided key is an unsupported type %s. This value must be coerced to a string before using it here.",d),l(e)}}function E(e){if(e===r)return"<>";if(typeof e=="object"&&e!==null&&e.$$typeof===W)return"<...>";try{var t=a(e);return t?"<"+t+">":"<...>"}catch{return"<...>"}}function m(){var e=U.A;return e===null?null:e.getOwner()}function h(){return Error("react-stack-top-frame")}function T(e){if(re.call(e,"key")){var t=Object.getOwnPropertyDescriptor(e,"key").get;if(t&&t.isReactWarning)return!1}return e.key!==void 0}function v(e,t){function i(){te||(te=!0,console.error("%s: `key` is not a prop. Trying to access it will result in `undefined` being returned. If you need to access the same value within the child component, you should pass it as a different prop. (https://react.dev/link/special-props)",t))}i.isReactWarning=!0,Object.defineProperty(e,"key",{get:i,configurable:!0})}function O(){var e=a(this.type);return ne[e]||(ne[e]=!0,console.error("Accessing element.ref was removed in React 19. ref is now a regular prop. It will be removed from the JSX Element type in a future release.")),e=this.props.ref,e!==void 0?e:null}function x(e,t,i,d,q,J){var f=i.ref;return e={$$typeof:n,type:e,key:t,props:i,_owner:d},(f!==void 0?f:null)!==null?Object.defineProperty(e,"ref",{enumerable:!1,get:O}):Object.defineProperty(e,"ref",{enumerable:!1,value:null}),e._store={},Object.defineProperty(e._store,"validated",{configurable:!1,enumerable:!1,writable:!0,value:0}),Object.defineProperty(e,"_debugInfo",{configurable:!1,enumerable:!1,writable:!0,value:null}),Object.defineProperty(e,"_debugStack",{configurable:!1,enumerable:!1,writable:!0,value:q}),Object.defineProperty(e,"_debugTask",{configurable:!1,enumerable:!1,writable:!0,value:J}),Object.freeze&&(Object.freeze(e.props),Object.freeze(e)),e}function _(e,t,i,d,q,J){var f=t.children;if(f!==void 0)if(d)if(ve(f)){for(d=0;d<f.length;d++)p(f[d]);Object.freeze&&Object.freeze(f)}else console.error("React.jsx: Static children should always be an array. You are likely explicitly calling React.jsxs or React.jsxDEV. Use the Babel transform instead.");else p(f);if(re.call(t,"key")){f=a(e);var S=Object.keys(t).filter(function(Te){return Te!=="key"});d=0<S.length?"{key: someKey, "+S.join(": ..., ")+": ...}":"{key: someKey}",ue[f+d]||(S=0<S.length?"{"+S.join(": ..., ")+": ...}":"{}",console.error(`A props object containing a "key" prop is being spread into JSX: let props = %s; <%s {...props} /> React keys must be passed directly to JSX without using spread: let props = %s; <%s key={someKey} {...props} />`,d,f,S,f),ue[f+d]=!0)}if(f=null,i!==void 0&&(b(i),f=""+i),T(t)&&(b(t.key),f=""+t.key),"key"in t){i={};for(var z in t)z!=="key"&&(i[z]=t[z])}else i=t;return f&&v(i,typeof e=="function"?e.displayName||e.name||"Unknown":e),x(e,f,i,m(),q,J)}function p(e){y(e)?e._store&&(e._store.validated=1):typeof e=="object"&&e!==null&&e.$$typeof===W&&(e._payload.status==="fulfilled"?y(e._payload.value)&&e._payload.value._store&&(e._payload.value._store.validated=1):e._store&&(e._store.validated=1))}function y(e){return typeof e=="object"&&e!==null&&e.$$typeof===n}var o=P,n=Symbol.for("react.transitional.element"),u=Symbol.for("react.portal"),r=Symbol.for("react.fragment"),s=Symbol.for("react.strict_mode"),g=Symbol.for("react.profiler"),V=Symbol.for("react.consumer"),C=Symbol.for("react.context"),c=Symbol.for("react.forward_ref"),k=Symbol.for("react.suspense"),R=Symbol.for("react.suspense_list"),ye=Symbol.for("react.memo"),W=Symbol.for("react.lazy"),Re=Symbol.for("react.activity"),Ee=Symbol.for("react.client.reference"),U=o.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE,re=Object.prototype.hasOwnProperty,ve=Array.isArray,G=console.createTask?console.createTask:function(){return null};o={react_stack_bottom_frame:function(e){return e()}};var te,ne={},ae=o.react_stack_bottom_frame.bind(o,h)(),oe=G(E(h)),ue={};j.Fragment=r,j.jsx=function(e,t,i){var d=1e4>U.recentlyCreatedOwnerStacks++;return _(e,t,i,!1,d?Error("react-stack-top-frame"):ae,d?G(E(e)):oe)},j.jsxs=function(e,t,i){var d=1e4>U.recentlyCreatedOwnerStacks++;return _(e,t,i,!0,d?Error("react-stack-top-frame"):ae,d?G(E(e)):oe)}})()),j}var H;function ce(){return H||(H=1,process.env.NODE_ENV==="production"?L.exports=ie():L.exports=se()),L.exports}function de(a){throw new Error('Could not dynamically require "'+a+'". Please configure the dynamicRequireTargets or/and ignoreDynamicRequires option of @rollup/plugin-commonjs appropriately for this require call to work.')}var M={},Y={},B;function fe(){return B||(B=1,(function(a){"use client";Object.defineProperty(a,"__esModule",{value:!0}),Object.defineProperty(a,"LoadableContext",{enumerable:!0,get:function(){return E}});const E=I()._(P).default.createContext(null);process.env.NODE_ENV!=="production"&&(E.displayName="LoadableContext")})(Y)),Y}var Q;function _e(){return Q||(Q=1,(function(a){Object.defineProperty(a,"__esModule",{value:!0}),Object.defineProperty(a,"default",{enumerable:!0,get:function(){return o}});const b=I()._(P),E=fe();function m(n){return n&&n.default?n.default:n}const h=[],T=[];let v=!1;function O(n){let u=n(),r={loading:!0,loaded:null,error:null};return r.promise=u.then(s=>(r.loading=!1,r.loaded=s,s)).catch(s=>{throw r.loading=!1,r.error=s,s}),r}function x(n,u){let r=Object.assign({loader:null,loading:null,delay:200,timeout:null,webpack:null,modules:null},u),s=null;function g(){if(!s){const c=new _(n,r);s={getCurrentValue:c.getCurrentValue.bind(c),subscribe:c.subscribe.bind(c),retry:c.retry.bind(c),promise:c.promise.bind(c)}}return s.promise()}if(typeof window>"u"&&h.push(g),!v&&typeof window<"u"){const c=r.webpack&&typeof de.resolveWeak=="function"?r.webpack():r.modules;c&&T.push(k=>{for(const R of c)if(k.includes(R))return g()})}function V(){g();const c=b.default.useContext(E.LoadableContext);c&&Array.isArray(r.modules)&&r.modules.forEach(k=>{c(k)})}function C(c,k){V();const R=b.default.useSyncExternalStore(s.subscribe,s.getCurrentValue,s.getCurrentValue);return b.default.useImperativeHandle(k,()=>({retry:s.retry}),[]),b.default.useMemo(()=>R.loading||R.error?b.default.createElement(r.loading,{isLoading:R.loading,pastDelay:R.pastDelay,timedOut:R.timedOut,error:R.error,retry:s.retry}):R.loaded?b.default.createElement(m(R.loaded),c):null,[c,R])}return C.preload=()=>g(),C.displayName="LoadableComponent",b.default.forwardRef(C)}class _{constructor(u,r){this._loadFn=u,this._opts=r,this._callbacks=new Set,this._delay=null,this._timeout=null,this.retry()}promise(){return this._res.promise}retry(){this._clearTimeouts(),this._res=this._loadFn(this._opts.loader),this._state={pastDelay:!1,timedOut:!1};const{_res:u,_opts:r}=this;u.loading&&(typeof r.delay=="number"&&(r.delay===0?this._state.pastDelay=!0:this._delay=setTimeout(()=>{this._update({pastDelay:!0})},r.delay)),typeof r.timeout=="number"&&(this._timeout=setTimeout(()=>{this._update({timedOut:!0})},r.timeout))),this._res.promise.then(()=>{this._update({}),this._clearTimeouts()}).catch(s=>{this._update({}),this._clearTimeouts()}),this._update({})}_update(u){this._state={...this._state,error:this._res.error,loaded:this._res.loaded,loading:this._res.loading,...u},this._callbacks.forEach(r=>r())}_clearTimeouts(){clearTimeout(this._delay),clearTimeout(this._timeout)}getCurrentValue(){return this._state}subscribe(u){return this._callbacks.add(u),()=>{this._callbacks.delete(u)}}}function p(n){return x(O,n)}function y(n,u){let r=[];for(;n.length;){let s=n.pop();r.push(s(u))}return Promise.all(r).then(()=>{if(n.length)return y(n,u)})}p.preloadAll=()=>new Promise((n,u)=>{y(h).then(n,u)}),p.preloadReady=(n=[])=>new Promise(u=>{const r=()=>(v=!0,u());y(T,n).then(r,r)}),typeof window<"u"&&(window.__NEXT_PRELOADREADY=p.preloadReady);const o=p})(M)),M}var K;function me(){return K||(K=1,(function(a,l){Object.defineProperty(l,"__esModule",{value:!0});function b(_,p){for(var y in p)Object.defineProperty(_,y,{enumerable:!0,get:p[y]})}b(l,{default:function(){return x},noSSR:function(){return O}});const E=I(),m=ce(),h=E._(_e()),T=typeof window>"u";function v(_){return{default:_?.default||_}}function O(_,p){if(delete p.webpack,delete p.modules,!T)return _(p);const y=p.loading;return()=>(0,m.jsx)(y,{error:null,isLoading:!0,pastDelay:!1,timedOut:!1})}function x(_,p){let y=h.default,o={loading:({error:r,isLoading:s,pastDelay:g})=>{if(!g)return null;if(process.env.NODE_ENV!=="production"){if(s)return null;if(r)return(0,m.jsxs)("p",{children:[r.message,(0,m.jsx)("br",{}),r.stack]})}return null}};_ instanceof Promise?o.loader=()=>_:typeof _=="function"?o.loader=_:typeof _=="object"&&(o={...o,..._}),o={...o,...p};const n=o.loader,u=()=>n!=null?n().then(v):Promise.resolve(v(()=>null));return o.loadableGenerated&&(o={...o,...o.loadableGenerated},delete o.loadableGenerated),typeof o.ssr=="boolean"&&!o.ssr?(delete o.webpack,delete o.modules,O(y,o)):y({...o,loader:u})}(typeof l.default=="function"||typeof l.default=="object"&&l.default!==null)&&typeof l.default.__esModule>"u"&&(Object.defineProperty(l.default,"__esModule",{value:!0}),Object.assign(l.default,l),a.exports=l.default)})(N,N.exports)),N.exports}var F,ee;function pe(){return ee||(ee=1,F=me()),F}var be=pe();const he=le(be)(async()=>(await import("@p5-wrapper/react")).P5Canvas,{ssr:!1});w.NextReactP5Wrapper=he,Object.defineProperty(w,Symbol.toStringTag,{value:"Module"})}));