@esportsplus/template 0.19.1 → 0.19.2

package/build/html/index.d.ts

@@ -1,7 +1,8 @@
 import { ReactiveArray } from '@esportsplus/reactivity';
-import { RenderableReactive, RenderableValue } from '../types.js';
+import { Attributes, Renderable, RenderableReactive } from '../types.js';
+type Values<T = unknown> = Attributes | Attributes[] | Readonly<Attributes> | Readonly<Attributes[]> | Renderable<T>;
 declare const html: {
-    (literals: TemplateStringsArray, ...values: (RenderableValue | RenderableValue[])[]): Node;
+    (literals: TemplateStringsArray, ...values: (Values | Values[])[]): Node;
     reactive<T>(array: ReactiveArray<T[]>, template: RenderableReactive["template"]): RenderableReactive;
 };
 export default html;

package/build/index.d.ts

@@ -1,4 +1,4 @@
 export { default as html } from './html/index.js';
 export { default as render } from './render.js';
 export { default as svg } from './svg.js';
-export type { Attributes, Element, Renderable, RenderableValue } from './types.js';
+export type { Attributes, Element, Renderable } from './types.js';

package/build/types.d.ts

@@ -17,17 +17,15 @@ type Attributes = {
     ondisconnect?: (element: Element) => void;
     onrender?: (element: Element) => void;
 } & Record<PropertyKey, unknown>;
-type Effect<T> = () => EffectResponse<T>;
-type EffectResponse<T> = T extends [] ? (Primitive | Renderable)[] : Primitive | Renderable;
+type Effect<T> = () => T extends [] ? Renderable[] : Renderable;
 type Element = HTMLElement & Attributes & Record<PropertyKey, unknown>;
 type Primitive = bigint | boolean | null | number | string | undefined;
-type Renderable = DocumentFragment | Node | NodeList | Primitive | RenderableReactive | Renderable[];
+type Renderable<T = unknown> = DocumentFragment | Effect<T> | Node | NodeList | Primitive | RenderableReactive | Renderable[];
 type RenderableReactive = Readonly<{
     [RENDERABLE]: typeof RENDERABLE_HTML_REACTIVE_ARRAY;
     array: ReactiveArray<unknown[]>;
     template: (this: ReactiveArray<unknown[]>, ...args: Parameters<Parameters<ReactiveArray<unknown[]>['map']>[0]>) => ReturnType<typeof html>;
 }>;
-type RenderableValue<T = unknown> = Attributes | Readonly<Attributes> | Readonly<Attributes[]> | Effect<T> | Primitive | RenderableReactive;
 type SlotGroup = {
     head: Element;
     tail: Element;
@@ -42,4 +40,4 @@ type Template = {
         slot: number;
     }[] | null;
 };
-export type { Attributes, Effect, Element, Renderable, RenderableReactive, RenderableValue, SlotGroup, Template };
+export type { Attributes, Effect, Element, Renderable, RenderableReactive, SlotGroup, Template };

package/package.json

@@ -14,7 +14,7 @@
   "private": false,
   "type": "module",
   "types": "./build/index.d.ts",
-  "version": "0.19.1",
+  "version": "0.19.2",
   "scripts": {
     "build": "tsc && tsc-alias",
     "-": "-"

package/src/html/index.ts

@@ -1,11 +1,14 @@
 import { ReactiveArray } from '@esportsplus/reactivity';
 import { RENDERABLE, RENDERABLE_HTML_REACTIVE_ARRAY } from '~/constants';
-import { RenderableReactive, RenderableValue } from '~/types';
+import { Attributes, Renderable, RenderableReactive } from '~/types';
 import { cloneNode } from '~/utilities/node';
 import parser from './parser';
 
 
-const html = (literals: TemplateStringsArray, ...values: (RenderableValue | RenderableValue[])[]) => {
+type Values<T = unknown> = Attributes | Attributes[] | Readonly<Attributes> | Readonly<Attributes[]> | Renderable<T>;
+
+
+const html = (literals: TemplateStringsArray, ...values: (Values | Values[])[]) => {
     let { fragment, slots } = parser.parse(literals),
         clone = cloneNode.call(fragment, true);
 

package/src/index.ts

@@ -1,4 +1,4 @@
 export { default as html } from './html';
 export { default as render } from './render';
 export { default as svg } from './svg';
-export type { Attributes, Element, Renderable, RenderableValue } from './types';
+export type { Attributes, Element, Renderable } from './types';

package/src/types.ts

@@ -18,14 +18,10 @@ type Attributes = {
     [key: `data-${string}`]: string | undefined;
     onconnect?: (element: Element) => void;
     ondisconnect?: (element: Element) => void;
-    // Rendered in fragment
-    // - Used to retrieve reference to the element
     onrender?: (element: Element) => void;
 } & Record<PropertyKey, unknown>;
 
-type Effect<T> = () => EffectResponse<T>;
-
-type EffectResponse<T> = T extends [] ? (Primitive | Renderable)[] : Primitive | Renderable;
+type Effect<T> = () => T extends [] ? Renderable[] : Renderable;
 
 type Element = HTMLElement & Attributes & Record<PropertyKey, unknown>;
 
@@ -33,7 +29,7 @@ type Element = HTMLElement & Attributes & Record<PropertyKey, unknown>;
 // - Importing from ^ causes 'cannot be named without a reference to...' error
 type Primitive = bigint | boolean | null | number | string | undefined;
 
-type Renderable = DocumentFragment | Node | NodeList | Primitive | RenderableReactive | Renderable[];
+type Renderable<T = unknown> = DocumentFragment | Effect<T> | Node | NodeList | Primitive | RenderableReactive | Renderable[];
 
 type RenderableReactive = Readonly<{
     [RENDERABLE]: typeof RENDERABLE_HTML_REACTIVE_ARRAY;
@@ -44,8 +40,6 @@ type RenderableReactive = Readonly<{
     ) => ReturnType<typeof html>;
 }>;
 
-type RenderableValue<T = unknown> = Attributes | Readonly<Attributes> | Readonly<Attributes[]> | Effect<T> | Primitive | RenderableReactive;
-
 type SlotGroup = {
     head: Element;
     tail: Element;
@@ -72,7 +66,7 @@ type Template = {
 export type {
     Attributes,
     Effect, Element,
-    Renderable, RenderableReactive, RenderableValue,
+    Renderable, RenderableReactive,
     SlotGroup,
     Template
 };