@industream/flowmaker-flowbox-ui-components 1.0.1 → 1.0.3

package/dist/DCCatalogEntry.svelte

@@ -1,6 +1,12 @@
 <script lang="ts">
     import { DataCatalogClient } from '@industream/datacatalog-client';
     import type { CatalogEntry, DataType, SourceType } from '@industream/datacatalog-client/dto';
+    import { getContext } from 'svelte';
+    import { readable, type Readable } from 'svelte/store';
+
+    // Hub bearer published by flowMakerBridge (key 'industream-hub-token'); used by
+    // default so boxes don't wire it per call. An explicit `token` prop overrides it.
+    const hubToken: Readable<string> = getContext('industream-hub-token') ?? readable('');
 
     interface FilterOptions {
         searchtext?: string | null;   // Case-insensitive LIKE %text% filter on entry name
@@ -10,6 +16,8 @@
     interface Props {
         id?: string;
         dcapiurl?: string;
+        /** Hub access token, injected from the box context — sent as Bearer to datacatalog-api. */
+        token?: string;
         sourcetypefilter?: string | string[] | null;  // Source type names like "PostgreSQL", "InfluxDB2"
         datatypefilter?: DataType | DataType[] | null;
         namefilter?: string | string[] | null;
@@ -22,6 +30,7 @@
     let {
         id = undefined,
         dcapiurl = '',
+        token = '',
         sourcetypefilter = null,
         datatypefilter = null,
         namefilter = null,
@@ -145,7 +154,7 @@
         error = null;
 
         try {
-            const client = new DataCatalogClient({ baseUrl: dcapiurl });
+            const client = new DataCatalogClient({ baseUrl: dcapiurl }).setToken(token || $hubToken);
             const filters: { names?: string[]; sourceTypes?: string[] } = {};
 
             // Use name filter for API query if provided

package/dist/DCCatalogEntry.svelte.d.ts

@@ -6,6 +6,8 @@ interface FilterOptions {
 interface Props {
     id?: string;
     dcapiurl?: string;
+    /** Hub access token, injected from the box context — sent as Bearer to datacatalog-api. */
+    token?: string;
     sourcetypefilter?: string | string[] | null;
     datatypefilter?: DataType | DataType[] | null;
     namefilter?: string | string[] | null;

package/dist/DCCatalogEntryPicker/DCCatalogEntryPicker.svelte

@@ -29,11 +29,19 @@
     import { DEFAULT_COLUMNS, DEFAULT_SELECTED_COLUMNS_DISPLAY } from './picker-column-helpers';
     import TagBrowser from './TagBrowser.svelte';
     import SelectedTags from './SelectedTags.svelte';
+    import { getContext } from 'svelte';
+    import { readable, type Readable } from 'svelte/store';
+
+    // Hub bearer published by flowMakerBridge (key 'industream-hub-token'); used by
+    // default so boxes don't wire it per call. An explicit `token` prop overrides it.
+    const hubToken: Readable<string> = getContext('industream-hub-token') ?? readable('');
 
     const MAX_ENTRIES = 100;
 
     interface Props {
         dcApiUrl?: string;
+        /** Hub access token, injected from the box context — sent as Bearer to datacatalog-api. */
+        token?: string;
         sourceConnectionId?: string;
         selectedIds?: string[];
         entries?: CatalogEntry[];
@@ -46,6 +54,7 @@
 
     let {
         dcApiUrl = '',
+        token = '',
         sourceConnectionId = '',
         selectedIds = $bindable([]),
         entries = $bindable([]),
@@ -85,8 +94,10 @@
     }
 
     function getClient(apiUrl: string): DataCatalogClient {
-        if (client && clientUrl === apiUrl) return client;
-        client = new DataCatalogClient({ baseUrl: apiUrl });
+        // Keep the bearer fresh on the cached client too (token may be re-pushed on refresh).
+        const t = token || $hubToken;
+        if (client && clientUrl === apiUrl) return client.setToken(t);
+        client = new DataCatalogClient({ baseUrl: apiUrl }).setToken(t);
         clientUrl = apiUrl;
         return client;
     }

package/dist/DCCatalogEntryPicker/DCCatalogEntryPicker.svelte.d.ts

@@ -1,6 +1,8 @@
 import type { CatalogEntry } from '@industream/datacatalog-client/dto';
 interface Props {
     dcApiUrl?: string;
+    /** Hub access token, injected from the box context — sent as Bearer to datacatalog-api. */
+    token?: string;
     sourceConnectionId?: string;
     selectedIds?: string[];
     entries?: CatalogEntry[];

package/dist/DCSourceConnection.svelte

@@ -1,5 +1,11 @@
 <script lang="ts">
     import { DataCatalogClient } from '@industream/datacatalog-client';
+    import { getContext } from 'svelte';
+    import { readable, type Readable } from 'svelte/store';
+
+    // Hub bearer published by flowMakerBridge (key 'industream-hub-token'); used by
+    // default so boxes don't wire it per call. An explicit `token` prop overrides it.
+    const hubToken: Readable<string> = getContext('industream-hub-token') ?? readable('');
 
     export interface SourceConnection {
         id: string;
@@ -10,6 +16,8 @@
 
     interface Props {
         dcapiurl?: string;
+        /** Hub access token, injected from the box context — sent as Bearer to datacatalog-api. */
+        token?: string;
         sourcetypefilter?: string | string[] | null;
         initialselection?: string | null;
         onsourceselect?: (connection: SourceConnection) => void;
@@ -18,6 +26,7 @@
 
     let {
         dcapiurl = '',
+        token = '',
         sourcetypefilter = null,
         initialselection = null,
         onsourceselect = null,
@@ -52,7 +61,7 @@
         error = null;
 
         try {
-            const client = new DataCatalogClient({ baseUrl: dcapiurl });
+            const client = new DataCatalogClient({ baseUrl: dcapiurl }).setToken(token || $hubToken);
             const filters = {};
 
             if (sourcetypefilter && sourcetypefilter.length > 0) {

package/dist/DCSourceConnection.svelte.d.ts

@@ -8,6 +8,8 @@ export interface SourceConnection {
 }
 interface Props {
     dcapiurl?: string;
+    /** Hub access token, injected from the box context — sent as Bearer to datacatalog-api. */
+    token?: string;
     sourcetypefilter?: string | string[] | null;
     initialselection?: string | null;
     onsourceselect?: (connection: SourceConnection) => void;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@industream/flowmaker-flowbox-ui-components",
-  "version": "1.0.1",
+  "version": "1.0.3",
   "description": "Reusable Svelte components for FlowMaker FlowBox UI",
   "type": "module",
   "svelte": "./dist/index.js",

package/src/DCCatalogEntry.svelte

@@ -1,6 +1,12 @@
 <script lang="ts">
     import { DataCatalogClient } from '@industream/datacatalog-client';
     import type { CatalogEntry, DataType, SourceType } from '@industream/datacatalog-client/dto';
+    import { getContext } from 'svelte';
+    import { readable, type Readable } from 'svelte/store';
+
+    // Hub bearer published by flowMakerBridge (key 'industream-hub-token'); used by
+    // default so boxes don't wire it per call. An explicit `token` prop overrides it.
+    const hubToken: Readable<string> = getContext('industream-hub-token') ?? readable('');
 
     interface FilterOptions {
         searchtext?: string | null;   // Case-insensitive LIKE %text% filter on entry name
@@ -10,6 +16,8 @@
     interface Props {
         id?: string;
         dcapiurl?: string;
+        /** Hub access token, injected from the box context — sent as Bearer to datacatalog-api. */
+        token?: string;
         sourcetypefilter?: string | string[] | null;  // Source type names like "PostgreSQL", "InfluxDB2"
         datatypefilter?: DataType | DataType[] | null;
         namefilter?: string | string[] | null;
@@ -22,6 +30,7 @@
     let {
         id = undefined,
         dcapiurl = '',
+        token = '',
         sourcetypefilter = null,
         datatypefilter = null,
         namefilter = null,
@@ -145,7 +154,7 @@
         error = null;
 
         try {
-            const client = new DataCatalogClient({ baseUrl: dcapiurl });
+            const client = new DataCatalogClient({ baseUrl: dcapiurl }).setToken(token || $hubToken);
             const filters: { names?: string[]; sourceTypes?: string[] } = {};
 
             // Use name filter for API query if provided

package/src/DCCatalogEntryPicker/DCCatalogEntryPicker.svelte

@@ -29,11 +29,19 @@
     import { DEFAULT_COLUMNS, DEFAULT_SELECTED_COLUMNS_DISPLAY } from './picker-column-helpers';
     import TagBrowser from './TagBrowser.svelte';
     import SelectedTags from './SelectedTags.svelte';
+    import { getContext } from 'svelte';
+    import { readable, type Readable } from 'svelte/store';
+
+    // Hub bearer published by flowMakerBridge (key 'industream-hub-token'); used by
+    // default so boxes don't wire it per call. An explicit `token` prop overrides it.
+    const hubToken: Readable<string> = getContext('industream-hub-token') ?? readable('');
 
     const MAX_ENTRIES = 100;
 
     interface Props {
         dcApiUrl?: string;
+        /** Hub access token, injected from the box context — sent as Bearer to datacatalog-api. */
+        token?: string;
         sourceConnectionId?: string;
         selectedIds?: string[];
         entries?: CatalogEntry[];
@@ -46,6 +54,7 @@
 
     let {
         dcApiUrl = '',
+        token = '',
         sourceConnectionId = '',
         selectedIds = $bindable([]),
         entries = $bindable([]),
@@ -85,8 +94,10 @@
     }
 
     function getClient(apiUrl: string): DataCatalogClient {
-        if (client && clientUrl === apiUrl) return client;
-        client = new DataCatalogClient({ baseUrl: apiUrl });
+        // Keep the bearer fresh on the cached client too (token may be re-pushed on refresh).
+        const t = token || $hubToken;
+        if (client && clientUrl === apiUrl) return client.setToken(t);
+        client = new DataCatalogClient({ baseUrl: apiUrl }).setToken(t);
         clientUrl = apiUrl;
         return client;
     }

package/src/DCSourceConnection.svelte

@@ -1,5 +1,11 @@
 <script lang="ts">
     import { DataCatalogClient } from '@industream/datacatalog-client';
+    import { getContext } from 'svelte';
+    import { readable, type Readable } from 'svelte/store';
+
+    // Hub bearer published by flowMakerBridge (key 'industream-hub-token'); used by
+    // default so boxes don't wire it per call. An explicit `token` prop overrides it.
+    const hubToken: Readable<string> = getContext('industream-hub-token') ?? readable('');
 
     export interface SourceConnection {
         id: string;
@@ -10,6 +16,8 @@
 
     interface Props {
         dcapiurl?: string;
+        /** Hub access token, injected from the box context — sent as Bearer to datacatalog-api. */
+        token?: string;
         sourcetypefilter?: string | string[] | null;
         initialselection?: string | null;
         onsourceselect?: (connection: SourceConnection) => void;
@@ -18,6 +26,7 @@
 
     let {
         dcapiurl = '',
+        token = '',
         sourcetypefilter = null,
         initialselection = null,
         onsourceselect = null,
@@ -52,7 +61,7 @@
         error = null;
 
         try {
-            const client = new DataCatalogClient({ baseUrl: dcapiurl });
+            const client = new DataCatalogClient({ baseUrl: dcapiurl }).setToken(token || $hubToken);
             const filters = {};
 
             if (sourcetypefilter && sourcetypefilter.length > 0) {