foldkit 0.46.1 → 0.47.1

package/dist/propsModule.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"propsModule.d.ts","sourceRoot":"","sources":["../src/propsModule.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,UAAU,CAAA;AA0DtC,eAAO,MAAM,WAAW,EAAE,MAAqD,CAAA"}
+{"version":3,"file":"propsModule.d.ts","sourceRoot":"","sources":["../src/propsModule.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,UAAU,CAAA;AAyDtC,eAAO,MAAM,WAAW,EAAE,MAAqD,CAAA"}

package/dist/propsModule.js

@@ -7,33 +7,34 @@
  *  Since a disabled button swallows click events at the browser level, an
  *  `OnClick` handler that replaces `Disabled` at the same index silently fails.
  *
- *  Instead of relying on the old vnode's `data.props` for cleanup (which
- *  requires snabbdom to patch rather than recreate), this module tracks which
- *  properties it has set on each DOM element via a WeakMap. On every create or
- *  update hook, it compares the tracked set against the new vnode's props and
- *  resets anything that was removed to its type-appropriate default: booleans →
- *  false, strings → '', numbers → 0. The WeakMap entries are garbage-collected
- *  when the element is removed from the DOM. */
-const managedProps = new WeakMap();
-function updateProps(_oldVnode, vnode) {
+ *  This module adds a second loop (mirroring what snabbdom's attributesModule
+ *  already does) that resets removed props to type-appropriate defaults:
+ *  booleans → false, strings → '', numbers → 0. */
+function updateProps(oldVnode, vnode) {
     // eslint-disable-next-line @typescript-eslint/consistent-type-assertions
     const elm = vnode.elm;
     // eslint-disable-next-line @typescript-eslint/consistent-type-assertions
-    const props = (vnode.data?.props ?? {});
-    const previous = managedProps.get(elm) ?? {};
-    if (props === previous) {
+    let oldProps = oldVnode.data?.props;
+    // eslint-disable-next-line @typescript-eslint/consistent-type-assertions
+    let props = vnode.data?.props;
+    if (!oldProps && !props) {
+        return;
+    }
+    if (oldProps === props) {
         return;
     }
+    oldProps = oldProps ?? {};
+    props = props ?? {};
     for (const key in props) {
         const cur = props[key];
-        const old = previous[key];
+        const old = oldProps[key];
         if (old !== cur && (key !== 'value' || elm[key] !== cur)) {
             elm[key] = cur;
         }
     }
-    for (const key in previous) {
+    for (const key in oldProps) {
         if (!(key in props)) {
-            const old = previous[key];
+            const old = oldProps[key];
             if (typeof old === 'boolean') {
                 elm[key] = false;
             }
@@ -45,6 +46,5 @@ function updateProps(_oldVnode, vnode) {
             }
         }
     }
-    managedProps.set(elm, { ...props });
 }
 export const propsModule = { create: updateProps, update: updateProps };

package/dist/test/apps/disabledButton.d.ts

@@ -0,0 +1,31 @@
+import { Schema as S } from 'effect';
+import * as Command from '../../command';
+import { type Html } from '../../html';
+export declare const Model: S.Struct<{
+    isEnabled: typeof S.Boolean;
+    dialog: S.Struct<{
+        id: typeof S.String;
+        isOpen: typeof S.Boolean;
+        isAnimated: typeof S.Boolean;
+        transitionState: S.Literal<["Idle", "EnterStart", "EnterAnimating", "LeaveStart", "LeaveAnimating"]>;
+        maybeFocusSelector: S.OptionFromSelf<typeof S.String>;
+    }>;
+}>;
+export type Model = typeof Model.Type;
+export declare const ClickedToggle: import("../../schema").CallableTaggedStruct<"ClickedToggle", {}>;
+export declare const ClickedSubmit: import("../../schema").CallableTaggedStruct<"ClickedSubmit", {}>;
+export declare const GotDialogMessage: import("../../schema").CallableTaggedStruct<"GotDialogMessage", {
+    message: S.Union<[import("../../schema").CallableTaggedStruct<"Opened", {}>, import("../../schema").CallableTaggedStruct<"Closed", {}>, import("../../schema").CallableTaggedStruct<"CompletedShowDialog", {}>, import("../../schema").CallableTaggedStruct<"CompletedCloseDialog", {}>, import("../../schema").CallableTaggedStruct<"AdvancedTransitionFrame", {}>, import("../../schema").CallableTaggedStruct<"EndedTransition", {}>]>;
+}>;
+export declare const Message: S.Union<[import("../../schema").CallableTaggedStruct<"ClickedToggle", {}>, import("../../schema").CallableTaggedStruct<"ClickedSubmit", {}>, import("../../schema").CallableTaggedStruct<"GotDialogMessage", {
+    message: S.Union<[import("../../schema").CallableTaggedStruct<"Opened", {}>, import("../../schema").CallableTaggedStruct<"Closed", {}>, import("../../schema").CallableTaggedStruct<"CompletedShowDialog", {}>, import("../../schema").CallableTaggedStruct<"CompletedCloseDialog", {}>, import("../../schema").CallableTaggedStruct<"AdvancedTransitionFrame", {}>, import("../../schema").CallableTaggedStruct<"EndedTransition", {}>]>;
+}>]>;
+export type Message = typeof Message.Type;
+export declare const initialModel: Model;
+export declare const update: (model: Model, message: Message) => readonly [Model, ReadonlyArray<Command.Command<Message>>];
+/** Plain view — no dialog wrapper. */
+export declare const view: (model: Model) => Html;
+/** View with submit button inside a dialog's panelContent. */
+export declare const viewWithDialog: (model: Model) => Html;
+export declare const viewWithLazyDialog: (model: Model) => Html;
+//# sourceMappingURL=disabledButton.d.ts.map

package/dist/test/apps/disabledButton.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"disabledButton.d.ts","sourceRoot":"","sources":["../../../src/test/apps/disabledButton.ts"],"names":[],"mappings":"AAAA,OAAO,EAAsB,MAAM,IAAI,CAAC,EAAE,MAAM,QAAQ,CAAA;AAExD,OAAO,KAAK,OAAO,MAAM,eAAe,CAAA;AACxC,OAAO,EAAE,KAAK,IAAI,EAAQ,MAAM,YAAY,CAAA;AAM5C,eAAO,MAAM,KAAK;;;;;;;;;EAGhB,CAAA;AACF,MAAM,MAAM,KAAK,GAAG,OAAO,KAAK,CAAC,IAAI,CAAA;AAIrC,eAAO,MAAM,aAAa,kEAAqB,CAAA;AAC/C,eAAO,MAAM,aAAa,kEAAqB,CAAA;AAC/C,eAAO,MAAM,gBAAgB;;EAE3B,CAAA;AAEF,eAAO,MAAM,OAAO;;IAA0D,CAAA;AAC9E,MAAM,MAAM,OAAO,GAAG,OAAO,OAAO,CAAC,IAAI,CAAA;AAIzC,eAAO,MAAM,YAAY,EAAE,KAG1B,CAAA;AAID,eAAO,MAAM,MAAM,GACjB,OAAO,KAAK,EACZ,SAAS,OAAO,KACf,SAAS,CAAC,KAAK,EAAE,aAAa,CAAC,OAAO,CAAC,OAAO,CAAC,OAAO,CAAC,CAAC,CAyBxD,CAAA;AAeH,sCAAsC;AACtC,eAAO,MAAM,IAAI,GAAI,OAAO,KAAK,KAAG,IAOjC,CAAA;AAEH,8DAA8D;AAC9D,eAAO,MAAM,cAAc,GAAI,OAAO,KAAK,KAAG,IAY3C,CAAA;AAKH,eAAO,MAAM,kBAAkB,GAAI,OAAO,KAAK,KAAG,IAY/C,CAAA"}

package/dist/test/apps/disabledButton.js

@@ -0,0 +1,60 @@
+import { Effect, Match as M, Schema as S } from 'effect';
+import * as Command from '../../command';
+import { html } from '../../html';
+import { m } from '../../message';
+import * as Dialog from '../../ui/dialog';
+// MODEL
+export const Model = S.Struct({
+    isEnabled: S.Boolean,
+    dialog: Dialog.Model,
+});
+// MESSAGE
+export const ClickedToggle = m('ClickedToggle');
+export const ClickedSubmit = m('ClickedSubmit');
+export const GotDialogMessage = m('GotDialogMessage', {
+    message: Dialog.Message,
+});
+export const Message = S.Union(ClickedToggle, ClickedSubmit, GotDialogMessage);
+// INIT
+export const initialModel = {
+    isEnabled: false,
+    dialog: Dialog.init({ id: 'test-dialog', isOpen: true }),
+};
+// UPDATE
+export const update = (model, message) => M.value(message).pipe(M.withReturnType(), M.tagsExhaustive({
+    ClickedToggle: () => [{ ...model, isEnabled: !model.isEnabled }, []],
+    ClickedSubmit: () => [model, []],
+    GotDialogMessage: ({ message: dialogMessage }) => {
+        const [nextDialog, commands] = Dialog.update(model.dialog, dialogMessage);
+        return [
+            { ...model, dialog: nextDialog },
+            commands.map(Command.mapEffect(Effect.map(dialogMessage => GotDialogMessage({ message: dialogMessage })))),
+        ];
+    },
+}));
+// VIEW
+const { div, button, Class, Disabled, OnClick } = html();
+const submitButton = (isEnabled) => button([
+    Class('submit'),
+    ...(isEnabled ? [OnClick(ClickedSubmit())] : [Disabled(true)]),
+], ['Submit']);
+/** Plain view — no dialog wrapper. */
+export const view = (model) => div([], [
+    button([OnClick(ClickedToggle())], ['Toggle']),
+    submitButton(model.isEnabled),
+]);
+/** View with submit button inside a dialog's panelContent. */
+export const viewWithDialog = (model) => div([], [
+    button([OnClick(ClickedToggle())], ['Toggle']),
+    Dialog.view({
+        model: model.dialog,
+        toParentMessage: (dialogMessage) => GotDialogMessage({ message: dialogMessage }),
+        panelContent: submitButton(model.isEnabled),
+    }),
+]);
+/** View using Dialog.lazy with panelContent passed dynamically. */
+const lazyDialogView = Dialog.lazy({});
+export const viewWithLazyDialog = (model) => div([], [
+    button([OnClick(ClickedToggle())], ['Toggle']),
+    lazyDialogView(model.dialog, (dialogMessage) => GotDialogMessage({ message: dialogMessage }), submitButton(model.isEnabled)),
+]);

package/dist/ui/dialog/index.d.ts

@@ -86,8 +86,11 @@ export type ViewConfig<Message> = Readonly<{
 export declare const close: (model: Model) => readonly [Model, ReadonlyArray<Command.Command<Message>>];
 /** Renders a headless dialog component backed by the native `<dialog>` element with `showModal()`. */
 export declare const view: <Message>(config: ViewConfig<Message>) => Html;
-/** Creates a memoized dialog view. Static config is captured in a closure;
- *  only `model` and `toParentMessage` are compared per render via `createLazy`. */
-export declare const lazy: <Message>(staticConfig: Omit<ViewConfig<Message>, "model" | "toParentMessage" | "onClosed">) => ((model: Model, toParentMessage: ViewConfig<Message>["toParentMessage"]) => Html);
+/** Creates a memoized dialog view. Static config (className, panelClassName,
+ *  etc.) is captured in a closure. Dynamic fields — `model`, `toParentMessage`,
+ *  and `panelContent` — are compared by reference per render via `createLazy`.
+ *  When any of them change, the view re-renders; otherwise the cached VNode is
+ *  reused and snabbdom skips the entire subtree. */
+export declare const lazy: <Message>(staticConfig: Omit<ViewConfig<Message>, "model" | "toParentMessage" | "onClosed" | "panelContent">) => ((model: Model, toParentMessage: ViewConfig<Message>["toParentMessage"], panelContent: Html) => Html);
 export {};
 //# sourceMappingURL=index.d.ts.map

package/dist/ui/dialog/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/ui/dialog/index.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/ui/dialog/index.ts"],"names":[],"mappings":"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"}

package/dist/ui/dialog/index.js

@@ -174,13 +174,17 @@ export const view = (config) => {
     const content = isVisible ? [backdrop, panel] : [];
     return keyed('dialog')(id, dialogAttributes, content);
 };
-/** Creates a memoized dialog view. Static config is captured in a closure;
- *  only `model` and `toParentMessage` are compared per render via `createLazy`. */
+/** Creates a memoized dialog view. Static config (className, panelClassName,
+ *  etc.) is captured in a closure. Dynamic fields — `model`, `toParentMessage`,
+ *  and `panelContent` — are compared by reference per render via `createLazy`.
+ *  When any of them change, the view re-renders; otherwise the cached VNode is
+ *  reused and snabbdom skips the entire subtree. */
 export const lazy = (staticConfig) => {
     const lazyView = createLazy();
-    return (model, toParentMessage) => lazyView((currentModel, currentToMessage) => view({
+    return (model, toParentMessage, panelContent) => lazyView((currentModel, currentToMessage, currentPanelContent) => view({
         ...staticConfig,
         model: currentModel,
         toParentMessage: currentToMessage,
-    }), [model, toParentMessage]);
+        panelContent: currentPanelContent,
+    }), [model, toParentMessage, panelContent]);
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "foldkit",
-  "version": "0.46.1",
+  "version": "0.47.1",
   "description": "A frontend framework for TypeScript, built on Effect, using The Elm Architecture",
   "type": "module",
   "main": "./dist/index.js",