web-signature 0.0.6 → 0.0.7

package/bundle/index.js

@@ -1 +1 @@
-class e{element;instance;constructor(e,t){this.instance=e,this.element=t}}let t=0;class n{components={};refs={};constructor(){}contact(e){let t=document.querySelector(e);if(!t)throw new Error(`Element not found for selector: ${e}`);let n=document.createElement("div");n.innerHTML=t.innerHTML,this.render(n),t.replaceChildren(...Array.from(n.childNodes))}add(e){this.components[e.name]&&console.warn(new Error(`Component with name ${e.name} already exists.`)),this.components[e.name]=e}ref(e){return this.refs[e]?.element}contactWith(e,...t){let n=this.refs[e];if(!n)throw new Error(`Ref with name ${e} does not exist.`);return n.instance.onContact(...t)}render(n){for(const r of Object.keys(this.components)){let o=this.components[r];for(const s of Array.from(n.querySelectorAll(r))){let n=new o;n.onInit?.(),s instanceof HTMLElement&&(n.content=s.innerHTML.trim());let i=document.createElement("template");if(i.innerHTML=n.render().trim(),i.content.children.length>1)throw new Error(`Component '${r}' must render a single root element.`);this.render(i),n.onRender?.();let c=i.content.firstElementChild;if(s.hasAttribute("ref")){let r=s.getAttribute("ref");if(t++,""===r&&(r=`r${t}${Math.random().toString(36).substring(2,15)}${t}`),this.refs[r])throw new Error(`Ref with name ${r} already exists.`);this.refs[r]=new e(n,c),c.setAttribute("ref",r)}s.replaceWith(i.content),n.onMount?.(c)}}}}class r{content}function o(){return new n}export{r as Component,n as Signature,o as default};
+class e{element;instance;constructor(e,t){this.instance=e,this.element=t}}let t=0;class n{components={};refs={};constructor(){}contact(e){let t=document.querySelector(e);if(!t)throw new Error(`Element not found for selector: ${e}`);let n=document.createElement("div");n.innerHTML=t.innerHTML,this.render(n),t.replaceChildren(...Array.from(n.childNodes))}add(e){this.components[e.name]&&console.warn(new Error(`Component with name ${e.name} already exists.`)),this.components[e.name]=e}ref(e){return this.refs[e]?.element}contactWith(e,...t){let n=this.refs[e];if(!n)throw new Error(`Ref with name ${e} does not exist.`);let r=n.instance;return r.onContact?.(...t)}render(n){for(const r of Object.keys(this.components)){let o=this.components[r];for(const s of Array.from(n.querySelectorAll(r))){let n=new o;n.onInit?.(),s instanceof HTMLElement&&(n.content=s.innerHTML.trim());let i=document.createElement("template");if(i.innerHTML=n.render().trim(),i.content.children.length>1)throw new Error(`Component '${r}' must render a single root element.`);this.render(i),n.onRender?.();let c=i.content.firstElementChild;if(s.hasAttribute("ref")){let r=s.getAttribute("ref");if(t++,""===r&&(r=`r${t}${Math.random().toString(36).substring(2,15)}${t}`),this.refs[r])throw new Error(`Ref with name ${r} already exists.`);this.refs[r]=new e(n,c),c.setAttribute("ref",r)}s.replaceWith(i.content),n.onMount?.(c)}}}}class r{content}function o(){return new n}export{r as Component,n as Signature,o as default};

package/dist/Signature.js

@@ -51,7 +51,7 @@ export default class Signature {
             throw new Error(`Ref with name ${name} does not exist.`);
         }
         let instance = ref.instance;
-        return instance.onContact(...props);
+        return instance.onContact?.(...props);
     }
     render(frame) {
         for (const com of Object.keys(this.components)) {

package/dist/d/Component.d.ts

@@ -3,9 +3,9 @@ export default abstract class Component implements component {
     abstract readonly name: string;
     content?: string;
     abstract render(): string;
-    abstract onInit(): void;
-    abstract onRender(): void;
-    abstract onMount(el: Element): void;
-    abstract onContact<P extends any[], T>(...props: P): T;
+    abstract onInit?(): void;
+    abstract onRender?(): void;
+    abstract onMount?(el: Element): void;
+    abstract onContact?(...props: any[]): any;
 }
 export type ComponentConstructor = new () => Component;

package/dist/d/Signature.d.ts

@@ -27,6 +27,6 @@ export default class Signature {
      * @template T The type of the return value of the component's onContact method.
      * @returns {T} The return value of the component's onContact method.
      */
-    contactWith<P extends any[], T>(name: string, ...props: P): T;
+    contactWith(name: string, ...props: any[]): any;
     private render;
 }

package/dist/d/types/Component.d.ts

@@ -12,16 +12,16 @@ interface Component {
     /**
      * Lifecycle hook that is called when the component is initialized.
      */
-    onInit(): void;
+    onInit?(): void;
     /**
      * Lifecycle hook that is called when the component is rendered.
      */
-    onRender(): void;
+    onRender?(): void;
     /**
      * Lifecycle hook that is called when the component is mounted to the DOM.
      * @param {Element} el The element to which the component is mounted.
      */
-    onMount(el: Element): void;
+    onMount?(el: Element): void;
     /**
      * Lifecycle hook called via Signature.contactWith
      * @template P
@@ -29,6 +29,6 @@ interface Component {
      * @template T What should this hook return.
      * @returns {T} What should this hook return.
      */
-    onContact<P extends any[], T>(...props: P): T;
+    onContact?(...props: any[]): any;
 }
 export default Component;

package/package.json

@@ -1,9 +1,13 @@
 {
   "name": "web-signature",
-  "version": "0.0.6",
+  "version": "0.0.7",
   "description": "Primitive and fast framework for rendering web interfaces",
   "license": "ISC",
   "author": "PinBib",
+  "repository": {
+	"type": "git",
+	"url": "github.com/Pinbib/Signature"
+  },
   "type": "module",
   "main": "./dist/index.js",
   "types": "./dist/d/index.d.ts",

package/src/Component.ts

@@ -6,13 +6,13 @@ export default abstract class Component implements component {
 
 	abstract render(): string;
 
-	abstract onInit(): void;
+	abstract onInit?(): void;
 
-	abstract onRender(): void;
+	abstract onRender?(): void;
 
-	abstract onMount(el: Element): void;
+	abstract onMount?(el: Element): void;
 
-	abstract onContact<P extends any[], T>(...props: P): T;
+	abstract onContact?(...props: any[]): any;
 }
 
 export type ComponentConstructor = new () => Component;

package/src/Signature.ts

@@ -58,7 +58,7 @@ export default class Signature {
 	 * @template T The type of the return value of the component's onContact method.
 	 * @returns {T} The return value of the component's onContact method.
 	 */
-	public contactWith<P extends any[], T>(name: string, ...props: P): T {
+	public contactWith(name: string, ...props: any[]): any {
 		let ref = this.refs[name];
 
 		if (!ref) {
@@ -67,7 +67,7 @@ export default class Signature {
 
 		let instance = ref.instance;
 
-		return instance.onContact<P, T>(...props);
+		return instance.onContact?.(...props);
 	}
 
 	private render(frame: Element): void {

package/src/types/Component.ts

@@ -15,18 +15,18 @@ interface Component {
 	/**
 	 * Lifecycle hook that is called when the component is initialized.
 	 */
-	onInit(): void;
+	onInit?(): void;
 
 	/**
 	 * Lifecycle hook that is called when the component is rendered.
 	 */
-	onRender(): void;
+	onRender?(): void;
 
 	/**
 	 * Lifecycle hook that is called when the component is mounted to the DOM.
 	 * @param {Element} el The element to which the component is mounted.
 	 */
-	onMount(el: Element): void;
+	onMount?(el: Element): void;
 
 	/**
 	 * Lifecycle hook called via Signature.contactWith
@@ -35,7 +35,7 @@ interface Component {
 	 * @template T What should this hook return.
 	 * @returns {T} What should this hook return.
 	 */
-	onContact<P extends any[], T>(...props: P): T;
+	onContact?(...props: any[]): any;
 }
 
 export default Component;