@psytask/core 1.1.3 → 1.2.0

package/dist/index.d.ts

@@ -124,11 +124,15 @@ declare const generic: {
 };
 /** @ignore */
 type MaybeGenericComponent<P extends LooseObject = any, D extends LooseObject & ForbiddenData = {}> = Component<P, D> | GenericComponent<P, D>;
+declare const ReactiveFn: unique symbol;
+type ComponentFlags = {
+    [ReactiveFn]?: <T extends LooseObject>(obj: T) => T;
+};
 type ComponentAdapter = {
-    /** Wrap a component with reactive props */
-    wrap: <T extends Component>(component: T) => T;
-    /** Render a component with default props and provided scene */
-    render: <T extends Component>(component: T, defaultProps: Parameters<T>[0], 
+    /** Mark a component with reactive function */
+    mark: <T extends Component>(component: T & ComponentFlags) => T;
+    /** Call a component with default props and provided scene */
+    render: <T extends Component>(component: T & ComponentFlags, defaultProps: Parameters<T>[0], 
     /** If not provided, it will use current scene */
     ctx?: Scene<Component>) => {
         props: Parameters<T>[0];
@@ -143,6 +147,24 @@ type ComponentAdapter = {
         data: undefined;
     } : never);
 };
+/**
+ * Adapte third-part reactive systems
+ *
+ * @example
+ *
+ * With Vue
+ *
+ * ```ts
+ * import { shallowReactive, effect } from '@vue/reactivity';
+ * const adapter = createComponentAdapter(shallowReactive);
+ * const VueComponent = (props: { text: string }) => {
+ *   const node = document.createElement('div');
+ *   effect(() => (node.textContent = props.text));
+ *   return node;
+ * };
+ * const Component = adapter.mark(VueComponent);
+ * ```
+ */
 declare const createComponentAdapter: (reactive: <T extends LooseObject>(obj: T) => T) => ComponentAdapter;
 /**
  * Lifecycle hooks.

package/dist/index.js

@@ -1,4 +1,4 @@
-/** @psytask/core v1.1.3 cubxx MIT */
+/** @psytask/core v1.2.0 cubxx MIT */
 const symbol = Symbol.dispose ?? /* @__PURE__ */ Symbol.for("Symbol.dispose");
 class EventEmitter {
   listeners = {};
@@ -15,19 +15,13 @@ class EventEmitter {
     const listeners = this.listeners[type];
     if (listeners) {
       listeners.delete(listener);
-      listeners.size === 0 && delete this.listeners[type];
+      listeners.size || delete this.listeners[type];
     }
     return this;
   }
   /** Add one-time event listener, can not be removed manually */
   once(type, listener) {
-    const wrapper = (evt) => {
-      try {
-        listener(evt);
-      } finally {
-        this.off(type, wrapper);
-      }
-    };
+    const wrapper = (evt) => (this.off(type, wrapper), listener(evt));
     this.on(type, wrapper);
     return this;
   }
@@ -84,18 +78,22 @@ const generic = (f) => (
   //@ts-expect-error impl generic component
   f
 );
+const ReactiveFn = /* @__PURE__ */ Symbol();
 const createComponentAdapter = (reactive) => ({
-  wrap: (component) => ((props) => component(reactive(props))),
-  render: (component, defaultProps, ctx) => {
-    const props = reactive(defaultProps);
+  mark(component) {
+    component[ReactiveFn] = reactive;
+    return component;
+  },
+  render(component, defaultProps, ctx) {
+    const rprops = (component[ReactiveFn] ?? reactive)(defaultProps);
     ctx && sceneStack.push(ctx);
-    const instanceOrNode = component(props);
+    const instanceOrNode = component(rprops);
     ctx && sceneStack.pop();
     let data;
     const nodes = array_normalize(
       typeof instanceOrNode !== "string" && "node" in instanceOrNode ? (data = instanceOrNode.data, instanceOrNode.node) : instanceOrNode
     );
-    return { props, nodes, data };
+    return { props: rprops, nodes, data };
   }
 });
 const sceneStack = [];

package/dist/index.min.js

@@ -1 +1 @@
-const f=Symbol.dispose??Symbol.for("Symbol.dispose");class p{listeners={};[f](){this.emit("dispose")}on(t,s){return(this.listeners[t]??=new Set).add(s),this}off(t,s){const e=this.listeners[t];return e&&(e.delete(s),e.size===0&&delete this.listeners[t]),this}once(t,s){const e=r=>{try{s(r)}finally{this.off(t,e)}};return this.on(t,e),this}emit(t,...[s]){const e=this.listeners[t];if(e)for(const r of[...e])r(s);return this}}const y=o=>{throw Error(o)},d=requestAnimationFrame,w=Object,b=(o,t)=>w.assign(o,t),S=document;new Proxy({},{get:(o,t)=>s=>b(S.createElement(t),s)});const g=o=>Array.isArray(o)?o:[o];let c;const m=o=>(c=o,setTimeout(()=>c=0),d(m)),A=o=>{c??m(0);const t={start:s=>new Promise(e=>{const r=[];c&&(r.push(c),s?.(c));const n=a=>{const h=o(a,r);r.push(a),h?t.stop():(s?.(a),i=d(n))};let i=d(n);t.stop=()=>{r.pop(),cancelAnimationFrame(i),e(r)}}),stop(){}};return t},E=o=>o,F=o=>({wrap:t=>(s=>t(o(s))),render:(t,s,e)=>{const r=o(s);e&&l.push(e);const n=t(r);e&&l.pop();let i;const a=g(typeof n!="string"&&"node"in n?(i=n.data,n.node):n);return{props:r,nodes:a,data:i}}}),l=[],P=()=>l[l.length-1]??y("Not found current scene");class k extends p{constructor(t,s){super(),this.options=s;const{root:e,adapter:r,defaultProps:n,timer:i}=s;(this.root=e).tabIndex=-1,e.style.scale="0";const{props:a,nodes:h,data:u}=r.render(t,{...n},this.on("dispose",()=>e.remove()));this.#t=i(),this.#s=a,this.data=u,e.append(...h)}root;#t;#s;data;show=this.#e;close(){const t=this.#t;(c?queueMicrotask:d)(()=>t.stop())}async#e(t){const{root:s,defaultProps:e}=this.options,r={...e,...t};for(const i of Object.keys({...this.#s,...r}))this.#s[i]=r[i];this.emit("show"),s.style.scale="1",s.focus();const n=await this.#t.start(i=>this.emit("frame",i));return s.style.scale="0",{...this.emit("close").data?.(),frame_times:n,duration:c-n[0]}}}export{p as EventEmitter,k as Scene,F as createComponentAdapter,A as createTimer,E as generic,P as getCurrentScene};
+const y=Symbol.dispose??Symbol.for("Symbol.dispose");class p{listeners={};[y](){this.emit("dispose")}on(t,e){return(this.listeners[t]??=new Set).add(e),this}off(t,e){const s=this.listeners[t];return s&&(s.delete(e),s.size||delete this.listeners[t]),this}once(t,e){const s=r=>(this.off(t,s),e(r));return this.on(t,s),this}emit(t,...[e]){const s=this.listeners[t];if(s)for(const r of[...s])r(e);return this}}const w=o=>{throw Error(o)},d=requestAnimationFrame,b=Object,S=(o,t)=>b.assign(o,t),g=document;new Proxy({},{get:(o,t)=>e=>S(g.createElement(t),e)});const A=o=>Array.isArray(o)?o:[o];let c;const m=o=>(c=o,setTimeout(()=>c=0),d(m)),F=o=>{c??m(0);const t={start:e=>new Promise(s=>{const r=[];c&&(r.push(c),e?.(c));const n=a=>{const l=o(a,r);r.push(a),l?t.stop():(e?.(a),i=d(n))};let i=d(n);t.stop=()=>{r.pop(),cancelAnimationFrame(i),s(r)}}),stop(){}};return t},k=o=>o,u=Symbol(),E=o=>({mark(t){return t[u]=o,t},render(t,e,s){const r=(t[u]??o)(e);s&&h.push(s);const n=t(r);s&&h.pop();let i;const a=A(typeof n!="string"&&"node"in n?(i=n.data,n.node):n);return{props:r,nodes:a,data:i}}}),h=[],P=()=>h[h.length-1]??w("Not found current scene");class O extends p{constructor(t,e){super(),this.options=e;const{root:s,adapter:r,defaultProps:n,timer:i}=e;(this.root=s).tabIndex=-1,s.style.scale="0";const{props:a,nodes:l,data:f}=r.render(t,{...n},this.on("dispose",()=>s.remove()));this.#t=i(),this.#s=a,this.data=f,s.append(...l)}root;#t;#s;data;show=this.#e;close(){const t=this.#t;(c?queueMicrotask:d)(()=>t.stop())}async#e(t){const{root:e,defaultProps:s}=this.options,r={...s,...t};for(const i of Object.keys({...this.#s,...r}))this.#s[i]=r[i];this.emit("show"),e.style.scale="1",e.focus();const n=await this.#t.start(i=>this.emit("frame",i));return e.style.scale="0",{...this.emit("close").data?.(),frame_times:n,duration:c-n[0]}}}export{p as EventEmitter,O as Scene,E as createComponentAdapter,F as createTimer,k as generic,P as getCurrentScene};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@psytask/core",
-  "version": "1.1.3",
+  "version": "1.2.0",
   "type": "module",
   "author": "cubxx",
   "license": "MIT",