@lattice-php/lattice 0.3.0 → 0.5.0

package/dist/action/components/action-form.js

@@ -1,11 +1,11 @@
+import { Renderer } from "../../core/renderer.js";
+import { useT } from "../../i18n/instance.js";
+import { dispatchActionError } from "../../effects/dispatch.js";
 import { Button } from "../../core/components/button.js";
 import { Dialog, DialogContent, DialogHeader } from "../../core/components/dialog.js";
-import { useT } from "../../i18n/instance.js";
 import { Spinner } from "../../core/components/spinner.js";
-import { dispatchActionError } from "../../effects/dispatch.js";
 import { apiFetch } from "../../core/api.js";
 import { Skeleton } from "../../core/components/skeleton.js";
-import { Renderer } from "../../core/renderer.js";
 import { FormProvider } from "../../form/components/context.js";
 import { walkFields } from "../../form/components/field-props.js";
 import "../../form/components/form-transport.js";

package/dist/action/components/action-group.js

@@ -1,7 +1,7 @@
 import { cn } from "../../lib/utils.js";
+import { Icon } from "../../icons/sprite.js";
 import { nodeIdentity } from "../../core/test-id.js";
 import { Button } from "../../core/components/button.js";
-import { Icon } from "../../icons/sprite.js";
 import { ActionMenuProvider } from "./action-menu-context.js";
 import { DropdownMenu, DropdownMenuContent, DropdownMenuTrigger } from "../../core/components/dropdown-menu.js";
 import { jsx, jsxs } from "react/jsx-runtime";

package/dist/action/components/action.js

@@ -1,15 +1,16 @@
 import { withHeaders } from "../../core/headers.js";
+import { IconRenderer } from "../../icons/icon-renderer.js";
 import { prefixedTestId } from "../../core/test-id.js";
+import { getActionEffects } from "../../effects/dispatch.js";
+import { useEffectDispatcher } from "../../effects/use-effect-dispatcher.js";
 import { Button } from "../../core/components/button.js";
-import { IconRenderer } from "../../icons/icon-renderer.js";
 import { Spinner } from "../../core/components/spinner.js";
 import { ConfirmDialog } from "../../core/components/confirm-dialog.js";
-import { dispatchActionError, getActionEffects } from "../../effects/dispatch.js";
-import { useEffectDispatcher } from "../../effects/use-effect-dispatcher.js";
+import { runAction } from "../run-action.js";
 import { ActionForm, useLazyActionForm } from "./action-form.js";
 import { actionMenuItemClassName, useActionMenu } from "./action-menu-context.js";
-import { useState } from "react";
 import { router, useHttp } from "@inertiajs/react";
+import { useState } from "react";
 import { Fragment as Fragment$1, jsx, jsxs } from "react/jsx-runtime";
 //#region resources/js/action/components/action.tsx
 var ActionComponent = ({ node }) => {
@@ -32,18 +33,12 @@ var ActionComponent = ({ node }) => {
 	const formNode = lazyForm ? lazyNode : inlineForm;
 	const submit = async () => {
 		if (!endpoint) return;
-		try {
-			if (method === "get") {
-				router.visit(endpoint, { headers: withHeaders(componentRef) });
-				setIsConfirming(false);
-				return;
-			}
-			const responseEffects = getActionEffects((await http[method](endpoint, { headers: withHeaders(componentRef) })).effects);
-			dispatch(responseEffects.length > 0 ? responseEffects : getActionEffects(node.props.effects));
+		if (method === "get") {
+			router.visit(endpoint, { headers: withHeaders(componentRef) });
 			setIsConfirming(false);
-		} catch (error) {
-			dispatchActionError(error);
+			return;
 		}
+		if (await runAction(() => http[method](endpoint, { headers: withHeaders(componentRef) }), dispatch)) setIsConfirming(false);
 	};
 	const requestSubmit = () => {
 		if (hasForm) {
@@ -94,8 +89,7 @@ var ActionComponent = ({ node }) => {
 			method,
 			onClose: () => setIsFilling(false),
 			onSuccess: (response) => {
-				const responseEffects = getActionEffects(response.effects);
-				dispatch(responseEffects.length > 0 ? responseEffects : getActionEffects(node.props.effects));
+				dispatch(getActionEffects(response.effects));
 				setIsFilling(false);
 			},
 			submitLabel: confirmationConfirmLabel,

package/dist/action/components/action.js.map

@@ -1 +1 @@
-{"version":3,"file":"action.js","names":[],"sources":["../../../resources/js/action/components/action.tsx"],"sourcesContent":["import { router, useHttp } from \"@inertiajs/react\";\nimport type { Method } from \"@inertiajs/core\";\nimport { useState } from \"react\";\nimport { withHeaders } from \"@lattice-php/lattice/core/headers\";\nimport { Button } from \"@lattice-php/lattice/core/components/button\";\nimport { ConfirmDialog } from \"@lattice-php/lattice/core/components/confirm-dialog\";\nimport { Spinner } from \"@lattice-php/lattice/core/components/spinner\";\nimport { prefixedTestId } from \"@lattice-php/lattice/core/test-id\";\nimport type { RendererComponent } from \"@lattice-php/lattice/core/types\";\nimport { IconRenderer } from \"@lattice-php/lattice/icons\";\nimport { dispatchActionError, getActionEffects } from \"@lattice-php/lattice/effects/dispatch\";\nimport type { ActionResponse } from \"@lattice-php/lattice/effects/dispatch\";\nimport { useEffectDispatcher } from \"@lattice-php/lattice/effects/use-effect-dispatcher\";\nimport { ActionForm, useLazyActionForm } from \"./action-form\";\nimport { actionMenuItemClassName, useActionMenu } from \"./action-menu-context\";\n\nconst ActionComponent: RendererComponent<\"action\"> = ({ node }) => {\n  const endpoint = node.props.endpoint ?? \"\";\n  const icon = node.props.icon;\n  const label = node.props.label ?? \"Run action\";\n  const componentRef = node.props.ref ?? \"\";\n  const method: Method = node.props.method ?? \"post\";\n  const http = useHttp<Record<string, never>, ActionResponse>({});\n  const dispatch = useEffectDispatcher();\n  const [isConfirming, setIsConfirming] = useState(false);\n  const [isFilling, setIsFilling] = useState(false);\n  const isMenuItem = useActionMenu();\n  const confirmation = node.props.confirmation;\n  const variant = node.props.variant ?? \"default\";\n  const inlineForm = node.props.form;\n  const lazyForm = node.props.lazyForm === true;\n  const hasForm = Boolean(inlineForm) || lazyForm;\n  const lazyNode = useLazyActionForm(endpoint, componentRef, isFilling && lazyForm);\n  const formNode = lazyForm ? lazyNode : inlineForm;\n\n  const submit = async (): Promise<void> => {\n    if (!endpoint) {\n      return;\n    }\n\n    try {\n      if (method === \"get\") {\n        router.visit(endpoint, { headers: withHeaders(componentRef) });\n        setIsConfirming(false);\n\n        return;\n      }\n\n      const response = await http[method](endpoint, { headers: withHeaders(componentRef) });\n      const responseEffects = getActionEffects(response.effects);\n\n      dispatch(responseEffects.length > 0 ? responseEffects : getActionEffects(node.props.effects));\n      setIsConfirming(false);\n    } catch (error) {\n      dispatchActionError(error);\n    }\n  };\n\n  const requestSubmit = (): void => {\n    if (hasForm) {\n      setIsFilling(true);\n\n      return;\n    }\n\n    if (confirmation) {\n      setIsConfirming(true);\n\n      return;\n    }\n\n    void submit();\n  };\n\n  const confirmationTitle = confirmation?.title ?? label;\n  const confirmationConfirmLabel = confirmation?.confirmLabel ?? label;\n  const confirmationCancelLabel = confirmation?.cancelLabel ?? \"Cancel\";\n  const testId = node.key ?? prefixedTestId(\"action\", node.id);\n\n  return (\n    <>\n      <Button\n        className={isMenuItem ? actionMenuItemClassName : undefined}\n        data-lattice-component={node.id}\n        data-test={testId}\n        disabled={http.processing || !endpoint}\n        onClick={requestSubmit}\n        type=\"button\"\n        variant={isMenuItem ? \"ghost\" : variant}\n      >\n        {http.processing ? (\n          <Spinner className={isMenuItem ? \"size-lt-icon-sm\" : undefined} />\n        ) : (\n          icon && (\n            <IconRenderer\n              className={isMenuItem ? \"size-lt-icon-sm\" : \"size-lt-icon-md\"}\n              icon={icon}\n            />\n          )\n        )}\n        {label}\n      </Button>\n\n      {isConfirming && confirmation && (\n        <ConfirmDialog\n          title={confirmationTitle}\n          description={confirmation.description ?? undefined}\n          confirmLabel={confirmationConfirmLabel}\n          cancelLabel={confirmationCancelLabel}\n          confirmVariant={variant}\n          processing={http.processing}\n          confirmDisabled={!endpoint}\n          onConfirm={() => void submit()}\n          onCancel={() => setIsConfirming(false)}\n        />\n      )}\n\n      {isFilling && hasForm && (\n        <ActionForm\n          cancelLabel={confirmationCancelLabel}\n          componentRef={componentRef}\n          description={confirmation?.description ?? undefined}\n          endpoint={endpoint}\n          formNode={formNode}\n          method={method}\n          onClose={() => setIsFilling(false)}\n          onSuccess={(response) => {\n            const responseEffects = getActionEffects(response.effects);\n\n            dispatch(\n              responseEffects.length > 0 ? responseEffects : getActionEffects(node.props.effects),\n            );\n            setIsFilling(false);\n          }}\n          submitLabel={confirmationConfirmLabel}\n          title={confirmationTitle}\n        />\n      )}\n    </>\n  );\n};\n\nexport default ActionComponent;\n"],"mappings":";;;;;;;;;;;;;;AAgBA,IAAM,mBAAgD,EAAE,WAAW;CACjE,MAAM,WAAW,KAAK,MAAM,YAAY;CACxC,MAAM,OAAO,KAAK,MAAM;CACxB,MAAM,QAAQ,KAAK,MAAM,SAAS;CAClC,MAAM,eAAe,KAAK,MAAM,OAAO;CACvC,MAAM,SAAiB,KAAK,MAAM,UAAU;CAC5C,MAAM,OAAO,QAA+C,CAAC,CAAC;CAC9D,MAAM,WAAW,oBAAoB;CACrC,MAAM,CAAC,cAAc,mBAAmB,SAAS,KAAK;CACtD,MAAM,CAAC,WAAW,gBAAgB,SAAS,KAAK;CAChD,MAAM,aAAa,cAAc;CACjC,MAAM,eAAe,KAAK,MAAM;CAChC,MAAM,UAAU,KAAK,MAAM,WAAW;CACtC,MAAM,aAAa,KAAK,MAAM;CAC9B,MAAM,WAAW,KAAK,MAAM,aAAa;CACzC,MAAM,UAAU,QAAQ,UAAU,KAAK;CACvC,MAAM,WAAW,kBAAkB,UAAU,cAAc,aAAa,QAAQ;CAChF,MAAM,WAAW,WAAW,WAAW;CAEvC,MAAM,SAAS,YAA2B;EACxC,IAAI,CAAC,UACH;EAGF,IAAI;GACF,IAAI,WAAW,OAAO;IACpB,OAAO,MAAM,UAAU,EAAE,SAAS,YAAY,YAAY,EAAE,CAAC;IAC7D,gBAAgB,KAAK;IAErB;GACF;GAGA,MAAM,kBAAkB,kBAAiB,MADlB,KAAK,QAAQ,UAAU,EAAE,SAAS,YAAY,YAAY,EAAE,CAAC,GAClC,OAAO;GAEzD,SAAS,gBAAgB,SAAS,IAAI,kBAAkB,iBAAiB,KAAK,MAAM,OAAO,CAAC;GAC5F,gBAAgB,KAAK;EACvB,SAAS,OAAO;GACd,oBAAoB,KAAK;EAC3B;CACF;CAEA,MAAM,sBAA4B;EAChC,IAAI,SAAS;GACX,aAAa,IAAI;GAEjB;EACF;EAEA,IAAI,cAAc;GAChB,gBAAgB,IAAI;GAEpB;EACF;EAEA,OAAY;CACd;CAEA,MAAM,oBAAoB,cAAc,SAAS;CACjD,MAAM,2BAA2B,cAAc,gBAAgB;CAC/D,MAAM,0BAA0B,cAAc,eAAe;CAC7D,MAAM,SAAS,KAAK,OAAO,eAAe,UAAU,KAAK,EAAE;CAE3D,OACE,qBAAA,YAAA,EAAA,UAAA;EACE,qBAAC,QAAD;GACE,WAAW,aAAa,0BAA0B,KAAA;GAClD,0BAAwB,KAAK;GAC7B,aAAW;GACX,UAAU,KAAK,cAAc,CAAC;GAC9B,SAAS;GACT,MAAK;GACL,SAAS,aAAa,UAAU;aAPlC,CASG,KAAK,aACJ,oBAAC,SAAD,EAAS,WAAW,aAAa,oBAAoB,KAAA,EAAY,CAAA,IAEjE,QACE,oBAAC,cAAD;IACE,WAAW,aAAa,oBAAoB;IACtC;GACP,CAAA,GAGJ,KACK;;EAEP,gBAAgB,gBACf,oBAAC,eAAD;GACE,OAAO;GACP,aAAa,aAAa,eAAe,KAAA;GACzC,cAAc;GACd,aAAa;GACb,gBAAgB;GAChB,YAAY,KAAK;GACjB,iBAAiB,CAAC;GAClB,iBAAiB,KAAK,OAAO;GAC7B,gBAAgB,gBAAgB,KAAK;EACtC,CAAA;EAGF,aAAa,WACZ,oBAAC,YAAD;GACE,aAAa;GACC;GACd,aAAa,cAAc,eAAe,KAAA;GAChC;GACA;GACF;GACR,eAAe,aAAa,KAAK;GACjC,YAAY,aAAa;IACvB,MAAM,kBAAkB,iBAAiB,SAAS,OAAO;IAEzD,SACE,gBAAgB,SAAS,IAAI,kBAAkB,iBAAiB,KAAK,MAAM,OAAO,CACpF;IACA,aAAa,KAAK;GACpB;GACA,aAAa;GACb,OAAO;EACR,CAAA;CAEH,EAAA,CAAA;AAEN"}
+{"version":3,"file":"action.js","names":[],"sources":["../../../resources/js/action/components/action.tsx"],"sourcesContent":["import { router, useHttp } from \"@inertiajs/react\";\nimport type { Method } from \"@inertiajs/core\";\nimport { useState } from \"react\";\nimport { withHeaders } from \"@lattice-php/lattice/core/headers\";\nimport { Button } from \"@lattice-php/lattice/core/components/button\";\nimport { ConfirmDialog } from \"@lattice-php/lattice/core/components/confirm-dialog\";\nimport { Spinner } from \"@lattice-php/lattice/core/components/spinner\";\nimport { prefixedTestId } from \"@lattice-php/lattice/core/test-id\";\nimport type { RendererComponent } from \"@lattice-php/lattice/core/types\";\nimport { IconRenderer } from \"@lattice-php/lattice/icons\";\nimport { getActionEffects } from \"@lattice-php/lattice/effects/dispatch\";\nimport type { ActionResponse } from \"@lattice-php/lattice/effects/dispatch\";\nimport { useEffectDispatcher } from \"@lattice-php/lattice/effects/use-effect-dispatcher\";\nimport { runAction } from \"../run-action\";\nimport { ActionForm, useLazyActionForm } from \"./action-form\";\nimport { actionMenuItemClassName, useActionMenu } from \"./action-menu-context\";\n\nconst ActionComponent: RendererComponent<\"action\"> = ({ node }) => {\n  const endpoint = node.props.endpoint ?? \"\";\n  const icon = node.props.icon;\n  const label = node.props.label ?? \"Run action\";\n  const componentRef = node.props.ref ?? \"\";\n  const method: Method = node.props.method ?? \"post\";\n  const http = useHttp<Record<string, never>, ActionResponse>({});\n  const dispatch = useEffectDispatcher();\n  const [isConfirming, setIsConfirming] = useState(false);\n  const [isFilling, setIsFilling] = useState(false);\n  const isMenuItem = useActionMenu();\n  const confirmation = node.props.confirmation;\n  const variant = node.props.variant ?? \"default\";\n  const inlineForm = node.props.form;\n  const lazyForm = node.props.lazyForm === true;\n  const hasForm = Boolean(inlineForm) || lazyForm;\n  const lazyNode = useLazyActionForm(endpoint, componentRef, isFilling && lazyForm);\n  const formNode = lazyForm ? lazyNode : inlineForm;\n\n  const submit = async (): Promise<void> => {\n    if (!endpoint) {\n      return;\n    }\n\n    if (method === \"get\") {\n      router.visit(endpoint, { headers: withHeaders(componentRef) });\n      setIsConfirming(false);\n\n      return;\n    }\n\n    const ok = await runAction(\n      () => http[method](endpoint, { headers: withHeaders(componentRef) }),\n      dispatch,\n    );\n\n    if (ok) {\n      setIsConfirming(false);\n    }\n  };\n\n  const requestSubmit = (): void => {\n    if (hasForm) {\n      setIsFilling(true);\n\n      return;\n    }\n\n    if (confirmation) {\n      setIsConfirming(true);\n\n      return;\n    }\n\n    void submit();\n  };\n\n  const confirmationTitle = confirmation?.title ?? label;\n  const confirmationConfirmLabel = confirmation?.confirmLabel ?? label;\n  const confirmationCancelLabel = confirmation?.cancelLabel ?? \"Cancel\";\n  const testId = node.key ?? prefixedTestId(\"action\", node.id);\n\n  return (\n    <>\n      <Button\n        className={isMenuItem ? actionMenuItemClassName : undefined}\n        data-lattice-component={node.id}\n        data-test={testId}\n        disabled={http.processing || !endpoint}\n        onClick={requestSubmit}\n        type=\"button\"\n        variant={isMenuItem ? \"ghost\" : variant}\n      >\n        {http.processing ? (\n          <Spinner className={isMenuItem ? \"size-lt-icon-sm\" : undefined} />\n        ) : (\n          icon && (\n            <IconRenderer\n              className={isMenuItem ? \"size-lt-icon-sm\" : \"size-lt-icon-md\"}\n              icon={icon}\n            />\n          )\n        )}\n        {label}\n      </Button>\n\n      {isConfirming && confirmation && (\n        <ConfirmDialog\n          title={confirmationTitle}\n          description={confirmation.description ?? undefined}\n          confirmLabel={confirmationConfirmLabel}\n          cancelLabel={confirmationCancelLabel}\n          confirmVariant={variant}\n          processing={http.processing}\n          confirmDisabled={!endpoint}\n          onConfirm={() => void submit()}\n          onCancel={() => setIsConfirming(false)}\n        />\n      )}\n\n      {isFilling && hasForm && (\n        <ActionForm\n          cancelLabel={confirmationCancelLabel}\n          componentRef={componentRef}\n          description={confirmation?.description ?? undefined}\n          endpoint={endpoint}\n          formNode={formNode}\n          method={method}\n          onClose={() => setIsFilling(false)}\n          onSuccess={(response) => {\n            dispatch(getActionEffects(response.effects));\n            setIsFilling(false);\n          }}\n          submitLabel={confirmationConfirmLabel}\n          title={confirmationTitle}\n        />\n      )}\n    </>\n  );\n};\n\nexport default ActionComponent;\n"],"mappings":";;;;;;;;;;;;;;;AAiBA,IAAM,mBAAgD,EAAE,WAAW;CACjE,MAAM,WAAW,KAAK,MAAM,YAAY;CACxC,MAAM,OAAO,KAAK,MAAM;CACxB,MAAM,QAAQ,KAAK,MAAM,SAAS;CAClC,MAAM,eAAe,KAAK,MAAM,OAAO;CACvC,MAAM,SAAiB,KAAK,MAAM,UAAU;CAC5C,MAAM,OAAO,QAA+C,CAAC,CAAC;CAC9D,MAAM,WAAW,oBAAoB;CACrC,MAAM,CAAC,cAAc,mBAAmB,SAAS,KAAK;CACtD,MAAM,CAAC,WAAW,gBAAgB,SAAS,KAAK;CAChD,MAAM,aAAa,cAAc;CACjC,MAAM,eAAe,KAAK,MAAM;CAChC,MAAM,UAAU,KAAK,MAAM,WAAW;CACtC,MAAM,aAAa,KAAK,MAAM;CAC9B,MAAM,WAAW,KAAK,MAAM,aAAa;CACzC,MAAM,UAAU,QAAQ,UAAU,KAAK;CACvC,MAAM,WAAW,kBAAkB,UAAU,cAAc,aAAa,QAAQ;CAChF,MAAM,WAAW,WAAW,WAAW;CAEvC,MAAM,SAAS,YAA2B;EACxC,IAAI,CAAC,UACH;EAGF,IAAI,WAAW,OAAO;GACpB,OAAO,MAAM,UAAU,EAAE,SAAS,YAAY,YAAY,EAAE,CAAC;GAC7D,gBAAgB,KAAK;GAErB;EACF;EAOA,IAAI,MALa,gBACT,KAAK,QAAQ,UAAU,EAAE,SAAS,YAAY,YAAY,EAAE,CAAC,GACnE,QACF,GAGE,gBAAgB,KAAK;CAEzB;CAEA,MAAM,sBAA4B;EAChC,IAAI,SAAS;GACX,aAAa,IAAI;GAEjB;EACF;EAEA,IAAI,cAAc;GAChB,gBAAgB,IAAI;GAEpB;EACF;EAEA,OAAY;CACd;CAEA,MAAM,oBAAoB,cAAc,SAAS;CACjD,MAAM,2BAA2B,cAAc,gBAAgB;CAC/D,MAAM,0BAA0B,cAAc,eAAe;CAC7D,MAAM,SAAS,KAAK,OAAO,eAAe,UAAU,KAAK,EAAE;CAE3D,OACE,qBAAA,YAAA,EAAA,UAAA;EACE,qBAAC,QAAD;GACE,WAAW,aAAa,0BAA0B,KAAA;GAClD,0BAAwB,KAAK;GAC7B,aAAW;GACX,UAAU,KAAK,cAAc,CAAC;GAC9B,SAAS;GACT,MAAK;GACL,SAAS,aAAa,UAAU;aAPlC,CASG,KAAK,aACJ,oBAAC,SAAD,EAAS,WAAW,aAAa,oBAAoB,KAAA,EAAY,CAAA,IAEjE,QACE,oBAAC,cAAD;IACE,WAAW,aAAa,oBAAoB;IACtC;GACP,CAAA,GAGJ,KACK;;EAEP,gBAAgB,gBACf,oBAAC,eAAD;GACE,OAAO;GACP,aAAa,aAAa,eAAe,KAAA;GACzC,cAAc;GACd,aAAa;GACb,gBAAgB;GAChB,YAAY,KAAK;GACjB,iBAAiB,CAAC;GAClB,iBAAiB,KAAK,OAAO;GAC7B,gBAAgB,gBAAgB,KAAK;EACtC,CAAA;EAGF,aAAa,WACZ,oBAAC,YAAD;GACE,aAAa;GACC;GACd,aAAa,cAAc,eAAe,KAAA;GAChC;GACA;GACF;GACR,eAAe,aAAa,KAAK;GACjC,YAAY,aAAa;IACvB,SAAS,iBAAiB,SAAS,OAAO,CAAC;IAC3C,aAAa,KAAK;GACpB;GACA,aAAa;GACb,OAAO;EACR,CAAA;CAEH,EAAA,CAAA;AAEN"}

package/dist/action/run-action.d.ts

@@ -0,0 +1,9 @@
+import { ActionEffect, ActionResponse } from '../effects/dispatch';
+/**
+ * Runs an action request and dispatches the effects from its response, routing
+ * any failure through dispatchActionError. Returns whether the request
+ * succeeded so callers run their own post-success cleanup (closing a dialog,
+ * reloading a table). Shared by the single action button and the bulk bar so
+ * the invocation contract stays in one place.
+ */
+export declare function runAction(request: () => Promise<ActionResponse>, dispatch: (effects: ActionEffect[]) => void): Promise<boolean>;

package/dist/action/run-action.js

@@ -0,0 +1,22 @@
+import { dispatchActionError, getActionEffects } from "../effects/dispatch.js";
+//#region resources/js/action/run-action.ts
+/**
+* Runs an action request and dispatches the effects from its response, routing
+* any failure through dispatchActionError. Returns whether the request
+* succeeded so callers run their own post-success cleanup (closing a dialog,
+* reloading a table). Shared by the single action button and the bulk bar so
+* the invocation contract stays in one place.
+*/
+async function runAction(request, dispatch) {
+	try {
+		dispatch(getActionEffects((await request()).effects));
+		return true;
+	} catch (error) {
+		dispatchActionError(error);
+		return false;
+	}
+}
+//#endregion
+export { runAction };
+
+//# sourceMappingURL=run-action.js.map

package/dist/action/run-action.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"run-action.js","names":[],"sources":["../../resources/js/action/run-action.ts"],"sourcesContent":["import {\n  type ActionEffect,\n  type ActionResponse,\n  dispatchActionError,\n  getActionEffects,\n} from \"@lattice-php/lattice/effects/dispatch\";\n\n/**\n * Runs an action request and dispatches the effects from its response, routing\n * any failure through dispatchActionError. Returns whether the request\n * succeeded so callers run their own post-success cleanup (closing a dialog,\n * reloading a table). Shared by the single action button and the bulk bar so\n * the invocation contract stays in one place.\n */\nexport async function runAction(\n  request: () => Promise<ActionResponse>,\n  dispatch: (effects: ActionEffect[]) => void,\n): Promise<boolean> {\n  try {\n    const response = await request();\n    dispatch(getActionEffects(response.effects));\n\n    return true;\n  } catch (error) {\n    dispatchActionError(error);\n\n    return false;\n  }\n}\n"],"mappings":";;;;;;;;;AAcA,eAAsB,UACpB,SACA,UACkB;CAClB,IAAI;EAEF,SAAS,kBAAiB,MADH,QAAQ,GACI,OAAO,CAAC;EAE3C,OAAO;CACT,SAAS,OAAO;EACd,oBAAoB,KAAK;EAEzB,OAAO;CACT;AACF"}

package/dist/chat/components/chat-box.js

@@ -1,48 +1,65 @@
 import { cn } from "../../lib/utils.js";
-import { testIdentity } from "../../core/test-id.js";
 import { useT } from "../../i18n/instance.js";
-import { apiFetch } from "../../core/api.js";
+import { testIdentity } from "../../core/test-id.js";
+import { apiFetch, remoteJson } from "../../core/api.js";
+import { createRemoteNdjsonChatTransport, ndjsonChatTransport } from "../transport.js";
 import { useChat } from "../use-chat.js";
 import { MessageList } from "./message-list.js";
 import { PromptInput } from "./prompt-input.js";
-import { useCallback, useEffect, useRef } from "react";
+import { useCallback, useEffect, useMemo, useRef } from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
 //#region resources/js/chat/components/chat-box.tsx
 var ChatBox = ({ node }) => {
-	const { streamEndpoint, historyEndpoint, placeholder, title, fill } = node.props;
+	const props = node.props;
 	const { t } = useT("lattice");
-	const { messages, status, sendMessage, setMessages } = useChat({ endpoint: streamEndpoint ?? "" });
+	const transport = useMemo(() => props.remote ? createRemoteNdjsonChatTransport(props.remote) : ndjsonChatTransport, [props.remote]);
+	const { messages, status, error, sendMessage, setMessages } = useChat({
+		endpoint: props.streamEndpoint ?? "",
+		transport
+	});
 	const seededRef = useRef(false);
 	const seedHistory = useCallback(async () => {
-		if (seededRef.current || !historyEndpoint) return;
+		if (seededRef.current || !props.historyEndpoint) return;
 		seededRef.current = true;
-		const response = await apiFetch(historyEndpoint, { throwOnError: false });
+		if (props.remote) {
+			setMessages((await remoteJson(props.historyEndpoint, { remote: props.remote })).messages);
+			return;
+		}
+		const response = await apiFetch(props.historyEndpoint, { throwOnError: false });
 		if (!response.ok) return;
 		setMessages((await response.json()).messages);
-	}, [historyEndpoint, setMessages]);
+	}, [
+		props.historyEndpoint,
+		props.remote,
+		setMessages
+	]);
 	useEffect(() => {
-		seedHistory();
+		seedHistory().catch(() => {});
 	}, [seedHistory]);
-	const busy = status === "submitted" || status === "streaming";
+	const disabled = status === "submitted" || status === "streaming" || !props.streamEndpoint;
 	return /* @__PURE__ */ jsxs("div", {
-		className: cn("flex flex-col overflow-hidden border border-lt-border bg-lt-bg", fill ? "sticky top-0 h-svh w-full" : "h-[28rem] w-80 rounded-lt-md shadow-lg"),
+		className: cn("flex flex-col overflow-hidden border border-lt-border bg-lt-bg", props.fill ? "sticky top-0 h-full min-h-[28rem] w-full" : "h-[28rem] w-80 rounded-lt shadow-lt-lg"),
 		"data-test": testIdentity("chat-box"),
 		children: [
 			/* @__PURE__ */ jsx("div", {
 				className: "flex items-center border-b border-lt-border px-3 py-2",
 				children: /* @__PURE__ */ jsx("span", {
 					className: "text-sm font-medium text-lt-fg",
-					children: title ?? t("chat.title", "Chat")
+					children: props.title ?? t("chat.title", "Chat")
 				})
 			}),
 			/* @__PURE__ */ jsx("div", {
 				className: "flex-1 overflow-y-auto",
 				children: /* @__PURE__ */ jsx(MessageList, { messages })
 			}),
+			error ? /* @__PURE__ */ jsx("div", {
+				className: "border-t border-lt-danger/40 px-3 py-2 text-xs text-lt-danger",
+				children: error
+			}) : null,
 			/* @__PURE__ */ jsx(PromptInput, {
-				disabled: busy,
+				disabled,
 				onSubmit: sendMessage,
-				placeholder: placeholder ?? void 0
+				placeholder: props.placeholder ?? void 0
 			})
 		]
 	});

package/dist/chat/components/chat-box.js.map

@@ -1 +1 @@
-{"version":3,"file":"chat-box.js","names":[],"sources":["../../../resources/js/chat/components/chat-box.tsx"],"sourcesContent":["import { useCallback, useEffect, useRef } from \"react\";\nimport { apiFetch } from \"@lattice-php/lattice/core/api\";\nimport { testIdentity } from \"@lattice-php/lattice/core/test-id\";\nimport type { RendererComponent } from \"@lattice-php/lattice/core/types\";\nimport { cn } from \"@lattice-php/lattice/lib/utils\";\nimport { useT } from \"@lattice-php/lattice/i18n\";\nimport { useChat } from \"../use-chat\";\nimport type { ChatMessage } from \"../types\";\nimport { MessageList } from \"./message-list\";\nimport { PromptInput } from \"./prompt-input\";\n\ntype ChatHistoryResponse = { messages: ChatMessage[] };\n\nexport const ChatBox: RendererComponent<\"chat.box\"> = ({ node }) => {\n  const { streamEndpoint, historyEndpoint, placeholder, title, fill } = node.props;\n  const { t } = useT(\"lattice\");\n  const { messages, status, sendMessage, setMessages } = useChat({\n    endpoint: streamEndpoint ?? \"\",\n  });\n\n  const seededRef = useRef(false);\n\n  const seedHistory = useCallback(async (): Promise<void> => {\n    if (seededRef.current || !historyEndpoint) {\n      return;\n    }\n\n    seededRef.current = true;\n\n    const response = await apiFetch(historyEndpoint, { throwOnError: false });\n\n    if (!response.ok) {\n      return;\n    }\n\n    const payload = (await response.json()) as ChatHistoryResponse;\n    setMessages(payload.messages);\n  }, [historyEndpoint, setMessages]);\n\n  useEffect(() => {\n    void seedHistory();\n  }, [seedHistory]);\n\n  const busy = status === \"submitted\" || status === \"streaming\";\n\n  return (\n    <div\n      className={cn(\n        \"flex flex-col overflow-hidden border border-lt-border bg-lt-bg\",\n        fill ? \"sticky top-0 h-svh w-full\" : \"h-[28rem] w-80 rounded-lt-md shadow-lg\",\n      )}\n      data-test={testIdentity(\"chat-box\")}\n    >\n      <div className=\"flex items-center border-b border-lt-border px-3 py-2\">\n        <span className=\"text-sm font-medium text-lt-fg\">{title ?? t(\"chat.title\", \"Chat\")}</span>\n      </div>\n      <div className=\"flex-1 overflow-y-auto\">\n        <MessageList messages={messages} />\n      </div>\n      <PromptInput disabled={busy} onSubmit={sendMessage} placeholder={placeholder ?? undefined} />\n    </div>\n  );\n};\n\nexport default ChatBox;\n"],"mappings":";;;;;;;;;;AAaA,IAAa,WAA0C,EAAE,WAAW;CAClE,MAAM,EAAE,gBAAgB,iBAAiB,aAAa,OAAO,SAAS,KAAK;CAC3E,MAAM,EAAE,MAAM,KAAK,SAAS;CAC5B,MAAM,EAAE,UAAU,QAAQ,aAAa,gBAAgB,QAAQ,EAC7D,UAAU,kBAAkB,GAC9B,CAAC;CAED,MAAM,YAAY,OAAO,KAAK;CAE9B,MAAM,cAAc,YAAY,YAA2B;EACzD,IAAI,UAAU,WAAW,CAAC,iBACxB;EAGF,UAAU,UAAU;EAEpB,MAAM,WAAW,MAAM,SAAS,iBAAiB,EAAE,cAAc,MAAM,CAAC;EAExE,IAAI,CAAC,SAAS,IACZ;EAIF,aAAY,MADW,SAAS,KAAK,GACjB,QAAQ;CAC9B,GAAG,CAAC,iBAAiB,WAAW,CAAC;CAEjC,gBAAgB;EACd,YAAiB;CACnB,GAAG,CAAC,WAAW,CAAC;CAEhB,MAAM,OAAO,WAAW,eAAe,WAAW;CAElD,OACE,qBAAC,OAAD;EACE,WAAW,GACT,kEACA,OAAO,8BAA8B,wCACvC;EACA,aAAW,aAAa,UAAU;YALpC;GAOE,oBAAC,OAAD;IAAK,WAAU;cACb,oBAAC,QAAD;KAAM,WAAU;eAAkC,SAAS,EAAE,cAAc,MAAM;IAAQ,CAAA;GACtF,CAAA;GACL,oBAAC,OAAD;IAAK,WAAU;cACb,oBAAC,aAAD,EAAuB,SAAW,CAAA;GAC/B,CAAA;GACL,oBAAC,aAAD;IAAa,UAAU;IAAM,UAAU;IAAa,aAAa,eAAe,KAAA;GAAY,CAAA;EACzF;;AAET"}
+{"version":3,"file":"chat-box.js","names":[],"sources":["../../../resources/js/chat/components/chat-box.tsx"],"sourcesContent":["import { useCallback, useEffect, useMemo, useRef } from \"react\";\nimport { apiFetch, remoteJson } from \"@lattice-php/lattice/core/api\";\nimport { testIdentity } from \"@lattice-php/lattice/core/test-id\";\nimport type { RendererComponent } from \"@lattice-php/lattice/core/types\";\nimport type { ChatBox as ChatBoxProps } from \"@lattice-php/lattice/types/generated\";\nimport { useT } from \"@lattice-php/lattice/i18n\";\nimport { cn } from \"@lattice-php/lattice/lib/utils\";\nimport { createRemoteNdjsonChatTransport, ndjsonChatTransport } from \"../transport\";\nimport { useChat } from \"../use-chat\";\nimport type { ChatMessage } from \"../types\";\nimport { MessageList } from \"./message-list\";\nimport { PromptInput } from \"./prompt-input\";\n\ntype ChatHistoryResponse = { messages: ChatMessage[] };\n\nexport const ChatBox: RendererComponent<\"chat.box\"> = ({ node }) => {\n  const props: ChatBoxProps = node.props;\n  const { t } = useT(\"lattice\");\n  const transport = useMemo(\n    () => (props.remote ? createRemoteNdjsonChatTransport(props.remote) : ndjsonChatTransport),\n    [props.remote],\n  );\n  const { messages, status, error, sendMessage, setMessages } = useChat({\n    endpoint: props.streamEndpoint ?? \"\",\n    transport,\n  });\n\n  const seededRef = useRef(false);\n\n  const seedHistory = useCallback(async (): Promise<void> => {\n    if (seededRef.current || !props.historyEndpoint) {\n      return;\n    }\n\n    seededRef.current = true;\n\n    if (props.remote) {\n      const payload = await remoteJson<ChatHistoryResponse>(props.historyEndpoint, {\n        remote: props.remote,\n      });\n      setMessages(payload.messages);\n\n      return;\n    }\n\n    const response = await apiFetch(props.historyEndpoint, { throwOnError: false });\n\n    if (!response.ok) {\n      return;\n    }\n\n    const payload = (await response.json()) as ChatHistoryResponse;\n    setMessages(payload.messages);\n  }, [props.historyEndpoint, props.remote, setMessages]);\n\n  useEffect(() => {\n    void seedHistory().catch(() => {});\n  }, [seedHistory]);\n\n  const busy = status === \"submitted\" || status === \"streaming\";\n  const disabled = busy || !props.streamEndpoint;\n\n  return (\n    <div\n      className={cn(\n        \"flex flex-col overflow-hidden border border-lt-border bg-lt-bg\",\n        props.fill\n          ? \"sticky top-0 h-full min-h-[28rem] w-full\"\n          : \"h-[28rem] w-80 rounded-lt shadow-lt-lg\",\n      )}\n      data-test={testIdentity(\"chat-box\")}\n    >\n      <div className=\"flex items-center border-b border-lt-border px-3 py-2\">\n        <span className=\"text-sm font-medium text-lt-fg\">\n          {props.title ?? t(\"chat.title\", \"Chat\")}\n        </span>\n      </div>\n      <div className=\"flex-1 overflow-y-auto\">\n        <MessageList messages={messages} />\n      </div>\n      {error ? (\n        <div className=\"border-t border-lt-danger/40 px-3 py-2 text-xs text-lt-danger\">{error}</div>\n      ) : null}\n      <PromptInput\n        disabled={disabled}\n        onSubmit={sendMessage}\n        placeholder={props.placeholder ?? undefined}\n      />\n    </div>\n  );\n};\n\nexport default ChatBox;\n"],"mappings":";;;;;;;;;;;AAeA,IAAa,WAA0C,EAAE,WAAW;CAClE,MAAM,QAAsB,KAAK;CACjC,MAAM,EAAE,MAAM,KAAK,SAAS;CAC5B,MAAM,YAAY,cACT,MAAM,SAAS,gCAAgC,MAAM,MAAM,IAAI,qBACtE,CAAC,MAAM,MAAM,CACf;CACA,MAAM,EAAE,UAAU,QAAQ,OAAO,aAAa,gBAAgB,QAAQ;EACpE,UAAU,MAAM,kBAAkB;EAClC;CACF,CAAC;CAED,MAAM,YAAY,OAAO,KAAK;CAE9B,MAAM,cAAc,YAAY,YAA2B;EACzD,IAAI,UAAU,WAAW,CAAC,MAAM,iBAC9B;EAGF,UAAU,UAAU;EAEpB,IAAI,MAAM,QAAQ;GAIhB,aAAY,MAHU,WAAgC,MAAM,iBAAiB,EAC3E,QAAQ,MAAM,OAChB,CAAC,GACmB,QAAQ;GAE5B;EACF;EAEA,MAAM,WAAW,MAAM,SAAS,MAAM,iBAAiB,EAAE,cAAc,MAAM,CAAC;EAE9E,IAAI,CAAC,SAAS,IACZ;EAIF,aAAY,MADW,SAAS,KAAK,GACjB,QAAQ;CAC9B,GAAG;EAAC,MAAM;EAAiB,MAAM;EAAQ;CAAW,CAAC;CAErD,gBAAgB;EACd,YAAiB,EAAE,YAAY,CAAC,CAAC;CACnC,GAAG,CAAC,WAAW,CAAC;CAGhB,MAAM,WADO,WAAW,eAAe,WAAW,eACzB,CAAC,MAAM;CAEhC,OACE,qBAAC,OAAD;EACE,WAAW,GACT,kEACA,MAAM,OACF,6CACA,wCACN;EACA,aAAW,aAAa,UAAU;YAPpC;GASE,oBAAC,OAAD;IAAK,WAAU;cACb,oBAAC,QAAD;KAAM,WAAU;eACb,MAAM,SAAS,EAAE,cAAc,MAAM;IAClC,CAAA;GACH,CAAA;GACL,oBAAC,OAAD;IAAK,WAAU;cACb,oBAAC,aAAD,EAAuB,SAAW,CAAA;GAC/B,CAAA;GACJ,QACC,oBAAC,OAAD;IAAK,WAAU;cAAiE;GAAW,CAAA,IACzF;GACJ,oBAAC,aAAD;IACY;IACV,UAAU;IACV,aAAa,MAAM,eAAe,KAAA;GACnC,CAAA;EACE;;AAET"}

package/dist/chat/components/message.js

@@ -1,6 +1,6 @@
 import { cn } from "../../lib/utils.js";
-import { testIdentity } from "../../core/test-id.js";
 import { RenderNode } from "../../core/renderer.js";
+import { testIdentity } from "../../core/test-id.js";
 import { jsx } from "react/jsx-runtime";
 //#region resources/js/chat/components/message.tsx
 function Message({ message }) {
@@ -9,7 +9,7 @@ function Message({ message }) {
 		className: cn("flex flex-col gap-1", isUser ? "items-end" : "items-start"),
 		"data-test": testIdentity(`chat-message-${message.role}`),
 		children: /* @__PURE__ */ jsx("div", {
-			className: cn("max-w-[80%] rounded-lt-md px-3 py-2 text-sm", isUser ? "bg-lt-primary text-lt-primary-fg" : "bg-lt-muted text-lt-fg"),
+			className: cn("max-w-[80%] rounded-lt px-3 py-2 text-sm", isUser ? "bg-lt-primary text-lt-primary-fg" : "bg-lt-muted text-lt-fg"),
 			children: message.parts.map((part, index) => /* @__PURE__ */ jsx(RenderNode, { node: part }, part.key ?? index))
 		})
 	});

package/dist/chat/components/message.js.map

@@ -1 +1 @@
-{"version":3,"file":"message.js","names":[],"sources":["../../../resources/js/chat/components/message.tsx"],"sourcesContent":["import type { ReactNode } from \"react\";\nimport { cn } from \"@lattice-php/lattice/lib/utils\";\nimport { testIdentity } from \"@lattice-php/lattice/core/test-id\";\nimport { RenderNode } from \"@lattice-php/lattice/core/renderer\";\nimport type { ChatMessage } from \"../types\";\n\nexport function Message({ message }: { message: ChatMessage }): ReactNode {\n  const isUser = message.role === \"user\";\n\n  return (\n    <div\n      className={cn(\"flex flex-col gap-1\", isUser ? \"items-end\" : \"items-start\")}\n      data-test={testIdentity(`chat-message-${message.role}`)}\n    >\n      <div\n        className={cn(\n          \"max-w-[80%] rounded-lt-md px-3 py-2 text-sm\",\n          isUser ? \"bg-lt-primary text-lt-primary-fg\" : \"bg-lt-muted text-lt-fg\",\n        )}\n      >\n        {message.parts.map((part, index) => (\n          <RenderNode key={part.key ?? index} node={part} />\n        ))}\n      </div>\n    </div>\n  );\n}\n"],"mappings":";;;;;AAMA,SAAgB,QAAQ,EAAE,WAAgD;CACxE,MAAM,SAAS,QAAQ,SAAS;CAEhC,OACE,oBAAC,OAAD;EACE,WAAW,GAAG,uBAAuB,SAAS,cAAc,aAAa;EACzE,aAAW,aAAa,gBAAgB,QAAQ,MAAM;YAEtD,oBAAC,OAAD;GACE,WAAW,GACT,+CACA,SAAS,qCAAqC,wBAChD;aAEC,QAAQ,MAAM,KAAK,MAAM,UACxB,oBAAC,YAAD,EAAoC,MAAM,KAAO,GAAhC,KAAK,OAAO,KAAoB,CAClD;EACE,CAAA;CACF,CAAA;AAET"}
+{"version":3,"file":"message.js","names":[],"sources":["../../../resources/js/chat/components/message.tsx"],"sourcesContent":["import type { ReactNode } from \"react\";\nimport { cn } from \"@lattice-php/lattice/lib/utils\";\nimport { testIdentity } from \"@lattice-php/lattice/core/test-id\";\nimport { RenderNode } from \"@lattice-php/lattice/core/renderer\";\nimport type { ChatMessage } from \"../types\";\n\nexport function Message({ message }: { message: ChatMessage }): ReactNode {\n  const isUser = message.role === \"user\";\n\n  return (\n    <div\n      className={cn(\"flex flex-col gap-1\", isUser ? \"items-end\" : \"items-start\")}\n      data-test={testIdentity(`chat-message-${message.role}`)}\n    >\n      <div\n        className={cn(\n          \"max-w-[80%] rounded-lt px-3 py-2 text-sm\",\n          isUser ? \"bg-lt-primary text-lt-primary-fg\" : \"bg-lt-muted text-lt-fg\",\n        )}\n      >\n        {message.parts.map((part, index) => (\n          <RenderNode key={part.key ?? index} node={part} />\n        ))}\n      </div>\n    </div>\n  );\n}\n"],"mappings":";;;;;AAMA,SAAgB,QAAQ,EAAE,WAAgD;CACxE,MAAM,SAAS,QAAQ,SAAS;CAEhC,OACE,oBAAC,OAAD;EACE,WAAW,GAAG,uBAAuB,SAAS,cAAc,aAAa;EACzE,aAAW,aAAa,gBAAgB,QAAQ,MAAM;YAEtD,oBAAC,OAAD;GACE,WAAW,GACT,4CACA,SAAS,qCAAqC,wBAChD;aAEC,QAAQ,MAAM,KAAK,MAAM,UACxB,oBAAC,YAAD,EAAoC,MAAM,KAAO,GAAhC,KAAK,OAAO,KAAoB,CAClD;EACE,CAAA;CACF,CAAA;AAET"}

package/dist/chat/components/prompt-input.js

@@ -1,7 +1,7 @@
 import { cn } from "../../lib/utils.js";
+import { useT } from "../../i18n/instance.js";
 import { testIdentity } from "../../core/test-id.js";
 import { Button } from "../../core/components/button.js";
-import { useT } from "../../i18n/instance.js";
 import { useState } from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
 //#region resources/js/chat/components/prompt-input.tsx

package/dist/chat/index.js

@@ -1,10 +1,12 @@
 import { createPlugin, eagerComponent } from "../core/registry.js";
+import { ChatBox } from "./components/chat-box.js";
 import { TextPart } from "./parts/text.js";
 import { ToolCallPart } from "./parts/tool-call.js";
 //#region resources/js/chat/index.ts
 var chatPlugin = createPlugin({
 	name: "chat",
 	components: {
+		"chat.box": eagerComponent(ChatBox),
 		"chat.part.text": eagerComponent(TextPart),
 		"chat.part.tool-call": eagerComponent(ToolCallPart)
 	}

package/dist/chat/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":[],"sources":["../../resources/js/chat/index.ts"],"sourcesContent":["import { createPlugin, eagerComponent } from \"@lattice-php/lattice/core/registry\";\nimport { TextPart } from \"./parts/text\";\nimport { ToolCallPart } from \"./parts/tool-call\";\n\nexport const chatPlugin = createPlugin({\n  name: \"chat\",\n  components: {\n    \"chat.part.text\": eagerComponent(TextPart),\n    \"chat.part.tool-call\": eagerComponent(ToolCallPart),\n  },\n});\n"],"mappings":";;;;AAIA,IAAa,aAAa,aAAa;CACrC,MAAM;CACN,YAAY;EACV,kBAAkB,eAAe,QAAQ;EACzC,uBAAuB,eAAe,YAAY;CACpD;AACF,CAAC"}
+{"version":3,"file":"index.js","names":[],"sources":["../../resources/js/chat/index.ts"],"sourcesContent":["import { createPlugin, eagerComponent } from \"@lattice-php/lattice/core/registry\";\nimport ChatBoxComponent from \"./components/chat-box\";\nimport { TextPart } from \"./parts/text\";\nimport { ToolCallPart } from \"./parts/tool-call\";\n\nexport const chatPlugin = createPlugin({\n  name: \"chat\",\n  components: {\n    \"chat.box\": eagerComponent(ChatBoxComponent),\n    \"chat.part.text\": eagerComponent(TextPart),\n    \"chat.part.tool-call\": eagerComponent(ToolCallPart),\n  },\n});\n"],"mappings":";;;;;AAKA,IAAa,aAAa,aAAa;CACrC,MAAM;CACN,YAAY;EACV,YAAY,eAAe,OAAgB;EAC3C,kBAAkB,eAAe,QAAQ;EACzC,uBAAuB,eAAe,YAAY;CACpD;AACF,CAAC"}

package/dist/chat/transport.d.ts

@@ -1,2 +1,4 @@
+import { RemoteAccess } from '../core/api';
 import { ChatFrame, ChatTransportRequest } from './types';
 export declare function ndjsonChatTransport({ url, body, signal, }: ChatTransportRequest): AsyncGenerator<ChatFrame>;
+export declare function createRemoteNdjsonChatTransport(remote: RemoteAccess): ({ url, body, signal, }: ChatTransportRequest) => AsyncGenerator<ChatFrame>;

package/dist/chat/transport.js

@@ -1,4 +1,4 @@
-import { apiFetch } from "../core/api.js";
+import { apiFetch, remoteFetch } from "../core/api.js";
 //#region resources/js/chat/transport.ts
 function parseFrame(line) {
 	try {
@@ -16,7 +16,27 @@ async function* ndjsonChatTransport({ url, body, signal }) {
 		throwOnError: false
 	});
 	if (!res.ok || !res.body) throw new Error(`Chat stream failed (${res.status})`);
-	const reader = res.body.getReader();
+	yield* readNdjsonFrames(res.body);
+}
+function createRemoteNdjsonChatTransport(remote) {
+	return async function* remoteNdjsonChatTransport({ url, body, signal }) {
+		const res = await remoteFetch(url, {
+			remote,
+			method: "POST",
+			signal,
+			headers: {
+				Accept: "application/x-ndjson",
+				"Content-Type": "application/json"
+			},
+			body: JSON.stringify(body),
+			throwOnError: false
+		});
+		if (!res.ok || !res.body) throw new Error(`Chat stream failed (${res.status})`);
+		yield* readNdjsonFrames(res.body);
+	};
+}
+async function* readNdjsonFrames(body) {
+	const reader = body.getReader();
 	const decoder = new TextDecoder();
 	let buffer = "";
 	try {
@@ -42,6 +62,6 @@ async function* ndjsonChatTransport({ url, body, signal }) {
 	}
 }
 //#endregion
-export { ndjsonChatTransport };
+export { createRemoteNdjsonChatTransport, ndjsonChatTransport };
 
 //# sourceMappingURL=transport.js.map

package/dist/chat/transport.js.map

@@ -1 +1 @@
-{"version":3,"file":"transport.js","names":[],"sources":["../../resources/js/chat/transport.ts"],"sourcesContent":["import { apiFetch } from \"../core/api\";\nimport type { ChatFrame, ChatTransportRequest } from \"./types\";\n\nfunction parseFrame(line: string): ChatFrame | null {\n  try {\n    return JSON.parse(line) as ChatFrame;\n  } catch {\n    return null;\n  }\n}\n\nexport async function* ndjsonChatTransport({\n  url,\n  body,\n  signal,\n}: ChatTransportRequest): AsyncGenerator<ChatFrame> {\n  const res = await apiFetch(url, {\n    method: \"POST\",\n    signal,\n    headers: { Accept: \"application/x-ndjson\" },\n    body: JSON.stringify(body),\n    throwOnError: false,\n  });\n\n  if (!res.ok || !res.body) {\n    throw new Error(`Chat stream failed (${res.status})`);\n  }\n\n  const reader = res.body.getReader();\n  const decoder = new TextDecoder();\n  let buffer = \"\";\n\n  try {\n    for (;;) {\n      const { done, value } = await reader.read();\n      if (done) {\n        break;\n      }\n\n      buffer += decoder.decode(value, { stream: true });\n      const lines = buffer.split(\"\\n\");\n      buffer = lines.pop() ?? \"\";\n\n      for (const line of lines) {\n        if (line.trim() === \"\") {\n          continue;\n        }\n\n        const frame = parseFrame(line);\n        if (frame) {\n          yield frame;\n        }\n      }\n    }\n\n    buffer += decoder.decode();\n    if (buffer.trim() !== \"\") {\n      const frame = parseFrame(buffer);\n      if (frame) {\n        yield frame;\n      }\n    }\n  } finally {\n    await reader.cancel().catch(() => {});\n  }\n}\n"],"mappings":";;AAGA,SAAS,WAAW,MAAgC;CAClD,IAAI;EACF,OAAO,KAAK,MAAM,IAAI;CACxB,QAAQ;EACN,OAAO;CACT;AACF;AAEA,gBAAuB,oBAAoB,EACzC,KACA,MACA,UACkD;CAClD,MAAM,MAAM,MAAM,SAAS,KAAK;EAC9B,QAAQ;EACR;EACA,SAAS,EAAE,QAAQ,uBAAuB;EAC1C,MAAM,KAAK,UAAU,IAAI;EACzB,cAAc;CAChB,CAAC;CAED,IAAI,CAAC,IAAI,MAAM,CAAC,IAAI,MAClB,MAAM,IAAI,MAAM,uBAAuB,IAAI,OAAO,EAAE;CAGtD,MAAM,SAAS,IAAI,KAAK,UAAU;CAClC,MAAM,UAAU,IAAI,YAAY;CAChC,IAAI,SAAS;CAEb,IAAI;EACF,SAAS;GACP,MAAM,EAAE,MAAM,UAAU,MAAM,OAAO,KAAK;GAC1C,IAAI,MACF;GAGF,UAAU,QAAQ,OAAO,OAAO,EAAE,QAAQ,KAAK,CAAC;GAChD,MAAM,QAAQ,OAAO,MAAM,IAAI;GAC/B,SAAS,MAAM,IAAI,KAAK;GAExB,KAAK,MAAM,QAAQ,OAAO;IACxB,IAAI,KAAK,KAAK,MAAM,IAClB;IAGF,MAAM,QAAQ,WAAW,IAAI;IAC7B,IAAI,OACF,MAAM;GAEV;EACF;EAEA,UAAU,QAAQ,OAAO;EACzB,IAAI,OAAO,KAAK,MAAM,IAAI;GACxB,MAAM,QAAQ,WAAW,MAAM;GAC/B,IAAI,OACF,MAAM;EAEV;CACF,UAAU;EACR,MAAM,OAAO,OAAO,EAAE,YAAY,CAAC,CAAC;CACtC;AACF"}
+{"version":3,"file":"transport.js","names":[],"sources":["../../resources/js/chat/transport.ts"],"sourcesContent":["import { apiFetch, remoteFetch, type RemoteAccess } from \"../core/api\";\nimport type { ChatFrame, ChatTransportRequest } from \"./types\";\n\nfunction parseFrame(line: string): ChatFrame | null {\n  try {\n    return JSON.parse(line) as ChatFrame;\n  } catch {\n    return null;\n  }\n}\n\nexport async function* ndjsonChatTransport({\n  url,\n  body,\n  signal,\n}: ChatTransportRequest): AsyncGenerator<ChatFrame> {\n  const res = await apiFetch(url, {\n    method: \"POST\",\n    signal,\n    headers: { Accept: \"application/x-ndjson\" },\n    body: JSON.stringify(body),\n    throwOnError: false,\n  });\n\n  if (!res.ok || !res.body) {\n    throw new Error(`Chat stream failed (${res.status})`);\n  }\n\n  yield* readNdjsonFrames(res.body);\n}\n\nexport function createRemoteNdjsonChatTransport(remote: RemoteAccess) {\n  return async function* remoteNdjsonChatTransport({\n    url,\n    body,\n    signal,\n  }: ChatTransportRequest): AsyncGenerator<ChatFrame> {\n    const res = await remoteFetch(url, {\n      remote,\n      method: \"POST\",\n      signal,\n      headers: {\n        Accept: \"application/x-ndjson\",\n        \"Content-Type\": \"application/json\",\n      },\n      body: JSON.stringify(body),\n      throwOnError: false,\n    });\n\n    if (!res.ok || !res.body) {\n      throw new Error(`Chat stream failed (${res.status})`);\n    }\n\n    yield* readNdjsonFrames(res.body);\n  };\n}\n\nasync function* readNdjsonFrames(body: ReadableStream<Uint8Array>): AsyncGenerator<ChatFrame> {\n  const reader = body.getReader();\n  const decoder = new TextDecoder();\n  let buffer = \"\";\n\n  try {\n    for (;;) {\n      const { done, value } = await reader.read();\n      if (done) {\n        break;\n      }\n\n      buffer += decoder.decode(value, { stream: true });\n      const lines = buffer.split(\"\\n\");\n      buffer = lines.pop() ?? \"\";\n\n      for (const line of lines) {\n        if (line.trim() === \"\") {\n          continue;\n        }\n\n        const frame = parseFrame(line);\n        if (frame) {\n          yield frame;\n        }\n      }\n    }\n\n    buffer += decoder.decode();\n    if (buffer.trim() !== \"\") {\n      const frame = parseFrame(buffer);\n      if (frame) {\n        yield frame;\n      }\n    }\n  } finally {\n    await reader.cancel().catch(() => {});\n  }\n}\n"],"mappings":";;AAGA,SAAS,WAAW,MAAgC;CAClD,IAAI;EACF,OAAO,KAAK,MAAM,IAAI;CACxB,QAAQ;EACN,OAAO;CACT;AACF;AAEA,gBAAuB,oBAAoB,EACzC,KACA,MACA,UACkD;CAClD,MAAM,MAAM,MAAM,SAAS,KAAK;EAC9B,QAAQ;EACR;EACA,SAAS,EAAE,QAAQ,uBAAuB;EAC1C,MAAM,KAAK,UAAU,IAAI;EACzB,cAAc;CAChB,CAAC;CAED,IAAI,CAAC,IAAI,MAAM,CAAC,IAAI,MAClB,MAAM,IAAI,MAAM,uBAAuB,IAAI,OAAO,EAAE;CAGtD,OAAO,iBAAiB,IAAI,IAAI;AAClC;AAEA,SAAgB,gCAAgC,QAAsB;CACpE,OAAO,gBAAgB,0BAA0B,EAC/C,KACA,MACA,UACkD;EAClD,MAAM,MAAM,MAAM,YAAY,KAAK;GACjC;GACA,QAAQ;GACR;GACA,SAAS;IACP,QAAQ;IACR,gBAAgB;GAClB;GACA,MAAM,KAAK,UAAU,IAAI;GACzB,cAAc;EAChB,CAAC;EAED,IAAI,CAAC,IAAI,MAAM,CAAC,IAAI,MAClB,MAAM,IAAI,MAAM,uBAAuB,IAAI,OAAO,EAAE;EAGtD,OAAO,iBAAiB,IAAI,IAAI;CAClC;AACF;AAEA,gBAAgB,iBAAiB,MAA6D;CAC5F,MAAM,SAAS,KAAK,UAAU;CAC9B,MAAM,UAAU,IAAI,YAAY;CAChC,IAAI,SAAS;CAEb,IAAI;EACF,SAAS;GACP,MAAM,EAAE,MAAM,UAAU,MAAM,OAAO,KAAK;GAC1C,IAAI,MACF;GAGF,UAAU,QAAQ,OAAO,OAAO,EAAE,QAAQ,KAAK,CAAC;GAChD,MAAM,QAAQ,OAAO,MAAM,IAAI;GAC/B,SAAS,MAAM,IAAI,KAAK;GAExB,KAAK,MAAM,QAAQ,OAAO;IACxB,IAAI,KAAK,KAAK,MAAM,IAClB;IAGF,MAAM,QAAQ,WAAW,IAAI;IAC7B,IAAI,OACF,MAAM;GAEV;EACF;EAEA,UAAU,QAAQ,OAAO;EACzB,IAAI,OAAO,KAAK,MAAM,IAAI;GACxB,MAAM,QAAQ,WAAW,MAAM;GAC/B,IAAI,OACF,MAAM;EAEV;CACF,UAAU;EACR,MAAM,OAAO,OAAO,EAAE,YAAY,CAAC,CAAC;CACtC;AACF"}

package/dist/core/api.d.ts

@@ -1,10 +1,4 @@
-/**
- * The single funnel for raw-fetch HTTP, so the cross-cutting header, credential,
- * and error policy has one home and call sites only declare intent. Returns a
- * Response (not parsed data) so one primitive serves JSON, the chat's streaming
- * getReader(), and multipart alike. Not for the Inertia world (router/useHttp),
- * which carries its own headers.
- */
+import { BrowserToken as GeneratedBrowserToken, RemoteAccess as GeneratedRemoteAccess } from '../types/generated';
 export declare class ApiError extends Error {
     readonly response: Response;
     constructor(response: Response);
@@ -14,5 +8,18 @@ export type ApiInit = Omit<RequestInit, "headers"> & {
     headers?: Record<string, string>;
     throwOnError?: boolean;
 };
+export type BrowserToken = GeneratedBrowserToken;
+export type RemoteAccess = GeneratedRemoteAccess;
+export type RemoteInit = Omit<RequestInit, "credentials" | "headers"> & {
+    headers?: Record<string, string>;
+    remote: RemoteAccess;
+    retryOnUnauthorized?: boolean;
+    throwOnError?: boolean;
+};
 export declare function apiFetch(url: string, init?: ApiInit): Promise<Response>;
 export declare function apiJson<T>(url: string, init?: ApiInit): Promise<T>;
+export declare function clearRemoteTokenCache(): void;
+export declare function invalidateRemoteToken(remote: RemoteAccess): void;
+export declare function remoteToken(remote: RemoteAccess): Promise<BrowserToken>;
+export declare function remoteFetch(url: string, init: RemoteInit): Promise<Response>;
+export declare function remoteJson<T>(url: string, init: RemoteInit): Promise<T>;

package/dist/core/api.js

@@ -1,3 +1,4 @@
+import { localeHeader } from "../i18n/locale.js";
 import { withHeaders } from "./headers.js";
 //#region resources/js/core/api.ts
 /**
@@ -18,6 +19,9 @@ function xsrfToken() {
 	const match = document.cookie.match(/XSRF-TOKEN=([^;]+)/);
 	return match ? decodeURIComponent(match[1]) : "";
 }
+var tokenRefreshSkewMs = 1e4;
+var remoteTokenCache = /* @__PURE__ */ new Map();
+var pendingRemoteTokens = /* @__PURE__ */ new Map();
 function defaultHeaders(method) {
 	if (!(method !== void 0 && method !== "GET" && method !== "HEAD")) return { Accept: "application/json" };
 	return {
@@ -45,7 +49,79 @@ async function apiFetch(url, init = {}) {
 async function apiJson(url, init) {
 	return (await apiFetch(url, init)).json();
 }
+function remoteTokenKey(remote) {
+	return [
+		remote.source,
+		remote.audience,
+		[...remote.scopes].sort().join(" ")
+	].join("");
+}
+function clearRemoteTokenCache() {
+	remoteTokenCache.clear();
+	pendingRemoteTokens.clear();
+}
+function invalidateRemoteToken(remote) {
+	remoteTokenCache.delete(remoteTokenKey(remote));
+}
+async function remoteToken(remote) {
+	const key = remoteTokenKey(remote);
+	const cached = remoteTokenCache.get(key);
+	if (cached && cached.expiresAt > Date.now() + tokenRefreshSkewMs) return cached.token;
+	const pending = pendingRemoteTokens.get(key);
+	if (pending) return pending;
+	const request = apiJson(remote.tokenEndpoint, {
+		method: "POST",
+		ref: remote.ref,
+		body: JSON.stringify({
+			nodeId: remote.nodeId,
+			nodeType: remote.nodeType,
+			audience: remote.audience,
+			scopes: remote.scopes
+		})
+	}).then((token) => {
+		remoteTokenCache.set(key, {
+			token,
+			expiresAt: Date.now() + Math.max(0, token.expiresIn) * 1e3
+		});
+		return token;
+	}).finally(() => {
+		pendingRemoteTokens.delete(key);
+	});
+	pendingRemoteTokens.set(key, request);
+	return request;
+}
+function isUnauthorized(response) {
+	return response.status === 401 || response.status === 403;
+}
+async function fetchRemoteWithToken(url, init, token) {
+	const { headers, ...rest } = init;
+	return fetch(url, {
+		...rest,
+		credentials: "omit",
+		headers: {
+			Accept: "application/json",
+			...localeHeader(),
+			...headers,
+			Authorization: `${token.tokenType} ${token.accessToken}`
+		}
+	});
+}
+async function remoteFetch(url, init) {
+	const { remote, retryOnUnauthorized = true, throwOnError = true, ...request } = init;
+	let token = await remoteToken(remote);
+	let response = await fetchRemoteWithToken(url, request, token);
+	if (retryOnUnauthorized && isUnauthorized(response)) {
+		invalidateRemoteToken(remote);
+		token = await remoteToken(remote);
+		response = await fetchRemoteWithToken(url, request, token);
+	}
+	if (throwOnError && !response.ok) throw new ApiError(response);
+	return response;
+}
+async function remoteJson(url, init) {
+	return (await remoteFetch(url, init)).json();
+}
 //#endregion
-export { ApiError, apiFetch, apiJson };
+export { ApiError, apiFetch, apiJson, clearRemoteTokenCache, invalidateRemoteToken, remoteFetch, remoteJson, remoteToken };
 
 //# sourceMappingURL=api.js.map

package/dist/core/api.js.map

@@ -1 +1 @@
-{"version":3,"file":"api.js","names":[],"sources":["../../resources/js/core/api.ts"],"sourcesContent":["/**\n * The single funnel for raw-fetch HTTP, so the cross-cutting header, credential,\n * and error policy has one home and call sites only declare intent. Returns a\n * Response (not parsed data) so one primitive serves JSON, the chat's streaming\n * getReader(), and multipart alike. Not for the Inertia world (router/useHttp),\n * which carries its own headers.\n */\n\nimport { withHeaders } from \"./headers\";\n\nexport class ApiError extends Error {\n  constructor(readonly response: Response) {\n    super(`HTTP ${response.status}`);\n  }\n}\n\nfunction xsrfToken(): string {\n  const match = document.cookie.match(/XSRF-TOKEN=([^;]+)/);\n\n  return match ? decodeURIComponent(match[1]) : \"\";\n}\n\nexport type ApiInit = Omit<RequestInit, \"headers\"> & {\n  ref?: string;\n  headers?: Record<string, string>;\n  throwOnError?: boolean;\n};\n\nfunction defaultHeaders(method: string | undefined): Record<string, string> {\n  const isWrite = method !== undefined && method !== \"GET\" && method !== \"HEAD\";\n\n  if (!isWrite) {\n    return { Accept: \"application/json\" };\n  }\n\n  return {\n    Accept: \"application/json\",\n    \"Content-Type\": \"application/json\",\n    \"X-Requested-With\": \"XMLHttpRequest\",\n    \"X-XSRF-TOKEN\": xsrfToken(),\n  };\n}\n\nexport async function apiFetch(url: string, init: ApiInit = {}): Promise<Response> {\n  const { ref, headers, throwOnError = true, method, ...rest } = init;\n  // Some servers reject a lower-case method line, and fetch only normalizes the\n  // standard verbs, so upper-case it here.\n  const normalizedMethod = method?.toUpperCase();\n  const response = await fetch(url, {\n    credentials: \"same-origin\",\n    ...rest,\n    method: normalizedMethod,\n    headers: withHeaders(ref ?? \"\", { ...defaultHeaders(normalizedMethod), ...headers }),\n  });\n\n  if (throwOnError && !response.ok) {\n    throw new ApiError(response);\n  }\n\n  return response;\n}\n\nexport async function apiJson<T>(url: string, init?: ApiInit): Promise<T> {\n  return (await apiFetch(url, init)).json() as Promise<T>;\n}\n"],"mappings":";;;;;;;;;AAUA,IAAa,WAAb,cAA8B,MAAM;CACb;CAArB,YAAY,UAA6B;EACvC,MAAM,QAAQ,SAAS,QAAQ;EADZ,KAAA,WAAA;CAErB;AACF;AAEA,SAAS,YAAoB;CAC3B,MAAM,QAAQ,SAAS,OAAO,MAAM,oBAAoB;CAExD,OAAO,QAAQ,mBAAmB,MAAM,EAAE,IAAI;AAChD;AAQA,SAAS,eAAe,QAAoD;CAG1E,IAAI,EAFY,WAAW,KAAA,KAAa,WAAW,SAAS,WAAW,SAGrE,OAAO,EAAE,QAAQ,mBAAmB;CAGtC,OAAO;EACL,QAAQ;EACR,gBAAgB;EAChB,oBAAoB;EACpB,gBAAgB,UAAU;CAC5B;AACF;AAEA,eAAsB,SAAS,KAAa,OAAgB,CAAC,GAAsB;CACjF,MAAM,EAAE,KAAK,SAAS,eAAe,MAAM,QAAQ,GAAG,SAAS;CAG/D,MAAM,mBAAmB,QAAQ,YAAY;CAC7C,MAAM,WAAW,MAAM,MAAM,KAAK;EAChC,aAAa;EACb,GAAG;EACH,QAAQ;EACR,SAAS,YAAY,OAAO,IAAI;GAAE,GAAG,eAAe,gBAAgB;GAAG,GAAG;EAAQ,CAAC;CACrF,CAAC;CAED,IAAI,gBAAgB,CAAC,SAAS,IAC5B,MAAM,IAAI,SAAS,QAAQ;CAG7B,OAAO;AACT;AAEA,eAAsB,QAAW,KAAa,MAA4B;CACxE,QAAQ,MAAM,SAAS,KAAK,IAAI,GAAG,KAAK;AAC1C"}
+{"version":3,"file":"api.js","names":[],"sources":["../../resources/js/core/api.ts"],"sourcesContent":["/**\n * The single funnel for raw-fetch HTTP, so the cross-cutting header, credential,\n * and error policy has one home and call sites only declare intent. Returns a\n * Response (not parsed data) so one primitive serves JSON, the chat's streaming\n * getReader(), and multipart alike. Not for the Inertia world (router/useHttp),\n * which carries its own headers.\n */\n\nimport { withHeaders } from \"./headers\";\nimport { localeHeader } from \"../i18n/locale\";\nimport type {\n  BrowserToken as GeneratedBrowserToken,\n  RemoteAccess as GeneratedRemoteAccess,\n} from \"../types/generated\";\n\nexport class ApiError extends Error {\n  constructor(readonly response: Response) {\n    super(`HTTP ${response.status}`);\n  }\n}\n\nfunction xsrfToken(): string {\n  const match = document.cookie.match(/XSRF-TOKEN=([^;]+)/);\n\n  return match ? decodeURIComponent(match[1]) : \"\";\n}\n\nexport type ApiInit = Omit<RequestInit, \"headers\"> & {\n  ref?: string;\n  headers?: Record<string, string>;\n  throwOnError?: boolean;\n};\n\nexport type BrowserToken = GeneratedBrowserToken;\nexport type RemoteAccess = GeneratedRemoteAccess;\n\nexport type RemoteInit = Omit<RequestInit, \"credentials\" | \"headers\"> & {\n  headers?: Record<string, string>;\n  remote: RemoteAccess;\n  retryOnUnauthorized?: boolean;\n  throwOnError?: boolean;\n};\n\ntype CachedBrowserToken = {\n  expiresAt: number;\n  token: BrowserToken;\n};\n\nconst tokenRefreshSkewMs = 10_000;\nconst remoteTokenCache = new Map<string, CachedBrowserToken>();\nconst pendingRemoteTokens = new Map<string, Promise<BrowserToken>>();\n\nfunction defaultHeaders(method: string | undefined): Record<string, string> {\n  const isWrite = method !== undefined && method !== \"GET\" && method !== \"HEAD\";\n\n  if (!isWrite) {\n    return { Accept: \"application/json\" };\n  }\n\n  return {\n    Accept: \"application/json\",\n    \"Content-Type\": \"application/json\",\n    \"X-Requested-With\": \"XMLHttpRequest\",\n    \"X-XSRF-TOKEN\": xsrfToken(),\n  };\n}\n\nexport async function apiFetch(url: string, init: ApiInit = {}): Promise<Response> {\n  const { ref, headers, throwOnError = true, method, ...rest } = init;\n  // Some servers reject a lower-case method line, and fetch only normalizes the\n  // standard verbs, so upper-case it here.\n  const normalizedMethod = method?.toUpperCase();\n  const response = await fetch(url, {\n    credentials: \"same-origin\",\n    ...rest,\n    method: normalizedMethod,\n    headers: withHeaders(ref ?? \"\", { ...defaultHeaders(normalizedMethod), ...headers }),\n  });\n\n  if (throwOnError && !response.ok) {\n    throw new ApiError(response);\n  }\n\n  return response;\n}\n\nexport async function apiJson<T>(url: string, init?: ApiInit): Promise<T> {\n  return (await apiFetch(url, init)).json() as Promise<T>;\n}\n\nfunction remoteTokenKey(remote: RemoteAccess): string {\n  return [remote.source, remote.audience, [...remote.scopes].sort().join(\" \")].join(\"\\u001f\");\n}\n\nexport function clearRemoteTokenCache(): void {\n  remoteTokenCache.clear();\n  pendingRemoteTokens.clear();\n}\n\nexport function invalidateRemoteToken(remote: RemoteAccess): void {\n  remoteTokenCache.delete(remoteTokenKey(remote));\n}\n\nexport async function remoteToken(remote: RemoteAccess): Promise<BrowserToken> {\n  const key = remoteTokenKey(remote);\n  const cached = remoteTokenCache.get(key);\n\n  if (cached && cached.expiresAt > Date.now() + tokenRefreshSkewMs) {\n    return cached.token;\n  }\n\n  const pending = pendingRemoteTokens.get(key);\n\n  if (pending) {\n    return pending;\n  }\n\n  const request = apiJson<BrowserToken>(remote.tokenEndpoint, {\n    method: \"POST\",\n    ref: remote.ref,\n    body: JSON.stringify({\n      nodeId: remote.nodeId,\n      nodeType: remote.nodeType,\n      audience: remote.audience,\n      scopes: remote.scopes,\n    }),\n  })\n    .then((token) => {\n      remoteTokenCache.set(key, {\n        token,\n        expiresAt: Date.now() + Math.max(0, token.expiresIn) * 1000,\n      });\n\n      return token;\n    })\n    .finally(() => {\n      pendingRemoteTokens.delete(key);\n    });\n\n  pendingRemoteTokens.set(key, request);\n\n  return request;\n}\n\nfunction isUnauthorized(response: Response): boolean {\n  return response.status === 401 || response.status === 403;\n}\n\nasync function fetchRemoteWithToken(\n  url: string,\n  init: Omit<RemoteInit, \"remote\" | \"retryOnUnauthorized\" | \"throwOnError\">,\n  token: BrowserToken,\n): Promise<Response> {\n  const { headers, ...rest } = init;\n\n  return fetch(url, {\n    ...rest,\n    credentials: \"omit\",\n    headers: {\n      Accept: \"application/json\",\n      ...localeHeader(),\n      ...headers,\n      Authorization: `${token.tokenType} ${token.accessToken}`,\n    },\n  });\n}\n\nexport async function remoteFetch(url: string, init: RemoteInit): Promise<Response> {\n  const { remote, retryOnUnauthorized = true, throwOnError = true, ...request } = init;\n  let token = await remoteToken(remote);\n  let response = await fetchRemoteWithToken(url, request, token);\n\n  if (retryOnUnauthorized && isUnauthorized(response)) {\n    invalidateRemoteToken(remote);\n    token = await remoteToken(remote);\n    response = await fetchRemoteWithToken(url, request, token);\n  }\n\n  if (throwOnError && !response.ok) {\n    throw new ApiError(response);\n  }\n\n  return response;\n}\n\nexport async function remoteJson<T>(url: string, init: RemoteInit): Promise<T> {\n  return (await remoteFetch(url, init)).json() as Promise<T>;\n}\n"],"mappings":";;;;;;;;;;AAeA,IAAa,WAAb,cAA8B,MAAM;CACb;CAArB,YAAY,UAA6B;EACvC,MAAM,QAAQ,SAAS,QAAQ;EADZ,KAAA,WAAA;CAErB;AACF;AAEA,SAAS,YAAoB;CAC3B,MAAM,QAAQ,SAAS,OAAO,MAAM,oBAAoB;CAExD,OAAO,QAAQ,mBAAmB,MAAM,EAAE,IAAI;AAChD;AAuBA,IAAM,qBAAqB;AAC3B,IAAM,mCAAmB,IAAI,IAAgC;AAC7D,IAAM,sCAAsB,IAAI,IAAmC;AAEnE,SAAS,eAAe,QAAoD;CAG1E,IAAI,EAFY,WAAW,KAAA,KAAa,WAAW,SAAS,WAAW,SAGrE,OAAO,EAAE,QAAQ,mBAAmB;CAGtC,OAAO;EACL,QAAQ;EACR,gBAAgB;EAChB,oBAAoB;EACpB,gBAAgB,UAAU;CAC5B;AACF;AAEA,eAAsB,SAAS,KAAa,OAAgB,CAAC,GAAsB;CACjF,MAAM,EAAE,KAAK,SAAS,eAAe,MAAM,QAAQ,GAAG,SAAS;CAG/D,MAAM,mBAAmB,QAAQ,YAAY;CAC7C,MAAM,WAAW,MAAM,MAAM,KAAK;EAChC,aAAa;EACb,GAAG;EACH,QAAQ;EACR,SAAS,YAAY,OAAO,IAAI;GAAE,GAAG,eAAe,gBAAgB;GAAG,GAAG;EAAQ,CAAC;CACrF,CAAC;CAED,IAAI,gBAAgB,CAAC,SAAS,IAC5B,MAAM,IAAI,SAAS,QAAQ;CAG7B,OAAO;AACT;AAEA,eAAsB,QAAW,KAAa,MAA4B;CACxE,QAAQ,MAAM,SAAS,KAAK,IAAI,GAAG,KAAK;AAC1C;AAEA,SAAS,eAAe,QAA8B;CACpD,OAAO;EAAC,OAAO;EAAQ,OAAO;EAAU,CAAC,GAAG,OAAO,MAAM,EAAE,KAAK,EAAE,KAAK,GAAG;CAAC,EAAE,KAAK,GAAQ;AAC5F;AAEA,SAAgB,wBAA8B;CAC5C,iBAAiB,MAAM;CACvB,oBAAoB,MAAM;AAC5B;AAEA,SAAgB,sBAAsB,QAA4B;CAChE,iBAAiB,OAAO,eAAe,MAAM,CAAC;AAChD;AAEA,eAAsB,YAAY,QAA6C;CAC7E,MAAM,MAAM,eAAe,MAAM;CACjC,MAAM,SAAS,iBAAiB,IAAI,GAAG;CAEvC,IAAI,UAAU,OAAO,YAAY,KAAK,IAAI,IAAI,oBAC5C,OAAO,OAAO;CAGhB,MAAM,UAAU,oBAAoB,IAAI,GAAG;CAE3C,IAAI,SACF,OAAO;CAGT,MAAM,UAAU,QAAsB,OAAO,eAAe;EAC1D,QAAQ;EACR,KAAK,OAAO;EACZ,MAAM,KAAK,UAAU;GACnB,QAAQ,OAAO;GACf,UAAU,OAAO;GACjB,UAAU,OAAO;GACjB,QAAQ,OAAO;EACjB,CAAC;CACH,CAAC,EACE,MAAM,UAAU;EACf,iBAAiB,IAAI,KAAK;GACxB;GACA,WAAW,KAAK,IAAI,IAAI,KAAK,IAAI,GAAG,MAAM,SAAS,IAAI;EACzD,CAAC;EAED,OAAO;CACT,CAAC,EACA,cAAc;EACb,oBAAoB,OAAO,GAAG;CAChC,CAAC;CAEH,oBAAoB,IAAI,KAAK,OAAO;CAEpC,OAAO;AACT;AAEA,SAAS,eAAe,UAA6B;CACnD,OAAO,SAAS,WAAW,OAAO,SAAS,WAAW;AACxD;AAEA,eAAe,qBACb,KACA,MACA,OACmB;CACnB,MAAM,EAAE,SAAS,GAAG,SAAS;CAE7B,OAAO,MAAM,KAAK;EAChB,GAAG;EACH,aAAa;EACb,SAAS;GACP,QAAQ;GACR,GAAG,aAAa;GAChB,GAAG;GACH,eAAe,GAAG,MAAM,UAAU,GAAG,MAAM;EAC7C;CACF,CAAC;AACH;AAEA,eAAsB,YAAY,KAAa,MAAqC;CAClF,MAAM,EAAE,QAAQ,sBAAsB,MAAM,eAAe,MAAM,GAAG,YAAY;CAChF,IAAI,QAAQ,MAAM,YAAY,MAAM;CACpC,IAAI,WAAW,MAAM,qBAAqB,KAAK,SAAS,KAAK;CAE7D,IAAI,uBAAuB,eAAe,QAAQ,GAAG;EACnD,sBAAsB,MAAM;EAC5B,QAAQ,MAAM,YAAY,MAAM;EAChC,WAAW,MAAM,qBAAqB,KAAK,SAAS,KAAK;CAC3D;CAEA,IAAI,gBAAgB,CAAC,SAAS,IAC5B,MAAM,IAAI,SAAS,QAAQ;CAG7B,OAAO;AACT;AAEA,eAAsB,WAAc,KAAa,MAA8B;CAC7E,QAAQ,MAAM,YAAY,KAAK,IAAI,GAAG,KAAK;AAC7C"}

package/dist/core/components/badge.js

@@ -1,14 +1,14 @@
 import { cn } from "../../lib/utils.js";
 import "react";
+import { jsx } from "react/jsx-runtime";
 import { Slot } from "@radix-ui/react-slot";
 import { cva } from "class-variance-authority";
-import { jsx } from "react/jsx-runtime";
 //#region resources/js/core/components/badge.tsx
 var badgeVariants = cva("inline-flex items-center justify-center rounded-lt-sm border px-2 py-0.5 text-xs font-medium w-fit whitespace-nowrap shrink-0 [&>svg]:size-lt-icon-xs gap-1 [&>svg]:pointer-events-none focus-visible:border-lt-ring focus-visible:ring-lt-ring/50 focus-visible:ring-[3px] aria-invalid:ring-lt-danger/20 dark:aria-invalid:ring-lt-danger/40 aria-invalid:border-lt-danger transition-[color,box-shadow] overflow-hidden", {
 	variants: { variant: {
-		default: "border-transparent bg-lt-primary text-lt-primary-fg [a&]:hover:bg-lt-primary/90",
-		secondary: "border-transparent bg-lt-secondary text-lt-secondary-fg [a&]:hover:bg-lt-secondary/90",
-		destructive: "border-transparent bg-lt-danger text-lt-danger-fg [a&]:hover:bg-lt-danger/90 focus-visible:ring-lt-danger/20 dark:focus-visible:ring-lt-danger/40 dark:bg-lt-danger/60",
+		default: "border-transparent bg-lt-primary text-lt-primary-fg [a&]:hover:bg-lt-primary-hover",
+		secondary: "border-transparent bg-lt-secondary text-lt-secondary-fg [a&]:hover:bg-lt-secondary-hover",
+		destructive: "border-transparent bg-lt-danger text-lt-danger-fg [a&]:hover:bg-lt-danger-hover focus-visible:ring-lt-danger/20 dark:focus-visible:ring-lt-danger/40 dark:bg-lt-danger/60",
 		outline: "border-lt-border text-lt-fg [a&]:hover:bg-lt-accent [a&]:hover:text-lt-accent-fg"
 	} },
 	defaultVariants: { variant: "default" }

package/dist/core/components/badge.js.map

@@ -1 +1 @@
-{"version":3,"file":"badge.js","names":[],"sources":["../../../resources/js/core/components/badge.tsx"],"sourcesContent":["import { Slot } from \"@radix-ui/react-slot\";\nimport { cva, type VariantProps } from \"class-variance-authority\";\nimport * as React from \"react\";\nimport { cn } from \"@lattice-php/lattice/lib/utils\";\nimport type { RendererComponent } from \"@lattice-php/lattice/core/types\";\n\nconst badgeVariants = cva(\n  \"inline-flex items-center justify-center rounded-lt-sm border px-2 py-0.5 text-xs font-medium w-fit whitespace-nowrap shrink-0 [&>svg]:size-lt-icon-xs gap-1 [&>svg]:pointer-events-none focus-visible:border-lt-ring focus-visible:ring-lt-ring/50 focus-visible:ring-[3px] aria-invalid:ring-lt-danger/20 dark:aria-invalid:ring-lt-danger/40 aria-invalid:border-lt-danger transition-[color,box-shadow] overflow-hidden\",\n  {\n    variants: {\n      variant: {\n        default: \"border-transparent bg-lt-primary text-lt-primary-fg [a&]:hover:bg-lt-primary/90\",\n        secondary:\n          \"border-transparent bg-lt-secondary text-lt-secondary-fg [a&]:hover:bg-lt-secondary/90\",\n        destructive:\n          \"border-transparent bg-lt-danger text-lt-danger-fg [a&]:hover:bg-lt-danger/90 focus-visible:ring-lt-danger/20 dark:focus-visible:ring-lt-danger/40 dark:bg-lt-danger/60\",\n        outline: \"border-lt-border text-lt-fg [a&]:hover:bg-lt-accent [a&]:hover:text-lt-accent-fg\",\n      },\n    },\n    defaultVariants: {\n      variant: \"default\",\n    },\n  },\n);\n\nfunction Badge({\n  className,\n  variant,\n  asChild = false,\n  ...props\n}: React.ComponentProps<\"span\"> & VariantProps<typeof badgeVariants> & { asChild?: boolean }) {\n  const Comp = asChild ? Slot : \"span\";\n\n  return (\n    <Comp data-slot=\"badge\" className={cn(badgeVariants({ variant }), className)} {...props} />\n  );\n}\n\nconst BadgeComponent: RendererComponent<\"badge\"> = ({ node }) => (\n  <Badge variant=\"secondary\" className=\"w-fit px-3 py-1\">\n    {node.props.label}\n  </Badge>\n);\n\nexport default BadgeComponent;\nexport { Badge, badgeVariants };\n"],"mappings":";;;;;;AAMA,IAAM,gBAAgB,IACpB,8ZACA;CACE,UAAU,EACR,SAAS;EACP,SAAS;EACT,WACE;EACF,aACE;EACF,SAAS;CACX,EACF;CACA,iBAAiB,EACf,SAAS,UACX;AACF,CACF;AAEA,SAAS,MAAM,EACb,WACA,SACA,UAAU,OACV,GAAG,SACyF;CAG5F,OACE,oBAHW,UAAU,OAAO,QAG5B;EAAM,aAAU;EAAQ,WAAW,GAAG,cAAc,EAAE,QAAQ,CAAC,GAAG,SAAS;EAAG,GAAI;CAAQ,CAAA;AAE9F;AAEA,IAAM,kBAA8C,EAAE,WACpD,oBAAC,OAAD;CAAO,SAAQ;CAAY,WAAU;WAClC,KAAK,MAAM;AACP,CAAA"}
+{"version":3,"file":"badge.js","names":[],"sources":["../../../resources/js/core/components/badge.tsx"],"sourcesContent":["import { Slot } from \"@radix-ui/react-slot\";\nimport { cva, type VariantProps } from \"class-variance-authority\";\nimport * as React from \"react\";\nimport { cn } from \"@lattice-php/lattice/lib/utils\";\nimport type { RendererComponent } from \"@lattice-php/lattice/core/types\";\n\nconst badgeVariants = cva(\n  \"inline-flex items-center justify-center rounded-lt-sm border px-2 py-0.5 text-xs font-medium w-fit whitespace-nowrap shrink-0 [&>svg]:size-lt-icon-xs gap-1 [&>svg]:pointer-events-none focus-visible:border-lt-ring focus-visible:ring-lt-ring/50 focus-visible:ring-[3px] aria-invalid:ring-lt-danger/20 dark:aria-invalid:ring-lt-danger/40 aria-invalid:border-lt-danger transition-[color,box-shadow] overflow-hidden\",\n  {\n    variants: {\n      variant: {\n        default:\n          \"border-transparent bg-lt-primary text-lt-primary-fg [a&]:hover:bg-lt-primary-hover\",\n        secondary:\n          \"border-transparent bg-lt-secondary text-lt-secondary-fg [a&]:hover:bg-lt-secondary-hover\",\n        destructive:\n          \"border-transparent bg-lt-danger text-lt-danger-fg [a&]:hover:bg-lt-danger-hover focus-visible:ring-lt-danger/20 dark:focus-visible:ring-lt-danger/40 dark:bg-lt-danger/60\",\n        outline: \"border-lt-border text-lt-fg [a&]:hover:bg-lt-accent [a&]:hover:text-lt-accent-fg\",\n      },\n    },\n    defaultVariants: {\n      variant: \"default\",\n    },\n  },\n);\n\nfunction Badge({\n  className,\n  variant,\n  asChild = false,\n  ...props\n}: React.ComponentProps<\"span\"> & VariantProps<typeof badgeVariants> & { asChild?: boolean }) {\n  const Comp = asChild ? Slot : \"span\";\n\n  return (\n    <Comp data-slot=\"badge\" className={cn(badgeVariants({ variant }), className)} {...props} />\n  );\n}\n\nconst BadgeComponent: RendererComponent<\"badge\"> = ({ node }) => (\n  <Badge variant=\"secondary\" className=\"w-fit px-3 py-1\">\n    {node.props.label}\n  </Badge>\n);\n\nexport default BadgeComponent;\nexport { Badge, badgeVariants };\n"],"mappings":";;;;;;AAMA,IAAM,gBAAgB,IACpB,8ZACA;CACE,UAAU,EACR,SAAS;EACP,SACE;EACF,WACE;EACF,aACE;EACF,SAAS;CACX,EACF;CACA,iBAAiB,EACf,SAAS,UACX;AACF,CACF;AAEA,SAAS,MAAM,EACb,WACA,SACA,UAAU,OACV,GAAG,SACyF;CAG5F,OACE,oBAHW,UAAU,OAAO,QAG5B;EAAM,aAAU;EAAQ,WAAW,GAAG,cAAc,EAAE,QAAQ,CAAC,GAAG,SAAS;EAAG,GAAI;CAAQ,CAAA;AAE9F;AAEA,IAAM,kBAA8C,EAAE,WACpD,oBAAC,OAAD;CAAO,SAAQ;CAAY,WAAU;WAClC,KAAK,MAAM;AACP,CAAA"}