@revenexx/studio-integrations 2.9.0 → 2.10.0

package/CHANGELOG.md

@@ -1,5 +1,11 @@
 # @revenexx/studio-integrations
 
+## 2.10.0
+
+### Minor Changes
+
+- 0a303a8: A node card names the package its node comes from, on the line under the name and in front of the version: `ERPNext · v1.0.0`, `Core · v1.0.0`. Until now only the vendor's logo in the corner said so, which tells nobody who does not know the logo, and core nodes carry none. A node its author has renamed shows the package here too. A package version that declares no label is named after its package name, the same way the template gallery names it. The card does not grow (PO-823).
+
 ## 2.9.0
 
 ### Minor Changes

package/dist/module.json

@@ -1,9 +1,9 @@
 {
   "name": "@revenexx/studio-integrations",
   "configKey": "studioIntegrations",
-  "version": "2.9.0",
+  "version": "2.10.0",
   "builder": {
-    "@nuxt/module-builder": "1.0.2",
+    "@nuxt/module-builder": "1.0.3",
     "unbuild": "unknown"
   }
 }

package/dist/runtime/components/Integrations/NodePalette.vue

@@ -7,6 +7,7 @@ import { INTEGRATION_NODE_CATALOG, isOffered, NODE_CATEGORIES, TRIGGER_TEMPLATES
 import { resolveLocalized, studioLocale } from "../../utils/localize";
 import { orderFolderLeaves, orderFolders } from "../../utils/paletteOrder";
 import { declaredFolderIcon } from "../../utils/folderMark";
+import { packageLabel, packageTail } from "../../utils/packageLabel";
 import { nodeIcon } from "../../data/nodeIcons";
 const { load: loadNodes } = useIntegrationsNodes();
 onMounted(() => {
@@ -54,11 +55,6 @@ const VERB_PREFIX = /^(create|get|list|update|delete|search|send|sync|upsert|can
 function titleize(kebab) {
   return kebab.split("-").map((s) => s.charAt(0).toUpperCase() + s.slice(1)).join(" ");
 }
-function packageAppLabel(pkg) {
-  if (pkg.label) return pkg.label;
-  const tail = pkg.name.split("/").pop() ?? pkg.name;
-  return titleize(tail.replace(/^integrations-nodes-/, ""));
-}
 function isAppPackage(pkg) {
   if (!pkg) return false;
   const tail = pkg.name.split("/").pop() ?? pkg.name;
@@ -74,9 +70,9 @@ function groupPath(m) {
     return [coreFolder(m).label, ...path.slice(1)];
   }
   if (isAppPackage(m.__package)) {
-    const app = packageAppLabel(m.__package);
+    const app = packageLabel(m.__package);
     const local = m.slug.split(":").pop() ?? m.slug;
-    const pkgKey = (m.__package.name.split("/").pop() ?? "").replace(/^integrations-nodes-/, "");
+    const pkgKey = packageTail(m.__package.name);
     const rest = local.startsWith(`${pkgKey}-`) ? local.slice(pkgKey.length + 1) : local;
     const verb = VERB_PREFIX.exec(rest);
     return verb ? [app, titleize(verb[2])] : [app];

package/dist/runtime/components/Integrations/WorkflowNodeView.vue

@@ -13,6 +13,7 @@ import { resolveLocalized } from "../../utils/localize";
 import { SIDE_POSITION, distributedStyle, spacedByLabel } from "./canvasSides";
 import { fieldDisplayLabel, nodeDisplayLabel } from "../../utils/validationFindings";
 import { nodeDisplayName } from "../../utils/nodeDisplayName";
+import { packageLabel } from "../../utils/packageLabel";
 const props = defineProps({
   id: { type: String, required: true },
   data: { type: Object, required: true },
@@ -24,6 +25,7 @@ const t = useIntegrationsT();
 const manifest = computed(() => findManifest(props.data.nodeSlug, props.data.nodeVersion));
 const category = computed(() => NODE_CATEGORIES.find((c) => c.key === manifest.value?.category));
 const title = computed(() => nodeDisplayName(props.data));
+const fromPackage = computed(() => manifest.value?.__package ? packageLabel(manifest.value.__package) : null);
 const invalidFields = computed(() => props.data.__invalidFields ?? []);
 const invalidLabel = computed(() => t("integration.canvas.node.badge.invalidConfig", invalidFields.value.length, {
   fields: invalidFields.value.map((key) => fieldDisplayLabel(props.data, key)).join(", ")
@@ -573,6 +575,12 @@ function remove() {
              inspector. Left-aligned and on the second line, clear of the
              top-right edit affordance (PO-192). -->
         <div v-if="data.nodeVersion" class="mt-0.5 flex items-center gap-1.5 text-sm text-muted-foreground">
+          <span
+            v-if="fromPackage"
+            :title="fromPackage"
+            class="min-w-0 truncate text-[10px] font-medium leading-none text-muted-foreground/70"
+          >{{ fromPackage }}</span>
+          <span v-if="fromPackage" aria-hidden="true" class="text-[10px] leading-none text-muted-foreground/40">·</span>
           <span
             class="shrink-0 text-[10px] font-medium leading-none tabular-nums text-muted-foreground/55"
             :title="t('integration.canvas.node.meta.versionTitle', { version: data.nodeVersion })"

package/dist/runtime/data/integrationTemplates.js

@@ -1,4 +1,5 @@
 import { useIntegrationsT } from "../composables/useIntegrationsT.js";
+import { packageLabel, packageTail } from "../utils/packageLabel.js";
 export const TEMPLATE_CATEGORIES = [
   // Uniform muted pill — the label carries the meaning, no rainbow needed.
   { key: "commerce", label: "Commerce", color: "bg-slate-100 text-slate-700" },
@@ -23,8 +24,6 @@ export function templateCategoryLabel(key) {
 }
 export function templatePackageLabel(tpl) {
   const pkg = tpl.package;
-  if (!pkg) return null;
-  const tail = (pkg.name.split("/").pop() ?? pkg.name).replace(/^integrations-nodes-/, "");
-  if (tail === "core") return null;
-  return pkg.label ?? tail.split("-").map((s) => s.charAt(0).toUpperCase() + s.slice(1)).join(" ");
+  if (!pkg || packageTail(pkg.name) === "core") return null;
+  return packageLabel(pkg);
 }

package/dist/runtime/utils/apiError.js

@@ -23,11 +23,14 @@ export function apiRefusal(err, drawn) {
   if (!(err instanceof IntegrationsApiError) || err.status !== 422) return refusal;
   const errors = err.body?.errors;
   if (!errors || typeof errors !== "object") return refusal;
-  const keys = Object.keys(errors).filter((key) => key !== "blob" && !key.startsWith("blob."));
-  for (const key of keys) {
-    if (keys.some((other) => other.startsWith(`${key}.`))) continue;
-    const messages = (Array.isArray(errors[key]) ? errors[key] : [errors[key]]).filter((message) => message !== void 0 && message !== null).map(String);
+  const entries = Object.entries(errors).filter(([key]) => key !== "blob" && !key.startsWith("blob.")).map(([key, val]) => ({
+    key,
+    messages: (Array.isArray(val) ? val : [val]).filter((message) => message !== void 0 && message !== null).map(String)
+  }));
+  for (const { key, messages } of entries) {
     if (!messages.length) continue;
+    const isContainerOnly = !drawn.includes(key);
+    if (isContainerOnly && entries.some((other) => other.key.startsWith(`${key}.`) && other.messages.length)) continue;
     if (drawn.includes(key)) refusal.atFields[key] = messages[0];
     else refusal.unshown.push(...messages.map((message) => ({ key, message })));
   }

package/dist/runtime/utils/packageLabel.d.ts

@@ -0,0 +1,17 @@
+/**
+ * What a node package is called where a person reads it: the label the package
+ * declares, or — for a version published before packages carried one — its npm
+ * name without scope and `integrations-nodes-` prefix, title-cased.
+ *
+ * One function because three surfaces name packages: the palette's folder for
+ * an app package, the template gallery's badge for the integration a template
+ * ships with, and the canvas card's line for the package a node comes from. They
+ * must not disagree on what a package is called. An empty label counts as none,
+ * as it always has in the palette.
+ */
+export declare function packageLabel(pkg: {
+    name: string;
+    label?: string | null;
+}): string;
+/** The npm name without scope and `integrations-nodes-` prefix: `erpnext`, `core`. */
+export declare function packageTail(name: string): string;

package/dist/runtime/utils/packageLabel.js

@@ -0,0 +1,6 @@
+export function packageLabel(pkg) {
+  return pkg.label || packageTail(pkg.name).split("-").map((s) => s.charAt(0).toUpperCase() + s.slice(1)).join(" ");
+}
+export function packageTail(name) {
+  return (name.split("/").pop() ?? name).replace(/^integrations-nodes-/, "");
+}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@revenexx/studio-integrations",
-  "version": "2.9.0",
+  "version": "2.10.0",
   "type": "module",
   "description": "Integration Studio (core: workflows, node editor, runs, schedules, credentials, secrets, audit) as a standalone, publishable Nuxt module.",
   "repository": {
@@ -56,8 +56,8 @@
     "@changesets/cli": "^3.0.3",
     "@nuxt/eslint-config": "^1.17.0",
     "@nuxt/kit": "^4.0.0",
-    "@nuxt/module-builder": "^1.0.2",
-    "@nuxt/schema": "^4.0.0",
+    "@nuxt/module-builder": "^1.0.3",
+    "@nuxt/schema": "^4.5.2",
     "@playwright/test": "^1.57.0",
     "@revenexx/talkback-js": "^0.3.0",
     "eslint": "^10.11.0",

package/dist/runtime/components/Integrations/NodeLogo.d.vue.ts

@@ -1,21 +0,0 @@
-/**
- * @deprecated Use `NodeMark` directly. This is a thin back-compat shim kept so
- * that hosts still referencing the auto-registered `<IntegrationsNodeLogo>`
- * (e.g. integrations/studio-ui `local-nodes.vue`) keep resolving the component
- * after PO-194 renamed NodeLogo → NodeMark. Auto-registered components are
- * public API surface for the hosts, so a silent delete breaks them at a
- * different repo's build, invisible to this repo's CI.
- *
- * The old NodeLogo rendered "logo OR glyph, logo preferred" — exactly
- * `NodeMark`'s `logo-only` behaviour (logo when present, glyph fallback). Drop
- * this shim one release after the hosts have migrated to `NodeMark`.
- */
-import type { NodeManifest } from '../../types/integrations.js';
-type __VLS_Props = {
-    manifest: NodeManifest | null;
-    size?: number;
-};
-declare const _default: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
-    size: number;
-}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
-export default _default;

package/dist/runtime/components/Integrations/NodeLogo.vue

@@ -1,10 +0,0 @@
-<script setup>
-defineProps({
-  manifest: { type: [Object, null], required: true },
-  size: { type: Number, required: false, default: 16 }
-});
-</script>
-
-<template>
-  <IntegrationsNodeMark :manifest="manifest" :size="size" logo-only />
-</template>

package/dist/runtime/components/Integrations/NodeLogo.vue.d.ts

@@ -1,21 +0,0 @@
-/**
- * @deprecated Use `NodeMark` directly. This is a thin back-compat shim kept so
- * that hosts still referencing the auto-registered `<IntegrationsNodeLogo>`
- * (e.g. integrations/studio-ui `local-nodes.vue`) keep resolving the component
- * after PO-194 renamed NodeLogo → NodeMark. Auto-registered components are
- * public API surface for the hosts, so a silent delete breaks them at a
- * different repo's build, invisible to this repo's CI.
- *
- * The old NodeLogo rendered "logo OR glyph, logo preferred" — exactly
- * `NodeMark`'s `logo-only` behaviour (logo when present, glyph fallback). Drop
- * this shim one release after the hosts have migrated to `NodeMark`.
- */
-import type { NodeManifest } from '../../types/integrations.js';
-type __VLS_Props = {
-    manifest: NodeManifest | null;
-    size?: number;
-};
-declare const _default: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
-    size: number;
-}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
-export default _default;