@xplortech/insights-elements 0.0.1-draft.7729525

package/dist/types/utils/chart-types.d.ts

@@ -0,0 +1,53 @@
+/**
+ * Filters for chart data queries
+ */
+export interface ChartFilters {
+    [key: string]: any;
+}
+/**
+ * Query structure for insights API
+ */
+export interface InsightsQuery {
+    columns: string[];
+    [key: string]: any;
+}
+/**
+ * Raw response from insights API
+ */
+export interface RawInsightsResponse {
+    data: any[];
+    [key: string]: any;
+}
+/**
+ * Base props that all chart components will inherit
+ */
+export interface BaseChartProps {
+    /**
+     * Name of the report to fetch data from
+     */
+    reportName: string;
+    /**
+     * Filters to apply to the query
+     */
+    filters?: ChartFilters;
+    /**
+     * Function to transform filters into a query object
+     * @param filters - The filters to transform
+     * @returns Query object with columns and other parameters
+     */
+    getQueryByFilters?: (filters: ChartFilters) => InsightsQuery;
+    /**
+     * Function to normalize the raw API response
+     * @param responseData - Raw response from the API
+     * @returns Normalized data for the chart
+     */
+    normalizeRawResponse?: (responseData: RawInsightsResponse) => any;
+}
+/**
+ * Default implementation of getQueryByFilters
+ */
+export declare const defaultGetQueryByFilters: (filters: ChartFilters) => InsightsQuery;
+/**
+ * Default implementation of normalizeRawResponse
+ */
+export declare const defaultNormalizeRawResponse: (responseData: RawInsightsResponse) => any;

package/dist/types/utils/code-generator.d.ts

@@ -0,0 +1,31 @@
+/**
+ * Code generator for insights chart components
+ * Generates framework-specific code examples based on current story args
+ */
+export interface CodeGenProps {
+    reportName: string;
+    filters: Record<string, any>;
+    columns: string[];
+    queryFilters: Array<{
+        member: string;
+        operator: string;
+        values: any[];
+    }>;
+    order: Record<string, 'asc' | 'desc'>;
+    totals: Array<{
+        fn: string;
+        member: string;
+    }>;
+    limit: number;
+    normalizeMapping: Array<{
+        outputKey: string;
+        sourceField: string;
+    }>;
+    spec: any;
+    apiUrl?: string;
+    componentName?: string;
+}
+export declare function generateReactCode(props: CodeGenProps): string;
+export declare function generateVueCode(props: CodeGenProps): string;
+export declare function generateWebComponentCode(props: CodeGenProps): string;
+export declare function getCodeForFramework(props: any, framework?: string): string;

package/dist/types/utils/insights-context.d.ts

@@ -0,0 +1,39 @@
+export type EventType = 'error' | 'warning';
+export interface EventData {
+    eventType: EventType;
+    data: any;
+}
+export interface ConfigurationItem {
+    apiUrl: string;
+    token?: string;
+    refreshToken?: () => Promise<string> | string;
+    onEventEmitted?: (event: EventData) => void;
+}
+export interface Configuration {
+    [configName: string]: ConfigurationItem;
+}
+/**
+ * Setup multiple configurations for insights
+ * @param configurations - Map of configuration names to configuration items
+ * @example
+ * ```typescript
+ * setupConfiguration({
+ *   default: {
+ *     apiUrl: 'https://api.example.com',
+ *     token: 'token123',
+ *     refreshToken: async () => 'newToken',
+ *     onEventEmitted: (event) => console.log(event)
+ *   },
+ *   europe: {
+ *     apiUrl: 'https://api.eu.example.com',
+ *     token: 'euToken123'
+ *   }
+ * });
+ * ```
+ */
+export declare const setupConfiguration: (configurations: Configuration) => void;
+/**
+ * Get configuration by name
+ * @param configName - Name of the configuration to retrieve (defaults to 'default')
+ */
+export declare const getConfiguration: (configName?: string) => ConfigurationItem | undefined;

package/insights-loader/cdn.js

@@ -0,0 +1 @@
+module.exports = require('../dist/cjs/loader.cjs.js');

package/insights-loader/index.cjs.js

@@ -0,0 +1 @@
+module.exports = require('../dist/cjs/loader.cjs.js');

package/insights-loader/index.d.ts

@@ -0,0 +1,24 @@
+export * from '../dist/types/components';
+export interface CustomElementsDefineOptions {
+  exclude?: string[];
+  resourcesUrl?: string;
+  syncQueue?: boolean;
+  jmp?: (c: Function) => any;
+  raf?: (c: FrameRequestCallback) => number;
+  ael?: (el: EventTarget, eventName: string, listener: EventListenerOrEventListenerObject, options: boolean | AddEventListenerOptions) => void;
+  rel?: (el: EventTarget, eventName: string, listener: EventListenerOrEventListenerObject, options: boolean | AddEventListenerOptions) => void;
+}
+export declare function defineCustomElements(win?: Window, opts?: CustomElementsDefineOptions): void;
+/**
+ * @deprecated
+ */
+export declare function applyPolyfills(): Promise<void>;
+
+/**
+ * Used to specify a nonce value that corresponds with an application's CSP.
+ * When set, the nonce will be added to all dynamically created script and style tags at runtime.
+ * Alternatively, the nonce value can be set on a meta tag in the DOM head
+ * (<meta name="csp-nonce" content="{ nonce value here }" />) which
+ * will result in the same behavior.
+ */
+export declare function setNonce(nonce: string): void;

package/insights-loader/index.es2017.js

@@ -0,0 +1 @@
+export * from '../dist/esm/loader.js';

package/insights-loader/index.js

@@ -0,0 +1,2 @@
+(function(){if("undefined"!==typeof window&&void 0!==window.Reflect&&void 0!==window.customElements){var a=HTMLElement;window.HTMLElement=function(){return Reflect.construct(a,[],this.constructor)};HTMLElement.prototype=a.prototype;HTMLElement.prototype.constructor=HTMLElement;Object.setPrototypeOf(HTMLElement,a)}})();
+export * from '../dist/esm/loader.js';

package/loader/index.cjs.js

@@ -0,0 +1,8 @@
+/* eslint-disable no-undef */
+const m = require('../insights-loader/index.cjs.js');
+const k = require('@xplortech/apollo-data/loader');
+
+exports.defineCustomElements = function (win, opt) {
+  m.defineCustomElements(win, opt);
+  k.defineCustomElements(win, opt);
+};

package/loader/index.d.ts

@@ -0,0 +1,5 @@
+import { CustomElementsDefineOptions } from '../insights-loader';
+
+export { CustomElementsDefineOptions };
+
+export declare function defineCustomElements(win?: Window, opts?: CustomElementsDefineOptions): void;

package/loader/index.js

@@ -0,0 +1,7 @@
+import { defineCustomElements as dceInsights } from '../insights-loader';
+import { defineCustomElements as dceApolloData } from '@xplortech/apollo-data/loader';
+
+export function defineCustomElements(win, options) {
+  dceInsights(win, options);
+  dceApolloData(win, options);
+}

package/package.json

@@ -0,0 +1,92 @@
+{
+  "name": "@xplortech/insights-elements",
+  "version": "0.0.1-draft.7729525",
+  "description": "Web Components for Xplor Insights",
+  "main": "dist/index.cjs.js",
+  "module": "dist/index.js",
+  "types": "dist/types/index.d.ts",
+  "collection": "dist/collection/collection-manifest.json",
+  "collection:main": "dist/collection/index.js",
+  "unpkg": "dist/insights-elements/insights-elements.esm.js",
+  "author": "Xplor Technologies",
+  "publishConfig": {
+    "access": "public",
+    "provenance": false
+  },
+  "exports": {
+    ".": {
+      "types": "./dist/types/index.d.ts",
+      "import": "./dist/insights-elements/insights-elements.esm.js",
+      "require": "./dist/index.cjs.js"
+    },
+    "./loader": {
+      "types": "./loader/index.d.ts",
+      "import": "./loader/index.js",
+      "require": "./loader/index.cjs"
+    },
+    "./insights-loader": {
+      "types": "./insights-loader/index.d.ts",
+      "import": "./insights-loader/index.js",
+      "require": "./insights-loader/index.cjs"
+    },
+    "./dist/*": {
+      "import": "./dist/*",
+      "types": "./dist/*"
+    },
+    "./components/*": {
+      "import": "./dist/components/*.js",
+      "types": "./dist/components/*.d.ts"
+    },
+    "./examples": {
+      "import": "./dist/examples/index.js",
+      "types": "./dist/types/examples/index.d.ts"
+    }
+  },
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/xplor/insights-api.git",
+    "directory": "packages/insights-elements"
+  },
+  "files": [
+    "dist/",
+    "insights-loader/",
+    "loader/"
+  ],
+  "scripts": {
+    "build": "stencil build",
+    "start": "stencil build --dev --watch --serve",
+    "test": "stencil test --spec --e2e",
+    "test.watch": "stencil test --spec --e2e --watchAll",
+    "generate": "stencil generate",
+    "storybook": "storybook dev -p 6006",
+    "build-storybook": "storybook build && cp -r ../../node_modules/@xplortech/apollo-data/dist/esm/*.js storybook-static/assets/ && cp -r ../../node_modules/@xplortech/apollo-data/dist/apollo-data/*.js storybook-static/assets/",
+    "prepublishOnly": "npm run build"
+  },
+  "devDependencies": {
+    "@stencil/core": "^4.27.1",
+    "@stencil/react-output-target": "^1.2.0",
+    "@stencil/vue-output-target": "^0.11.8",
+    "@storybook/addon-essentials": "^8.6.14",
+    "@storybook/addon-links": "^8.6.14",
+    "@storybook/blocks": "^8.6.14",
+    "@storybook/web-components": "^8.6.14",
+    "@storybook/web-components-vite": "^8.6.14",
+    "@types/jest": "^29.5.14",
+    "@types/node": "^22.19.1",
+    "@types/react": "^19.2.7",
+    "jest": "^29.7.0",
+    "jest-cli": "^29.7.0",
+    "lit": "^3.3.1",
+    "puppeteer": "^24.3.0",
+    "react": "^19.2.0",
+    "react-dom": "^19.2.0",
+    "storybook": "^8.6.14",
+    "vite": "^7.2.4"
+  },
+  "dependencies": {
+    "@stencil/store": "^2.2.1",
+    "@xplortech/apollo-data": "^0.0.4",
+    "@xplortech/insights-js": "^0.1.6"
+  },
+  "license": "MIT"
+}