@perses-dev/plugin-system 0.0.0-snapshot-ts-panel-actions-90e9ef0 → 0.0.0-snapshot-reverse-proxy-75afbd7

package/dist/test/mock-data.js

@@ -81,6 +81,27 @@ export const MOCK_TRACE_DATA = {
         executedQueryString: '{ duration > 1000ms }'
     }
 };
+export const MOCK_LOG_DATA = {
+    totalCount: 2,
+    entries: [
+        {
+            timestamp: 1666479357903,
+            line: 'Error: Something went wrong',
+            labels: {
+                level: 'error',
+                service: 'backend'
+            }
+        },
+        {
+            timestamp: 1666479382282,
+            line: 'Info: Request processed successfully',
+            labels: {
+                level: 'info',
+                service: 'frontend'
+            }
+        }
+    ]
+};
 export const MOCK_PROFILE_DATA = {
     profile: {
         stackTrace: {
@@ -101,5 +122,140 @@ export const MOCK_PROFILE_DATA = {
         name: 'cpu'
     }
 };
+// Remote Plugin Loader Test Fixtures
+export const MOCK_VALID_PLUGIN_METADATA = {
+    kind: 'Panel',
+    spec: {
+        name: 'testPlugin',
+        display: {
+            name: 'Test Plugin',
+            description: 'A test plugin for unit testing'
+        }
+    }
+};
+export const MOCK_VALID_PLUGIN_MODULE_RESOURCE = {
+    kind: 'PluginModule',
+    metadata: {
+        name: 'test-module',
+        version: '1.0.0'
+    },
+    spec: {
+        plugins: [
+            MOCK_VALID_PLUGIN_METADATA
+        ]
+    }
+};
+export const MOCK_INVALID_PLUGIN_MODULE = {
+    // Missing required fields
+    metadata: {
+        name: 'invalid-module'
+    },
+    spec: {
+        plugins: [
+            {
+                // Missing required fields
+                kind: 'Panel'
+            }
+        ]
+    }
+};
+export const MOCK_MIXED_VALIDITY_PLUGIN_MODULES = [
+    MOCK_VALID_PLUGIN_MODULE_RESOURCE,
+    MOCK_INVALID_PLUGIN_MODULE,
+    {
+        kind: 'PluginModule',
+        metadata: {
+            name: 'another-valid-module',
+            version: '2.0.0'
+        },
+        spec: {
+            plugins: [
+                {
+                    kind: 'Variable',
+                    spec: {
+                        name: 'anotherPlugin',
+                        display: {
+                            name: 'Another Plugin'
+                        }
+                    }
+                }
+            ]
+        }
+    }
+];
+export const MOCK_REMOTE_PLUGIN_MODULE = {
+    testPlugin: {
+        component: ()=>null,
+        createDefaultOptions: ()=>({})
+    }
+};
+export const MOCK_MULTI_PLUGIN_MODULE = {
+    kind: 'PluginModule',
+    metadata: {
+        name: 'multi-plugin-module',
+        version: '1.0.0'
+    },
+    spec: {
+        plugins: [
+            {
+                kind: 'Panel',
+                spec: {
+                    name: 'plugin1',
+                    display: {
+                        name: 'Plugin 1'
+                    }
+                }
+            },
+            {
+                kind: 'Variable',
+                spec: {
+                    name: 'plugin2',
+                    display: {
+                        name: 'Plugin 2'
+                    }
+                }
+            }
+        ]
+    }
+};
+export const MOCK_PARTIAL_FAILURE_MODULE = {
+    kind: 'PluginModule',
+    metadata: {
+        name: 'partial-failure-module',
+        version: '1.0.0'
+    },
+    spec: {
+        plugins: [
+            {
+                kind: 'Panel',
+                spec: {
+                    name: 'workingPlugin',
+                    display: {
+                        name: 'Working Plugin'
+                    }
+                }
+            },
+            {
+                kind: 'Variable',
+                spec: {
+                    name: 'failingPlugin',
+                    display: {
+                        name: 'Failing Plugin'
+                    }
+                }
+            }
+        ]
+    }
+};
+export const MOCK_EMPTY_PLUGIN_MODULE = {
+    kind: 'PluginModule',
+    metadata: {
+        name: 'empty-module',
+        version: '1.0.0'
+    },
+    spec: {
+        plugins: []
+    }
+};
 
 //# sourceMappingURL=mock-data.js.map

package/dist/test/mock-data.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/test/mock-data.ts"],"sourcesContent":["// Copyright 2023 The Perses Authors\n// Licensed under the Apache License, Version 2.0 (the \"License\");\n// you may not use this file except in compliance with the License.\n// You may obtain a copy of the License at\n//\n// http://www.apache.org/licenses/LICENSE-2.0\n//\n// Unless required by applicable law or agreed to in writing, software\n// distributed under the License is distributed on an \"AS IS\" BASIS,\n// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n// See the License for the specific language governing permissions and\n// limitations under the License.\n\nimport { ProfileData, TimeSeriesData, TraceData } from '@perses-dev/core';\n\nexport const MOCK_TIME_SERIES_DATA: TimeSeriesData = {\n  timeRange: {\n    start: new Date(1666625490000),\n    end: new Date(1666625535000),\n  },\n  stepMs: 24379,\n  series: [\n    {\n      name: 'device=\"/dev/vda1\", env=\"demo\", fstype=\"ext4\", instance=\"demo.do.prometheus.io:9100\", job=\"node\", mountpoint=\"/\"',\n      values: [\n        [1666479357903, 0.27700745551584494],\n        [1666479382282, 0.27701284657366565],\n      ],\n    },\n    {\n      name: 'device=\"/dev/vda15\", env=\"demo\", fstype=\"vfat\", instance=\"demo.do.prometheus.io:9100\", job=\"node\", mountpoint=\"/boot/efi\"',\n      values: [\n        [1666479357903, 0.08486496097624885],\n        [1666479382282, 0.08486496097624885],\n      ],\n    },\n  ],\n};\n\nexport const MOCK_TRACE_DATA: TraceData = {\n  searchResult: [\n    {\n      durationMs: 1120,\n      serviceStats: {\n        'shop-backend': {\n          spanCount: 4,\n          errorCount: 0,\n        },\n        'cart-service': {\n          spanCount: 2,\n          errorCount: 0,\n        },\n        'article-service': {\n          spanCount: 2,\n          errorCount: 0,\n        },\n        'auth-service': {\n          spanCount: 1,\n          errorCount: 0,\n        },\n        postgres: {\n          spanCount: 1,\n          errorCount: 0,\n        },\n      },\n      startTimeUnixMs: 1699916103945861,\n      traceId: '95ba9202315c29c801b5aa41452aa775',\n      rootServiceName: 'shop-backend',\n      rootTraceName: 'article-to-cart',\n    },\n  ],\n  metadata: {\n    executedQueryString: '{ duration > 1000ms }',\n  },\n};\n\nexport const MOCK_PROFILE_DATA: ProfileData = {\n  profile: {\n    stackTrace: {\n      id: 0,\n      name: 'root',\n      level: 0,\n      start: 1699916103945861,\n      end: 1699916105065861,\n      total: 1000,\n      self: 500,\n      children: [],\n    },\n  },\n  metadata: {\n    spyName: '',\n    sampleRate: 1000000000,\n    units: 'samples',\n    name: 'cpu',\n  },\n};\n"],"names":["MOCK_TIME_SERIES_DATA","timeRange","start","Date","end","stepMs","series","name","values","MOCK_TRACE_DATA","searchResult","durationMs","serviceStats","spanCount","errorCount","postgres","startTimeUnixMs","traceId","rootServiceName","rootTraceName","metadata","executedQueryString","MOCK_PROFILE_DATA","profile","stackTrace","id","level","total","self","children","spyName","sampleRate","units"],"mappings":"AAAA,oCAAoC;AACpC,kEAAkE;AAClE,mEAAmE;AACnE,0CAA0C;AAC1C,EAAE;AACF,6CAA6C;AAC7C,EAAE;AACF,sEAAsE;AACtE,oEAAoE;AACpE,2EAA2E;AAC3E,sEAAsE;AACtE,iCAAiC;AAIjC,OAAO,MAAMA,wBAAwC;IACnDC,WAAW;QACTC,OAAO,IAAIC,KAAK;QAChBC,KAAK,IAAID,KAAK;IAChB;IACAE,QAAQ;IACRC,QAAQ;QACN;YACEC,MAAM;YACNC,QAAQ;gBACN;oBAAC;oBAAe;iBAAoB;gBACpC;oBAAC;oBAAe;iBAAoB;aACrC;QACH;QACA;YACED,MAAM;YACNC,QAAQ;gBACN;oBAAC;oBAAe;iBAAoB;gBACpC;oBAAC;oBAAe;iBAAoB;aACrC;QACH;KACD;AACH,EAAE;AAEF,OAAO,MAAMC,kBAA6B;IACxCC,cAAc;QACZ;YACEC,YAAY;YACZC,cAAc;gBACZ,gBAAgB;oBACdC,WAAW;oBACXC,YAAY;gBACd;gBACA,gBAAgB;oBACdD,WAAW;oBACXC,YAAY;gBACd;gBACA,mBAAmB;oBACjBD,WAAW;oBACXC,YAAY;gBACd;gBACA,gBAAgB;oBACdD,WAAW;oBACXC,YAAY;gBACd;gBACAC,UAAU;oBACRF,WAAW;oBACXC,YAAY;gBACd;YACF;YACAE,iBAAiB;YACjBC,SAAS;YACTC,iBAAiB;YACjBC,eAAe;QACjB;KACD;IACDC,UAAU;QACRC,qBAAqB;IACvB;AACF,EAAE;AAEF,OAAO,MAAMC,oBAAiC;IAC5CC,SAAS;QACPC,YAAY;YACVC,IAAI;YACJlB,MAAM;YACNmB,OAAO;YACPxB,OAAO;YACPE,KAAK;YACLuB,OAAO;YACPC,MAAM;YACNC,UAAU,EAAE;QACd;IACF;IACAT,UAAU;QACRU,SAAS;QACTC,YAAY;QACZC,OAAO;QACPzB,MAAM;IACR;AACF,EAAE"}
+{"version":3,"sources":["../../src/test/mock-data.ts"],"sourcesContent":["// Copyright 2023 The Perses Authors\n// Licensed under the Apache License, Version 2.0 (the \"License\");\n// you may not use this file except in compliance with the License.\n// You may obtain a copy of the License at\n//\n// http://www.apache.org/licenses/LICENSE-2.0\n//\n// Unless required by applicable law or agreed to in writing, software\n// distributed under the License is distributed on an \"AS IS\" BASIS,\n// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n// See the License for the specific language governing permissions and\n// limitations under the License.\n\nimport { LogData, ProfileData, TimeSeriesData, TraceData } from '@perses-dev/core';\n\nexport const MOCK_TIME_SERIES_DATA: TimeSeriesData = {\n  timeRange: {\n    start: new Date(1666625490000),\n    end: new Date(1666625535000),\n  },\n  stepMs: 24379,\n  series: [\n    {\n      name: 'device=\"/dev/vda1\", env=\"demo\", fstype=\"ext4\", instance=\"demo.do.prometheus.io:9100\", job=\"node\", mountpoint=\"/\"',\n      values: [\n        [1666479357903, 0.27700745551584494],\n        [1666479382282, 0.27701284657366565],\n      ],\n    },\n    {\n      name: 'device=\"/dev/vda15\", env=\"demo\", fstype=\"vfat\", instance=\"demo.do.prometheus.io:9100\", job=\"node\", mountpoint=\"/boot/efi\"',\n      values: [\n        [1666479357903, 0.08486496097624885],\n        [1666479382282, 0.08486496097624885],\n      ],\n    },\n  ],\n};\n\nexport const MOCK_TRACE_DATA: TraceData = {\n  searchResult: [\n    {\n      durationMs: 1120,\n      serviceStats: {\n        'shop-backend': {\n          spanCount: 4,\n          errorCount: 0,\n        },\n        'cart-service': {\n          spanCount: 2,\n          errorCount: 0,\n        },\n        'article-service': {\n          spanCount: 2,\n          errorCount: 0,\n        },\n        'auth-service': {\n          spanCount: 1,\n          errorCount: 0,\n        },\n        postgres: {\n          spanCount: 1,\n          errorCount: 0,\n        },\n      },\n      startTimeUnixMs: 1699916103945861,\n      traceId: '95ba9202315c29c801b5aa41452aa775',\n      rootServiceName: 'shop-backend',\n      rootTraceName: 'article-to-cart',\n    },\n  ],\n  metadata: {\n    executedQueryString: '{ duration > 1000ms }',\n  },\n};\n\nexport const MOCK_LOG_DATA: LogData = {\n  totalCount: 2,\n  entries: [\n    {\n      timestamp: 1666479357903,\n      line: 'Error: Something went wrong',\n      labels: {\n        level: 'error',\n        service: 'backend',\n      },\n    },\n    {\n      timestamp: 1666479382282,\n      line: 'Info: Request processed successfully',\n      labels: {\n        level: 'info',\n        service: 'frontend',\n      },\n    },\n  ],\n};\n\nexport const MOCK_PROFILE_DATA: ProfileData = {\n  profile: {\n    stackTrace: {\n      id: 0,\n      name: 'root',\n      level: 0,\n      start: 1699916103945861,\n      end: 1699916105065861,\n      total: 1000,\n      self: 500,\n      children: [],\n    },\n  },\n  metadata: {\n    spyName: '',\n    sampleRate: 1000000000,\n    units: 'samples',\n    name: 'cpu',\n  },\n};\n\n// Remote Plugin Loader Test Fixtures\nexport const MOCK_VALID_PLUGIN_METADATA = {\n  kind: 'Panel' as const,\n  spec: {\n    name: 'testPlugin',\n    display: {\n      name: 'Test Plugin',\n      description: 'A test plugin for unit testing',\n    },\n  },\n};\n\nexport const MOCK_VALID_PLUGIN_MODULE_RESOURCE = {\n  kind: 'PluginModule' as const,\n  metadata: {\n    name: 'test-module',\n    version: '1.0.0',\n  },\n  spec: {\n    plugins: [MOCK_VALID_PLUGIN_METADATA],\n  },\n};\n\nexport const MOCK_INVALID_PLUGIN_MODULE = {\n  // Missing required fields\n  metadata: {\n    name: 'invalid-module',\n  },\n  spec: {\n    plugins: [\n      {\n        // Missing required fields\n        kind: 'Panel',\n      },\n    ],\n  },\n};\n\nexport const MOCK_MIXED_VALIDITY_PLUGIN_MODULES = [\n  MOCK_VALID_PLUGIN_MODULE_RESOURCE,\n  MOCK_INVALID_PLUGIN_MODULE,\n  {\n    kind: 'PluginModule' as const,\n    metadata: {\n      name: 'another-valid-module',\n      version: '2.0.0',\n    },\n    spec: {\n      plugins: [\n        {\n          kind: 'Variable' as const,\n          spec: {\n            name: 'anotherPlugin',\n            display: {\n              name: 'Another Plugin',\n            },\n          },\n        },\n      ],\n    },\n  },\n];\n\nexport const MOCK_REMOTE_PLUGIN_MODULE = {\n  testPlugin: {\n    component: (): null => null,\n    createDefaultOptions: (): Record<string, unknown> => ({}),\n  },\n};\n\nexport const MOCK_MULTI_PLUGIN_MODULE = {\n  kind: 'PluginModule' as const,\n  metadata: {\n    name: 'multi-plugin-module',\n    version: '1.0.0',\n  },\n  spec: {\n    plugins: [\n      {\n        kind: 'Panel' as const,\n        spec: {\n          name: 'plugin1',\n          display: { name: 'Plugin 1' },\n        },\n      },\n      {\n        kind: 'Variable' as const,\n        spec: {\n          name: 'plugin2',\n          display: { name: 'Plugin 2' },\n        },\n      },\n    ],\n  },\n};\n\nexport const MOCK_PARTIAL_FAILURE_MODULE = {\n  kind: 'PluginModule' as const,\n  metadata: {\n    name: 'partial-failure-module',\n    version: '1.0.0',\n  },\n  spec: {\n    plugins: [\n      {\n        kind: 'Panel' as const,\n        spec: {\n          name: 'workingPlugin',\n          display: { name: 'Working Plugin' },\n        },\n      },\n      {\n        kind: 'Variable' as const,\n        spec: {\n          name: 'failingPlugin',\n          display: { name: 'Failing Plugin' },\n        },\n      },\n    ],\n  },\n};\n\nexport const MOCK_EMPTY_PLUGIN_MODULE = {\n  kind: 'PluginModule' as const,\n  metadata: {\n    name: 'empty-module',\n    version: '1.0.0',\n  },\n  spec: {\n    plugins: [],\n  },\n};\n"],"names":["MOCK_TIME_SERIES_DATA","timeRange","start","Date","end","stepMs","series","name","values","MOCK_TRACE_DATA","searchResult","durationMs","serviceStats","spanCount","errorCount","postgres","startTimeUnixMs","traceId","rootServiceName","rootTraceName","metadata","executedQueryString","MOCK_LOG_DATA","totalCount","entries","timestamp","line","labels","level","service","MOCK_PROFILE_DATA","profile","stackTrace","id","total","self","children","spyName","sampleRate","units","MOCK_VALID_PLUGIN_METADATA","kind","spec","display","description","MOCK_VALID_PLUGIN_MODULE_RESOURCE","version","plugins","MOCK_INVALID_PLUGIN_MODULE","MOCK_MIXED_VALIDITY_PLUGIN_MODULES","MOCK_REMOTE_PLUGIN_MODULE","testPlugin","component","createDefaultOptions","MOCK_MULTI_PLUGIN_MODULE","MOCK_PARTIAL_FAILURE_MODULE","MOCK_EMPTY_PLUGIN_MODULE"],"mappings":"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"}

package/dist/test/utils.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"utils.d.ts","sourceRoot":"","sources":["../../src/test/utils.tsx"],"names":[],"mappings":"AAcA,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAElC,OAAO,EAAE,kBAAkB,EAAE,MAAM,UAAU,CAAC;AAG9C,MAAM,MAAM,cAAc,GAAG;IAC3B,kBAAkB,CAAC,EAAE,kBAAkB,CAAC;CACzC,CAAC;AAEF,wBAAgB,qBAAqB,CAAC,cAAc,CAAC,EAAE,cAAc,kBAM7B;IAAE,QAAQ,EAAE,SAAS,CAAA;CAAE,KAAG,SAAS,CAgB1E"}
+{"version":3,"file":"utils.d.ts","sourceRoot":"","sources":["../../src/test/utils.tsx"],"names":[],"mappings":"AAcA,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAGlC,OAAO,EAAE,kBAAkB,EAAE,MAAM,UAAU,CAAC;AAI9C,MAAM,MAAM,cAAc,GAAG;IAC3B,kBAAkB,CAAC,EAAE,kBAAkB,CAAC;CACzC,CAAC;AAEF,wBAAgB,qBAAqB,CAAC,cAAc,CAAC,EAAE,cAAc,kBAO7B;IAAE,QAAQ,EAAE,SAAS,CAAA;CAAE,KAAG,SAAS,CAkB1E"}

package/dist/test/utils.js

@@ -12,7 +12,9 @@
 // limitations under the License.
 import { jsx as _jsx } from "react/jsx-runtime";
 import { QueryClient, QueryClientProvider } from '@tanstack/react-query';
+import { DEFAULT_DASHBOARD_DURATION } from '@perses-dev/core';
 import { PluginRegistry } from '../components';
+import { TimeRangeProvider } from '../runtime';
 import { testPluginLoader } from './test-plugins';
 export function getTestContextWrapper(contextOptions) {
     // Create a new QueryClient for each test to avoid caching issues
@@ -24,15 +26,22 @@ export function getTestContextWrapper(contextOptions) {
             }
         }
     });
+    const timeRange = {
+        start: new Date(Date.now() - Number(DEFAULT_DASHBOARD_DURATION)),
+        end: new Date()
+    };
     return function Wrapper({ children }) {
-        return /*#__PURE__*/ _jsx(QueryClientProvider, {
-            client: queryClient,
-            children: /*#__PURE__*/ _jsx(PluginRegistry, {
-                pluginLoader: testPluginLoader,
-                defaultPluginKinds: contextOptions?.defaultPluginKinds ?? {
-                    TimeSeriesQuery: 'PrometheusTimeSeriesQuery'
-                },
-                children: children
+        return /*#__PURE__*/ _jsx(TimeRangeProvider, {
+            timeRange: timeRange,
+            children: /*#__PURE__*/ _jsx(QueryClientProvider, {
+                client: queryClient,
+                children: /*#__PURE__*/ _jsx(PluginRegistry, {
+                    pluginLoader: testPluginLoader,
+                    defaultPluginKinds: contextOptions?.defaultPluginKinds ?? {
+                        TimeSeriesQuery: 'PrometheusTimeSeriesQuery'
+                    },
+                    children: children
+                })
             })
         });
     };

package/dist/test/utils.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/test/utils.tsx"],"sourcesContent":["// Copyright 2023 The Perses Authors\n// Licensed under the Apache License, Version 2.0 (the \"License\");\n// you may not use this file except in compliance with the License.\n// You may obtain a copy of the License at\n//\n// http://www.apache.org/licenses/LICENSE-2.0\n//\n// Unless required by applicable law or agreed to in writing, software\n// distributed under the License is distributed on an \"AS IS\" BASIS,\n// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n// See the License for the specific language governing permissions and\n// limitations under the License.\n\nimport { QueryClient, QueryClientProvider } from '@tanstack/react-query';\nimport { ReactNode } from 'react';\nimport { PluginRegistry } from '../components';\nimport { DefaultPluginKinds } from '../model';\nimport { testPluginLoader } from './test-plugins';\n\nexport type ContextOptions = {\n  defaultPluginKinds?: DefaultPluginKinds;\n};\n\nexport function getTestContextWrapper(contextOptions?: ContextOptions) {\n  // Create a new QueryClient for each test to avoid caching issues\n  const queryClient = new QueryClient({\n    defaultOptions: { queries: { refetchOnWindowFocus: false, retry: false } },\n  });\n\n  return function Wrapper({ children }: { children: ReactNode }): ReactNode {\n    return (\n      <QueryClientProvider client={queryClient}>\n        <PluginRegistry\n          pluginLoader={testPluginLoader}\n          defaultPluginKinds={\n            contextOptions?.defaultPluginKinds ?? {\n              TimeSeriesQuery: 'PrometheusTimeSeriesQuery',\n            }\n          }\n        >\n          {children}\n        </PluginRegistry>\n      </QueryClientProvider>\n    );\n  };\n}\n"],"names":["QueryClient","QueryClientProvider","PluginRegistry","testPluginLoader","getTestContextWrapper","contextOptions","queryClient","defaultOptions","queries","refetchOnWindowFocus","retry","Wrapper","children","client","pluginLoader","defaultPluginKinds","TimeSeriesQuery"],"mappings":"AAAA,oCAAoC;AACpC,kEAAkE;AAClE,mEAAmE;AACnE,0CAA0C;AAC1C,EAAE;AACF,6CAA6C;AAC7C,EAAE;AACF,sEAAsE;AACtE,oEAAoE;AACpE,2EAA2E;AAC3E,sEAAsE;AACtE,iCAAiC;;AAEjC,SAASA,WAAW,EAAEC,mBAAmB,QAAQ,wBAAwB;AAEzE,SAASC,cAAc,QAAQ,gBAAgB;AAE/C,SAASC,gBAAgB,QAAQ,iBAAiB;AAMlD,OAAO,SAASC,sBAAsBC,cAA+B;IACnE,iEAAiE;IACjE,MAAMC,cAAc,IAAIN,YAAY;QAClCO,gBAAgB;YAAEC,SAAS;gBAAEC,sBAAsB;gBAAOC,OAAO;YAAM;QAAE;IAC3E;IAEA,OAAO,SAASC,QAAQ,EAAEC,QAAQ,EAA2B;QAC3D,qBACE,KAACX;YAAoBY,QAAQP;sBAC3B,cAAA,KAACJ;gBACCY,cAAcX;gBACdY,oBACEV,gBAAgBU,sBAAsB;oBACpCC,iBAAiB;gBACnB;0BAGDJ;;;IAIT;AACF"}
+{"version":3,"sources":["../../src/test/utils.tsx"],"sourcesContent":["// Copyright 2023 The Perses Authors\n// Licensed under the Apache License, Version 2.0 (the \"License\");\n// you may not use this file except in compliance with the License.\n// You may obtain a copy of the License at\n//\n// http://www.apache.org/licenses/LICENSE-2.0\n//\n// Unless required by applicable law or agreed to in writing, software\n// distributed under the License is distributed on an \"AS IS\" BASIS,\n// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n// See the License for the specific language governing permissions and\n// limitations under the License.\n\nimport { QueryClient, QueryClientProvider } from '@tanstack/react-query';\nimport { ReactNode } from 'react';\nimport { DEFAULT_DASHBOARD_DURATION } from '@perses-dev/core';\nimport { PluginRegistry } from '../components';\nimport { DefaultPluginKinds } from '../model';\nimport { TimeRangeProvider } from '../runtime';\nimport { testPluginLoader } from './test-plugins';\n\nexport type ContextOptions = {\n  defaultPluginKinds?: DefaultPluginKinds;\n};\n\nexport function getTestContextWrapper(contextOptions?: ContextOptions) {\n  // Create a new QueryClient for each test to avoid caching issues\n  const queryClient = new QueryClient({\n    defaultOptions: { queries: { refetchOnWindowFocus: false, retry: false } },\n  });\n\n  const timeRange = { start: new Date(Date.now() - Number(DEFAULT_DASHBOARD_DURATION)), end: new Date() };\n  return function Wrapper({ children }: { children: ReactNode }): ReactNode {\n    return (\n      <TimeRangeProvider timeRange={timeRange}>\n        <QueryClientProvider client={queryClient}>\n          <PluginRegistry\n            pluginLoader={testPluginLoader}\n            defaultPluginKinds={\n              contextOptions?.defaultPluginKinds ?? {\n                TimeSeriesQuery: 'PrometheusTimeSeriesQuery',\n              }\n            }\n          >\n            {children}\n          </PluginRegistry>\n        </QueryClientProvider>\n      </TimeRangeProvider>\n    );\n  };\n}\n"],"names":["QueryClient","QueryClientProvider","DEFAULT_DASHBOARD_DURATION","PluginRegistry","TimeRangeProvider","testPluginLoader","getTestContextWrapper","contextOptions","queryClient","defaultOptions","queries","refetchOnWindowFocus","retry","timeRange","start","Date","now","Number","end","Wrapper","children","client","pluginLoader","defaultPluginKinds","TimeSeriesQuery"],"mappings":"AAAA,oCAAoC;AACpC,kEAAkE;AAClE,mEAAmE;AACnE,0CAA0C;AAC1C,EAAE;AACF,6CAA6C;AAC7C,EAAE;AACF,sEAAsE;AACtE,oEAAoE;AACpE,2EAA2E;AAC3E,sEAAsE;AACtE,iCAAiC;;AAEjC,SAASA,WAAW,EAAEC,mBAAmB,QAAQ,wBAAwB;AAEzE,SAASC,0BAA0B,QAAQ,mBAAmB;AAC9D,SAASC,cAAc,QAAQ,gBAAgB;AAE/C,SAASC,iBAAiB,QAAQ,aAAa;AAC/C,SAASC,gBAAgB,QAAQ,iBAAiB;AAMlD,OAAO,SAASC,sBAAsBC,cAA+B;IACnE,iEAAiE;IACjE,MAAMC,cAAc,IAAIR,YAAY;QAClCS,gBAAgB;YAAEC,SAAS;gBAAEC,sBAAsB;gBAAOC,OAAO;YAAM;QAAE;IAC3E;IAEA,MAAMC,YAAY;QAAEC,OAAO,IAAIC,KAAKA,KAAKC,GAAG,KAAKC,OAAOf;QAA8BgB,KAAK,IAAIH;IAAO;IACtG,OAAO,SAASI,QAAQ,EAAEC,QAAQ,EAA2B;QAC3D,qBACE,KAAChB;YAAkBS,WAAWA;sBAC5B,cAAA,KAACZ;gBAAoBoB,QAAQb;0BAC3B,cAAA,KAACL;oBACCmB,cAAcjB;oBACdkB,oBACEhB,gBAAgBgB,sBAAsB;wBACpCC,iBAAiB;oBACnB;8BAGDJ;;;;IAKX;AACF"}

package/dist/utils/variables.d.ts

@@ -1,9 +1,31 @@
 import { VariableValue } from '@perses-dev/core';
 import { VariableStateMap } from '@perses-dev/plugin-system';
 export declare function replaceVariables(text: string, variableState: VariableStateMap): string;
-export declare function replaceVariable(text: string, varName: string, variableValue: VariableValue): string;
+export declare enum InterpolationFormat {
+    CSV = "csv",
+    DISTRIBUTED = "distributed",
+    DOUBLEQUOTE = "doublequote",
+    GLOB = "glob",
+    JSON = "json",
+    LUCENE = "lucene",
+    PERCENTENCODE = "percentencode",
+    PIPE = "pipe",
+    PROMETHEUS = "prometheus",
+    RAW = "raw",
+    REGEX = "regex",
+    SINGLEQUOTE = "singlequote",
+    SQLSTRING = "sqlstring",
+    TEXT = "text",
+    QUERYPARAM = "queryparam"
+}
+export declare function interpolate(values: string[], name: string, format: InterpolationFormat): string;
+export declare function replaceVariable(text: string, varName: string, variableValue: VariableValue, varFormat?: InterpolationFormat): string;
 /**
  * Returns a list of variables
  */
-export declare const parseVariables: (text: string) => string[];
+export declare function parseVariables(text: string): string[];
+/**
+ * Returns a map of variable names and its format. If no format is specified, it will be undefined.
+ */
+export declare function parseVariablesAndFormat(text: string): Map<string, InterpolationFormat | undefined>;
 //# sourceMappingURL=variables.d.ts.map

package/dist/utils/variables.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"variables.d.ts","sourceRoot":"","sources":["../../src/utils/variables.ts"],"names":[],"mappings":"AAaA,OAAO,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAC;AACjD,OAAO,EAAE,gBAAgB,EAAE,MAAM,2BAA2B,CAAC;AAE7D,wBAAgB,gBAAgB,CAAC,IAAI,EAAE,MAAM,EAAE,aAAa,EAAE,gBAAgB,GAAG,MAAM,CAgBtF;AAED,wBAAgB,eAAe,CAAC,IAAI,EAAE,MAAM,EAAE,OAAO,EAAE,MAAM,EAAE,aAAa,EAAE,aAAa,GAAG,MAAM,CAcnG;AAWD;;GAEG;AACH,eAAO,MAAM,cAAc,SAAU,MAAM,KAAG,MAAM,EAkBnD,CAAC"}
+{"version":3,"file":"variables.d.ts","sourceRoot":"","sources":["../../src/utils/variables.ts"],"names":[],"mappings":"AAaA,OAAO,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAC;AACjD,OAAO,EAAE,gBAAgB,EAAE,MAAM,2BAA2B,CAAC;AAE7D,wBAAgB,gBAAgB,CAAC,IAAI,EAAE,MAAM,EAAE,aAAa,EAAE,gBAAgB,GAAG,MAAM,CAiBtF;AAED,oBAAY,mBAAmB;IAC7B,GAAG,QAAQ;IACX,WAAW,gBAAgB;IAC3B,WAAW,gBAAgB;IAC3B,IAAI,SAAS;IACb,IAAI,SAAS;IACb,MAAM,WAAW;IACjB,aAAa,kBAAkB;IAC/B,IAAI,SAAS;IACb,UAAU,eAAe;IACzB,GAAG,QAAQ;IACX,KAAK,UAAU;IACf,WAAW,gBAAgB;IAC3B,SAAS,cAAc;IACvB,IAAI,SAAS;IACb,UAAU,eAAe;CAC1B;AASD,wBAAgB,WAAW,CAAC,MAAM,EAAE,MAAM,EAAE,EAAE,IAAI,EAAE,MAAM,EAAE,MAAM,EAAE,mBAAmB,GAAG,MAAM,CAqC/F;AAED,wBAAgB,eAAe,CAC7B,IAAI,EAAE,MAAM,EACZ,OAAO,EAAE,MAAM,EACf,aAAa,EAAE,aAAa,EAC5B,SAAS,CAAC,EAAE,mBAAmB,GAC9B,MAAM,CAcR;AAUD;;GAEG;AACH,wBAAgB,cAAc,CAAC,IAAI,EAAE,MAAM,GAAG,MAAM,EAAE,CAiBrD;AAED;;GAEG;AACH,wBAAgB,uBAAuB,CAAC,IAAI,EAAE,MAAM,GAAG,GAAG,CAAC,MAAM,EAAE,mBAAmB,GAAG,SAAS,CAAC,CAoBlG"}

package/dist/utils/variables.js

@@ -11,7 +11,8 @@
 // See the License for the specific language governing permissions and
 // limitations under the License.
 export function replaceVariables(text, variableState) {
-    const variables = parseVariables(text);
+    const variablesMap = parseVariablesAndFormat(text);
+    const variables = Array.from(variablesMap.keys());
     let finalText = text;
     variables// Sorting variables by their length.
     // In order to not have a variable name have contained in another variable name.
@@ -19,20 +20,88 @@ export function replaceVariables(text, variableState) {
     .sort((a, b)=>b.length - a.length).forEach((v)=>{
         const variable = variableState[v];
         if (variable && variable.value !== undefined) {
-            finalText = replaceVariable(finalText, v, variable?.value);
+            finalText = replaceVariable(finalText, v, variable?.value, variablesMap.get(v));
         }
     });
     return finalText;
 }
-export function replaceVariable(text, varName, variableValue) {
+export var InterpolationFormat = /*#__PURE__*/ function(InterpolationFormat) {
+    InterpolationFormat["CSV"] = "csv";
+    InterpolationFormat["DISTRIBUTED"] = "distributed";
+    InterpolationFormat["DOUBLEQUOTE"] = "doublequote";
+    InterpolationFormat["GLOB"] = "glob";
+    InterpolationFormat["JSON"] = "json";
+    InterpolationFormat["LUCENE"] = "lucene";
+    InterpolationFormat["PERCENTENCODE"] = "percentencode";
+    InterpolationFormat["PIPE"] = "pipe";
+    InterpolationFormat["PROMETHEUS"] = "prometheus";
+    InterpolationFormat["RAW"] = "raw";
+    InterpolationFormat["REGEX"] = "regex";
+    InterpolationFormat["SINGLEQUOTE"] = "singlequote";
+    InterpolationFormat["SQLSTRING"] = "sqlstring";
+    InterpolationFormat["TEXT"] = "text";
+    InterpolationFormat["QUERYPARAM"] = "queryparam";
+    return InterpolationFormat;
+}({});
+function stringToFormat(val) {
+    if (!val) return undefined;
+    const lowerVal = val.toLowerCase();
+    return Object.values(InterpolationFormat).find((format)=>format === lowerVal) || undefined;
+}
+export function interpolate(values, name, format) {
+    switch(format){
+        case "csv":
+        case "raw":
+            return values.join(',');
+        case "distributed":
+            {
+                const [first, ...rest] = values;
+                return `${[
+                    first,
+                    ...rest.map((v)=>`${name}=${v}`)
+                ].join(',')}`;
+            }
+        case "doublequote":
+            return values.map((v)=>`"${v}"`).join(',');
+        case "glob":
+            return `{${values.join(',')}}`;
+        case "json":
+            return JSON.stringify(values);
+        case "lucene":
+            return `(${values.map((v)=>`"${v}"`).join(' OR ')})`;
+        case "percentencode":
+            return encodeURIComponent(values.join(','));
+        case "pipe":
+            return values.join('|');
+        case "regex":
+            {
+                const escapedRegex = values.map((v)=>v.replace(/[-/\\^$*+?.()|[\]{}]/g, '\\$&'));
+                return `(${escapedRegex.join('|')})`;
+            }
+        case "singlequote":
+            return values.map((v)=>`'${v}'`).join(',');
+        case "sqlstring":
+            return values.map((v)=>`'${v.replace(/'/g, "''")}'`).join(',');
+        case "text":
+            return values.join(' + ');
+        case "queryparam":
+            return values.map((v)=>`${name}=${encodeURIComponent(v)}`).join('&');
+        case "prometheus":
+        default:
+            return `(${values.join('|')})`;
+    }
+}
+export function replaceVariable(text, varName, variableValue, varFormat) {
     const variableSyntax = '$' + varName;
-    const alternativeVariableSyntax = '${' + varName + '}';
+    const alternativeVariableSyntax = '${' + varName + (varFormat ? ':' + varFormat : '') + '}';
     let replaceString = '';
     if (Array.isArray(variableValue)) {
-        replaceString = `(${variableValue.join('|')})`; // regex style
+        replaceString = interpolate(variableValue, varName, varFormat || "prometheus");
     }
     if (typeof variableValue === 'string') {
-        replaceString = variableValue;
+        replaceString = interpolate([
+            variableValue
+        ], varName, varFormat || "raw");
     }
     text = text.replaceAll(variableSyntax, replaceString);
     return text.replaceAll(alternativeVariableSyntax, replaceString);
@@ -41,17 +110,14 @@ export function replaceVariable(text, varName, variableValue) {
 // It supports two formats for referencing variables:
 // 1. $variableName - This is a simpler format, and the regular expression captures the variable name (\w+ matches one or more word characters).
 // 2. ${variableName} - This is a more complex format and the regular expression captures the variable name (\w+ matches one or more word characters) in the curly braces.
-// 3. [COMING SOON] ${variableName:value} - This is a more complex format that allows specifying a format function as well.
-// TODO: Fix this lint error
-// eslint-disable-next-line no-useless-escape
-const VARIABLE_REGEX = /\$(\w+)|\${(\w+)(?:\.([^:^\}]+))?(?::([^\}]+))?}/gm;
+// 3. ${variableName:format} - This is a more complex format that allows specifying a format interpolation.
+const VARIABLE_REGEX = /\$(\w+)|\${(\w+)(?:\.([^:^}]+))?(?::([^}]+))?}/gm;
 /**
  * Returns a list of variables
- */ export const parseVariables = (text)=>{
-    const regex = VARIABLE_REGEX;
+ */ export function parseVariables(text) {
     const matches = new Set();
     let match;
-    while((match = regex.exec(text)) !== null){
+    while((match = VARIABLE_REGEX.exec(text)) !== null){
         if (match) {
             if (match[1]) {
                 // \$(\w+)\
@@ -64,6 +130,28 @@ const VARIABLE_REGEX = /\$(\w+)|\${(\w+)(?:\.([^:^\}]+))?(?::([^\}]+))?}/gm;
     }
     // return unique matches
     return Array.from(matches.values());
-};
+}
+/**
+ * Returns a map of variable names and its format. If no format is specified, it will be undefined.
+ */ export function parseVariablesAndFormat(text) {
+    const matches = new Map();
+    let match;
+    while((match = VARIABLE_REGEX.exec(text)) !== null){
+        if (match) {
+            let format = undefined;
+            if (match[4]) {
+                format = match[4];
+            }
+            if (match[1]) {
+                // \$(\w+)\
+                matches.set(match[1], stringToFormat(format));
+            } else if (match[2]) {
+                // \${(\w+)}\
+                matches.set(match[2], stringToFormat(format));
+            }
+        }
+    }
+    return matches;
+}
 
 //# sourceMappingURL=variables.js.map

package/dist/utils/variables.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/utils/variables.ts"],"sourcesContent":["// Copyright 2024 The Perses Authors\n// Licensed under the Apache License, Version 2.0 (the \"License\");\n// you may not use this file except in compliance with the License.\n// You may obtain a copy of the License at\n//\n// http://www.apache.org/licenses/LICENSE-2.0\n//\n// Unless required by applicable law or agreed to in writing, software\n// distributed under the License is distributed on an \"AS IS\" BASIS,\n// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n// See the License for the specific language governing permissions and\n// limitations under the License.\n\nimport { VariableValue } from '@perses-dev/core';\nimport { VariableStateMap } from '@perses-dev/plugin-system';\n\nexport function replaceVariables(text: string, variableState: VariableStateMap): string {\n  const variables = parseVariables(text);\n  let finalText = text;\n  variables\n    // Sorting variables by their length.\n    // In order to not have a variable name have contained in another variable name.\n    // i.e.: $__range replacing $__range_ms => '3600_ms' instead of '3600000'\n    .sort((a, b) => b.length - a.length)\n    .forEach((v) => {\n      const variable = variableState[v];\n      if (variable && variable.value !== undefined) {\n        finalText = replaceVariable(finalText, v, variable?.value);\n      }\n    });\n\n  return finalText;\n}\n\nexport function replaceVariable(text: string, varName: string, variableValue: VariableValue): string {\n  const variableSyntax = '$' + varName;\n  const alternativeVariableSyntax = '${' + varName + '}';\n\n  let replaceString = '';\n  if (Array.isArray(variableValue)) {\n    replaceString = `(${variableValue.join('|')})`; // regex style\n  }\n  if (typeof variableValue === 'string') {\n    replaceString = variableValue;\n  }\n\n  text = text.replaceAll(variableSyntax, replaceString);\n  return text.replaceAll(alternativeVariableSyntax, replaceString);\n}\n\n// This regular expression is designed to identify variable references in a string.\n// It supports two formats for referencing variables:\n// 1. $variableName - This is a simpler format, and the regular expression captures the variable name (\\w+ matches one or more word characters).\n// 2. ${variableName} - This is a more complex format and the regular expression captures the variable name (\\w+ matches one or more word characters) in the curly braces.\n// 3. [COMING SOON] ${variableName:value} - This is a more complex format that allows specifying a format function as well.\n// TODO: Fix this lint error\n// eslint-disable-next-line no-useless-escape\nconst VARIABLE_REGEX = /\\$(\\w+)|\\${(\\w+)(?:\\.([^:^\\}]+))?(?::([^\\}]+))?}/gm;\n\n/**\n * Returns a list of variables\n */\nexport const parseVariables = (text: string): string[] => {\n  const regex = VARIABLE_REGEX;\n  const matches = new Set<string>();\n  let match;\n\n  while ((match = regex.exec(text)) !== null) {\n    if (match) {\n      if (match[1]) {\n        // \\$(\\w+)\\\n        matches.add(match[1]);\n      } else if (match[2]) {\n        // \\${(\\w+)}\\\n        matches.add(match[2]);\n      }\n    }\n  }\n  // return unique matches\n  return Array.from(matches.values());\n};\n"],"names":["replaceVariables","text","variableState","variables","parseVariables","finalText","sort","a","b","length","forEach","v","variable","value","undefined","replaceVariable","varName","variableValue","variableSyntax","alternativeVariableSyntax","replaceString","Array","isArray","join","replaceAll","VARIABLE_REGEX","regex","matches","Set","match","exec","add","from","values"],"mappings":"AAAA,oCAAoC;AACpC,kEAAkE;AAClE,mEAAmE;AACnE,0CAA0C;AAC1C,EAAE;AACF,6CAA6C;AAC7C,EAAE;AACF,sEAAsE;AACtE,oEAAoE;AACpE,2EAA2E;AAC3E,sEAAsE;AACtE,iCAAiC;AAKjC,OAAO,SAASA,iBAAiBC,IAAY,EAAEC,aAA+B;IAC5E,MAAMC,YAAYC,eAAeH;IACjC,IAAII,YAAYJ;IAChBE,SACE,qCAAqC;IACrC,gFAAgF;IAChF,yEAAyE;KACxEG,IAAI,CAAC,CAACC,GAAGC,IAAMA,EAAEC,MAAM,GAAGF,EAAEE,MAAM,EAClCC,OAAO,CAAC,CAACC;QACR,MAAMC,WAAWV,aAAa,CAACS,EAAE;QACjC,IAAIC,YAAYA,SAASC,KAAK,KAAKC,WAAW;YAC5CT,YAAYU,gBAAgBV,WAAWM,GAAGC,UAAUC;QACtD;IACF;IAEF,OAAOR;AACT;AAEA,OAAO,SAASU,gBAAgBd,IAAY,EAAEe,OAAe,EAAEC,aAA4B;IACzF,MAAMC,iBAAiB,MAAMF;IAC7B,MAAMG,4BAA4B,OAAOH,UAAU;IAEnD,IAAII,gBAAgB;IACpB,IAAIC,MAAMC,OAAO,CAACL,gBAAgB;QAChCG,gBAAgB,CAAC,CAAC,EAAEH,cAAcM,IAAI,CAAC,KAAK,CAAC,CAAC,EAAE,cAAc;IAChE;IACA,IAAI,OAAON,kBAAkB,UAAU;QACrCG,gBAAgBH;IAClB;IAEAhB,OAAOA,KAAKuB,UAAU,CAACN,gBAAgBE;IACvC,OAAOnB,KAAKuB,UAAU,CAACL,2BAA2BC;AACpD;AAEA,mFAAmF;AACnF,qDAAqD;AACrD,gJAAgJ;AAChJ,0KAA0K;AAC1K,2HAA2H;AAC3H,4BAA4B;AAC5B,6CAA6C;AAC7C,MAAMK,iBAAiB;AAEvB;;CAEC,GACD,OAAO,MAAMrB,iBAAiB,CAACH;IAC7B,MAAMyB,QAAQD;IACd,MAAME,UAAU,IAAIC;IACpB,IAAIC;IAEJ,MAAO,AAACA,CAAAA,QAAQH,MAAMI,IAAI,CAAC7B,KAAI,MAAO,KAAM;QAC1C,IAAI4B,OAAO;YACT,IAAIA,KAAK,CAAC,EAAE,EAAE;gBACZ,WAAW;gBACXF,QAAQI,GAAG,CAACF,KAAK,CAAC,EAAE;YACtB,OAAO,IAAIA,KAAK,CAAC,EAAE,EAAE;gBACnB,aAAa;gBACbF,QAAQI,GAAG,CAACF,KAAK,CAAC,EAAE;YACtB;QACF;IACF;IACA,wBAAwB;IACxB,OAAOR,MAAMW,IAAI,CAACL,QAAQM,MAAM;AAClC,EAAE"}
+{"version":3,"sources":["../../src/utils/variables.ts"],"sourcesContent":["// Copyright 2024 The Perses Authors\n// Licensed under the Apache License, Version 2.0 (the \"License\");\n// you may not use this file except in compliance with the License.\n// You may obtain a copy of the License at\n//\n// http://www.apache.org/licenses/LICENSE-2.0\n//\n// Unless required by applicable law or agreed to in writing, software\n// distributed under the License is distributed on an \"AS IS\" BASIS,\n// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n// See the License for the specific language governing permissions and\n// limitations under the License.\n\nimport { VariableValue } from '@perses-dev/core';\nimport { VariableStateMap } from '@perses-dev/plugin-system';\n\nexport function replaceVariables(text: string, variableState: VariableStateMap): string {\n  const variablesMap = parseVariablesAndFormat(text);\n  const variables = Array.from(variablesMap.keys());\n  let finalText = text;\n  variables\n    // Sorting variables by their length.\n    // In order to not have a variable name have contained in another variable name.\n    // i.e.: $__range replacing $__range_ms => '3600_ms' instead of '3600000'\n    .sort((a, b) => b.length - a.length)\n    .forEach((v) => {\n      const variable = variableState[v];\n      if (variable && variable.value !== undefined) {\n        finalText = replaceVariable(finalText, v, variable?.value, variablesMap.get(v));\n      }\n    });\n\n  return finalText;\n}\n\nexport enum InterpolationFormat {\n  CSV = 'csv',\n  DISTRIBUTED = 'distributed',\n  DOUBLEQUOTE = 'doublequote',\n  GLOB = 'glob',\n  JSON = 'json',\n  LUCENE = 'lucene',\n  PERCENTENCODE = 'percentencode',\n  PIPE = 'pipe',\n  PROMETHEUS = 'prometheus',\n  RAW = 'raw',\n  REGEX = 'regex',\n  SINGLEQUOTE = 'singlequote',\n  SQLSTRING = 'sqlstring',\n  TEXT = 'text',\n  QUERYPARAM = 'queryparam',\n}\n\nfunction stringToFormat(val: string | undefined): InterpolationFormat | undefined {\n  if (!val) return undefined;\n\n  const lowerVal = val.toLowerCase();\n  return Object.values(InterpolationFormat).find((format) => format === lowerVal) || undefined;\n}\n\nexport function interpolate(values: string[], name: string, format: InterpolationFormat): string {\n  switch (format) {\n    case InterpolationFormat.CSV:\n    case InterpolationFormat.RAW:\n      return values.join(',');\n    case InterpolationFormat.DISTRIBUTED: {\n      const [first, ...rest] = values;\n      return `${[first, ...rest.map((v) => `${name}=${v}`)].join(',')}`;\n    }\n    case InterpolationFormat.DOUBLEQUOTE:\n      return values.map((v) => `\"${v}\"`).join(',');\n    case InterpolationFormat.GLOB:\n      return `{${values.join(',')}}`;\n    case InterpolationFormat.JSON:\n      return JSON.stringify(values);\n    case InterpolationFormat.LUCENE:\n      return `(${values.map((v) => `\"${v}\"`).join(' OR ')})`;\n    case InterpolationFormat.PERCENTENCODE:\n      return encodeURIComponent(values.join(','));\n    case InterpolationFormat.PIPE:\n      return values.join('|');\n    case InterpolationFormat.REGEX: {\n      const escapedRegex = values.map((v) => v.replace(/[-/\\\\^$*+?.()|[\\]{}]/g, '\\\\$&'));\n      return `(${escapedRegex.join('|')})`;\n    }\n    case InterpolationFormat.SINGLEQUOTE:\n      return values.map((v) => `'${v}'`).join(',');\n    case InterpolationFormat.SQLSTRING:\n      return values.map((v) => `'${v.replace(/'/g, \"''\")}'`).join(',');\n    case InterpolationFormat.TEXT:\n      return values.join(' + ');\n    case InterpolationFormat.QUERYPARAM:\n      return values.map((v) => `${name}=${encodeURIComponent(v)}`).join('&');\n    case InterpolationFormat.PROMETHEUS:\n    default:\n      return `(${values.join('|')})`;\n  }\n}\n\nexport function replaceVariable(\n  text: string,\n  varName: string,\n  variableValue: VariableValue,\n  varFormat?: InterpolationFormat\n): string {\n  const variableSyntax = '$' + varName;\n  const alternativeVariableSyntax = '${' + varName + (varFormat ? ':' + varFormat : '') + '}';\n\n  let replaceString = '';\n  if (Array.isArray(variableValue)) {\n    replaceString = interpolate(variableValue, varName, varFormat || InterpolationFormat.PROMETHEUS);\n  }\n  if (typeof variableValue === 'string') {\n    replaceString = interpolate([variableValue], varName, varFormat || InterpolationFormat.RAW);\n  }\n\n  text = text.replaceAll(variableSyntax, replaceString);\n  return text.replaceAll(alternativeVariableSyntax, replaceString);\n}\n\n// This regular expression is designed to identify variable references in a string.\n// It supports two formats for referencing variables:\n// 1. $variableName - This is a simpler format, and the regular expression captures the variable name (\\w+ matches one or more word characters).\n// 2. ${variableName} - This is a more complex format and the regular expression captures the variable name (\\w+ matches one or more word characters) in the curly braces.\n// 3. ${variableName:format} - This is a more complex format that allows specifying a format interpolation.\n\nconst VARIABLE_REGEX = /\\$(\\w+)|\\${(\\w+)(?:\\.([^:^}]+))?(?::([^}]+))?}/gm;\n\n/**\n * Returns a list of variables\n */\nexport function parseVariables(text: string): string[] {\n  const matches = new Set<string>();\n  let match;\n\n  while ((match = VARIABLE_REGEX.exec(text)) !== null) {\n    if (match) {\n      if (match[1]) {\n        // \\$(\\w+)\\\n        matches.add(match[1]);\n      } else if (match[2]) {\n        // \\${(\\w+)}\\\n        matches.add(match[2]);\n      }\n    }\n  }\n  // return unique matches\n  return Array.from(matches.values());\n}\n\n/**\n * Returns a map of variable names and its format. If no format is specified, it will be undefined.\n */\nexport function parseVariablesAndFormat(text: string): Map<string, InterpolationFormat | undefined> {\n  const matches = new Map<string, InterpolationFormat | undefined>();\n  let match;\n\n  while ((match = VARIABLE_REGEX.exec(text)) !== null) {\n    if (match) {\n      let format = undefined;\n      if (match[4]) {\n        format = match[4];\n      }\n      if (match[1]) {\n        // \\$(\\w+)\\\n        matches.set(match[1], stringToFormat(format));\n      } else if (match[2]) {\n        // \\${(\\w+)}\\\n        matches.set(match[2], stringToFormat(format));\n      }\n    }\n  }\n  return matches;\n}\n"],"names":["replaceVariables","text","variableState","variablesMap","parseVariablesAndFormat","variables","Array","from","keys","finalText","sort","a","b","length","forEach","v","variable","value","undefined","replaceVariable","get","InterpolationFormat","stringToFormat","val","lowerVal","toLowerCase","Object","values","find","format","interpolate","name","join","first","rest","map","JSON","stringify","encodeURIComponent","escapedRegex","replace","varName","variableValue","varFormat","variableSyntax","alternativeVariableSyntax","replaceString","isArray","replaceAll","VARIABLE_REGEX","parseVariables","matches","Set","match","exec","add","Map","set"],"mappings":"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"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@perses-dev/plugin-system",
-  "version": "0.0.0-snapshot-ts-panel-actions-90e9ef0",
+  "version": "0.0.0-snapshot-reverse-proxy-75afbd7",
   "description": "The plugin feature in Pereses",
   "license": "Apache-2.0",
   "homepage": "https://github.com/perses/perses/blob/main/README.md",
@@ -18,8 +18,8 @@
   "scripts": {
     "clean": "rimraf dist/",
     "build": "concurrently \"npm:build:*\"",
-    "build:cjs": "swc ./src -d dist/cjs --config-file ../.cjs.swcrc",
-    "build:esm": "swc ./src -d dist --config-file ../.swcrc",
+    "build:cjs": "swc ./src -d dist/cjs --strip-leading-paths --config-file ../.cjs.swcrc",
+    "build:esm": "swc ./src -d dist --strip-leading-paths --config-file ../.swcrc",
     "build:types": "tsc --project tsconfig.build.json",
     "type-check": "tsc --noEmit",
     "start": "concurrently -P \"npm:build:* -- {*}\" -- --watch",
@@ -28,15 +28,15 @@
     "lint:fix": "eslint --fix src --ext .ts,.tsx"
   },
   "dependencies": {
-    "@module-federation/enhanced": "^0.14.3",
-    "@perses-dev/components": "0.0.0-snapshot-ts-panel-actions-90e9ef0",
-    "@perses-dev/core": "0.0.0-snapshot-ts-panel-actions-90e9ef0",
+    "@module-federation/enhanced": "^0.19.1",
+    "@perses-dev/components": "0.0.0-snapshot-reverse-proxy-75afbd7",
+    "@perses-dev/core": "0.0.0-snapshot-reverse-proxy-75afbd7",
     "date-fns": "^4.1.0",
     "date-fns-tz": "^3.2.0",
     "immer": "^10.1.1",
     "react-hook-form": "^7.46.1",
     "use-immer": "^0.11.0",
-    "use-query-params": "^2.1.2",
+    "use-query-params": "^2.2.1",
     "zod": "^3.22.2"
   },
   "peerDependencies": {

package/dist/cjs/components/ProjectSelect.js

@@ -1,96 +0,0 @@
-// Copyright 2023 The Perses Authors
-// Licensed under the Apache License, Version 2.0 (the "License");
-// you may not use this file except in compliance with the License.
-// You may obtain a copy of the License at
-//
-// http://www.apache.org/licenses/LICENSE-2.0
-//
-// Unless required by applicable law or agreed to in writing, software
-// distributed under the License is distributed on an "AS IS" BASIS,
-// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
-// See the License for the specific language governing permissions and
-// limitations under the License.
-"use strict";
-Object.defineProperty(exports, "__esModule", {
-    value: true
-});
-Object.defineProperty(exports, "ProjectSelect", {
-    enumerable: true,
-    get: function() {
-        return ProjectSelect;
-    }
-});
-const _jsxruntime = require("react/jsx-runtime");
-const _material = require("@mui/material");
-const _context = require("../context");
-function ProjectSelect(props) {
-    const { onChange, value, ...others } = props;
-    const { data, isLoading } = (0, _context.useProjectList)();
-    // While loading available values, just use an empty string so MUI select doesn't warn about values out of range
-    const optionValue = isLoading ? '' : projectToOptionValue(value);
-    // When the user makes a selection, convert the string option value back to a DatasourceSelector
-    const handleChange = (e)=>{
-        const next = optionValueToSelector(e.target.value);
-        onChange(next);
-    };
-    // TODO:
-    //  - Does this need a loading indicator of some kind?
-    //  - The group's edit link is not clickable once selected.
-    //  - The group's edit link is disabled if datasource is overridden.
-    //    Ref: https://github.com/mui/material-ui/issues/36572
-    return /*#__PURE__*/ (0, _jsxruntime.jsxs)(_material.Select, {
-        ...others,
-        value: optionValue,
-        onChange: handleChange,
-        children: [
-            /*#__PURE__*/ (0, _jsxruntime.jsx)(_material.MenuItem, {
-                value: "none",
-                children: /*#__PURE__*/ (0, _jsxruntime.jsx)(_material.Stack, {
-                    direction: "row",
-                    alignItems: "center",
-                    justifyContent: "space-between",
-                    width: "100%",
-                    height: 32,
-                    children: /*#__PURE__*/ (0, _jsxruntime.jsx)(_material.ListItemText, {
-                        children: "None"
-                    })
-                })
-            }),
-            data?.map((project)=>[
-                    /*#__PURE__*/ (0, _jsxruntime.jsx)(_material.MenuItem, {
-                        value: project.metadata.name,
-                        children: /*#__PURE__*/ (0, _jsxruntime.jsx)(_material.Stack, {
-                            direction: "row",
-                            alignItems: "center",
-                            justifyContent: "space-between",
-                            width: "100%",
-                            height: 32,
-                            children: /*#__PURE__*/ (0, _jsxruntime.jsx)(_material.ListItemText, {
-                                children: project.metadata.name
-                            })
-                        })
-                    }, project.metadata.name)
-                ])
-        ]
-    });
-}
-/**
- * Given a ProjectSelectItemSelector,
- * returns a string value that can be used as a Select input value.
- * @param selector
- */ function projectToOptionValue(project) {
-    return project.metadata.name ?? 'none';
-}
-/**
- * Given an option value name,
- * returns a ProjectResource to be used by the query data model.
- * @param optionValue
- */ function optionValueToSelector(optionValue) {
-    return {
-        kind: 'Project',
-        metadata: {
-            name: optionValue
-        },
-        spec: {}
-    };
-}