marko 5.22.4 → 5.22.6

package/dist/core-tags/core/await/index.marko

@@ -1,13 +1,13 @@
 /**
  * @template T
  * @typedef {{
- *   value?: T;
- *   then?: Marko.Body<[Awaited<T>], void>;
- *   catch?: Marko.Body<[unknown], void>;
- *   placeholder?: Marko.Body<[], void>;
- *   client-reorder?: boolean;
+ *   value?: readonly [T];
+ *   then?: { renderBody: Marko.Body<[Awaited<T>], void> };
+ *   catch?: { renderBody: Marko.Body<[unknown], void> };
+ *   placeholder?: { renderBody: Marko.Body<[], void> };
+ *   "client-reorder"?: boolean;
  *   name?: string;
  *   timeout?: number;
- *   show-after?: string;
+ *   "show-after"?: string;
  * }} Input
  */

package/dist/runtime/components/entry/index-browser.js

@@ -10,4 +10,8 @@ exports.register = function (id, component) {
   registry.r(id, function () {
     return component;
   });
+};
+
+window.Marko = {
+  Component: function () {}
 };

package/dist/runtime/components/entry/index.js

@@ -270,4 +270,8 @@ exports.writeInitComponentsCode = writeInitComponentsCode;
  */
 exports.getRenderedComponents = function (out) {
   return warp10.stringifyPrepare(getInitComponentsDataFromOut(out));
+};
+
+globalThis.Marko = {
+  Component: function () {}
 };

package/index.d.ts

@@ -78,15 +78,11 @@ declare namespace Marko {
   > {}
 
   /** Valid data types which can be passed in as a <${dynamic}/> tag name. */
-  export type DynamicTagName =
-    | {
-        renderBody?: Body<any, any> | Template | string | void | false;
-      }
+  export type Renderable =
+    | { renderBody: Body<any, any> | Template | string }
     | Body<any, any>
     | Template
-    | string
-    | void
-    | false;
+    | string;
 
   /** Extract the return tag type from a renderBody. */
   export type BodyReturnType<B> = B extends Body<any, infer Return>
@@ -94,12 +90,16 @@ declare namespace Marko {
     : never;
 
   /** Extract the tag parameter types received by a renderBody. */
-  export type BodyParamaters<B> = B extends Body<infer Params, any>
+  export type BodyParameters<B> = B extends Body<infer Params, any>
     ? Params
     : never;
 
-  export abstract class Component<
-    Input extends Record<PropertyKey, any> = Record<PropertyKey, any>
+  export class Component<
+    Input extends Record<PropertyKey, any> = Record<PropertyKey, any>,
+    State extends undefined | null | Record<PropertyKey, any> =
+      | undefined
+      | null
+      | Record<PropertyKey, any>
   > implements Emitter
   {
     /** A unique id for this instance. */
@@ -111,7 +111,7 @@ declare namespace Marko {
     /** @deprecated */
     public readonly els: Element[];
     /** Mutable state that when changed causes a rerender. */
-    abstract state: undefined | null | Record<PropertyKey, any>;
+    state: State;
 
     /** Returns the amount of event handlers listening to a specific event. */
     listenerCount(eventName: PropertyKey): number;
@@ -197,20 +197,17 @@ declare namespace Marko {
     /** Replaces the children of an existing DOM element with the dom for the current instance. */
     replaceChildrenOf(target: ParentNode): this;
     /** Called when the component is firsted created. */
-    abstract onCreate?(input: this["input"], out: Marko.Out): void;
+    onCreate?(input: this["input"], out: Marko.Out): void;
     /** Called every time the component receives input from it's parent. */
-    abstract onInput?(
-      input: this["input"],
-      out: Marko.Out
-    ): void | this["input"];
+    onInput?(input: this["input"], out: Marko.Out): void | this["input"];
     /** Called after a component has successfully rendered, but before it's update has been applied to the dom. */
-    abstract onRender?(out: Marko.Out): void;
+    onRender?(out: Marko.Out): void;
     /** Called after the first time the component renders and is attached to the dom. */
-    abstract onMount?(): void;
+    onMount?(): void;
     /** Called when a components render has been applied to the DOM (excluding when it is initially mounted). */
-    abstract onUpdate?(): void;
+    onUpdate?(): void;
     /** Called when a component is destroyed and removed from the dom. */
-    abstract onDestroy?(): void;
+    onDestroy?(): void;
   }
 
   /** The top level api for a Marko Template. */

package/package.json

@@ -1,11 +1,11 @@
 {
     "name": "marko",
-    "version": "5.22.4",
+    "version": "5.22.6",
     "license": "MIT",
     "description": "UI Components + streaming, async, high performance, HTML templating for Node.js and the browser.",
     "dependencies": {
-        "@marko/compiler": "^5.23.4",
-        "@marko/translator-default": "^5.22.4",
+        "@marko/compiler": "^5.23.5",
+        "@marko/translator-default": "^5.22.5",
         "app-module-path": "^2.2.0",
         "argly": "^1.2.0",
         "browser-refresh-client": "1.1.4",

package/src/core-tags/core/await/index.marko

@@ -1,13 +1,13 @@
 /**
  * @template T
  * @typedef {{
- *   value?: T;
- *   then?: Marko.Body<[Awaited<T>], void>;
- *   catch?: Marko.Body<[unknown], void>;
- *   placeholder?: Marko.Body<[], void>;
- *   client-reorder?: boolean;
+ *   value?: readonly [T];
+ *   then?: { renderBody: Marko.Body<[Awaited<T>], void> };
+ *   catch?: { renderBody: Marko.Body<[unknown], void> };
+ *   placeholder?: { renderBody: Marko.Body<[], void> };
+ *   "client-reorder"?: boolean;
  *   name?: string;
  *   timeout?: number;
- *   show-after?: string;
+ *   "show-after"?: string;
  * }} Input
  */

package/src/runtime/components/entry/index-browser.js

@@ -11,3 +11,7 @@ exports.register = function (id, component) {
     return component;
   });
 };
+
+window.Marko = {
+  Component: function () {}
+};

package/src/runtime/components/entry/index.js

@@ -271,3 +271,7 @@ exports.writeInitComponentsCode = writeInitComponentsCode;
 exports.getRenderedComponents = function (out) {
   return warp10.stringifyPrepare(getInitComponentsDataFromOut(out));
 };
+
+globalThis.Marko = {
+  Component: function () {}
+};