@stackone/hub 0.2.0 → 0.4.0

package/package.json

@@ -1,8 +1,21 @@
 {
     "name": "@stackone/hub",
-    "version": "0.2.0",
+    "version": "0.4.0",
     "description": "StackOne HUB",
-    "main": "index.js",
+    "main": "dist/index.js",
+    "module": "dist/index.esm.js",
+    "types": "dist/index.d.ts",
+    "exports": {
+        ".": {
+            "types": "./dist/index.d.ts",
+            "import": "./dist/index.esm.js",
+            "require": "./dist/index.js"
+        },
+        "./webcomponent": "./dist/webcomponent.js"
+    },
+    "files": [
+        "dist"
+    ],
     "scripts": {
         "test": "echo \"Error: no test specified\" && exit 1",
         "build": "rollup -c",
@@ -17,7 +30,7 @@
     "license": "MIT",
     "dependencies": {
         "@stackone/expressions": "^0.16.0",
-        "@stackone/malachite": "^0.3.1",
+        "@stackone/malachite": "^0.5.0",
         "@tanstack/react-query": "^5.77.2"
     },
     "peerDependencies": {
@@ -45,4 +58,4 @@
         "tslib": "^2.8.1",
         "typescript": "^5.8.3"
     }
-}
+}

package/.github/workflows/node-ci.yml

@@ -1,20 +0,0 @@
-name: Node.js CI
-
-on: [pull_request]
-
-jobs:
-  build:
-    runs-on: ubuntu-latest
-    steps:
-      - uses: actions/checkout@v4
-      - name: Use Node.js
-        uses: actions/setup-node@v4
-        with:
-          node-version: '22.14.x'
-          cache: 'npm'
-      - name: Install dependencies
-        run: npm ci
-      - name: Build  
-        run: npm run build
-      - name: Lint  
-        run: npm run lint

package/.github/workflows/release-please.yml

@@ -1,37 +0,0 @@
-on:
-  push:
-    branches:
-      - main
-
-name: release-please
-jobs:
-  release-please:
-    runs-on: ubuntu-latest
-    steps:
-      - uses: googleapis/release-please-action@v4
-        id: release
-        with:
-          token: ${{ secrets.REPO_GH_PAT }}
-          config-file: release-please-config.json
-          manifest-file: .release-please-manifest.json
-
-      - name: Checkout Repository
-        uses: actions/checkout@v4
-        if: steps.release.outputs.paths_released != '[]'
-      - name: Setup Node
-        uses: actions/setup-node@v4
-        if: steps.release.outputs.paths_released != '[]'
-        with:
-          node-version: '22.14.x'
-          registry-url: 'https://registry.npmjs.org'
-      - name: Build
-        if: steps.release.outputs.paths_released != '[]'
-        run: |
-          npm install
-          npm run build
-      - name: Publish
-        if: steps.release.outputs.paths_released != '[]'
-        run: |
-          npm run publish-release
-        env:
-          NODE_AUTH_TOKEN: ${{ secrets.NPM_TOKEN }}

package/.github/workflows/semantic-pull-request.yml

@@ -1,31 +0,0 @@
-name: "Check PR title"
-
-on:
-  pull_request_target:
-    types:
-      - opened
-      - reopened
-      - edited
-      - synchronize
-
-permissions:
-  pull-requests: read
-
-jobs:
-  main:
-    name: Validate PR title
-    runs-on: ubuntu-latest
-    steps:
-      - uses: amannn/action-semantic-pull-request@v5
-        env:
-          GITHUB_TOKEN: ${{ secrets.GITHUB_TOKEN }}
-        with:
-          scopes: |
-            ENG-\d+
-            deps
-            deps-dev
-            workflow
-          requireScope: false
-          ignoreLabels: |
-            autorelease: pending
-            dependencies

package/.nvmrc

@@ -1 +0,0 @@
-v22.14.0

package/.release-please-manifest.json

@@ -1 +0,0 @@
-{".":"0.2.0"}

package/CHANGELOG.md

@@ -1,50 +0,0 @@
-# Changelog
-
-## [0.2.0](https://github.com/StackOneHQ/hub/compare/hub-v0.1.0...hub-v0.2.0) (2025-08-08)
-
-
-### Features
-
-* add external trigger token rendering ([f1c0ea2](https://github.com/StackOneHQ/hub/commit/f1c0ea22496b4b0bd92a33d69e4af5492b96089c))
-* expression and conditional rendering ([1762d3a](https://github.com/StackOneHQ/hub/commit/1762d3aad03fccc55a606bb5e154b85e8289f000))
-* feature flag context and hook ([a9d00a9](https://github.com/StackOneHQ/hub/commit/a9d00a9e81f3276c82f5e98c26e0b5648a4ad0cd))
-* render dropdowns and textareas with malachite ([9e59a0d](https://github.com/StackOneHQ/hub/commit/9e59a0d864af6c06cc7b653ff393291877895812))
-
-
-### Bug Fixes
-
-* add border to dropdown ([2fb57e1](https://github.com/StackOneHQ/hub/commit/2fb57e139be16e646d3404bd5e13fd010cae8e67))
-* add theme support again ([76a092b](https://github.com/StackOneHQ/hub/commit/76a092b3625ac850af9b3256569337cacd92da52))
-* build ([1eb7894](https://github.com/StackOneHQ/hub/commit/1eb78945d7274349cb4572bac79ecd3e0929a57a))
-* handle window close event ([617d999](https://github.com/StackOneHQ/hub/commit/617d9992c03496dab0b5e7bdba149b0f78314aee))
-* input loop and card style ([a91e72a](https://github.com/StackOneHQ/hub/commit/a91e72a253a0da529712867e27192a397ed89ddf))
-* key uniqueness ([c3d01c5](https://github.com/StackOneHQ/hub/commit/c3d01c513fd6d4b0e8526c6741b2ae2272ef2f0a))
-
-## [0.1.0](https://github.com/StackOneHQ/hub/compare/hub-v0.0.1...hub-v0.1.0) (2025-07-11)
-
-
-### Features
-
-* account editing flow ([0cf3a54](https://github.com/StackOneHQ/hub/commit/0cf3a545d5b85d5422f02e4a0b990239979066c4))
-* add error boundary ([2f5e457](https://github.com/StackOneHQ/hub/commit/2f5e457743674307bf201606c136109c3bba6ff8))
-* add events ([0ac44e3](https://github.com/StackOneHQ/hub/commit/0ac44e39bc1a30c3897838ee4fa82a62fe1ed5d8))
-* add hub modes ([d74c6f7](https://github.com/StackOneHQ/hub/commit/d74c6f78ac597842034e52022ae958331bc15a28))
-* add suppor for new props in webcomponent ([cd718d8](https://github.com/StackOneHQ/hub/commit/cd718d8392feb47180d38846f426f87e16240e69))
-* back to antd ([6921d6d](https://github.com/StackOneHQ/hub/commit/6921d6dacec9f692e4145e061f7b5a51dabefe89))
-* error handling and better rendering ([2aec2a3](https://github.com/StackOneHQ/hub/commit/2aec2a3e75b53ac0b814eee63eac73c2169befba))
-* fetch integration list ([50d3226](https://github.com/StackOneHQ/hub/commit/50d3226435e84f8e000decaed52ce3fdb728e481))
-* handle expired tokens ([2dc60c8](https://github.com/StackOneHQ/hub/commit/2dc60c857b9612f886193a5efb748ab2b2cc56ed))
-* initialise repo with react and webcomponent build ([1e719ae](https://github.com/StackOneHQ/hub/commit/1e719aef846582699d01a06e01c5a3c2e4e8ed91))
-* loading states ([21e1ad5](https://github.com/StackOneHQ/hub/commit/21e1ad5e0f8f91ff75e90a9a01e385ddb3cf854a))
-* more design updates ([0293dfe](https://github.com/StackOneHQ/hub/commit/0293dfe92a8decfbe263c87aa274b811b7c5710b))
-* react query and better components ([ce2d084](https://github.com/StackOneHQ/hub/commit/ce2d08477d02c92da1fb4f5d2fa05bdbe286371b))
-* rudimentary account linking ([56a27a4](https://github.com/StackOneHQ/hub/commit/56a27a440992751a584de2c7fb3a4c7adf946190))
-* use malachite components locally ([b362c65](https://github.com/StackOneHQ/hub/commit/b362c657aed377cf4b5913e3ebe3794cea8498eb))
-
-
-### Bug Fixes
-
-* hub form ([d4c9898](https://github.com/StackOneHQ/hub/commit/d4c989810ce25ea79368f22f0cfd5df8140abec2))
-* lint ([110eb98](https://github.com/StackOneHQ/hub/commit/110eb98e5ab6442b6c1000a2f72c07a84b3e1512))
-* release please ([e11cd2c](https://github.com/StackOneHQ/hub/commit/e11cd2c8f1f5ba1c2bcbbc661b9a3f3fd0866e10))
-* release please and package dependency ([d2a57bc](https://github.com/StackOneHQ/hub/commit/d2a57bcc7db27c7b4348db253d816141ccc99d03))

package/biome.json

@@ -1,77 +0,0 @@
-{
-  "$schema": "https://biomejs.dev/schemas/1.9.4/schema.json",
-  "vcs": {
-    "enabled": false,
-    "clientKind": "git",
-    "useIgnoreFile": false
-  },
-  "files": {
-    "ignoreUnknown": false,
-    "ignore": ["**/node_modules/**", "**/dist/**"]
-  },
-  "formatter": {
-    "enabled": true,
-    "useEditorconfig": true,
-    "formatWithErrors": false,
-    "indentStyle": "space",
-    "indentWidth": 4,
-    "lineEnding": "lf",
-    "lineWidth": 100,
-    "attributePosition": "auto",
-    "bracketSpacing": false
-  },
-  "organizeImports": {
-    "enabled": true
-  },
-  "linter": {
-    "enabled": true,
-    "rules": {
-      "recommended": false,
-      "complexity": {
-        "noBannedTypes": "error",
-        "noUselessThisAlias": "error",
-        "noUselessTypeConstraint": "error",
-        "useArrowFunction": "off"
-      },
-      "correctness": {
-        "noConstAssign": "error",
-        "noPrecisionLoss": "error",
-        "noUnusedVariables": "warn",
-        "useArrayLiterals": "off",
-        "useExhaustiveDependencies": "warn",
-        "useHookAtTopLevel": "error"
-      },
-      "style": {
-        "noInferrableTypes": "error",
-        "noNamespace": "error",
-        "noNonNullAssertion": "warn",
-        "useAsConstAssertion": "error",
-        "useBlockStatements": "off"
-      },
-      "suspicious": {
-        "noEmptyBlockStatements": "error",
-        "noEmptyInterface": "error",
-        "noExplicitAny": "error",
-        "noExtraNonNullAssertion": "error",
-        "noMisleadingInstantiator": "error",
-        "useNamespaceKeyword": "error"
-      },
-      "nursery": {
-        "useComponentExportOnlyModules": "off"
-      }
-    }
-  },
-  "javascript": {
-    "formatter": {
-      "jsxQuoteStyle": "double",
-      "quoteProperties": "asNeeded",
-      "trailingCommas": "all",
-      "semicolons": "always",
-      "arrowParentheses": "always",
-      "bracketSameLine": false,
-      "quoteStyle": "single",
-      "attributePosition": "auto",
-      "bracketSpacing": true
-    }
-  }
-}

package/dev/index.html

@@ -1,11 +0,0 @@
-<!DOCTYPE html>
-<html lang="en">
-  <head>
-    <meta charset="UTF-8" />
-    <title>Dev Preview</title>
-  </head>
-  <body>
-    <div id="root"></div>
-    <script type="module" src="main.tsx"></script>
-  </body>
-</html>

package/dev/main.css

@@ -1,80 +0,0 @@
-body {
-    font-family: "Segoe UI", Arial, sans-serif;
-    background: #fafbfc;
-    margin: 0;
-    padding: 0;
-}
-
-.hub-container {
-    max-width: 600px;
-    margin: 40px auto;
-    background: #fff;
-    border-radius: 12px;
-    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.07);
-    padding: 32px 40px 40px 40px;
-}
-
-h1 {
-    font-size: 2.6rem;
-    margin-top: 32px;
-    margin-bottom: 24px;
-    font-weight: 700;
-    letter-spacing: -1px;
-}
-
-p {
-    font-size: 1.1rem;
-    margin-bottom: 12px;
-}
-
-.token-display {
-    word-break: break-all;
-    background: #f4f6f8;
-    border-radius: 6px;
-    padding: 8px 12px;
-    font-family: "Fira Mono", monospace;
-    font-size: 0.98rem;
-    margin-bottom: 18px;
-}
-
-.button-row {
-    display: flex;
-    gap: 12px;
-    margin-bottom: 28px;
-}
-
-button {
-    background: #2d72d9;
-    color: #fff;
-    border: none;
-    border-radius: 5px;
-    padding: 8px 18px;
-    font-size: 1rem;
-    cursor: pointer;
-    transition: background 0.18s;
-}
-button:hover {
-    background: #1b4e91;
-}
-
-@media (max-width: 600px) {
-    .hub-container {
-        padding: 16px 6px;
-    }
-    h1 {
-        font-size: 2rem;
-    }
-}
-
-.hub-container.dark {
-    background: #121212;
-    color: #fff;
-    .token-display {
-        background: #333;
-        color: #fff;
-    }
-}
-
-body {
-    background: goldenrod;
-}

package/dev/main.tsx

@@ -1,98 +0,0 @@
-import './main.css';
-import React, { useCallback, useEffect, useState } from 'react';
-import ReactDOM from 'react-dom/client';
-import { StackOneHub } from '../src/StackOneHub';
-import { request } from '../src/shared/httpClient';
-import { HubModes } from '../src/types/types';
-
-const HubWrapper: React.FC = () => {
-    const [mode, setMode] = useState<HubModes | undefined>(undefined);
-    const [loading, setLoading] = useState<boolean>(false);
-    const [error, setError] = useState<string>();
-    const [token, setToken] = useState<string>();
-    const apiUrl = import.meta.env.VITE_API_URL ?? 'https://api.stackone.com';
-    const appUrl = import.meta.env.VITE_APP_URL ?? 'https://app.stackone.com';
-    const [theme, setTheme] = useState<'light' | 'dark'>('light');
-    const [accountId, setAccountId] = useState<string>();
-
-    const fetchToken = useCallback(async () => {
-        try {
-            setLoading(true);
-            const apiKey = import.meta.env.VITE_STACKONE_API_KEY;
-            const encodedApiKey = btoa(apiKey ?? '');
-
-            const response = await request<{ token: string }>({
-                url: `${apiUrl}/connect_sessions`,
-                method: 'POST',
-                headers: {
-                    'Content-Type': 'application/json',
-                    Authorization: `Basic ${encodedApiKey}`,
-                },
-                body: {
-                    metadata: { source: 'hub' },
-                    origin_owner_id: import.meta.env.VITE_ORIGIN_OWNER_ID ?? 'dummy_customer_id',
-                    origin_owner_name:
-                        import.meta.env.VITE_ORIGIN_OWNER_NAME ?? 'dummy_customer_name',
-                    origin_username: import.meta.env.VITE_ORIGIN_USERNAME ?? 'dummy_username',
-                    account_id: accountId !== '' && accountId != null ? accountId : undefined,
-                },
-            });
-            if (!response) {
-                throw new Error('Failed to fetch token');
-            }
-
-            setToken(response.token);
-        } catch (error) {
-            console.error('Error fetching token:', error);
-            setError(error.message as string);
-        } finally {
-            setLoading(false);
-        }
-    }, [accountId]);
-
-    useEffect(() => {
-        fetchToken();
-    }, [fetchToken]);
-
-    return (
-        <div className={`hub-container ${theme}`}>
-            {loading && <p> Loading token...</p>}
-            {error && <p>Error loading token: {error}</p>}
-            {token && <p className="token-display">Token: {token}</p>}
-            <p>Current mode: {mode || 'No mode selected'}</p>
-            <div className="button-row">
-                <button onClick={fetchToken}>Get new token</button>
-                <button onClick={() => setMode('integration-picker')}>
-                    Set Integration Picker mode
-                </button>
-                <button onClick={() => setMode('csv-importer')}>Set CSV Importer mode</button>
-                <button onClick={() => setTheme((theme) => (theme === 'light' ? 'dark' : 'light'))}>
-                    {theme === 'light' ? '🌞' : '🌚'}
-                </button>
-            </div>
-            <input type="text" value={accountId} onChange={(e) => setAccountId(e.target.value)} />
-            <h1>StackOneHub Demo</h1>
-            <StackOneHub
-                mode={mode}
-                token={token}
-                baseUrl={apiUrl}
-                theme={theme}
-                onSuccess={() => {
-                    console.log('success');
-                    setMode(undefined);
-                }}
-                accountId={accountId}
-                appUrl={appUrl}
-            />
-        </div>
-    );
-};
-
-const rootElement = document.getElementById('root');
-if (rootElement) {
-    ReactDOM.createRoot(rootElement).render(
-        <React.StrictMode>
-            <HubWrapper />
-        </React.StrictMode>,
-    );
-}

package/dev/vite-env.d.ts

@@ -1,15 +0,0 @@
-/// <reference types="vite/client" />
-
-interface ImportMetaEnv {
-    readonly VITE_APP_TITLE: string;
-    readonly VITE_STACKONE_API_KEY: string;
-    readonly VITE_ORIGIN_OWNER_ID: string;
-    readonly VITE_ORIGIN_OWNER_NAME: string;
-    readonly VITE_ORIGIN_USERNAME: string;
-    readonly VITE_API_URL: string;
-    readonly VITE_APP_URL: string;
-}
-
-export interface ImportMeta {
-    readonly env: ImportMetaEnv;
-}

package/index.html

@@ -1,14 +0,0 @@
-<!DOCTYPE html>
-<html>
-  <head>
-    <script src="dist/webcomponent/StackOneHub.web.js"></script>
-  </head>
-  <body>
-    <!-- Add a  -->
-    <stackone-hub
-      token="eyJyZWdpb25fc2x1ZyI6ImV1IiwidG9rZW4iOiJzclgzU0xUemttcmpWQWQtWTdNZXFUTUh3OV9KaVdNRFk3M3RaenRwdVZIVV9EZERmQU14NGF3X3hWb09wdXZuRkQ1OW11WlJjZlZBRDRQMUxRcmVRdyJ9"
-      base-url="http://localhost:4000"
-      mode="integration-picker"
-    ></stackone-hub>
-  </body>
-</html>

package/release-please-config.json

@@ -1,5 +0,0 @@
-{
-    "packages": {
-        ".": {}
-    }
-}

package/rollup.config.mjs

@@ -1,72 +0,0 @@
-import commonjs from "@rollup/plugin-commonjs";
-import resolve from "@rollup/plugin-node-resolve";
-import replace from "@rollup/plugin-replace";
-import terser from "@rollup/plugin-terser";
-import typescript from "@rollup/plugin-typescript";
-import del from "rollup-plugin-delete";
-import dts from "rollup-plugin-dts";
-import external from "rollup-plugin-peer-deps-external";
-import postcss from "rollup-plugin-postcss";
-
-export default [
-  // React Component Bundle (external React)
-  {
-    input: "src/index.ts",
-    output: [
-      {
-        file: "dist/react/StackOneHub.esm.js",
-        format: "esm",
-      },
-      {
-        file: "dist/react/StackOneHub.cjs.js",
-        format: "cjs",
-      },
-    ],
-    plugins: [
-      del({ targets: "dist/react/*" }),
-      external(),
-      resolve(),
-      commonjs(),
-      typescript({ tsconfig: "./tsconfig.json" }),
-      postcss(),
-      terser(),
-      replace({
-        preventAssignment: true,
-        "process.env.NODE_ENV": JSON.stringify("production"),
-      }),
-    ],
-  },
-
-  // Web Component Bundle (bundled React)
-  {
-    input: "src/WebComponentWrapper.tsx",
-    output: {
-      file: "dist/webcomponent/StackOneHub.web.js",
-      format: "iife",
-      name: "StackOneHubWebComponent",
-      sourcemap: true,
-    },
-    plugins: [
-      del({ targets: "dist/webcomponent/*" }), // Clean the dist folder before each build
-      resolve(),
-      commonjs(),
-      typescript({ tsconfig: "./tsconfig.json" }),
-      postcss(),
-      terser(),
-      replace({
-        preventAssignment: true,
-        "process.env.NODE_ENV": JSON.stringify("production"),
-      }),
-    ],
-  },
-
-  // Declaration file bundle
-  {
-    input: "src/index.ts",
-    output: {
-      file: "dist/index.d.ts",
-      format: "es",
-    },
-    plugins: [del({ targets: "dist/index.d.ts" }), dts()],
-  },
-];

package/src/Hub.tsx

@@ -1,50 +0,0 @@
-import { useQuery } from '@tanstack/react-query';
-import { IntegrationPicker } from './modules/integration-picker/IntegrationPicker';
-import { FeatureFlagProvider } from './shared/contexts/featureFlagContext';
-import { getSettings } from './shared/queries';
-import { HubModes } from './types/types';
-
-interface HubProps {
-    mode: HubModes;
-    token: string;
-    apiUrl: string;
-    dashboardUrl: string;
-    height: string;
-    onSuccess?: () => void;
-    onClose?: () => void;
-    onCancel?: () => void;
-    accountId?: string;
-}
-export const Hub = ({
-    mode,
-    token,
-    apiUrl,
-    dashboardUrl,
-    height,
-    onSuccess,
-    onClose,
-    onCancel,
-    accountId,
-}: HubProps) => {
-    const { data: settings } = useQuery({
-        queryKey: ['settings'],
-        queryFn: () => getSettings(apiUrl, token),
-    });
-
-    return (
-        <FeatureFlagProvider featureFlags={settings?.enabled_features ?? []}>
-            {mode === 'integration-picker' && (
-                <IntegrationPicker
-                    token={token}
-                    baseUrl={apiUrl}
-                    dashboardUrl={dashboardUrl}
-                    height={height}
-                    onSuccess={onSuccess}
-                    onClose={onClose}
-                    onCancel={onCancel}
-                    accountId={accountId}
-                />
-            )}
-        </FeatureFlagProvider>
-    );
-};