nucleus-core-ts 0.9.818 → 0.9.820

package/dist/fe/components/IntegrationsPage/components/MappingList.d.ts

@@ -4,8 +4,16 @@ export type MappingListProps = {
     /** The connection whose mappings these are. */
     sourceId: string;
     selectedId: string | null;
+    /**
+     * Run THIS one.
+     *
+     * The import step imports whichever mapping happens to be selected, which is
+     * an answer to "run something" and not to "run this". Somebody looking at a
+     * list of four wants the fourth, and the row is where they are looking.
+     */
+    onRun?: (mapping: IntegrationMapping) => void;
     /** Bumped by the tab after a save or a delete so page one is fetched again. */
     reloadToken: number;
     onSelect: (mapping: IntegrationMapping) => void;
 };
-export declare function MappingList({ actions, sourceId, selectedId, reloadToken, onSelect, }: MappingListProps): import("react/jsx-runtime").JSX.Element;
+export declare function MappingList({ actions, sourceId, selectedId, reloadToken, onSelect, onRun, }: MappingListProps): import("react/jsx-runtime").JSX.Element;

package/dist/fe/components/IntegrationsPage/components/MappingList.js

@@ -27,7 +27,7 @@ function describeLastRun(value) {
     const when = new Date(value);
     return Number.isNaN(when.getTime()) ? 'Never run' : `Last run ${when.toLocaleString()}`;
 }
-export function MappingList({ actions, sourceId, selectedId, reloadToken, onSelect }) {
+export function MappingList({ actions, sourceId, selectedId, reloadToken, onSelect, onRun }) {
     const labels = useLabels();
     const store = useIntegrationsStore();
     const uid = useId();
@@ -142,40 +142,51 @@ export function MappingList({ actions, sourceId, selectedId, reloadToken, onSele
                     }),
                     /*#__PURE__*/ _jsx("ul", {
                         className: theme.list.wrapper,
-                        children: list.items.map((mapping)=>/*#__PURE__*/ _jsx("li", {
-                                children: /*#__PURE__*/ _jsxs("button", {
-                                    "aria-current": mapping.id === selectedId ? 'true' : undefined,
-                                    className: cn(theme.list.item, mapping.id === selectedId ? theme.list.itemSelected : undefined),
-                                    onClick: ()=>onSelect(mapping),
-                                    type: "button",
-                                    children: [
-                                        /*#__PURE__*/ _jsx("span", {
-                                            className: theme.list.itemTitle,
-                                            children: mapping.name
-                                        }),
-                                        /*#__PURE__*/ _jsx("span", {
-                                            className: theme.list.itemMeta,
-                                            children: mapping.targetEntity || 'No target entity'
-                                        }),
-                                        /*#__PURE__*/ _jsxs("span", {
-                                            className: "mt-1 flex flex-wrap items-center gap-1.5",
-                                            children: [
-                                                /*#__PURE__*/ _jsx(Badge, {
-                                                    tone: WRITE_MODE_TONE[mapping.writeMode],
-                                                    children: mapping.writeMode
-                                                }),
-                                                mapping.enabled === false ? /*#__PURE__*/ _jsx(Badge, {
-                                                    tone: "neutral",
-                                                    children: "disabled"
-                                                }) : null,
-                                                /*#__PURE__*/ _jsx("span", {
-                                                    className: theme.list.itemMeta,
-                                                    children: describeLastRun(mapping.lastRunAt)
-                                                })
-                                            ]
-                                        })
-                                    ]
-                                })
+                        children: list.items.map((mapping)=>/*#__PURE__*/ _jsxs("li", {
+                                className: "flex items-stretch gap-1",
+                                children: [
+                                    /*#__PURE__*/ _jsxs("button", {
+                                        "aria-current": mapping.id === selectedId ? 'true' : undefined,
+                                        className: cn(theme.list.item, 'flex-1', mapping.id === selectedId ? theme.list.itemSelected : undefined),
+                                        onClick: ()=>onSelect(mapping),
+                                        type: "button",
+                                        children: [
+                                            /*#__PURE__*/ _jsx("span", {
+                                                className: theme.list.itemTitle,
+                                                children: mapping.name
+                                            }),
+                                            /*#__PURE__*/ _jsx("span", {
+                                                className: theme.list.itemMeta,
+                                                children: mapping.targetEntity || 'No target entity'
+                                            }),
+                                            /*#__PURE__*/ _jsxs("span", {
+                                                className: "mt-1 flex flex-wrap items-center gap-1.5",
+                                                children: [
+                                                    /*#__PURE__*/ _jsx(Badge, {
+                                                        tone: WRITE_MODE_TONE[mapping.writeMode],
+                                                        children: mapping.writeMode
+                                                    }),
+                                                    mapping.enabled === false ? /*#__PURE__*/ _jsx(Badge, {
+                                                        tone: "neutral",
+                                                        children: "disabled"
+                                                    }) : null,
+                                                    /*#__PURE__*/ _jsx("span", {
+                                                        className: theme.list.itemMeta,
+                                                        children: describeLastRun(mapping.lastRunAt)
+                                                    })
+                                                ]
+                                            })
+                                        ]
+                                    }),
+                                    onRun ? /*#__PURE__*/ _jsx("button", {
+                                        "aria-label": `Import ${mapping.name}`,
+                                        className: cn(theme.button.secondary, 'self-center whitespace-nowrap'),
+                                        onClick: ()=>onRun(mapping),
+                                        title: `Preview and import ${mapping.name}`,
+                                        type: "button",
+                                        children: "Import"
+                                    }) : null
+                                ]
                             }, mapping.id))
                     })
                 ]

package/dist/fe/components/IntegrationsPage/components/MappingsTab.js

@@ -223,6 +223,10 @@ export function MappingsTab({ actions }) {
                         children: /*#__PURE__*/ _jsx(MappingList, {
                             actions: actions,
                             sourceId: sourceId,
+                            onRun: (mapping)=>{
+                                openMapping(mapping);
+                                store.setTab('runs');
+                            },
                             onSelect: openMapping,
                             reloadToken: reloadToken,
                             selectedId: selected?.id ?? null

package/dist/fe/components/IntegrationsPage/components/RunPanel.js

@@ -93,6 +93,46 @@ export function RunPanel({ mapping, actions, onSubscribeProgress, onRunSettled }
             onRunSettled?.();
         }
     });
+    /**
+   * Ask the server whether the run has finished.
+   *
+   * Progress frames are PUSHED — over whatever realtime channel the app wires
+   * up — and an app that wires none, or a socket that drops, leaves this panel
+   * saying "waiting for the first update" over an import that finished minutes
+   * ago, with a Cancel button for a run that is not running. The bar was the
+   * only thing on screen and it was lying.
+   *
+   * So the run's own row is the authority: it is polled while one is active, it
+   * settles the panel when the status is terminal, and it says what happened.
+   * Realtime stays the fast path and is no longer the only one.
+   */ const pollActiveRun = useEffectEvent(()=>{
+        const runId = store.activeRunId;
+        if (!runId) return;
+        actions.listRuns({
+            mappingId: mapping.id,
+            page: 1,
+            limit: 5
+        }).then((result)=>{
+            if (store.activeRunId !== runId) return;
+            const run = result.items.find((item)=>item.id === runId);
+            if (!run || run.status === 'running' || run.status === 'queued') return;
+            store.setActiveRun(null);
+            store.setProgress(null);
+            if (run.status === 'failed') {
+                store.setError(run.errors?.[0] ?? 'The import failed. Its history entry has the detail.');
+            }
+            onRunSettled?.();
+        }).catch(()=>{
+        // A failed poll is not a failed run. The next tick asks again.
+        });
+    });
+    useEffect(()=>{
+        if (!activeRunId) return;
+        const timer = setInterval(pollActiveRun, 2000);
+        return ()=>clearInterval(timer);
+    }, [
+        activeRunId
+    ]);
     const openProgressStream = useEffectEvent(()=>onSubscribeProgress?.(applyProgress));
     useEffect(()=>{
         // The app hands back its own unsubscribe; returning it is the cleanup.

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "nucleus-core-ts",
-	"version": "0.9.818",
+	"version": "0.9.820",
 	"description": "Production-ready, enterprise-grade TypeScript framework for building multi-tenant APIs",
 	"author": "Hidayet Can Özcan <hidayetcan@gmail.com>",
 	"license": "SEE LICENSE IN LICENSE",