@optimizely/ocp-local-env 1.0.0-beta.8 → 1.0.1

package/dist/src/ui/store/formStateSlice.js

@@ -0,0 +1,159 @@
+"use strict";
+var _a;
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.hydrateFromStorage = exports.clearAllState = exports.updateOpalToolState = exports.updateSourceState = exports.updateDestinationState = exports.updateJobState = exports.updateFunctionState = exports.setAppName = exports.getDefaultOpalToolFormState = exports.getDefaultSourceFormState = exports.getDefaultDestinationFormState = exports.getDefaultJobFormState = exports.getDefaultFunctionFormState = void 0;
+exports.generateDefaultAuthData = generateDefaultAuthData;
+const toolkit_1 = require("@reduxjs/toolkit");
+// Default state factories
+const getDefaultFunctionFormState = () => ({
+    httpMethod: 'POST',
+    pathSuffix: '',
+    params: [{ key: '', value: '', enabled: true }],
+    headers: [{ key: 'Content-Type', value: 'application/json', enabled: true }],
+    requestBody: '{\n  \n}',
+});
+exports.getDefaultFunctionFormState = getDefaultFunctionFormState;
+const getDefaultJobFormState = () => ({
+    params: '{}',
+});
+exports.getDefaultJobFormState = getDefaultJobFormState;
+const getDefaultDestinationFormState = () => ({
+    batchJson: '',
+    attempt: '1',
+    syncId: 'mock-sync-id',
+    syncName: 'Mock Data Sync',
+});
+exports.getDefaultDestinationFormState = getDefaultDestinationFormState;
+const getDefaultSourceFormState = () => ({
+    webhookHttpMethod: 'POST',
+    webhookUrl: '',
+    webhookBody: '{\n  \n}',
+    webhookParams: [{ key: '', value: '', enabled: true }],
+    webhookHeaders: [{ key: 'Content-Type', value: 'application/json', enabled: true }],
+});
+exports.getDefaultSourceFormState = getDefaultSourceFormState;
+const getDefaultOpalToolFormState = () => ({
+    requestBody: '{\n  \n}',
+    params: [{ key: '', value: '', enabled: true }],
+    headers: [{ key: 'Content-Type', value: 'application/json', enabled: true }],
+    authData: '', // Will be initialized based on tool's auth_requirements
+});
+exports.getDefaultOpalToolFormState = getDefaultOpalToolFormState;
+/**
+ * Generate default auth data JSON based on auth requirements.
+ * - For non-OptiID providers: simpler template with just access_token
+ * - For OptiID: full template with customer_id, instance_id, access_token, product_sku
+ */
+function generateDefaultAuthData(authRequirements) {
+    if (!authRequirements || authRequirements.length === 0) {
+        // Default to OptiID if no requirements specified
+        return JSON.stringify({
+            provider: 'OptiID',
+            credentials: {
+                customer_id: '',
+                instance_id: '',
+                access_token: '',
+                product_sku: ''
+            }
+        }, null, 2);
+    }
+    // Find the first non-OptiID provider, or use OptiID if that's all there is
+    const nonOptiIdReq = authRequirements.find((req) => req.provider?.toLowerCase() !== 'optiid');
+    if (nonOptiIdReq) {
+        // Non-OptiID provider - simpler template
+        return JSON.stringify({
+            provider: nonOptiIdReq.provider,
+            credentials: {
+                access_token: ''
+            }
+        }, null, 2);
+    }
+    // OptiID provider - full template
+    return JSON.stringify({
+        provider: 'OptiID',
+        credentials: {
+            customer_id: '',
+            instance_id: '',
+            access_token: '',
+            product_sku: ''
+        }
+    }, null, 2);
+}
+const initialState = {
+    appName: '',
+    functions: {},
+    jobs: {},
+    destinations: {},
+    sources: {},
+    opalTools: {},
+};
+const formStateSlice = (0, toolkit_1.createSlice)({
+    name: 'formState',
+    initialState,
+    reducers: {
+        // Set app name (clears state if app changed)
+        setAppName(state, action) {
+            if (state.appName !== action.payload) {
+                state.appName = action.payload;
+                state.functions = {};
+                state.jobs = {};
+                state.destinations = {};
+                state.sources = {};
+                state.opalTools = {};
+            }
+        },
+        // Update function form state
+        updateFunctionState(state, action) {
+            const { id, data } = action.payload;
+            const existing = state.functions[id] || (0, exports.getDefaultFunctionFormState)();
+            state.functions[id] = { ...existing, ...data };
+        },
+        // Update job form state
+        updateJobState(state, action) {
+            const { id, data } = action.payload;
+            const existing = state.jobs[id] || (0, exports.getDefaultJobFormState)();
+            state.jobs[id] = { ...existing, ...data };
+        },
+        // Update destination form state
+        updateDestinationState(state, action) {
+            const { id, data } = action.payload;
+            const existing = state.destinations[id] || (0, exports.getDefaultDestinationFormState)();
+            state.destinations[id] = { ...existing, ...data };
+        },
+        // Update source form state
+        updateSourceState(state, action) {
+            const { id, data } = action.payload;
+            const existing = state.sources[id] || (0, exports.getDefaultSourceFormState)();
+            state.sources[id] = { ...existing, ...data };
+        },
+        // Update opal tool form state
+        updateOpalToolState(state, action) {
+            const { id, data } = action.payload;
+            // Ensure opalTools exists (handles hydration from localStorage without this field)
+            if (!state.opalTools) {
+                state.opalTools = {};
+            }
+            const existing = state.opalTools[id] || (0, exports.getDefaultOpalToolFormState)();
+            state.opalTools[id] = { ...existing, ...data };
+        },
+        // Clear all form state (manual reset)
+        clearAllState(state) {
+            state.functions = {};
+            state.jobs = {};
+            state.destinations = {};
+            state.sources = {};
+            state.opalTools = {};
+        },
+        // Hydrate from localStorage
+        hydrateFromStorage(_state, action) {
+            // Ensure all expected fields exist (handles old localStorage data)
+            return {
+                ...initialState,
+                ...action.payload,
+            };
+        },
+    },
+});
+_a = formStateSlice.actions, exports.setAppName = _a.setAppName, exports.updateFunctionState = _a.updateFunctionState, exports.updateJobState = _a.updateJobState, exports.updateDestinationState = _a.updateDestinationState, exports.updateSourceState = _a.updateSourceState, exports.updateOpalToolState = _a.updateOpalToolState, exports.clearAllState = _a.clearAllState, exports.hydrateFromStorage = _a.hydrateFromStorage;
+exports.default = formStateSlice.reducer;
+//# sourceMappingURL=formStateSlice.js.map

package/dist/src/ui/store/formStateSlice.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"formStateSlice.js","sourceRoot":"","sources":["../../../../src/ui/store/formStateSlice.ts"],"names":[],"mappings":"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"}

package/dist/src/ui/store/hooks.d.ts

@@ -0,0 +1,6 @@
+import { TypedUseSelectorHook } from 'react-redux';
+import type { RootState } from './index';
+export declare const useAppDispatch: () => import("redux-thunk").ThunkDispatch<{
+    formState: import("./formStateSlice").FormState;
+}, undefined, import("redux").UnknownAction> & import("redux").Dispatch<import("redux").UnknownAction>;
+export declare const useAppSelector: TypedUseSelectorHook<RootState>;

package/dist/src/ui/store/hooks.js

@@ -0,0 +1,8 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useAppSelector = exports.useAppDispatch = void 0;
+const react_redux_1 = require("react-redux");
+const useAppDispatch = () => (0, react_redux_1.useDispatch)();
+exports.useAppDispatch = useAppDispatch;
+exports.useAppSelector = react_redux_1.useSelector;
+//# sourceMappingURL=hooks.js.map

package/dist/src/ui/store/hooks.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"hooks.js","sourceRoot":"","sources":["../../../../src/ui/store/hooks.ts"],"names":[],"mappings":";;;AAAA,6CAA6E;AAGtE,MAAM,cAAc,GAAG,GAAG,EAAE,CAAC,IAAA,yBAAW,GAAe,CAAC;AAAlD,QAAA,cAAc,kBAAoC;AAClD,QAAA,cAAc,GAAoC,yBAAW,CAAC"}

package/dist/src/ui/store/index.d.ts

@@ -0,0 +1,11 @@
+import { FormState } from './formStateSlice';
+export declare const store: import("@reduxjs/toolkit").EnhancedStore<{
+    formState: FormState;
+}, import("redux").UnknownAction, import("@reduxjs/toolkit").Tuple<[import("redux").StoreEnhancer<{
+    dispatch: import("redux-thunk").ThunkDispatch<{
+        formState: FormState;
+    }, undefined, import("redux").UnknownAction>;
+}>, import("redux").StoreEnhancer]>>;
+export declare function initializeStore(appName: string): void;
+export type RootState = ReturnType<typeof store.getState>;
+export type AppDispatch = typeof store.dispatch;

package/dist/src/ui/store/index.js

@@ -0,0 +1,107 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || (function () {
+    var ownKeys = function(o) {
+        ownKeys = Object.getOwnPropertyNames || function (o) {
+            var ar = [];
+            for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
+            return ar;
+        };
+        return ownKeys(o);
+    };
+    return function (mod) {
+        if (mod && mod.__esModule) return mod;
+        var result = {};
+        if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
+        __setModuleDefault(result, mod);
+        return result;
+    };
+})();
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.store = void 0;
+exports.initializeStore = initializeStore;
+const toolkit_1 = require("@reduxjs/toolkit");
+const formStateSlice_1 = __importStar(require("./formStateSlice"));
+const STORAGE_KEY_PREFIX = 'ocp-local-tool-state';
+// Debounce helper
+function debounce(fn, ms) {
+    let timeoutId = null;
+    return (...args) => {
+        if (timeoutId)
+            clearTimeout(timeoutId);
+        timeoutId = setTimeout(() => fn(...args), ms);
+    };
+}
+// Load state from localStorage
+function loadState(appName) {
+    try {
+        const key = `${STORAGE_KEY_PREFIX}-${appName}`;
+        const serialized = localStorage.getItem(key);
+        if (serialized === null) {
+            return undefined;
+        }
+        const parsed = JSON.parse(serialized);
+        // Verify appName matches
+        if (parsed.appName !== appName) {
+            return undefined;
+        }
+        return parsed;
+    }
+    catch (err) {
+        console.warn('Failed to load form state from localStorage:', err);
+        return undefined;
+    }
+}
+// Save state to localStorage
+function saveState(state) {
+    try {
+        if (!state.appName)
+            return; // Don't save if no app name set
+        const key = `${STORAGE_KEY_PREFIX}-${state.appName}`;
+        const serialized = JSON.stringify(state);
+        localStorage.setItem(key, serialized);
+    }
+    catch (err) {
+        console.warn('Failed to save form state to localStorage:', err);
+    }
+}
+// Create the store
+exports.store = (0, toolkit_1.configureStore)({
+    reducer: {
+        formState: formStateSlice_1.default,
+    },
+});
+// Set up debounced persistence subscription
+const debouncedSave = debounce((state) => {
+    saveState(state);
+}, 500);
+exports.store.subscribe(() => {
+    const state = exports.store.getState().formState;
+    debouncedSave(state);
+});
+// Initialize store with app name (call this when app loads)
+function initializeStore(appName) {
+    const savedState = loadState(appName);
+    if (savedState) {
+        exports.store.dispatch((0, formStateSlice_1.hydrateFromStorage)(savedState));
+    }
+    else {
+        exports.store.dispatch((0, formStateSlice_1.setAppName)(appName));
+    }
+}
+//# sourceMappingURL=index.js.map

package/dist/src/ui/store/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/ui/store/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAmEA,0CAOC;AA1ED,8CAAkD;AAClD,mEAA+F;AAE/F,MAAM,kBAAkB,GAAG,sBAAsB,CAAC;AAElD,kBAAkB;AAClB,SAAS,QAAQ,CACf,EAA2B,EAC3B,EAAU;IAEV,IAAI,SAAS,GAAyC,IAAI,CAAC;IAC3D,OAAO,CAAC,GAAG,IAAU,EAAE,EAAE;QACvB,IAAI,SAAS;YAAE,YAAY,CAAC,SAAS,CAAC,CAAC;QACvC,SAAS,GAAG,UAAU,CAAC,GAAG,EAAE,CAAC,EAAE,CAAC,GAAG,IAAI,CAAC,EAAE,EAAE,CAAC,CAAC;IAChD,CAAC,CAAC;AACJ,CAAC;AAED,+BAA+B;AAC/B,SAAS,SAAS,CAAC,OAAe;IAChC,IAAI,CAAC;QACH,MAAM,GAAG,GAAG,GAAG,kBAAkB,IAAI,OAAO,EAAE,CAAC;QAC/C,MAAM,UAAU,GAAG,YAAY,CAAC,OAAO,CAAC,GAAG,CAAC,CAAC;QAC7C,IAAI,UAAU,KAAK,IAAI,EAAE,CAAC;YACxB,OAAO,SAAS,CAAC;QACnB,CAAC;QACD,MAAM,MAAM,GAAG,IAAI,CAAC,KAAK,CAAC,UAAU,CAAc,CAAC;QACnD,yBAAyB;QACzB,IAAI,MAAM,CAAC,OAAO,KAAK,OAAO,EAAE,CAAC;YAC/B,OAAO,SAAS,CAAC;QACnB,CAAC;QACD,OAAO,MAAM,CAAC;IAChB,CAAC;IAAC,OAAO,GAAG,EAAE,CAAC;QACb,OAAO,CAAC,IAAI,CAAC,8CAA8C,EAAE,GAAG,CAAC,CAAC;QAClE,OAAO,SAAS,CAAC;IACnB,CAAC;AACH,CAAC;AAED,6BAA6B;AAC7B,SAAS,SAAS,CAAC,KAAgB;IACjC,IAAI,CAAC;QACH,IAAI,CAAC,KAAK,CAAC,OAAO;YAAE,OAAO,CAAC,gCAAgC;QAC5D,MAAM,GAAG,GAAG,GAAG,kBAAkB,IAAI,KAAK,CAAC,OAAO,EAAE,CAAC;QACrD,MAAM,UAAU,GAAG,IAAI,CAAC,SAAS,CAAC,KAAK,CAAC,CAAC;QACzC,YAAY,CAAC,OAAO,CAAC,GAAG,EAAE,UAAU,CAAC,CAAC;IACxC,CAAC;IAAC,OAAO,GAAG,EAAE,CAAC;QACb,OAAO,CAAC,IAAI,CAAC,4CAA4C,EAAE,GAAG,CAAC,CAAC;IAClE,CAAC;AACH,CAAC;AAED,mBAAmB;AACN,QAAA,KAAK,GAAG,IAAA,wBAAc,EAAC;IAClC,OAAO,EAAE;QACP,SAAS,EAAE,wBAAgB;KAC5B;CACF,CAAC,CAAC;AAEH,4CAA4C;AAC5C,MAAM,aAAa,GAAG,QAAQ,CAAC,CAAC,KAAgB,EAAE,EAAE;IAClD,SAAS,CAAC,KAAK,CAAC,CAAC;AACnB,CAAC,EAAE,GAAG,CAAC,CAAC;AAER,aAAK,CAAC,SAAS,CAAC,GAAG,EAAE;IACnB,MAAM,KAAK,GAAG,aAAK,CAAC,QAAQ,EAAE,CAAC,SAAS,CAAC;IACzC,aAAa,CAAC,KAAK,CAAC,CAAC;AACvB,CAAC,CAAC,CAAC;AAEH,4DAA4D;AAC5D,SAAgB,eAAe,CAAC,OAAe;IAC7C,MAAM,UAAU,GAAG,SAAS,CAAC,OAAO,CAAC,CAAC;IACtC,IAAI,UAAU,EAAE,CAAC;QACf,aAAK,CAAC,QAAQ,CAAC,IAAA,mCAAkB,EAAC,UAAU,CAAC,CAAC,CAAC;IACjD,CAAC;SAAM,CAAC;QACN,aAAK,CAAC,QAAQ,CAAC,IAAA,2BAAU,EAAC,OAAO,CAAC,CAAC,CAAC;IACtC,CAAC;AACH,CAAC"}

package/dist/src/ui/types/common.d.ts

@@ -0,0 +1,33 @@
+/**
+ * Shared types used across multiple UI components
+ */
+/**
+ * Response from executing a function or tool request
+ */
+export interface ExecutionResponse {
+    result: any;
+    executionTime: number;
+    status?: number;
+    statusText?: string;
+    headers?: [string, string][];
+    error?: {
+        message: string;
+        stack?: string;
+    };
+}
+/**
+ * Extended execution response that includes input and logs (used by FunctionsView)
+ */
+export interface FunctionExecutionResponse extends ExecutionResponse {
+    input: any;
+    logs: string[];
+}
+/**
+ * Build status information from the dev server
+ */
+export interface BuildStatus {
+    buildInProgress: boolean;
+    lastBuildSuccess: boolean | null;
+    lastBuildTimestamp: string | null;
+    lastBuildError: string | null;
+}

package/dist/src/ui/types/common.js

@@ -0,0 +1,6 @@
+"use strict";
+/**
+ * Shared types used across multiple UI components
+ */
+Object.defineProperty(exports, "__esModule", { value: true });
+//# sourceMappingURL=common.js.map

package/dist/src/ui/types/common.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"common.js","sourceRoot":"","sources":["../../../../src/ui/types/common.ts"],"names":[],"mappings":";AAAA;;GAEG"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@optimizely/ocp-local-env",
-  "version": "1.0.0-beta.8",
+  "version": "1.0.1",
   "description": "Local testing environment for Optimizely Connect Platform (OCP) applications",
   "main": "dist/src/index.js",
   "types": "dist/src/index.d.ts",
@@ -12,11 +12,15 @@
   ],
   "scripts": {
     "build": "tsc && webpack --mode production",
-    "dev": "concurrently \"tsc --watch\" \"webpack --mode development --watch\" \"nodemon dist/src/server.js\"",
+    "dev": "concurrently \"tsc --watch\" \"webpack --mode development --watch\" \"OCP_LOCAL_OPEN_BROWSER=false nodemon dist/src/server.js\"",
     "dev:server": "tsc --watch && nodemon dist/src/server.js",
     "dev:ui": "webpack --mode development --watch",
     "start": "node dist/src/server.js",
     "test": "jest",
+    "test:e2e": "playwright test",
+    "test:e2e:setup": "node scripts/setup-e2e-apps.js",
+    "test:e2e:ui": "playwright test --ui",
+    "test:e2e:debug": "playwright test --debug",
     "lint": "npx eslint 'src/**'",
     "format": "prettier --write \"src/**/*.{ts,tsx}\"",
     "prepare": "npm run build",
@@ -41,8 +45,7 @@
   "homepage": "https://github.com/ZaiusInc/ocp-local-env#readme",
   "dependencies": {
     "@faker-js/faker": "^10.1.0",
-    "@zaiusinc/app-sdk": "^2.3.0",
-    "@zaiusinc/node-sdk": "^2.0.0",
+    "@reduxjs/toolkit": "^2.11.0",
     "chalk": "^4.1.2",
     "chokidar": "^3.5.3",
     "commander": "^9.4.1",
@@ -53,10 +56,14 @@
     "open": "^8.4.2",
     "react": ">=17.0.0",
     "react-dom": ">=17.0.0",
+    "react-redux": "^9.2.0",
     "react-router-dom": "^6.28.0",
+    "semver": "^7.7.4",
     "uuid": "^9.0.0"
   },
   "devDependencies": {
+    "@optimizely/axiom-icons": "^1.13.1",
+    "@playwright/test": "^1.40.0",
     "@testing-library/dom": "^10.4.1",
     "@testing-library/jest-dom": "^6.9.1",
     "@testing-library/react": "^16.3.0",
@@ -67,24 +74,25 @@
     "@types/node": "^18.19.122",
     "@types/react": "^18.3.23",
     "@types/react-dom": "^18.3.7",
+    "@types/semver": "^7.7.1",
     "@types/uuid": "^9.0.0",
     "@typescript-eslint/eslint-plugin": "^5.48.0",
     "@typescript-eslint/parser": "^5.48.0",
     "concurrently": "^7.6.0",
     "css-loader": "^6.7.3",
-    "eslint": "^8.31.0",
+    "eslint": "^9.26.0",
     "eslint-config-prettier": "^8.6.0",
     "eslint-plugin-react": "^7.31.11",
     "html-webpack-plugin": "^5.5.0",
     "husky": "^8.0.3",
     "identity-obj-proxy": "^3.0.0",
     "jest": "^29.3.1",
-    "jest-environment-jsdom": "^30.2.0",
-    "lint-staged": "^16.2.0",
+    "jest-environment-jsdom": "^29.7.0",
+    "lint-staged": "^15.2.0",
     "nodemon": "^3.1.10",
     "parse-path": "^7.0.0",
     "prettier": "^2.8.1",
-    "release-it": "^19.0.5",
+    "release-it": "^17.10.0",
     "style-loader": "^3.3.1",
     "ts-jest": "^29.0.3",
     "ts-loader": "^9.4.2",
@@ -97,7 +105,7 @@
     "react-dom": ">=17.0.0"
   },
   "engines": {
-    "node": ">=14.0.0"
+    "node": ">=18.0.0"
   },
   "lint-staged": {
     "*.{ts,tsx}": [