@marko/runtime-tags 0.3.9 → 0.3.12

package/dist/debug/dom.js

@@ -1181,15 +1181,14 @@ function controllable_detailsOrDialog_open(scope, nodeAccessor, open, openChange
 }
 function controllable_detailsOrDialog_open_effect(scope, nodeAccessor) {
   const el = scope[nodeAccessor];
+  const hasChanged = () => el.open !== scope[nodeAccessor + ":" /* ControlledValue */];
   syncControllable(
     el,
     el.tagName === "DIALOG" ? "close" : "toggle",
-    () => {
-      return scope[nodeAccessor + ";" /* ControlledHandler */] && el.open !== scope[nodeAccessor + ":" /* ControlledValue */];
-    },
+    hasChanged,
     () => {
       const openChange = scope[nodeAccessor + ";" /* ControlledHandler */];
-      if (openChange) {
+      if (openChange && hasChanged()) {
         scope[nodeAccessor + "=" /* ControlledType */] = 6 /* Pending */;
         openChange(el.open);
         run();

package/dist/debug/dom.mjs

@@ -1091,15 +1091,14 @@ function controllable_detailsOrDialog_open(scope, nodeAccessor, open, openChange
 }
 function controllable_detailsOrDialog_open_effect(scope, nodeAccessor) {
   const el = scope[nodeAccessor];
+  const hasChanged = () => el.open !== scope[nodeAccessor + ":" /* ControlledValue */];
   syncControllable(
     el,
     el.tagName === "DIALOG" ? "close" : "toggle",
-    () => {
-      return scope[nodeAccessor + ";" /* ControlledHandler */] && el.open !== scope[nodeAccessor + ":" /* ControlledValue */];
-    },
+    hasChanged,
     () => {
       const openChange = scope[nodeAccessor + ";" /* ControlledHandler */];
-      if (openChange) {
+      if (openChange && hasChanged()) {
         scope[nodeAccessor + "=" /* ControlledType */] = 6 /* Pending */;
         openChange(el.open);
         run();

package/dist/dom.js

@@ -731,14 +731,14 @@ function controllable_detailsOrDialog_open(scope, nodeAccessor, open, openChange
   scope[nodeAccessor + ";" /* ControlledHandler */] = openChange, openChange ? scope[nodeAccessor + "=" /* ControlledType */] = 4 /* DetailsOrDialogOpen */ : scope[nodeAccessor + "=" /* ControlledType */] = 5 /* None */, scope[nodeAccessor].open = normalizeBoolProp(open);
 }
 function controllable_detailsOrDialog_open_effect(scope, nodeAccessor) {
-  let el = scope[nodeAccessor];
+  let el = scope[nodeAccessor], hasChanged = () => el.open !== scope[nodeAccessor + ":" /* ControlledValue */];
   syncControllable(
     el,
     el.tagName === "DIALOG" ? "close" : "toggle",
-    () => scope[nodeAccessor + ";" /* ControlledHandler */] && el.open !== scope[nodeAccessor + ":" /* ControlledValue */],
+    hasChanged,
     () => {
       let openChange = scope[nodeAccessor + ";" /* ControlledHandler */];
-      openChange && (scope[nodeAccessor + "=" /* ControlledType */] = 6 /* Pending */, openChange(el.open), run(), scope[nodeAccessor + "=" /* ControlledType */] === 6 /* Pending */ && (el.open = !el.open));
+      openChange && hasChanged() && (scope[nodeAccessor + "=" /* ControlledType */] = 6 /* Pending */, openChange(el.open), run(), scope[nodeAccessor + "=" /* ControlledType */] === 6 /* Pending */ && (el.open = !el.open));
     }
   );
 }

package/dist/dom.mjs

@@ -644,14 +644,14 @@ function controllable_detailsOrDialog_open(scope, nodeAccessor, open, openChange
   scope[nodeAccessor + ";" /* ControlledHandler */] = openChange, openChange ? scope[nodeAccessor + "=" /* ControlledType */] = 4 /* DetailsOrDialogOpen */ : scope[nodeAccessor + "=" /* ControlledType */] = 5 /* None */, scope[nodeAccessor].open = normalizeBoolProp(open);
 }
 function controllable_detailsOrDialog_open_effect(scope, nodeAccessor) {
-  let el = scope[nodeAccessor];
+  let el = scope[nodeAccessor], hasChanged = () => el.open !== scope[nodeAccessor + ":" /* ControlledValue */];
   syncControllable(
     el,
     el.tagName === "DIALOG" ? "close" : "toggle",
-    () => scope[nodeAccessor + ";" /* ControlledHandler */] && el.open !== scope[nodeAccessor + ":" /* ControlledValue */],
+    hasChanged,
     () => {
       let openChange = scope[nodeAccessor + ";" /* ControlledHandler */];
-      openChange && (scope[nodeAccessor + "=" /* ControlledType */] = 6 /* Pending */, openChange(el.open), run(), scope[nodeAccessor + "=" /* ControlledType */] === 6 /* Pending */ && (el.open = !el.open));
+      openChange && hasChanged() && (scope[nodeAccessor + "=" /* ControlledType */] = 6 /* Pending */, openChange(el.open), run(), scope[nodeAccessor + "=" /* ControlledType */] === 6 /* Pending */ && (el.open = !el.open));
     }
   );
 }

package/index.d.ts

@@ -0,0 +1,144 @@
+import "./tags-html";
+
+declare module "*.marko" {
+  const template: Marko.Template;
+  export default template;
+}
+
+declare global {
+  namespace NodeJS {
+    interface ReadableStream {}
+  }
+
+  namespace Marko {
+    /** A mutable global object for the current render. */
+    export interface Global {
+      [x: PropertyKey]: unknown;
+      /** An AbortSignal instance that, when aborted, stops further streamed content. */
+      signal?: AbortSignal;
+      /** A CSP Nonce to add to each script output from Marko. */
+      cspNonce?: string;
+      /** Used for rendering multiple Marko templates in a single hydrated page. */
+      renderId?: string;
+      /** Used to uniquely identify a instance of a Marko runtime. */
+      runtimeId?: string;
+      /** A list of globals that should be serialized to the browser. */
+      serializedGlobals?:
+        | (string | number)[]
+        | Record<string | number, boolean>;
+    }
+
+    export type TemplateInput<Input> = Input & {
+      /**  Data available within all rendered templates as `$global`. */
+      $global?: Global;
+    };
+
+    /** Body content created from by a component, typically held in an object with a renderBody property. */
+    export interface Body<
+      in Params extends readonly any[] = [],
+      out Return = void,
+    > {}
+
+    /** Valid data types which can be passed in as a <${dynamic}/> tag name. */
+    export type Renderable =
+      | { renderBody: Body<any, any> | Template | string }
+      | Body<any, any>
+      | Template
+      | string;
+
+    /** Extract the return tag type from a renderBody. */
+    export type BodyReturnType<B> =
+      B extends Body<any, infer Return> ? Return : never;
+
+    /** Extract the tag parameter types received by a renderBody. */
+    export type BodyParameters<B> =
+      B extends Body<infer Params, any> ? Params : never;
+
+    /** The top level api for a Marko Template. */
+    export abstract class Template<Input = unknown, Return = unknown> {
+      /**
+       * The folowing types are processed up by the @marko/language-tools
+       * and inlined into the compiled template.
+       *
+       * This is done to support generics on each of these methods
+       * until TypeScript supports higher kinded types.
+       *
+       * https://github.com/microsoft/TypeScript/issues/1213
+       */
+
+      /** @marko-overload-start */
+      /** Render the template to a string. */
+      abstract render(input: Marko.TemplateInput<Input>): Promise<string> &
+        AsyncIterable<string> & {
+          toReadable(): ReadableStream;
+          pipe(stream: {
+            write(chunk: string): unknown;
+            end(): unknown;
+            flush?(): void;
+          }): void;
+          toString(): string;
+        };
+
+      /** Render and attach the template to a DOM node. */
+      abstract mount(
+        input: Marko.TemplateInput<Input>,
+        reference: ParentNode & Node,
+        position?: "afterbegin" | "afterend" | "beforebegin" | "beforeend",
+      ): {
+        update(input: Marko.TemplateInput<Input>): void;
+        destroy(): void;
+      };
+      /** @marko-overload-end */
+    }
+
+    export type AttrTag<T> = T & {
+      [Symbol.iterator](): Iterator<T>;
+    };
+
+    export interface NativeTag<
+      Input extends Record<string, any>,
+      Return extends Element,
+    > {
+      input: Input;
+      return: { value: () => Return };
+    }
+    export interface NativeTags {
+      [name: string]: NativeTag<Record<string, any>, Element>;
+    }
+
+    export type Input<Name> = 0 extends 1 & Name
+      ? any
+      : Name extends string
+        ? Name extends keyof NativeTags
+          ? NativeTags[Name]["input"]
+          : Record<string, unknown>
+        : Name extends
+              | Template<infer Input, any>
+              | { _(): () => (input: infer Input) => any }
+          ? Input
+          : Name extends Body<infer Args, any>
+            ? Args extends {
+                length: infer Length;
+              }
+              ? number extends Length
+                ? Args[0] | undefined
+                : 0 extends Length
+                  ? undefined
+                  : Args[0]
+              : never
+            : never;
+
+    export type Return<Name> = 0 extends 1 & Name
+      ? any
+      : Name extends string
+        ? Name extends keyof NativeTags
+          ? NativeTags[Name]["return"]
+          : () => Element
+        : Name extends
+              | { _(): () => (input: any) => { return: infer Return } }
+              | Template<any, infer Return>
+              | Body<any, infer Return>
+          ? Return
+          : never;
+  }
+}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@marko/runtime-tags",
-  "version": "0.3.9",
+  "version": "0.3.12",
   "description": "Optimized runtime for Marko templates.",
   "keywords": [
     "api",
@@ -17,23 +17,29 @@
   },
   "license": "MIT",
   "exports": {
-    "./*.d.marko": "./tag-types/*",
+    ".": {
+      "types": "./index.d.ts"
+    },
     "./package.json": "./package.json",
     "./translator": "./dist/translator/index.js",
-    "./*": {
-      "types": "./dist/*.d.ts",
-      "import": "./dist/*.mjs",
-      "default": "./dist/*.js"
-    },
+    "./tag-types/*": "./tag-types/*",
     "./debug/*": {
       "types": "./dist/*.d.ts",
       "import": "./dist/debug/*.mjs",
       "default": "./dist/debug/*.js"
+    },
+    "./*": {
+      "types": "./dist/*.d.ts",
+      "import": "./dist/*.mjs",
+      "default": "./dist/*.js"
     }
   },
+  "types": "index.d.ts",
   "files": [
     "dist",
     "tag-types",
+    "index.d.ts",
+    "tags-html.d.ts",
     "!**/meta.*.json",
     "!**/__tests__",
     "!**/*.tsbuildinfo"
@@ -41,10 +47,18 @@
   "scripts": {
     "build": "node -r ~ts ./scripts/bundle.ts"
   },
+  "dependencies": {
+    "@marko/compiler": "^5.39.5",
+    "csstype": "^3.1.3",
+    "magic-string": "^0.30.17"
+  },
   "exports:override": {
-    "./*.d.marko": "./tag-types/*",
+    ".": {
+      "types": "./index.d.ts"
+    },
     "./translator": "./src/translator/index.ts",
-    "./*": "./src/*.ts",
-    "./debug/*": "./src/*.ts"
+    "./tag-types/*": "./tag-types/*",
+    "./debug/*": "./src/*.ts",
+    "./*": "./src/*.ts"
   }
 }