@qoretechnologies/reqraft 0.0.1 → 0.2.0

package/dist/src/utils/fetch.js

@@ -0,0 +1,140 @@
+"use strict";
+var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
+    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
+    return new (P || (P = Promise))(function (resolve, reject) {
+        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
+        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
+        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
+        step((generator = generator.apply(thisArg, _arguments || [])).next());
+    });
+};
+var __generator = (this && this.__generator) || function (thisArg, body) {
+    var _ = { label: 0, sent: function() { if (t[0] & 1) throw t[1]; return t[1]; }, trys: [], ops: [] }, f, y, t, g;
+    return g = { next: verb(0), "throw": verb(1), "return": verb(2) }, typeof Symbol === "function" && (g[Symbol.iterator] = function() { return this; }), g;
+    function verb(n) { return function (v) { return step([n, v]); }; }
+    function step(op) {
+        if (f) throw new TypeError("Generator is already executing.");
+        while (g && (g = 0, op[0] && (_ = 0)), _) try {
+            if (f = 1, y && (t = op[0] & 2 ? y["return"] : op[0] ? y["throw"] || ((t = y["return"]) && t.call(y), 0) : y.next) && !(t = t.call(y, op[1])).done) return t;
+            if (y = 0, t) op = [op[0] & 2, t.value];
+            switch (op[0]) {
+                case 0: case 1: t = op; break;
+                case 4: _.label++; return { value: op[1], done: false };
+                case 5: _.label++; y = op[1]; op = [0]; continue;
+                case 7: op = _.ops.pop(); _.trys.pop(); continue;
+                default:
+                    if (!(t = _.trys, t = t.length > 0 && t[t.length - 1]) && (op[0] === 6 || op[0] === 2)) { _ = 0; continue; }
+                    if (op[0] === 3 && (!t || (op[1] > t[0] && op[1] < t[3]))) { _.label = op[1]; break; }
+                    if (op[0] === 6 && _.label < t[1]) { _.label = t[1]; t = op; break; }
+                    if (t && _.label < t[2]) { _.label = t[2]; _.ops.push(op); break; }
+                    if (t[2]) _.ops.pop();
+                    _.trys.pop(); continue;
+            }
+            op = body.call(thisArg, _);
+        } catch (e) { op = [6, e]; y = 0; } finally { f = t = 0; }
+        if (op[0] & 5) throw op[1]; return { value: op[0] ? op[1] : void 0, done: true };
+    }
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.query = exports.setupFetch = void 0;
+var ReqraftProvider_1 = require("../providers/ReqraftProvider");
+var fetchConfig = {
+    instance: window.location.origin + '/',
+    instanceToken: '',
+    unauthorizedRedirect: function (pathname) { return "/?next=".concat(pathname); },
+};
+var CACHE_EXPIRATION_TIME = 5 * 60 * 1000; // 5 minutes
+var setupFetch = function (_a) {
+    var instance = _a.instance, instanceToken = _a.instanceToken, unauthorizedRedirect = _a.unauthorizedRedirect;
+    fetchConfig.instance = instance;
+    fetchConfig.instanceToken = instanceToken;
+    if (unauthorizedRedirect) {
+        fetchConfig.unauthorizedRedirect = unauthorizedRedirect;
+    }
+};
+exports.setupFetch = setupFetch;
+function doFetchData(url_1) {
+    return __awaiter(this, arguments, void 0, function (url, method, body) {
+        if (method === void 0) { method = 'GET'; }
+        return __generator(this, function (_a) {
+            if (!fetchConfig.instanceToken) {
+                return [2 /*return*/, new Response(JSON.stringify({}), {
+                        status: 401,
+                        statusText: 'Unauthorized',
+                    })];
+            }
+            return [2 /*return*/, fetch("".concat(fetchConfig.instance, "api/latest/").concat(url), {
+                    method: method,
+                    headers: {
+                        'Content-Type': 'application/json',
+                        Authorization: "Bearer ".concat(fetchConfig.instanceToken),
+                    },
+                    body: JSON.stringify(body),
+                }).catch(function (error) {
+                    return new Response(JSON.stringify({}), {
+                        status: 500,
+                        statusText: "Request failed ".concat(error.message),
+                    });
+                })];
+        });
+    });
+}
+function query(_a) {
+    return __awaiter(this, arguments, void 0, function (_b) {
+        var shouldCache, cacheKey, requestData;
+        var _this = this;
+        var url = _b.url, _c = _b.method, method = _c === void 0 ? 'GET' : _c, body = _b.body, _d = _b.cache, cache = _d === void 0 ? true : _d, _e = _b.queryClient, queryClient = _e === void 0 ? ReqraftProvider_1.ReqraftQueryClient : _e;
+        return __generator(this, function (_f) {
+            switch (_f.label) {
+                case 0:
+                    shouldCache = method === 'DELETE' || method === 'POST' ? false : cache;
+                    cacheKey = "".concat(url, ":").concat(method, ":").concat(JSON.stringify(body || {}));
+                    return [4 /*yield*/, queryClient.fetchQuery({
+                            queryKey: [cacheKey],
+                            queryFn: function () { return __awaiter(_this, void 0, void 0, function () {
+                                var response, clone, json;
+                                return __generator(this, function (_a) {
+                                    switch (_a.label) {
+                                        case 0: return [4 /*yield*/, doFetchData(url, method, body)];
+                                        case 1:
+                                            response = _a.sent();
+                                            clone = response.clone();
+                                            return [4 /*yield*/, clone.json()];
+                                        case 2:
+                                            json = _a.sent();
+                                            if (response.status === 401) {
+                                                window.location.href = fetchConfig.unauthorizedRedirect(window.location.pathname);
+                                            }
+                                            return [2 /*return*/, {
+                                                    data: json,
+                                                    ok: response.ok,
+                                                    status: response.status,
+                                                    statusText: response.statusText,
+                                                }];
+                                    }
+                                });
+                            }); },
+                            staleTime: shouldCache ? CACHE_EXPIRATION_TIME : 0,
+                        })];
+                case 1:
+                    requestData = _f.sent();
+                    if (!requestData.ok) {
+                        queryClient.invalidateQueries({ queryKey: [cacheKey] });
+                        return [2 /*return*/, {
+                                data: null,
+                                ok: false,
+                                code: requestData.status,
+                                error: requestData.statusText,
+                            }];
+                    }
+                    return [2 /*return*/, {
+                            data: requestData.data,
+                            ok: true,
+                            code: requestData.status,
+                        }];
+            }
+        });
+    });
+}
+exports.query = query;
+//# sourceMappingURL=fetch.js.map

package/dist/src/utils/fetch.js.map

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

package/mock/interfaceCategories.json

@@ -0,0 +1,155 @@
+{
+  "fsm": {
+    "singular_display_name": "Qog",
+    "display_name": "Qogs",
+    "short_desc": "Qogs are no-code logic elements based on finite state machines; they can be used anywhere in Qorus as an alternative to coding",
+    "supports_code": false,
+    "url_root": "fsms",
+    "drafts": 2,
+    "items": 49
+  },
+  "connection": {
+    "singular_display_name": "Connection",
+    "display_name": "Connections",
+    "short_desc": "Connections to remote systems",
+    "supports_code": false,
+    "url_root": "connections",
+    "drafts": 0,
+    "items": 25
+  },
+  "class": {
+    "singular_display_name": "Class",
+    "display_name": "Classes",
+    "short_desc": "Classes that can be used in Qorus interface code",
+    "supports_code": true,
+    "url_root": "classes",
+    "drafts": 0,
+    "items": 192
+  },
+  "errors": {
+    "singular_display_name": "Error",
+    "display_name": "Errors",
+    "short_desc": "Workflow error set definitions",
+    "supports_code": false,
+    "url_root": "error-sets",
+    "drafts": 0,
+    "items": 14
+  },
+  "event": {
+    "singular_display_name": "Workflow Sync Event",
+    "display_name": "Workflow Sync Events",
+    "short_desc": "Workflow synchronization events",
+    "supports_code": false,
+    "url_root": "events",
+    "drafts": 0,
+    "items": 9
+  },
+  "group": {
+    "singular_display_name": "Interface Group",
+    "display_name": "Interface Groups",
+    "short_desc": "Interface groups allow interfaces to be enabled and disabled together as well as enabling views on interfaces to be restricted for certain users",
+    "supports_code": false,
+    "url_root": "groups",
+    "drafts": 0,
+    "items": 102
+  },
+  "job": {
+    "singular_display_name": "Scheduled Job",
+    "display_name": "Scheduled Jobs",
+    "short_desc": "Jobs execute logic on a user-defined schedule",
+    "supports_code": true,
+    "url_root": "jobs",
+    "drafts": 0,
+    "items": 91
+  },
+  "mapper": {
+    "singular_display_name": "Mapper",
+    "display_name": "Mappers",
+    "short_desc": "Mappers are visual data transformation elements",
+    "supports_code": false,
+    "url_root": "mappers",
+    "drafts": 0,
+    "items": 37
+  },
+  "mapper-code": {
+    "singular_display_name": "Mapper Code Object",
+    "display_name": "Mapper Code",
+    "short_desc": "Mapper code elements are classes with methods that can be directly used in mappers for complex data transformation logic",
+    "supports_code": true,
+    "url_root": "classes",
+    "drafts": 0,
+    "items": 3
+  },
+  "pipeline": {
+    "singular_display_name": "Data Pipeline",
+    "display_name": "Data Pipelines",
+    "short_desc": "Data pipelines enable large volumes of data to be processed efficiently",
+    "supports_code": false,
+    "url_root": "pipelines",
+    "drafts": 0,
+    "items": 15
+  },
+  "queue": {
+    "singular_display_name": "Asynchronous Step Queue",
+    "display_name": "Asynchronous Step Queues",
+    "short_desc": "Asynchronous step queues connect the front end to the back end of asynchronous workflow steps",
+    "supports_code": false,
+    "url_root": "queues",
+    "drafts": 0,
+    "items": 13
+  },
+  "service": {
+    "singular_display_name": "Service",
+    "display_name": "Services",
+    "short_desc": "Services are a top-level interfacing object in Qorus",
+    "supports_code": true,
+    "url_root": "services",
+    "drafts": 0,
+    "items": 117
+  },
+  "sla": {
+    "singular_display_name": "SLA",
+    "display_name": "SLAs",
+    "short_desc": "SLAs track technical performance metrics with business impact",
+    "supports_code": false,
+    "url_root": "slas",
+    "drafts": 0,
+    "items": 5
+  },
+  "step": {
+    "singular_display_name": "Step",
+    "display_name": "Steps",
+    "short_desc": "Steps are an atomic execution element in a workflow",
+    "supports_code": true,
+    "url_root": "steps",
+    "drafts": 0,
+    "items": 233
+  },
+  "type": {
+    "singular_display_name": "Type",
+    "display_name": "Types",
+    "short_desc": "Data types",
+    "supports_code": false,
+    "url_root": "types",
+    "drafts": 0,
+    "items": 97
+  },
+  "value-map": {
+    "singular_display_name": "Value Map",
+    "display_name": "Value Maps",
+    "short_desc": "Value maps provide simple mappings from one value to another",
+    "supports_code": false,
+    "url_root": "valuemaps",
+    "drafts": 0,
+    "items": 10
+  },
+  "workflow": {
+    "singular_display_name": "Workflow",
+    "display_name": "Workflows",
+    "short_desc": "Workflows are the primary stateful orchestration interface type in Qorus",
+    "supports_code": true,
+    "url_root": "workflows",
+    "drafts": 0,
+    "items": 112
+  }
+}

package/mock/menu.ts

@@ -0,0 +1,301 @@
+import { IReqoreIconName } from '@qoretechnologies/reqore/dist/types/icons';
+import { map } from 'lodash';
+import { TReqraftMenuItem } from '../src';
+import interfaces from './interfaceCategories.json';
+
+export const interfaceIcons: Record<string, IReqoreIconName> = {
+  service: 'ServerLine',
+  step: 'StickyNoteLine',
+  'mapper-code': 'FunctionLine',
+  errors: 'ErrorWarningLine',
+  workflow: 'GitBranchLine',
+  job: 'CalendarLine',
+  mapper: 'MindMap',
+  group: 'GridFill',
+  event: 'GitCommitLine',
+  'sync-event': 'GitCommitLine',
+  queue: 'StackLine',
+  connection: 'Plug2Line',
+  fsm: 'DashboardLine',
+  pipeline: 'NodeTree',
+  'value-map': 'BringToFront',
+  type: 'Asterisk',
+  class: 'CodeSLine',
+  'schema-modules': 'Database2Line',
+  scripts: 'FileCodeLine',
+  tests: 'FilterLine',
+  sla: 'TimerLine',
+};
+
+export default [
+  {
+    label: 'Developer Portal',
+    icon: 'CodeBoxLine',
+    to: '/',
+    activePaths: ['', '/ide'],
+    id: 'ide',
+    as: 'a',
+    submenu: map(
+      interfaces,
+      (item, id): TReqraftMenuItem => ({
+        label: item.display_name,
+        icon: interfaceIcons[id],
+        minimal: false,
+        to: `/Interfaces/${id}`,
+        badge: [{ label: item.items + item.drafts, align: 'right' }],
+        tooltip: {
+          content: item.short_desc,
+          maxWidth: '400px',
+          delay: 300,
+        },
+        wrap: false,
+        activePaths: [`/Interfaces/${id}`, `/CreateInterface/${id}`],
+        as: 'a',
+        id: id,
+        rightIcon: 'AddLine',
+      })
+    ),
+  },
+  {
+    divider: true,
+  },
+  {
+    label: 'Operational Dashboard',
+    icon: 'Home2Fill',
+    href: '/dashboard',
+    activePaths: ['/dashboard'],
+    id: 'dashboard',
+    as: 'a',
+  },
+  {
+    label: 'Operational Interfaces',
+    id: 'interfaces',
+    icon: 'LayoutMasonryFill',
+    submenu: [
+      {
+        label: 'Workflows',
+        icon: 'ExchangeLine',
+        href: '/workflows',
+        activePaths: ['/workflow', '/order'],
+        id: 'workflows',
+        as: 'a',
+      },
+      {
+        label: 'Services',
+        icon: 'GitMergeLine',
+        href: '/services',
+        activePaths: ['/service'],
+        id: 'services',
+        as: 'a',
+      },
+      {
+        label: 'Jobs',
+        icon: 'CalendarLine',
+        href: '/jobs',
+        activePaths: ['/job'],
+        id: 'jobs',
+        as: 'a',
+      },
+      {
+        label: 'Groups',
+        icon: 'BubbleChartFill',
+        href: '/groups',
+        activePaths: ['/groups'],
+        id: 'groups',
+        as: 'a',
+      },
+      {
+        label: 'Connections',
+        icon: 'StackshareLine',
+        href: '/remote',
+        activePaths: ['/remote'],
+        id: 'remote',
+        as: 'a',
+      },
+      {
+        label: 'Search',
+        icon: 'SearchLine',
+        href: '/search',
+        activePaths: ['/search'],
+        id: 'search',
+        as: 'a',
+      },
+    ],
+  },
+  {
+    label: 'Global',
+    icon: 'LayoutGridFill',
+    activePaths: ['/rbac', '/valuemaps', '/slas', '/sla', '/releases', '/errors'],
+    id: 'global',
+    submenu: [
+      {
+        label: 'RBAC',
+        icon: 'GroupLine',
+        href: '/rbac',
+        activePaths: ['/rbac'],
+        id: 'rbac',
+        as: 'a',
+      },
+      {
+        label: 'Valuemaps',
+        icon: 'MapLine',
+        href: '/valuemaps',
+        activePaths: ['/valuemaps'],
+        id: 'valuemaps',
+        as: 'a',
+      },
+      {
+        label: 'SLAs',
+        icon: 'TimeLine',
+        href: '/slas',
+        activePaths: ['/slas', '/sla'],
+        id: 'slas',
+        as: 'a',
+      },
+      {
+        label: 'Releases',
+        icon: 'InstallLine',
+        href: '/releases',
+        activePaths: ['/releases'],
+        id: 'releases',
+        as: 'a',
+      },
+      {
+        label: 'Errors',
+        icon: 'ErrorWarningLine',
+        href: '/errors',
+        activePaths: ['/errors'],
+        id: 'errors',
+        as: 'a',
+      },
+      {
+        label: 'Types',
+        icon: 'Key2Fill',
+        href: '/types',
+        activePaths: ['/types'],
+        id: 'types',
+        as: 'a',
+      },
+    ],
+  },
+  {
+    label: 'System',
+    icon: 'Settings2Line',
+    activePaths: ['/system'],
+    id: 'system',
+    submenu: [
+      {
+        label: 'Alerts',
+        icon: 'AlarmWarningLine',
+        href: '/system/alerts',
+        activePaths: ['/system/alerts'],
+        id: 'alerts',
+        as: 'a',
+      },
+      {
+        label: 'Cluster',
+        icon: 'GridFill',
+        href: '/system/cluster',
+        activePaths: ['/system/cluster'],
+        id: 'cluster',
+        as: 'a',
+      },
+      {
+        label: 'Order Stats',
+        icon: 'PieChartLine',
+        href: '/system/orderStats',
+        activePaths: ['/system/orderStats'],
+        id: 'orderstats',
+        as: 'a',
+      },
+      {
+        label: 'Options',
+        icon: 'SettingsLine',
+        href: '/system/options',
+        activePaths: ['/system/options'],
+        id: 'options',
+        as: 'a',
+      },
+      {
+        label: 'Properties',
+        icon: 'StackLine',
+        href: '/system/props',
+        activePaths: ['/system/props'],
+        id: 'props',
+        as: 'a',
+      },
+      {
+        label: 'Cache',
+        icon: 'DatabaseLine',
+        href: '/system/sqlcache',
+        activePaths: ['/system/sqlcache'],
+        id: 'sqlcache',
+        as: 'a',
+      },
+      {
+        label: 'HTTP Services',
+        icon: 'GlobeLine',
+        href: '/system/http',
+        activePaths: ['/system/http'],
+        id: 'http',
+        as: 'a',
+      },
+      {
+        label: 'Config Items',
+        icon: 'Settings6Line',
+        href: '/system/config-items',
+        activePaths: ['/system/config-items'],
+        id: 'config-items',
+        as: 'a',
+      },
+    ],
+  },
+  {
+    label: 'More',
+    icon: 'MoreFill',
+    activePaths: ['/ocmd', '/library', '/extensions', '/logs', '/info'],
+    id: 'more',
+    submenu: [
+      {
+        label: 'OCMD',
+        icon: 'TerminalLine',
+        href: '/ocmd',
+        activePaths: ['/ocmd'],
+        id: 'ocmd',
+        as: 'a',
+      },
+      {
+        label: 'Library',
+        icon: 'Book3Line',
+        href: '/library',
+        activePaths: ['/library'],
+        id: 'library',
+        as: 'a',
+      },
+      {
+        label: 'Extensions',
+        icon: 'AppsLine',
+        href: '/extensions',
+        activePaths: ['/extensions'],
+        id: 'extensions',
+        as: 'a',
+      },
+      {
+        label: 'Logs',
+        icon: 'FileTextLine',
+        href: '/logs',
+        activePaths: ['/logs'],
+        id: 'logs',
+        as: 'a',
+      },
+      {
+        label: 'Info',
+        icon: 'InformationLine',
+        href: '/info',
+        activePaths: ['/info'],
+        id: 'info',
+        as: 'a',
+      },
+    ],
+  },
+];

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@qoretechnologies/reqraft",
-  "version": "0.0.1",
+  "version": "0.2.0",
   "description": "ReQraft is a collection of React components and hooks that are used across Qore Technologies' products made using the ReQore component library from Qore.",
   "main": "dist/index.js",
   "types": "dist/index.d.ts",
@@ -9,11 +9,13 @@
     "test": "./node_modules/.bin/jest --passWithNoTests",
     "test:watch": "./node_modules/.bin/jest --watch --passWithNoTests",
     "test:ci": "./node_modules/.bin/jest --silent --json --outputFile=tests.json --passWithNoTests",
+    "precheck": "yarn run lint && yarn run test && yarn build:test:prod",
     "build": "./node_modules/typescript/bin/tsc --project tsconfig.prod.json",
     "build:test": "./node_modules/typescript/bin/tsc --noEmit",
     "build:test:prod": "./node_modules/typescript/bin/tsc --project tsconfig.prod.json --noEmit",
     "lint": "yarn run eslint ./src/",
     "storybook": "storybook dev -p 6008",
+    "update-reqore": "yarn add @qoretechnologies/reqore@beta",
     "test-storybook": "DEBUG_PRINT_LIMIT=0 test-storybook --url http://localhost:6008",
     "install-playwright": "npx playwright install --with-deps",
     "build-storybook": "storybook build",
@@ -32,7 +34,6 @@
     "qorus"
   ],
   "pre-push": [
-    "source",
     "build:test:prod",
     "lint",
     "test"
@@ -51,7 +52,7 @@
     "@babel/preset-react": "^7.12.10",
     "@babel/preset-typescript": "^7.12.7",
     "@chromatic-com/storybook": "^1",
-    "@qoretechnologies/reqore": "^0.41.0",
+    "@qoretechnologies/reqore": "^0.43.0",
     "@storybook/addon-actions": "^8.0.9",
     "@storybook/addon-essentials": "^8.0.9",
     "@storybook/addon-interactions": "^8.0.9",
@@ -71,6 +72,7 @@
     "@types/node": "^14.14.14",
     "@types/react": "^18.3.1",
     "@types/react-dom": "^18.3.0",
+    "@types/react-query": "^1.2.9",
     "@typescript-eslint/eslint-plugin": "^7.8.0",
     "@typescript-eslint/parser": "^7.8.0",
     "babel-jest": "^29.7.0",
@@ -89,8 +91,10 @@
     "react-intersection-observer": "^9.4.2",
     "react-test-renderer": "^18.2.0",
     "storybook": "^8.0.9",
+    "storybook-addon-mock": "^5.0.0",
     "ts-jest": "^29.1.2",
     "ts-node": "^9.1.1",
+    "type-fest": "^4.18.2",
     "typescript": "^5.4.5"
   },
   "peerDependencies": {
@@ -99,6 +103,7 @@
     "react-dom": "^18.3.1"
   },
   "dependencies": {
+    "@tanstack/react-query": "^5.35.5",
     "classnames": "^2.2.6",
     "epoch-timeago": "^1.1.9",
     "lodash": "^4.17.21",