7 |
8 |
20 |
--------------------------------------------------------------------------------
/src/lib/components/workflow/workflows-summary-configurable-table/table-header-cell.svelte:
--------------------------------------------------------------------------------
1 |
8 |
9 |
10 | {label}
11 | |
12 |
--------------------------------------------------------------------------------
/src/lib/components/workflow/workflows-summary-table.svelte:
--------------------------------------------------------------------------------
1 |
7 |
8 |
9 | Workflows
10 |
11 | | Status |
12 | Workflow ID |
13 | Type |
14 | Start |
15 | End |
16 | Summary |
17 |
18 |
19 |
20 |
--------------------------------------------------------------------------------
/src/lib/holocene/README.md:
--------------------------------------------------------------------------------
1 | # Holocene
2 |
3 | Temporal's UI Component Library
4 |
5 | Run `pnpm stories:dev` to open Storybook
6 |
--------------------------------------------------------------------------------
/src/lib/holocene/accordion/accordion-group.svelte:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
--------------------------------------------------------------------------------
/src/lib/holocene/card.stories.svelte:
--------------------------------------------------------------------------------
1 |
11 |
12 |
15 |
16 |
17 |
18 |
19 | Lorem ipsum dolor sit amet consectetur adipisicing elit. Ut cupiditate
20 | exercitationem quia quibusdam excepturi rem saepe dolore quas, odit vero
21 | sed rerum necessitatibus minima nobis, ullam minus inventore voluptates
22 | itaque?
23 |
24 |
25 |
26 |
27 |
28 |
--------------------------------------------------------------------------------
/src/lib/holocene/card.svelte:
--------------------------------------------------------------------------------
1 |
10 |
11 |
12 | {@render children?.()}
13 |
14 |
--------------------------------------------------------------------------------
/src/lib/holocene/error-boundary.svelte:
--------------------------------------------------------------------------------
1 |
4 |
5 |
6 |
7 | {#snippet failed(error, reset)}
8 |
9 | {/snippet}
10 |
11 |
--------------------------------------------------------------------------------
/src/lib/holocene/feature-tag.svelte:
--------------------------------------------------------------------------------
1 |
9 |
10 | {#if hide}
11 |
12 | {:else}
13 |
14 | {/if}
15 |
16 |
25 |
--------------------------------------------------------------------------------
/src/lib/holocene/file-input.stories.svelte:
--------------------------------------------------------------------------------
1 |
17 |
18 |
23 |
24 |
25 |
26 |
27 |
28 |
29 |
--------------------------------------------------------------------------------
/src/lib/holocene/icon/icon.story.md:
--------------------------------------------------------------------------------
1 | # Icon
2 |
3 | The `
` component allows for rendering of SVG Icons in our app. It is designed to support SVG's with 24x24 viewboxes only! To add a new icon, follow these steps:
4 |
5 | 1. Obtain the SVG markup from a designer. Make sure it is 24x24px!
6 | 2. Create a new Svelte component in `src/lib/holocene/icon/svg` with the following contents. _Note: It's important to spread `$$props` here!_
7 |
8 | ```
9 |
13 |
14 |
15 | ```
16 |
17 | 3. Take the `
` element(s) from your SVG markup, and paste them in the default slot of the `
` Component.
18 | 4. Add your new icon to the `icons` object in `src/lib/holocene/icon/paths.ts`.
19 |
--------------------------------------------------------------------------------
/src/lib/holocene/icon/icon.svelte:
--------------------------------------------------------------------------------
1 |
11 |
12 | {#if icon}
13 |
21 | {/if}
22 |
--------------------------------------------------------------------------------
/src/lib/holocene/icon/index.ts:
--------------------------------------------------------------------------------
1 | import Icon from './icon.svelte';
2 |
3 | export { type IconName, iconNames } from './paths';
4 |
5 | export default Icon;
6 |
--------------------------------------------------------------------------------
/src/lib/holocene/icon/svg.svelte:
--------------------------------------------------------------------------------
1 |
7 |
8 |
22 |
--------------------------------------------------------------------------------
/src/lib/holocene/icon/svg/activity.svelte:
--------------------------------------------------------------------------------
1 |
5 |
6 |
12 |
--------------------------------------------------------------------------------
/src/lib/holocene/icon/svg/add.svelte:
--------------------------------------------------------------------------------
1 |
5 |
6 |
14 |
--------------------------------------------------------------------------------
/src/lib/holocene/icon/svg/archives.svelte:
--------------------------------------------------------------------------------
1 |
5 |
6 |
12 |
--------------------------------------------------------------------------------
/src/lib/holocene/icon/svg/arrow-down.svelte:
--------------------------------------------------------------------------------
1 |
5 |
6 |
13 |
--------------------------------------------------------------------------------
/src/lib/holocene/icon/svg/arrow-left.svelte:
--------------------------------------------------------------------------------
1 |
5 |
6 |
12 |
--------------------------------------------------------------------------------
/src/lib/holocene/icon/svg/arrow-right.svelte:
--------------------------------------------------------------------------------
1 |
5 |
6 |
12 |
--------------------------------------------------------------------------------
/src/lib/holocene/icon/svg/arrow-up.svelte:
--------------------------------------------------------------------------------
1 |
5 |
6 |
12 |
--------------------------------------------------------------------------------
/src/lib/holocene/icon/svg/ascending.svelte:
--------------------------------------------------------------------------------
1 |
5 |
6 |
12 |
--------------------------------------------------------------------------------
/src/lib/holocene/icon/svg/book-sparkles.svelte:
--------------------------------------------------------------------------------
1 |
5 |
6 |
12 |
--------------------------------------------------------------------------------
/src/lib/holocene/icon/svg/bookmark.svelte:
--------------------------------------------------------------------------------
1 |
5 |
6 |
12 |
--------------------------------------------------------------------------------
/src/lib/holocene/icon/svg/calendar-plus.svelte:
--------------------------------------------------------------------------------
1 |
5 |
6 |
12 |
--------------------------------------------------------------------------------
/src/lib/holocene/icon/svg/calendar.svelte:
--------------------------------------------------------------------------------
1 |
5 |
6 |
12 |
--------------------------------------------------------------------------------
/src/lib/holocene/icon/svg/chart-ascending.svelte:
--------------------------------------------------------------------------------
1 |
5 |
6 |
12 |
--------------------------------------------------------------------------------
/src/lib/holocene/icon/svg/chart.svelte:
--------------------------------------------------------------------------------
1 |
5 |
6 |
12 |
--------------------------------------------------------------------------------
/src/lib/holocene/icon/svg/checkmark.svelte:
--------------------------------------------------------------------------------
1 |
5 |
6 |
12 |
--------------------------------------------------------------------------------
/src/lib/holocene/icon/svg/chevron-down.svelte:
--------------------------------------------------------------------------------
1 |
5 |
6 |
12 |
--------------------------------------------------------------------------------
/src/lib/holocene/icon/svg/chevron-left.svelte:
--------------------------------------------------------------------------------
1 |
5 |
6 |
12 |
--------------------------------------------------------------------------------
/src/lib/holocene/icon/svg/chevron-right.svelte:
--------------------------------------------------------------------------------
1 |
5 |
6 |
12 |
--------------------------------------------------------------------------------
/src/lib/holocene/icon/svg/chevron-selector-vertical.svelte:
--------------------------------------------------------------------------------
1 |
5 |
6 |
15 |
--------------------------------------------------------------------------------
/src/lib/holocene/icon/svg/chevron-up.svelte:
--------------------------------------------------------------------------------
1 |
5 |
6 |
12 |
--------------------------------------------------------------------------------
/src/lib/holocene/icon/svg/close.svelte:
--------------------------------------------------------------------------------
1 |
5 |
6 |
12 |
--------------------------------------------------------------------------------
/src/lib/holocene/icon/svg/connection.svelte:
--------------------------------------------------------------------------------
1 |
5 |
6 |
12 |
--------------------------------------------------------------------------------
/src/lib/holocene/icon/svg/converter-down.svelte:
--------------------------------------------------------------------------------
1 |
5 |
6 |
12 |
--------------------------------------------------------------------------------
/src/lib/holocene/icon/svg/converter-up.svelte:
--------------------------------------------------------------------------------
1 |
5 |
6 |
12 |
--------------------------------------------------------------------------------
/src/lib/holocene/icon/svg/copy.svelte:
--------------------------------------------------------------------------------
1 |
5 |
6 |
12 |
--------------------------------------------------------------------------------
/src/lib/holocene/icon/svg/credit-card.svelte:
--------------------------------------------------------------------------------
1 |
5 |
6 |
12 |
--------------------------------------------------------------------------------
/src/lib/holocene/icon/svg/descending.svelte:
--------------------------------------------------------------------------------
1 |
5 |
6 |
12 |
--------------------------------------------------------------------------------
/src/lib/holocene/icon/svg/exit.svelte:
--------------------------------------------------------------------------------
1 |
5 |
6 |
12 |
--------------------------------------------------------------------------------
/src/lib/holocene/icon/svg/expand.svelte:
--------------------------------------------------------------------------------
1 |
5 |
6 |
12 |
--------------------------------------------------------------------------------
/src/lib/holocene/icon/svg/external-link.svelte:
--------------------------------------------------------------------------------
1 |
5 |
6 |
12 |
--------------------------------------------------------------------------------
/src/lib/holocene/icon/svg/feed.svelte:
--------------------------------------------------------------------------------
1 |
5 |
6 |
11 |
--------------------------------------------------------------------------------
/src/lib/holocene/icon/svg/file-import.svelte:
--------------------------------------------------------------------------------
1 |
5 |
6 |
12 |
--------------------------------------------------------------------------------
/src/lib/holocene/icon/svg/filter-solid.svelte:
--------------------------------------------------------------------------------
1 |
5 |
6 |
12 |
--------------------------------------------------------------------------------
/src/lib/holocene/icon/svg/filter.svelte:
--------------------------------------------------------------------------------
1 |
5 |
6 |
12 |
--------------------------------------------------------------------------------
/src/lib/holocene/icon/svg/fire-extinguisher.svelte:
--------------------------------------------------------------------------------
1 |
5 |
6 |
12 |
--------------------------------------------------------------------------------
/src/lib/holocene/icon/svg/flag.svelte:
--------------------------------------------------------------------------------
1 |
5 |
6 |
13 |
--------------------------------------------------------------------------------
/src/lib/holocene/icon/svg/graph.svelte:
--------------------------------------------------------------------------------
1 |
5 |
6 |
12 |
--------------------------------------------------------------------------------
/src/lib/holocene/icon/svg/heartbeat.svelte:
--------------------------------------------------------------------------------
1 |
5 |
6 |
15 |
--------------------------------------------------------------------------------
/src/lib/holocene/icon/svg/hyphen.svelte:
--------------------------------------------------------------------------------
1 |
5 |
6 |
12 |
--------------------------------------------------------------------------------
/src/lib/holocene/icon/svg/import.svelte:
--------------------------------------------------------------------------------
1 |
5 |
6 |
12 |
--------------------------------------------------------------------------------
/src/lib/holocene/icon/svg/json.svelte:
--------------------------------------------------------------------------------
1 |
5 |
6 |
12 |
--------------------------------------------------------------------------------
/src/lib/holocene/icon/svg/keyboard.svelte:
--------------------------------------------------------------------------------
1 |
5 |
6 |
12 |
--------------------------------------------------------------------------------
/src/lib/holocene/icon/svg/labs.svelte:
--------------------------------------------------------------------------------
1 |
8 |
9 |
16 |
--------------------------------------------------------------------------------
/src/lib/holocene/icon/svg/lightning-bolt.svelte:
--------------------------------------------------------------------------------
1 |
5 |
6 |
12 |
--------------------------------------------------------------------------------
/src/lib/holocene/icon/svg/lock.svelte:
--------------------------------------------------------------------------------
1 |
5 |
6 |
12 |
--------------------------------------------------------------------------------
/src/lib/holocene/icon/svg/logout.svelte:
--------------------------------------------------------------------------------
1 |
5 |
6 |
12 |
--------------------------------------------------------------------------------
/src/lib/holocene/icon/svg/merge.svelte:
--------------------------------------------------------------------------------
1 |
5 |
6 |
12 |
--------------------------------------------------------------------------------
/src/lib/holocene/icon/svg/minimize.svelte:
--------------------------------------------------------------------------------
1 |
5 |
6 |
12 |
--------------------------------------------------------------------------------
/src/lib/holocene/icon/svg/namespace.svelte:
--------------------------------------------------------------------------------
1 |
5 |
6 |
12 |
--------------------------------------------------------------------------------
/src/lib/holocene/icon/svg/nexus.svelte:
--------------------------------------------------------------------------------
1 |
5 |
6 |
14 |
--------------------------------------------------------------------------------
/src/lib/holocene/icon/svg/office-buildings.svelte:
--------------------------------------------------------------------------------
1 |
5 |
6 |
12 |
--------------------------------------------------------------------------------
/src/lib/holocene/icon/svg/pause.svelte:
--------------------------------------------------------------------------------
1 |
5 |
6 |
10 |
--------------------------------------------------------------------------------
/src/lib/holocene/icon/svg/play.svelte:
--------------------------------------------------------------------------------
1 |
5 |
6 |
9 |
--------------------------------------------------------------------------------
/src/lib/holocene/icon/svg/relationship.svelte:
--------------------------------------------------------------------------------
1 |
5 |
6 |
14 |
--------------------------------------------------------------------------------
/src/lib/holocene/icon/svg/retry.svelte:
--------------------------------------------------------------------------------
1 |
5 |
6 |
12 |
--------------------------------------------------------------------------------
/src/lib/holocene/icon/svg/schedules.svelte:
--------------------------------------------------------------------------------
1 |
5 |
6 |
12 |
--------------------------------------------------------------------------------
/src/lib/holocene/icon/svg/sliders.svelte:
--------------------------------------------------------------------------------
1 |
5 |
6 |
12 |
--------------------------------------------------------------------------------
/src/lib/holocene/icon/svg/spinner-solid.svelte:
--------------------------------------------------------------------------------
1 |
5 |
6 |
15 |
--------------------------------------------------------------------------------
/src/lib/holocene/icon/svg/star-filled.svelte:
--------------------------------------------------------------------------------
1 |
5 |
6 |
12 |
--------------------------------------------------------------------------------
/src/lib/holocene/icon/svg/summary.svelte:
--------------------------------------------------------------------------------
1 |
5 |
6 |
12 |
--------------------------------------------------------------------------------
/src/lib/holocene/icon/svg/table.svelte:
--------------------------------------------------------------------------------
1 |
5 |
6 |
16 |
--------------------------------------------------------------------------------
/src/lib/holocene/icon/svg/terminal.svelte:
--------------------------------------------------------------------------------
1 |
5 |
6 |
12 |
--------------------------------------------------------------------------------
/src/lib/holocene/icon/svg/timeline.svelte:
--------------------------------------------------------------------------------
1 |
5 |
6 |
12 |
--------------------------------------------------------------------------------
/src/lib/holocene/icon/svg/toolbox.svelte:
--------------------------------------------------------------------------------
1 |
5 |
6 |
12 |
--------------------------------------------------------------------------------
/src/lib/holocene/icon/svg/transcoder-off.svelte:
--------------------------------------------------------------------------------
1 |
5 |
6 |
14 |
--------------------------------------------------------------------------------
/src/lib/holocene/icon/svg/transcoder-on.svelte:
--------------------------------------------------------------------------------
1 |
5 |
6 |
16 |
--------------------------------------------------------------------------------
/src/lib/holocene/icon/svg/trash.svelte:
--------------------------------------------------------------------------------
1 |
5 |
6 |
12 |
--------------------------------------------------------------------------------
/src/lib/holocene/icon/svg/trending-down.svelte:
--------------------------------------------------------------------------------
1 |
5 |
6 |
29 |
--------------------------------------------------------------------------------
/src/lib/holocene/icon/svg/trending-up.svelte:
--------------------------------------------------------------------------------
1 |
5 |
6 |
29 |
--------------------------------------------------------------------------------
/src/lib/holocene/icon/svg/update.svelte:
--------------------------------------------------------------------------------
1 |
5 |
6 |
12 |
--------------------------------------------------------------------------------
/src/lib/holocene/icon/svg/vertical-ellipsis.svelte:
--------------------------------------------------------------------------------
1 |
5 |
6 |
14 |
--------------------------------------------------------------------------------
/src/lib/holocene/icon/svg/warning.svelte:
--------------------------------------------------------------------------------
1 |
5 |
6 |
12 |
--------------------------------------------------------------------------------
/src/lib/holocene/icon/svg/xmark-filled.svelte:
--------------------------------------------------------------------------------
1 |
5 |
6 |
14 |
--------------------------------------------------------------------------------
/src/lib/holocene/keyboard-shortcut/arrow-down.svelte:
--------------------------------------------------------------------------------
1 |
4 |
5 |
15 |
--------------------------------------------------------------------------------
/src/lib/holocene/keyboard-shortcut/arrow-left.svelte:
--------------------------------------------------------------------------------
1 |
4 |
5 |
15 |
--------------------------------------------------------------------------------
/src/lib/holocene/keyboard-shortcut/arrow-right.svelte:
--------------------------------------------------------------------------------
1 |
4 |
5 |
16 |
--------------------------------------------------------------------------------
/src/lib/holocene/keyboard-shortcut/arrow-up.svelte:
--------------------------------------------------------------------------------
1 |
4 |
5 |
15 |
--------------------------------------------------------------------------------
/src/lib/holocene/labs-mode-guard.svelte:
--------------------------------------------------------------------------------
1 |
16 |
17 | {#if $labsMode}
18 |
19 | {:else}
20 |
21 | {/if}
22 |
--------------------------------------------------------------------------------
/src/lib/holocene/menu/index.ts:
--------------------------------------------------------------------------------
1 | import MenuButton from './menu-button.svelte';
2 | import MenuContainer from './menu-container.svelte';
3 | import MenuDivider from './menu-divider.svelte';
4 | import MenuItem from './menu-item.svelte';
5 | import Menu from './menu.svelte';
6 |
7 | export { MenuContainer, Menu, MenuItem, MenuButton, MenuDivider };
8 |
--------------------------------------------------------------------------------
/src/lib/holocene/menu/menu-divider.svelte:
--------------------------------------------------------------------------------
1 |
2 |
--------------------------------------------------------------------------------
/src/lib/holocene/orderable-list/orderable-list.svelte:
--------------------------------------------------------------------------------
1 |
4 |
5 |
6 |
7 | Items
8 |
9 |
10 |
11 |
12 |
13 |
14 |
15 |
16 |
25 |
--------------------------------------------------------------------------------
/src/lib/holocene/outside-click.ts:
--------------------------------------------------------------------------------
1 | import type { Action } from 'svelte/action';
2 |
3 | export const clickoutside: Action
void> = (
4 | node: Element,
5 | handler: (event: MouseEvent) => void,
6 | ): { destroy: () => void } => {
7 | const handleClick = (event: MouseEvent) => {
8 | if (
9 | node &&
10 | !node.contains(event.target as HTMLElement) &&
11 | !event.defaultPrevented
12 | ) {
13 | handler(event);
14 | }
15 | };
16 |
17 | document.addEventListener('click', handleClick, true);
18 |
19 | return {
20 | destroy() {
21 | document.removeEventListener('click', handleClick, true);
22 | },
23 | };
24 | };
25 |
--------------------------------------------------------------------------------
/src/lib/holocene/page-transition.svelte:
--------------------------------------------------------------------------------
1 |
4 |
5 |
9 |
10 |
11 |
--------------------------------------------------------------------------------
/src/lib/holocene/pill-container/pill-container.stories.svelte:
--------------------------------------------------------------------------------
1 |
13 |
14 |
17 |
18 |
19 |
20 | Pill A
21 | Pill B
22 | Pill C
23 |
24 |
25 |
26 |
27 |
--------------------------------------------------------------------------------
/src/lib/holocene/progress-bar.stories.svelte:
--------------------------------------------------------------------------------
1 |
12 |
13 |
14 |
17 |
18 |
19 |
20 |
--------------------------------------------------------------------------------
/src/lib/holocene/radio-input/index.ts:
--------------------------------------------------------------------------------
1 | import RadioGroup, { RADIO_GROUP_CONTEXT } from './radio-group.svelte';
2 | import RadioInput from './radio-input.svelte';
3 |
4 | export type { RadioGroupContext, RadioInputProps } from './types';
5 |
6 | export { RADIO_GROUP_CONTEXT, RadioGroup, RadioInput };
7 |
--------------------------------------------------------------------------------
/src/lib/holocene/radio-input/types.ts:
--------------------------------------------------------------------------------
1 | import type { HTMLAttributes, HTMLInputAttributes } from 'svelte/elements';
2 | import type { Writable } from 'svelte/store';
3 |
4 | export interface RadioInputProps extends HTMLInputAttributes {
5 | value: T;
6 | id: string;
7 | label: string;
8 | labelHidden?: boolean;
9 | description?: string;
10 | group?: Writable;
11 | name?: string;
12 | 'data-testid'?: string;
13 | class?: string;
14 | }
15 |
16 | export interface RadioGroupProps extends HTMLAttributes {
17 | name: string;
18 | group: Writable;
19 | description?: string;
20 | }
21 |
22 | export type RadioGroupContext = {
23 | name: string;
24 | group: Writable;
25 | };
26 |
--------------------------------------------------------------------------------
/src/lib/holocene/scroll-to-bottom.svelte:
--------------------------------------------------------------------------------
1 |
7 |
8 |
9 |
16 |
17 |
18 |
23 |
--------------------------------------------------------------------------------
/src/lib/holocene/scroll-to-top.svelte:
--------------------------------------------------------------------------------
1 |
7 |
8 |
9 |
16 |
17 |
--------------------------------------------------------------------------------
/src/lib/holocene/select/option-group.svelte:
--------------------------------------------------------------------------------
1 |
6 |
7 |
10 |
11 |
--------------------------------------------------------------------------------
/src/lib/holocene/select/simple-option.svelte:
--------------------------------------------------------------------------------
1 |
6 |
7 |
8 |
--------------------------------------------------------------------------------
/src/lib/holocene/skeleton/index.svelte:
--------------------------------------------------------------------------------
1 |
7 |
8 |
14 |
15 |
32 |
--------------------------------------------------------------------------------
/src/lib/holocene/skeleton/skeleton.stories.svelte:
--------------------------------------------------------------------------------
1 |
18 |
19 |
22 |
23 |
24 |
25 |
26 |
27 |
28 |
--------------------------------------------------------------------------------
/src/lib/holocene/tab-buttons/tab-buttons.svelte:
--------------------------------------------------------------------------------
1 |
5 |
6 |
7 |
8 |
9 |
--------------------------------------------------------------------------------
/src/lib/holocene/tab/tab-list.svelte:
--------------------------------------------------------------------------------
1 |
15 |
16 |
22 |
23 |
24 |
25 |
30 |
--------------------------------------------------------------------------------
/src/lib/holocene/tab/tab-panel.svelte:
--------------------------------------------------------------------------------
1 |
19 |
20 |
29 |
30 |
31 |
--------------------------------------------------------------------------------
/src/lib/holocene/table/table-header-row.svelte:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
--------------------------------------------------------------------------------
/src/lib/holocene/table/table-row.svelte:
--------------------------------------------------------------------------------
1 |
12 |
13 |
14 |
15 |
16 |
--------------------------------------------------------------------------------
/src/lib/holocene/test-utilities.ts:
--------------------------------------------------------------------------------
1 | import type { Story } from '@storybook/addon-svelte-csf';
2 | import { expect, within } from '@storybook/test';
3 |
4 | type PlayFunction = Story['$$prop_def']['play'];
5 |
6 | export const shouldNotBeTransparent = (
7 | fn: (canvas: ReturnType) => PlayFunction,
8 | ) => {
9 | return ({ canvasElement }) => {
10 | const canvas = within(canvasElement);
11 | const element = fn(canvas);
12 | expect(element).not.toHaveStyle({ backgroundColor: 'rgba(0,0,0,0)' });
13 | };
14 | };
15 |
--------------------------------------------------------------------------------
/src/lib/holocene/toggle-button/toggle-buttons.svelte:
--------------------------------------------------------------------------------
1 |
5 |
6 |
7 |
8 |
9 |
--------------------------------------------------------------------------------
/src/lib/holocene/user-menu-mobile.svelte:
--------------------------------------------------------------------------------
1 |
8 |
9 | {#if $authUser.accessToken}
10 |
11 |
18 |
25 | {/if}
26 |
--------------------------------------------------------------------------------
/src/lib/i18n/locales/en/date-picker.ts:
--------------------------------------------------------------------------------
1 | export const Namespace = 'date-picker' as const;
2 |
3 | export const Strings = {
4 | 'next-month': 'Next Month',
5 | 'previous-month': 'Previous Month',
6 | } as const;
7 |
--------------------------------------------------------------------------------
/src/lib/i18n/locales/index.ts:
--------------------------------------------------------------------------------
1 | import { EN, English } from './en';
2 |
3 | export default {
4 | [EN]: English,
5 | };
6 |
--------------------------------------------------------------------------------
/src/lib/i18n/translate.svelte:
--------------------------------------------------------------------------------
1 |
17 |
18 | {#if translated !== key}
19 | {translated}
20 | {:else}
21 |
22 | {/if}
23 |
--------------------------------------------------------------------------------
/src/lib/i18n/translate.ts:
--------------------------------------------------------------------------------
1 | import { t } from 'i18next';
2 |
3 | import type { I18nKey, I18nReplace, I18nResources } from '.';
4 |
5 | const translateGeneric = (
6 | key: I18nKey,
7 | replace: I18nReplace = {},
8 | ): string => {
9 | const [namespace, ...keys] = key.split('.');
10 |
11 | if (namespace && keys.length > 0) {
12 | const k = keys.join('.');
13 | return t(`${namespace}:${k}`, replace);
14 | }
15 | };
16 |
17 | export const createTranslate = () => {
18 | return translateGeneric;
19 | };
20 |
21 | export const translate = createTranslate();
22 |
--------------------------------------------------------------------------------
/src/lib/layouts/workflow-padded-layout.svelte:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
--------------------------------------------------------------------------------
/src/lib/models/core-user.ts:
--------------------------------------------------------------------------------
1 | // Actions an authenticated user can do
2 | // Continue to add to Interface as more actions are added in core
3 | export interface CoreUser {
4 | namespaceWriteDisabled: (namespace: string) => boolean;
5 | }
6 |
7 | // Set context with this key
8 | export const CoreUserKey = 'CoreUser' as const;
9 |
--------------------------------------------------------------------------------
/src/lib/models/event-groups/get-group-for-event.ts:
--------------------------------------------------------------------------------
1 | import type { WorkflowEvent } from '$lib/types/events';
2 |
3 | import type { EventGroup, EventGroups } from './event-groups';
4 |
5 | export const getGroupForEvent = (
6 | event: WorkflowEvent,
7 | groups: EventGroups,
8 | ): EventGroup => {
9 | const eventId = event.id;
10 |
11 | for (const group of groups) {
12 | if (eventId === group.id) return group;
13 | for (const id of group.eventIds) {
14 | if (eventId === id) {
15 | return group;
16 | }
17 | }
18 | }
19 | };
20 |
--------------------------------------------------------------------------------
/src/lib/models/event-groups/get-last-event.ts:
--------------------------------------------------------------------------------
1 | import type { WorkflowEvent } from '$lib/types/events';
2 |
3 | import type { EventGroup } from './event-groups';
4 |
5 | export const getLastEvent = ({ events }: EventGroup): WorkflowEvent => {
6 | let latestEventKey = 0;
7 | let result: WorkflowEvent;
8 |
9 | for (const event of events.values()) {
10 | const k = Number(event.id);
11 | if (k >= latestEventKey) {
12 | latestEventKey = k;
13 | result = event;
14 | }
15 | }
16 |
17 | return result;
18 | };
19 |
--------------------------------------------------------------------------------
/src/lib/models/search-attribute-filters.ts:
--------------------------------------------------------------------------------
1 | import type {
2 | SearchAttributes,
3 | SearchAttributeType,
4 | } from '$lib/types/workflows';
5 |
6 | export type SearchAttributeFilter = {
7 | attribute: Extract;
8 | type: SearchAttributeType;
9 | value: string;
10 | operator: string;
11 | parenthesis: string;
12 | conditional: string;
13 | customDate?: boolean;
14 | };
15 |
--------------------------------------------------------------------------------
/src/lib/models/workflow-actions.ts:
--------------------------------------------------------------------------------
1 | export enum Action {
2 | Cancel,
3 | Reset,
4 | Terminate,
5 | }
6 |
--------------------------------------------------------------------------------
/src/lib/models/workflow-status.ts:
--------------------------------------------------------------------------------
1 | import type { WorkflowStatus } from '$lib/types/workflows';
2 |
3 | export type WorkflowFilters = readonly (WorkflowStatus | 'All')[];
4 |
5 | export const workflowStatuses: Readonly = [
6 | 'Running',
7 | 'TimedOut',
8 | 'Completed',
9 | 'Failed',
10 | 'ContinuedAsNew',
11 | 'Canceled',
12 | 'Terminated',
13 | ] as const;
14 |
15 | export function isWorkflowStatusType(value: string): value is WorkflowStatus {
16 | return workflowStatuses.includes(value as WorkflowStatus);
17 | }
18 |
19 | export const workflowStatusFilters: WorkflowFilters = [
20 | 'All',
21 | ...workflowStatuses,
22 | ] as const;
23 |
--------------------------------------------------------------------------------
/src/lib/pages/workflow-history-json.svelte:
--------------------------------------------------------------------------------
1 |
7 |
8 |
9 |
16 |
17 |
--------------------------------------------------------------------------------
/src/lib/pages/workflow-history.svelte:
--------------------------------------------------------------------------------
1 |
30 |
--------------------------------------------------------------------------------
/src/lib/services/settings-service.test.ts:
--------------------------------------------------------------------------------
1 | import { describe, expect, it } from 'vitest';
2 |
3 | import { isCloudMatch } from './settings-service';
4 |
5 | describe('isCloudMatch', () => {
6 | it('should return true for tmprl.cloud', () => {
7 | expect(isCloudMatch.test('tmprl.cloud')).toBe(true);
8 | });
9 |
10 | it('should return true for tmprl-test.cloud', () => {
11 | expect(isCloudMatch.test('tmprl.cloud')).toBe(true);
12 | });
13 |
14 | it('should return false for non Temporal domains', () => {
15 | expect(isCloudMatch.test(undefined as unknown as string)).toBe(false);
16 | expect(isCloudMatch.test('xxx.xxx')).toBe(false);
17 | expect(isCloudMatch.test('localhost:3000')).toBe(false);
18 | });
19 | });
20 |
--------------------------------------------------------------------------------
/src/lib/stores/auth-user.ts:
--------------------------------------------------------------------------------
1 | import { get } from 'svelte/store';
2 |
3 | import { persistStore } from '$lib/stores/persist-store';
4 | import type { User } from '$lib/types/global';
5 |
6 | export const authUser = persistStore('AuthUser', {});
7 |
8 | export const getAuthUser = (): User => get(authUser);
9 |
10 | export const setAuthUser = (user: User) => {
11 | const { accessToken, idToken, name, email, picture } = user;
12 |
13 | if (!accessToken) {
14 | throw new Error('No access token');
15 | }
16 |
17 | authUser.set({
18 | accessToken,
19 | idToken,
20 | name,
21 | email,
22 | picture,
23 | });
24 | };
25 |
26 | export const clearAuthUser = () => {
27 | authUser.set({});
28 | };
29 |
--------------------------------------------------------------------------------
/src/lib/stores/batch-operations.ts:
--------------------------------------------------------------------------------
1 | import { writable } from 'svelte/store';
2 |
3 | import { pollBatchOperation } from '$lib/services/batch-service';
4 | import { persistStore } from '$lib/stores/persist-store';
5 |
6 | export const inProgressBatchOperation = writable<{
7 | namespace: string;
8 | jobId: string;
9 | }>();
10 |
11 | inProgressBatchOperation.subscribe(async (operation) => {
12 | if (operation) {
13 | await pollBatchOperation(operation).then(() =>
14 | inProgressBatchOperation.set(undefined),
15 | );
16 | }
17 | });
18 |
19 | export const autoRefresh = persistStore(
20 | 'auto-refresh-batch-operation',
21 | false,
22 | );
23 |
--------------------------------------------------------------------------------
/src/lib/stores/bulk-actions.ts:
--------------------------------------------------------------------------------
1 | import { derived } from 'svelte/store';
2 |
3 | import { bulkActionsEnabled } from '$lib/utilities/bulk-actions-enabled';
4 | import { isVersionNewer } from '$lib/utilities/version-check';
5 |
6 | import { isCloud, supportsAdvancedVisibility } from './advanced-visibility';
7 | import { settings } from './settings';
8 | import { temporalVersion } from './versions';
9 |
10 | export const supportsBulkActions = derived(
11 | [temporalVersion, supportsAdvancedVisibility, settings, isCloud],
12 | ([$temporalVersion, $supportsAdvancedVisibility, $settings, $isCloud]) =>
13 | ($isCloud ? true : isVersionNewer($temporalVersion, '1.18.0')) &&
14 | $supportsAdvancedVisibility &&
15 | bulkActionsEnabled($settings),
16 | );
17 |
--------------------------------------------------------------------------------
/src/lib/stores/capability-enablement.ts:
--------------------------------------------------------------------------------
1 | import { derived } from 'svelte/store';
2 |
3 | import { page } from '$app/stores';
4 |
5 | import { minimumVersionRequired } from '$lib/utilities/version-check';
6 |
7 | import { temporalVersion } from './versions';
8 |
9 | export const prefixSearchEnabled = derived(
10 | [page, temporalVersion],
11 | ([$page, $temporalVersion]) => {
12 | const serverVersionEnabled = minimumVersionRequired(
13 | '1.23.0',
14 | $temporalVersion,
15 | );
16 | const capabilitiesEnabled = Boolean(
17 | $page.data?.systemInfo?.capabilities?.prefixSearch,
18 | );
19 | return serverVersionEnabled || capabilitiesEnabled;
20 | },
21 | );
22 |
--------------------------------------------------------------------------------
/src/lib/stores/cluster.ts:
--------------------------------------------------------------------------------
1 | import { derived } from 'svelte/store';
2 |
3 | import { page } from '$app/stores';
4 |
5 | export const cluster = derived([page], ([$page]) => {
6 | return $page.data?.cluster;
7 | });
8 |
--------------------------------------------------------------------------------
/src/lib/stores/column-width.ts:
--------------------------------------------------------------------------------
1 | import { writable } from 'svelte/store';
2 |
3 | export const workflowEventsColumnWidth = writable(0);
4 | export const workflowEventsResponsiveColumnWidth = writable(0);
5 |
--------------------------------------------------------------------------------
/src/lib/stores/core-user.ts:
--------------------------------------------------------------------------------
1 | import { readable, type Readable } from 'svelte/store';
2 |
3 | import { getContext, hasContext } from 'svelte';
4 |
5 | import { type CoreUser, CoreUserKey } from '$lib/models/core-user';
6 |
7 | export const defaultCoreUserStore: Readable = readable({
8 | namespaceWriteDisabled: () => false,
9 | });
10 |
11 | export const coreUserStore = (): Readable => {
12 | if (!hasContext(CoreUserKey)) return defaultCoreUserStore;
13 | return getContext(CoreUserKey);
14 | };
15 |
--------------------------------------------------------------------------------
/src/lib/stores/data-converter-config.ts:
--------------------------------------------------------------------------------
1 | import { writable } from 'svelte/store';
2 |
3 | import type { DataEncoderStatus } from '$lib/types/global';
4 |
5 | export const lastDataConverterStatus =
6 | writable('notRequested');
7 |
8 | export function setLastDataConverterFailure(error?: string): void {
9 | lastDataConverterStatus.set('error');
10 | if (error) console.error(error);
11 | }
12 |
13 | export function setLastDataConverterSuccess(): void {
14 | lastDataConverterStatus.set('success');
15 | }
16 |
17 | export function resetLastDataConverterSuccess(): void {
18 | lastDataConverterStatus.set('notRequested');
19 | }
20 |
--------------------------------------------------------------------------------
/src/lib/stores/error.ts:
--------------------------------------------------------------------------------
1 | import { writable } from 'svelte/store';
2 |
3 | import type { NetworkError } from '$lib/types/global';
4 |
5 | export const networkError = writable(null);
6 |
--------------------------------------------------------------------------------
/src/lib/stores/import-events.test.ts:
--------------------------------------------------------------------------------
1 | import { get } from 'svelte/store';
2 |
3 | import { describe, expect, it } from 'vitest';
4 |
5 | import { importEventGroups, importEvents } from './import-events';
6 |
7 | describe('ImportEvents', () => {
8 | it('should get default values', () => {
9 | expect(get(importEvents)).toEqual([]);
10 | expect(get(importEventGroups)).toEqual([]);
11 | });
12 | });
13 |
--------------------------------------------------------------------------------
/src/lib/stores/import-events.ts:
--------------------------------------------------------------------------------
1 | import { writable } from 'svelte/store';
2 |
3 | import type { EventGroups } from '$lib/models/event-groups/event-groups';
4 | import type { WorkflowEvents } from '$lib/types/events';
5 |
6 | export const importEvents = writable([]);
7 | export const importEventGroups = writable([]);
8 |
--------------------------------------------------------------------------------
/src/lib/stores/labs-mode.ts:
--------------------------------------------------------------------------------
1 | import { persistStore } from './persist-store';
2 |
3 | export const labsMode = persistStore('labsMode', false, true);
4 |
--------------------------------------------------------------------------------
/src/lib/stores/namespaces.ts:
--------------------------------------------------------------------------------
1 | import { writable } from 'svelte/store';
2 |
3 | import type { DescribeNamespaceResponse } from '$lib/types';
4 |
5 | import { persistStore } from './persist-store';
6 |
7 | export const lastUsedNamespace = persistStore('lastNamespace', 'default', true);
8 |
9 | export const namespaces = writable([]);
10 |
--------------------------------------------------------------------------------
/src/lib/stores/nav-open.ts:
--------------------------------------------------------------------------------
1 | import { writable } from 'svelte/store';
2 |
3 | import { persistStore } from './persist-store';
4 |
5 | export const navOpen = persistStore('navOpen', false);
6 |
7 | export const namespaceSelectorOpen = writable();
8 |
--------------------------------------------------------------------------------
/src/lib/stores/new-feature-tags.ts:
--------------------------------------------------------------------------------
1 | import { get } from 'svelte/store';
2 |
3 | import { persistStore } from './persist-store';
4 |
5 | export const viewedFeatureTags = persistStore('viewedFeatureTags', null);
6 |
7 | export const viewFeature = (feature: string): void => {
8 | let featureTags: string[] = get(viewedFeatureTags) ?? [];
9 | if (!featureTags.includes(feature)) {
10 | featureTags = [...featureTags, feature];
11 | viewedFeatureTags.set(featureTags);
12 | }
13 | };
14 |
--------------------------------------------------------------------------------
/src/lib/stores/previous-events.ts:
--------------------------------------------------------------------------------
1 | import { writable, type Writable } from 'svelte/store';
2 |
3 | import type { FetchEventsParameters } from '$lib/services/events-service';
4 |
5 | const emptyPrevious: FetchEventsParameters = {
6 | namespace: null,
7 | workflowId: null,
8 | runId: null,
9 | rawPayloads: null,
10 | sort: null,
11 | };
12 |
13 | export const previous: Writable =
14 | writable(emptyPrevious);
15 |
16 | export const clearPreviousEventParameters = (): void => {
17 | previous.set(emptyPrevious);
18 | };
19 |
--------------------------------------------------------------------------------
/src/lib/stores/reset-workflows.ts:
--------------------------------------------------------------------------------
1 | import { persistStore } from './persist-store';
2 |
3 | export const resetWorkflows = persistStore>(
4 | 'resetWorkflows',
5 | {},
6 | );
7 |
--------------------------------------------------------------------------------
/src/lib/stores/settings.ts:
--------------------------------------------------------------------------------
1 | import { derived } from 'svelte/store';
2 |
3 | import { page } from '$app/stores';
4 |
5 | export const settings = derived([page], ([$page]) => $page.data.settings);
6 |
--------------------------------------------------------------------------------
/src/lib/stores/task-queue-view.ts:
--------------------------------------------------------------------------------
1 | import { persistStore } from '$lib/stores/persist-store';
2 | import type { TaskQueueView } from '$lib/types/events';
3 |
4 | export const taskQueueView = persistStore(
5 | 'taskQueueView',
6 | 'workers',
7 | true,
8 | );
9 |
--------------------------------------------------------------------------------
/src/lib/stores/versions.ts:
--------------------------------------------------------------------------------
1 | import { derived } from 'svelte/store';
2 |
3 | import { cluster } from './cluster';
4 | import { settings } from './settings';
5 |
6 | export const temporalVersion = derived([cluster], ([$cluster]) => {
7 | return $cluster?.serverVersion;
8 | });
9 |
10 | export const uiVersion = derived([settings], ([$settings]) => {
11 | return $settings?.version;
12 | });
13 |
--------------------------------------------------------------------------------
/src/lib/svelte-mocks/app/environment.ts:
--------------------------------------------------------------------------------
1 | export function browser(): boolean {
2 | return true;
3 | }
4 |
--------------------------------------------------------------------------------
/src/lib/svelte-mocks/app/paths.ts:
--------------------------------------------------------------------------------
1 | export const base = '';
2 |
--------------------------------------------------------------------------------
/src/lib/theme/preset.ts:
--------------------------------------------------------------------------------
1 | import type { Config } from 'tailwindcss';
2 |
3 | import temporal, { textStyles } from './plugin';
4 |
5 | const config = {
6 | content: ['./src/**/*.{html,js,svelte,ts}'],
7 | plugins: [temporal, textStyles],
8 | } satisfies Config;
9 |
10 | export default config;
11 |
--------------------------------------------------------------------------------
/src/lib/theme/types.d.ts:
--------------------------------------------------------------------------------
1 | type PaletteColor = import('./colors').PaletteColor;
2 | type Palette = import('./colors').Palette;
3 |
4 | type RGB = `${number} ${number} ${number}`;
5 | type HexColor = `#${string}`;
6 |
7 | type CSSVariable = `--${string}`;
8 | type ColorVariables = Readonly<
9 | Record
10 | >;
11 |
12 | type Shade =
13 | | 50
14 | | 100
15 | | 200
16 | | 300
17 | | 400
18 | | 500
19 | | 600
20 | | 700
21 | | 800
22 | | 900
23 | | 950
24 | | 'DEFAULT';
25 |
26 | type Shades = Record;
27 |
28 | type Color = [PaletteColor, Shade | undefined] | HexColor;
29 |
30 | type ColorName =
31 | | Exclude
32 | | `${PaletteColor}.${Shade}`;
33 |
--------------------------------------------------------------------------------
/src/lib/types/holocene.ts:
--------------------------------------------------------------------------------
1 | export type DataAttributes = {
2 | // [index: `data-${string}`]: any;
3 | 'data-testid'?: string;
4 | };
5 |
6 | export type ToastVariant = 'success' | 'error' | 'info' | 'warning' | 'primary';
7 |
8 | export type ToastPosition =
9 | | 'top-left'
10 | | 'top-center'
11 | | 'top-right'
12 | | 'bottom-left'
13 | | 'bottom-center'
14 | | 'bottom-right';
15 |
16 | export interface Toast {
17 | message: string;
18 | variant?: ToastVariant;
19 | id?: string;
20 | duration?: number;
21 | link?: string;
22 | }
23 |
--------------------------------------------------------------------------------
/src/lib/types/nexus.ts:
--------------------------------------------------------------------------------
1 | import type {
2 | CallbackInfo,
3 | Endpoint,
4 | EndpointSpec,
5 | Callback as ICallback,
6 | } from '$lib/types';
7 |
8 | import type { EventLink } from './events';
9 |
10 | export interface NexusEndpointSpec extends EndpointSpec {
11 | descriptionString?: string;
12 | allowedCallerNamespaces?: string[];
13 | }
14 | export interface NexusEndpoint extends Endpoint {
15 | asyncOperationId?: string;
16 | state?: string;
17 | spec?: NexusEndpointSpec;
18 | }
19 |
20 | export interface Callback extends CallbackInfo {
21 | blockedReason?: string;
22 | callback?: CallbackWithLinks;
23 | }
24 | interface CallbackWithLinks extends ICallback {
25 | links?: EventLink[];
26 | }
27 |
--------------------------------------------------------------------------------
/src/lib/utilities/advanced-visibility-enabled.ts:
--------------------------------------------------------------------------------
1 | import type { ClusterInformation } from '$lib/types/global';
2 |
3 | import { isVersionNewer } from './version-check';
4 |
5 | export const advancedVisibilityEnabled = (
6 | cluster: ClusterInformation,
7 | version: string,
8 | ) => {
9 | return (
10 | cluster?.visibilityStore?.includes('elasticsearch') ||
11 | isVersionNewer(version, '1.19')
12 | );
13 | };
14 |
15 | export const advancedVisibilityEnabledWithOrderBy = (
16 | cluster: ClusterInformation,
17 | ) => {
18 | return cluster?.visibilityStore?.includes('elasticsearch');
19 | };
20 |
--------------------------------------------------------------------------------
/src/lib/utilities/btoa.ts:
--------------------------------------------------------------------------------
1 | import { BROWSER } from 'esm-env';
2 |
3 | export const base64EncodeUnicode = (str: string) => {
4 | return window.btoa(
5 | encodeURIComponent(str).replace(/%([0-9A-F]{2})/g, (_, p1) =>
6 | String.fromCharCode(parseInt(p1, 16)),
7 | ),
8 | );
9 | };
10 |
11 | export const btoa = (str: string, isBrowser = BROWSER): string => {
12 | if (!isBrowser) return str;
13 | return base64EncodeUnicode(str);
14 | };
15 |
--------------------------------------------------------------------------------
/src/lib/utilities/bulk-actions-enabled.ts:
--------------------------------------------------------------------------------
1 | import type { Settings } from '$lib/types/global';
2 |
3 | const ALLOWED_BULK_ACTIONS: (keyof Pick<
4 | Settings,
5 | | 'workflowSignalDisabled'
6 | | 'workflowCancelDisabled'
7 | | 'workflowResetDisabled'
8 | | 'workflowTerminateDisabled'
9 | >)[] = ['workflowCancelDisabled', 'workflowTerminateDisabled'];
10 |
11 | export const bulkActionsEnabled = (settings: Settings) => {
12 | if (settings.disableWriteActions) return false;
13 | if (settings.batchActionsDisabled) return false;
14 |
15 | return ALLOWED_BULK_ACTIONS.some((action) => !settings[action]);
16 | };
17 |
--------------------------------------------------------------------------------
/src/lib/utilities/cancel-in-progress.ts:
--------------------------------------------------------------------------------
1 | import type { WorkflowEvents } from '$lib/types/events';
2 | import type { WorkflowStatus } from '$lib/types/workflows';
3 |
4 | export const isCancelInProgress = (
5 | status: WorkflowStatus,
6 | eventHistory: WorkflowEvents,
7 | ) => {
8 | const isRunning = status === 'Running';
9 | const workflowCancelRequested = eventHistory?.some(
10 | (event) => event?.eventType === 'WorkflowExecutionCancelRequested',
11 | );
12 | return isRunning && workflowCancelRequested;
13 | };
14 |
--------------------------------------------------------------------------------
/src/lib/utilities/copy-to-clipboard.ts:
--------------------------------------------------------------------------------
1 | import { type Writable, writable } from 'svelte/store';
2 |
3 | type CopiedToClipboardReturnValue = {
4 | copy: (event: Event, content: string) => Promise;
5 | copied: Writable;
6 | };
7 |
8 | export const copyToClipboard = (
9 | timeout = 2000,
10 | ): CopiedToClipboardReturnValue => {
11 | const copied = writable(false);
12 |
13 | const copy = async (event: Event, content: string) => {
14 | event.preventDefault();
15 | event.stopPropagation();
16 | try {
17 | await navigator.clipboard.writeText(content);
18 | copied.set(true);
19 | setTimeout(() => {
20 | copied.set(false);
21 | }, timeout);
22 | } catch (error) {
23 | console.error(error);
24 | }
25 | };
26 |
27 | return { copy, copied };
28 | };
29 |
--------------------------------------------------------------------------------
/src/lib/utilities/dark-mode/dark-mode.svelte:
--------------------------------------------------------------------------------
1 |
4 |
5 |
6 |
7 |
--------------------------------------------------------------------------------
/src/lib/utilities/dark-mode/index.ts:
--------------------------------------------------------------------------------
1 | import DarkMode from './dark-mode.svelte';
2 |
3 | export default DarkMode;
4 | export {
5 | useDarkMode,
6 | useDarkModePreference,
7 | getNextDarkModePreference,
8 | } from './dark-mode';
9 |
10 | export type { DarkModePreference } from './dark-mode';
11 |
--------------------------------------------------------------------------------
/src/lib/utilities/encode-uri.ts:
--------------------------------------------------------------------------------
1 | export function encodeURIForSvelte(uri: string): string {
2 | if (uri) return encodeURIComponent(uri);
3 | return uri;
4 | }
5 |
6 | export function decodeURIForSvelte(uri: string): string {
7 | if (uri) return decodeURIComponent(uri);
8 | return uri;
9 | }
10 |
--------------------------------------------------------------------------------
/src/lib/utilities/event-formatting.ts:
--------------------------------------------------------------------------------
1 | import type { EventSortOrder } from '$lib/stores/event-view';
2 | import type { BooleanString } from '$lib/types/global';
3 |
4 | type DateFilterOptions = {
5 | compact: boolean;
6 | sortOrder: EventSortOrder;
7 | showElapsed: BooleanString;
8 | };
9 |
10 | export const getDateFilterValue = ({
11 | compact,
12 | sortOrder,
13 | showElapsed,
14 | }: DateFilterOptions) => {
15 | const isDefaultSortOrder = compact || sortOrder === 'descending';
16 | const isNotElapsedTime = showElapsed === 'false';
17 | const allDefaults = isDefaultSortOrder && isNotElapsedTime;
18 |
19 | if (allDefaults) {
20 | return undefined;
21 | }
22 |
23 | return `${sortOrder}:${showElapsed}`;
24 | };
25 |
--------------------------------------------------------------------------------
/src/lib/utilities/export-workflows.ts:
--------------------------------------------------------------------------------
1 | import type { WorkflowExecution } from '@temporalio/common';
2 |
3 | import { stringifyWithBigInt } from './parse-with-big-int';
4 |
5 | export const exportWorkflows = (
6 | workflows: WorkflowExecution[],
7 | page: number,
8 | ) => {
9 | const content = stringifyWithBigInt({ workflows }, null, 2);
10 | const fileName = `workflows-${workflows.length}-${page}-${Date.now()}.json`;
11 | download(content, fileName, 'text/plain');
12 |
13 | function download(content: string, fileName: string, contentType: string) {
14 | const a = document.createElement('a');
15 | const file = new Blob([content], { type: contentType });
16 | a.href = URL.createObjectURL(file);
17 | a.download = fileName;
18 | a.click();
19 | }
20 | };
21 |
--------------------------------------------------------------------------------
/src/lib/utilities/format-bytes.ts:
--------------------------------------------------------------------------------
1 | export const formatBytes = (bytes: number, decimals = 2) => {
2 | if (!+bytes) return '0 Bytes';
3 |
4 | const k = 1024;
5 | const dm = decimals < 0 ? 0 : decimals;
6 | const sizes = ['Bytes', 'KB', 'MB', 'GB', 'TB', 'PB', 'EB', 'ZB', 'YB'];
7 |
8 | const i = Math.floor(Math.log(bytes) / Math.log(k));
9 |
10 | return `${parseFloat((bytes / Math.pow(k, i)).toFixed(dm))} ${sizes[i]}`;
11 | };
12 |
--------------------------------------------------------------------------------
/src/lib/utilities/get-api-origin.ts:
--------------------------------------------------------------------------------
1 | import { BROWSER } from 'esm-env';
2 |
3 | export function getApiOrigin(isBrowser = BROWSER): string | null {
4 | const endpoint = import.meta.env.VITE_API;
5 | const isRelative = !endpoint.startsWith('http');
6 |
7 | let origin = '';
8 |
9 | if (isRelative) {
10 | origin = isBrowser ? window.location.origin + endpoint : '';
11 | } else {
12 | origin = endpoint;
13 | }
14 |
15 | if (origin.endsWith('/')) origin = origin.slice(0, -1);
16 |
17 | return origin;
18 | }
19 |
--------------------------------------------------------------------------------
/src/lib/utilities/get-clusters.ts:
--------------------------------------------------------------------------------
1 | import type { DescribeNamespaceResponse } from '$lib/types';
2 |
3 | export const getClusters = (namespace: DescribeNamespaceResponse): string => {
4 | const clusters = namespace?.replicationConfig?.clusters;
5 | const activeCluster = namespace?.replicationConfig?.activeClusterName;
6 | if (clusters?.length) {
7 | return clusters
8 | .map(({ clusterName }) => {
9 | if (clusterName === activeCluster) {
10 | return `${clusterName} (active)`;
11 | }
12 | return clusterName;
13 | })
14 | .join(', ');
15 | }
16 | return 'Unknown';
17 | };
18 |
--------------------------------------------------------------------------------
/src/lib/utilities/get-context.ts:
--------------------------------------------------------------------------------
1 | import { getContext } from 'svelte';
2 |
3 | export function getAppContext(key: 'group'): boolean;
4 | export function getAppContext(key: string): unknown {
5 | return getContext(key);
6 | }
7 |
--------------------------------------------------------------------------------
/src/lib/utilities/get-environment.ts:
--------------------------------------------------------------------------------
1 | export function getEnvironment(): string | null {
2 | return import.meta.env.VITE_TEMPORAL_UI_BUILD_TARGET ?? null;
3 | }
4 |
--------------------------------------------------------------------------------
/src/lib/utilities/get-float-style.ts:
--------------------------------------------------------------------------------
1 | export const getFloatStyle = ({
2 | width,
3 | height,
4 | screenWidth,
5 | breakpoint = 1279, // 'xl' max-width breakpoint in tailwindcss
6 | }: {
7 | width?: number;
8 | height?: number;
9 | screenWidth: number;
10 | breakpoint?: number;
11 | }): string => {
12 | return width && height && screenWidth > breakpoint
13 | ? `position: absolute; right: ${width + 20}px; top: -${height}px`
14 | : '';
15 | };
16 |
--------------------------------------------------------------------------------
/src/lib/utilities/get-group-status-and-count.ts:
--------------------------------------------------------------------------------
1 | import { workflowStatuses } from '$lib/models/workflow-status';
2 | import type { WorkflowStatus } from '$lib/types/workflows';
3 |
4 | import { decodePayload } from './decode-payload';
5 |
6 | export const getStatusAndCountOfGroup = (groups = []) => {
7 | return groups
8 | .map((group) => {
9 | const status = decodePayload(
10 | group?.groupValues[0],
11 | ) as unknown as WorkflowStatus;
12 | const count = parseInt(group.count);
13 | return {
14 | status,
15 | count,
16 | };
17 | })
18 | .sort((a, b) => {
19 | return (
20 | workflowStatuses.indexOf(a.status) - workflowStatuses.indexOf(b.status)
21 | );
22 | });
23 | };
24 |
--------------------------------------------------------------------------------
/src/lib/utilities/get-namespace.ts:
--------------------------------------------------------------------------------
1 | import type { DescribeNamespaceResponse } from '$lib/types';
2 |
3 | type GetNamespaceParameters = {
4 | namespace?: string;
5 | defaultNamespace: string;
6 | namespaces: DescribeNamespaceResponse[];
7 | };
8 |
9 | export const getNamespace = ({
10 | namespace,
11 | defaultNamespace,
12 | namespaces,
13 | }: GetNamespaceParameters): string | undefined => {
14 | if (!namespace) return defaultNamespace;
15 | if (!namespaces?.length) return defaultNamespace;
16 |
17 | if (namespaces.find((ns) => ns?.namespaceInfo?.name === namespace)) {
18 | return namespace;
19 | }
20 |
21 | return undefined;
22 | };
23 |
--------------------------------------------------------------------------------
/src/lib/utilities/get-query-types-from-error.ts:
--------------------------------------------------------------------------------
1 | export const getQueryTypesFromError = (message: string): { name: string }[] => {
2 | const indexOfOpeningBracket = message.indexOf('[');
3 | const indexOfClosingBracket = message.indexOf(']');
4 |
5 | return message
6 | .slice(indexOfOpeningBracket + 1, indexOfClosingBracket)
7 | .split(' ')
8 | .filter((query: string) => query !== '__stack_trace')
9 | .map((query: string) => {
10 | if (query.endsWith(',')) {
11 | return { name: query.slice(0, query.length - 1) };
12 | } else {
13 | return { name: query };
14 | }
15 | });
16 | };
17 |
--------------------------------------------------------------------------------
/src/lib/utilities/get-truncated-word.test.ts:
--------------------------------------------------------------------------------
1 | import { describe, expect, it } from 'vitest';
2 |
3 | import { getTruncatedWord } from './get-truncated-word';
4 |
5 | describe('getTruncatedWord', () => {
6 | it('should return same word if the width is wider than word', () => {
7 | expect(getTruncatedWord('Running', 100)).toBe('Running');
8 | });
9 | it('should return truncated word if the width is shorter than word', () => {
10 | expect(getTruncatedWord('Running', 50)).toBe('Ru...');
11 | });
12 | it('should return "..." if the width is zero', () => {
13 | expect(getTruncatedWord('Running', 0)).toBe('...');
14 | });
15 | });
16 |
--------------------------------------------------------------------------------
/src/lib/utilities/get-truncated-word.ts:
--------------------------------------------------------------------------------
1 | export const getTruncatedWord = (word: string, width: number): string => {
2 | if (word.length * 8.15 > width) {
3 | const truncLength = Math.floor(width / 8.15) - 4;
4 | if (truncLength > 0) {
5 | const trunc = word.slice(0, truncLength);
6 | return `${trunc}...`;
7 | } else {
8 | return '...';
9 | }
10 | }
11 | return word;
12 | };
13 |
--------------------------------------------------------------------------------
/src/lib/utilities/get-workflow-status-filter-code.ts:
--------------------------------------------------------------------------------
1 | import type { WorkflowStatus } from '$lib/types/workflows';
2 |
3 | type ExecutionStatusCodes = '1' | '2' | '3' | '4' | '5' | '6' | '7';
4 |
5 | export const getStatusFilterCode = (
6 | status: WorkflowStatus,
7 | ): ExecutionStatusCodes => {
8 | if (status === 'Running') return '1';
9 | if (status === 'Completed') return '2';
10 | if (status === 'Failed') return '3';
11 | if (status === 'Canceled') return '4';
12 | if (status === 'Terminated') return '5';
13 | if (status === 'ContinuedAsNew') return '6';
14 | if (status === 'TimedOut') return '7';
15 | };
16 |
--------------------------------------------------------------------------------
/src/lib/utilities/has.ts:
--------------------------------------------------------------------------------
1 | import { isObject } from './is';
2 |
3 | export const has = , V = unknown>(
4 | target: unknown,
5 | ...properties: K
6 | ): target is Record => {
7 | if (!hasAnyProperties(target)) return false;
8 | for (const property of properties) {
9 | if (!Object.prototype.hasOwnProperty.call(target, property)) return false;
10 | }
11 | return true;
12 | };
13 |
14 | export const hasAnyProperties = (
15 | obj: unknown,
16 | ): obj is ReturnType => {
17 | if (!isObject(obj)) return false;
18 | return !!Object.getOwnPropertyNames(obj).length;
19 | };
20 |
--------------------------------------------------------------------------------
/src/lib/utilities/is-authorized.ts:
--------------------------------------------------------------------------------
1 | import type { Settings, User } from '$lib/types/global';
2 |
3 | export const isAuthorized = (settings: Settings, user: User): boolean => {
4 | return !settings.auth.enabled || Boolean(user?.accessToken);
5 | };
6 |
--------------------------------------------------------------------------------
/src/lib/utilities/is-email.ts:
--------------------------------------------------------------------------------
1 | // http://emailregex.com/
2 | export const isEmail = (value: string): boolean => {
3 | return /^(([^<>()[\]\\.,;:\s@"]+(\.[^<>()[\]\\.,;:\s@"]+)*)|(".+"))@((\[[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}])|(([a-zA-Z\-0-9]+\.)+[a-zA-Z]{2,}))$/.test(
4 | value,
5 | );
6 | };
7 |
--------------------------------------------------------------------------------
/src/lib/utilities/is-function.ts:
--------------------------------------------------------------------------------
1 | export const isFunction = (fn: unknown): fn is T => {
2 | return typeof fn === 'function';
3 | };
4 |
--------------------------------------------------------------------------------
/src/lib/utilities/is-http.ts:
--------------------------------------------------------------------------------
1 | export const validateHttps = (endpoint: string): boolean => {
2 | return endpoint?.substring(0, 8) === 'https://';
3 | };
4 |
5 | export const validateHttp = (endpoint: string): boolean => {
6 | return endpoint?.substring(0, 7) === 'http://';
7 | };
8 |
9 | export const validateHttpOrHttps = (endpoint: string): boolean => {
10 | return validateHttp(endpoint) || validateHttps(endpoint);
11 | };
12 |
--------------------------------------------------------------------------------
/src/lib/utilities/is-network-error.ts:
--------------------------------------------------------------------------------
1 | import type { NetworkError } from '$lib/types/global';
2 |
3 | import { has } from './has';
4 |
5 | export function isNetworkError(
6 | error: unknown | NetworkError,
7 | ): error is NetworkError {
8 | if (!error) return false;
9 | return has(error, 'statusCode', 'statusText', 'response');
10 | }
11 |
--------------------------------------------------------------------------------
/src/lib/utilities/is-pending-activity.ts:
--------------------------------------------------------------------------------
1 | import type { PendingActivity, PendingNexusOperation } from '$lib/types/events';
2 |
3 | import { has } from './has';
4 |
5 | export const isPendingActivity = (event: unknown): event is PendingActivity => {
6 | if (event === null) return false;
7 | if (typeof event !== 'object') return false;
8 | if (Array.isArray(event)) return false;
9 | if (has(event, 'activityType')) return true;
10 | return false;
11 | };
12 |
13 | export const isPendingNexusOperation = (
14 | event: unknown,
15 | ): event is PendingNexusOperation => {
16 | if (event === null) return false;
17 | if (typeof event !== 'object') return false;
18 | if (Array.isArray(event)) return false;
19 | if (has(event, 'operation') && has(event, 'endpoint')) return true;
20 | return false;
21 | };
22 |
--------------------------------------------------------------------------------
/src/lib/utilities/merge.ts:
--------------------------------------------------------------------------------
1 | type KeyValue = { [key: string]: string | number | boolean };
2 |
3 | export const merge = (
4 | first: T = {} as T,
5 | second: T = {} as T,
6 | ): T => {
7 | const result = { ...first };
8 |
9 | for (const key of Object.keys(second)) {
10 | const value = result[key];
11 |
12 | if (Array.isArray(value)) {
13 | result[key] = result[key].concat(second[key]);
14 | } else if (typeof value === 'object' && !Array.isArray(value)) {
15 | result[key] = merge(result[key], second[key]);
16 | } else {
17 | result[key] = second[key];
18 | }
19 | }
20 |
21 | return result;
22 | };
23 |
--------------------------------------------------------------------------------
/src/lib/utilities/namespace-url-pattern.ts:
--------------------------------------------------------------------------------
1 | import UrlPattern from 'url-pattern';
2 |
3 | // The default for this lib doesn't include .-_ which are all valid characters for a cloud namespace
4 | const urlPatternOpts = { segmentValueCharset: '.a-zA-Z0-9_-' };
5 |
6 | export const namespaceUrlPattern = new UrlPattern(
7 | '/namespaces/:namespace/*',
8 | urlPatternOpts,
9 | );
10 |
11 | export const workflowRoutePattern = new UrlPattern(
12 | '/namespaces/:namespace/workflows*',
13 | urlPatternOpts,
14 | );
15 |
--------------------------------------------------------------------------------
/src/lib/utilities/nexus-enabled.ts:
--------------------------------------------------------------------------------
1 | import type { Capabilities } from '$lib/types';
2 |
3 | export const nexusEnabled = (capabilities: Capabilities): boolean => {
4 | return capabilities?.nexus;
5 | };
6 |
--------------------------------------------------------------------------------
/src/lib/utilities/omit.test.ts:
--------------------------------------------------------------------------------
1 | import { describe, expect, it } from 'vitest';
2 |
3 | import { omit } from './omit';
4 |
5 | describe('omit', () => {
6 | it('should remove a key from an object', () => {
7 | const obj = { a: 1, b: 2 };
8 | const result = omit(obj, 'b');
9 |
10 | expect(result).toEqual({ a: 1 });
11 | });
12 |
13 | it('should not modify an object if given an invalid key', () => {
14 | const obj = { a: 1, b: 2 };
15 | const result = omit(obj, 'c');
16 |
17 | expect(result).toEqual({ a: 1, b: 2 });
18 | });
19 | });
20 |
--------------------------------------------------------------------------------
/src/lib/utilities/omit.ts:
--------------------------------------------------------------------------------
1 | type Omit = {
2 | // eslint-disable-next-line @typescript-eslint/ban-types
3 | (
4 | obj: Source,
5 | ...keys: KeysToOmit
6 | ): {
7 | [RemainingKey in Exclude<
8 | keyof Source,
9 | KeysToOmit[number]
10 | >]: Source[RemainingKey];
11 | };
12 | };
13 |
14 | export const omit: Omit = (object, ...keys) => {
15 | const result = {} as {
16 | [K in keyof typeof object]: (typeof object)[K];
17 | };
18 |
19 | for (const key of Object.keys(object)) {
20 | if (!keys.includes(key)) {
21 | result[key] = object[key];
22 | }
23 | }
24 |
25 | return result;
26 | };
27 |
--------------------------------------------------------------------------------
/src/lib/utilities/parse-with-big-int.ts:
--------------------------------------------------------------------------------
1 | import JSONbig from 'json-bigint';
2 |
3 | const JSONBigNative = JSONbig({
4 | useNativeBigInt: true,
5 | constructorAction: 'preserve',
6 | });
7 |
8 | export const parseWithBigInt = (content: string) => {
9 | try {
10 | return JSONBigNative.parse(content);
11 | } catch (e) {
12 | return JSON.parse(content);
13 | }
14 | };
15 |
16 | export const stringifyWithBigInt = (
17 | value: T,
18 | replacer?: (key: string, value: T) => T,
19 | space?: string | number,
20 | ) => JSONBigNative.stringify(value, replacer, space);
21 |
--------------------------------------------------------------------------------
/src/lib/utilities/payload-to-string.test.ts:
--------------------------------------------------------------------------------
1 | import { describe, expect, it } from 'vitest';
2 |
3 | import { payloadToString } from './payload-to-string';
4 |
5 | describe('payloadToString', () => {
6 | it('should combine payloads into a string if it is an array of payloads', () => {
7 | expect(payloadToString(['a'])).toBe('a');
8 | expect(payloadToString(['a', 'b', 'c'])).toBe('a, b, c');
9 | });
10 |
11 | it('should return the payload if the payload is not an array of payloads', () => {
12 | expect(payloadToString('a')).toBe('a');
13 | expect(payloadToString(['a, b, c'])).toBe('a, b, c');
14 | });
15 | });
16 |
--------------------------------------------------------------------------------
/src/lib/utilities/payload-to-string.ts:
--------------------------------------------------------------------------------
1 | import type { Payload } from '$lib/types';
2 |
3 | export const payloadToString = (value: Payload) => {
4 | if (Array.isArray(value)) return value.join(', ');
5 |
6 | return value;
7 | };
8 |
--------------------------------------------------------------------------------
/src/lib/utilities/pick.test.ts:
--------------------------------------------------------------------------------
1 | import { describe, expect, it } from 'vitest';
2 |
3 | import { pick } from './pick';
4 |
5 | describe('pick', () => {
6 | it('should only keep the keys specified', () => {
7 | const source = { a: 1, b: 2, c: 3 };
8 | expect(pick(source, 'a', 'c')).toEqual({ a: 1, c: 3 });
9 | });
10 | });
11 |
--------------------------------------------------------------------------------
/src/lib/utilities/pick.ts:
--------------------------------------------------------------------------------
1 | export const pick = (
2 | source: T,
3 | ...keys: K[]
4 | ): Pick => {
5 | const result: Partial> = {};
6 | for (const key of keys) {
7 | result[key] = source[key];
8 | }
9 | return result as Pick;
10 | };
11 |
--------------------------------------------------------------------------------
/src/lib/utilities/pluralize.ts:
--------------------------------------------------------------------------------
1 | export const pluralize = (word: string, count: number): string => {
2 | if (count === 1) {
3 | return word;
4 | }
5 | return `${word}s`;
6 | };
7 |
--------------------------------------------------------------------------------
/src/lib/utilities/query/is-search-attribute.ts:
--------------------------------------------------------------------------------
1 | import { get } from 'svelte/store';
2 |
3 | import { searchAttributes } from '$lib/stores/search-attributes';
4 |
5 | import { isString } from '../is';
6 |
7 | export const isSearchAttribute = (
8 | attribute: string,
9 | attributes = searchAttributes,
10 | ): attribute is string => {
11 | if (!isString(attribute)) return false;
12 | return !!get(attributes)[attribute];
13 | };
14 |
--------------------------------------------------------------------------------
/src/lib/utilities/refresh-rate.ts:
--------------------------------------------------------------------------------
1 | export const getExponentialBackoffSeconds = (
2 | initialIntervalSeconds: number,
3 | attempt: number,
4 | maxAttempts: number,
5 | ): number => {
6 | const maxIntervalSeconds = 3600;
7 | const growthFactor = Math.pow(
8 | maxIntervalSeconds / initialIntervalSeconds,
9 | 1 / maxAttempts,
10 | );
11 | const exponentialBackoff =
12 | initialIntervalSeconds * Math.pow(growthFactor, attempt);
13 | const intervalSeconds = Math.min(
14 | maxIntervalSeconds,
15 | Math.round(exponentialBackoff),
16 | );
17 | return intervalSeconds;
18 | };
19 |
--------------------------------------------------------------------------------
/src/lib/utilities/search-type-parameter.ts:
--------------------------------------------------------------------------------
1 | import { isString } from './is';
2 |
3 | type SearchType = 'basic' | 'advanced';
4 |
5 | export const isValidSearchType = (
6 | parameter: unknown,
7 | ): parameter is SearchType => {
8 | if (!isString(parameter)) return false;
9 | if (parameter === 'basic') return true;
10 | if (parameter === 'advanced') return true;
11 | return false;
12 | };
13 |
14 | export const getSearchType = (url: URL): SearchType => {
15 | const searchType = url.searchParams.get('search');
16 |
17 | if (isValidSearchType(searchType)) return searchType;
18 |
19 | url.searchParams.set('search', 'basic');
20 |
21 | return 'basic';
22 | };
23 |
--------------------------------------------------------------------------------
/src/lib/utilities/stack-trace/get-file-paths-from-stack-trace.ts:
--------------------------------------------------------------------------------
1 | import { getFilePathsFromGoStackTrace } from './get-file-paths-from-go-stack-trace';
2 | import { getFilePathsFromTypeScriptStackTrace } from './get-file-paths-from-typescript-stack-trace';
3 | import { isFromGoSDK } from './is-from-go-sdk';
4 | import { isFromTypeScriptSDK } from './is-from-typescript-sdk';
5 |
6 | export const getFilePathsFromStackTrace = (
7 | stackTraceText: string,
8 | ): { filePath: string; codeLine: number; character: number }[] => {
9 | if (isFromTypeScriptSDK(stackTraceText)) {
10 | return getFilePathsFromTypeScriptStackTrace(stackTraceText);
11 | } else if (isFromGoSDK(stackTraceText)) {
12 | return getFilePathsFromGoStackTrace(stackTraceText);
13 | } else return undefined;
14 | };
15 |
--------------------------------------------------------------------------------
/src/lib/utilities/stack-trace/get-sdk-origin.ts:
--------------------------------------------------------------------------------
1 | // The function takes a decoded StackTraceQuery response as a string
2 | // and returns the name of the SDK the response came from
3 |
4 | import { isFromGoSDK } from './is-from-go-sdk';
5 | import { isFromJavaSDK } from './is-from-java-sdk';
6 | import { isFromTypeScriptSDK } from './is-from-typescript-sdk';
7 |
8 | export const getSDKOrigin = (stackTraceText: string): string => {
9 | if (isFromTypeScriptSDK(stackTraceText)) return 'typescript';
10 | else if (isFromGoSDK(stackTraceText)) return 'go';
11 | else if (isFromJavaSDK(stackTraceText)) return 'java';
12 | else return null;
13 | };
14 |
--------------------------------------------------------------------------------
/src/lib/utilities/stack-trace/is-from-go-sdk.ts:
--------------------------------------------------------------------------------
1 | // The function takes a decoded StackTraceQuery response as a string
2 | // It returns true if the response came from the GoSDK and false otherwise
3 |
4 | export const isFromGoSDK = (stackTraceText: string): boolean => {
5 | return /\w.go:\d/.test(stackTraceText); //contains '.go:' followed by a digit
6 | };
7 |
--------------------------------------------------------------------------------
/src/lib/utilities/stack-trace/is-from-java-sdk.ts:
--------------------------------------------------------------------------------
1 | // The function takes a decoded StackTraceQuery response as a string
2 | // It returns true if the response came from the JavaSDK and false otherwise
3 |
4 | export const isFromJavaSDK = (stackTraceText: string): boolean => {
5 | return /\w.java:\d/.test(stackTraceText); //contains '.java:' followed by a digit
6 | };
7 |
--------------------------------------------------------------------------------
/src/lib/utilities/stack-trace/is-from-typescript-sdk.ts:
--------------------------------------------------------------------------------
1 | // The function takes a decoded StackTraceQuery response as a string
2 | // It returns true if the response came from the TypeScriptSDK and false otherwise
3 |
4 | export const isFromTypeScriptSDK = (stackTraceText: string): boolean => {
5 | return /\w.ts:\d/.test(stackTraceText); //contains '.ts:' followed by a digit
6 | };
7 |
--------------------------------------------------------------------------------
/src/lib/utilities/to-time-difference.ts:
--------------------------------------------------------------------------------
1 | import type { Timestamp } from '$lib/types';
2 |
3 | export const toTimeDifference = ({
4 | date,
5 | now = Date.now(),
6 | negativeDefault,
7 | }: {
8 | date: Timestamp;
9 | now?: number;
10 | negativeDefault?: string;
11 | }): string => {
12 | if (!date) return '';
13 | const start = String(date);
14 |
15 | try {
16 | const scheduled = Number(new Date(start));
17 | const timeFromNow = (scheduled - now) / 1000;
18 |
19 | if (negativeDefault && timeFromNow < 0) {
20 | return negativeDefault;
21 | }
22 |
23 | return !isNaN(timeFromNow) ? `${timeFromNow.toFixed(0)}s` : '';
24 | } catch (error) {
25 | return '';
26 | }
27 | };
28 |
--------------------------------------------------------------------------------
/src/lib/utilities/to-url.ts:
--------------------------------------------------------------------------------
1 | export const toURL = (
2 | url: string,
3 | params?: URLSearchParams | Record,
4 | hash?: string,
5 | ): string => {
6 | const isURLSearchParams = params instanceof URLSearchParams;
7 | if (params && !isURLSearchParams) params = new URLSearchParams(params);
8 | if (params) url = `${url}?${params}`;
9 | if (hash) url = `${url}#${hash}`;
10 | return url;
11 | };
12 |
--------------------------------------------------------------------------------
/src/lib/utilities/trim-trailing-slash.test.ts:
--------------------------------------------------------------------------------
1 | import { describe, expect, it } from 'vitest';
2 |
3 | import { trimTrailingSlash } from './trim-trailing-slash';
4 |
5 | describe('trimTrailingSlash', () => {
6 | it('should remove trailing slash from a string', () => {
7 | expect(trimTrailingSlash('http://cats.meow/')).toEqual('http://cats.meow');
8 | });
9 | it('should return original string if no trailing slash', () => {
10 | expect(trimTrailingSlash('http://cats.meow')).toEqual('http://cats.meow');
11 | });
12 | });
13 |
--------------------------------------------------------------------------------
/src/lib/utilities/trim-trailing-slash.ts:
--------------------------------------------------------------------------------
1 | export const trimTrailingSlash = (x: string): string => {
2 | return x.replace(/\/+$/, '');
3 | };
4 |
--------------------------------------------------------------------------------
/src/lib/utilities/unique.test.ts:
--------------------------------------------------------------------------------
1 | import { describe, expect, it } from 'vitest';
2 |
3 | import { unique } from './unique';
4 |
5 | describe('unique', () => {
6 | it('should remove duplicate values from an array', () => {
7 | expect([1, 2, 2, 3].filter(unique)).toEqual([1, 2, 3]);
8 | });
9 | });
10 |
--------------------------------------------------------------------------------
/src/lib/utilities/unique.ts:
--------------------------------------------------------------------------------
1 | export const unique = (value: T, index: number, self: T[]): boolean =>
2 | self.indexOf(value) === index;
3 |
--------------------------------------------------------------------------------
/src/lib/utilities/workflow-cancel-enabled.ts:
--------------------------------------------------------------------------------
1 | import type { CoreUser } from '$lib/models/core-user';
2 | import type { Settings } from '$lib/types/global';
3 |
4 | export const workflowCancelEnabled = (
5 | settings: Settings,
6 | coreUser: CoreUser,
7 | namespace: string,
8 | ): boolean => {
9 | return (
10 | !settings.disableWriteActions &&
11 | !settings.workflowCancelDisabled &&
12 | !coreUser.namespaceWriteDisabled(namespace)
13 | );
14 | };
15 |
--------------------------------------------------------------------------------
/src/lib/utilities/workflow-create-disabled.ts:
--------------------------------------------------------------------------------
1 | import { get } from 'svelte/store';
2 |
3 | import type { Page } from '@sveltejs/kit';
4 |
5 | import { coreUserStore } from '$lib/stores/core-user';
6 |
7 | export const workflowCreateDisabled = (
8 | page: Page,
9 | namespace?: string,
10 | ): boolean => {
11 | const coreUser = coreUserStore();
12 | const namespaceWriteDisabled = get(coreUser).namespaceWriteDisabled(
13 | namespace ?? page.params.namespace,
14 | );
15 | if (page?.data?.settings?.disableWriteActions) return true;
16 | if (page?.data?.settings?.startWorkflowDisabled) return true;
17 |
18 | return namespaceWriteDisabled;
19 | };
20 |
--------------------------------------------------------------------------------
/src/lib/utilities/workflow-reset-enabled.ts:
--------------------------------------------------------------------------------
1 | import type { CoreUser } from '$lib/models/core-user';
2 | import type { Settings } from '$lib/types/global';
3 |
4 | export const workflowResetEnabled = (
5 | settings: Settings,
6 | coreUser: CoreUser,
7 | namespace: string,
8 | ): boolean => {
9 | return (
10 | !settings.disableWriteActions &&
11 | !settings.workflowResetDisabled &&
12 | !coreUser.namespaceWriteDisabled(namespace)
13 | );
14 | };
15 |
--------------------------------------------------------------------------------
/src/lib/utilities/workflow-signal-enabled.ts:
--------------------------------------------------------------------------------
1 | import type { CoreUser } from '$lib/models/core-user';
2 | import type { Settings } from '$lib/types/global';
3 |
4 | export const workflowSignalEnabled = (
5 | settings: Settings,
6 | coreUser: CoreUser,
7 | namespace: string,
8 | ): boolean => {
9 | return (
10 | !settings.disableWriteActions &&
11 | !settings.workflowSignalDisabled &&
12 | !coreUser.namespaceWriteDisabled(namespace)
13 | );
14 | };
15 |
--------------------------------------------------------------------------------
/src/lib/utilities/workflow-terminate-enabled.ts:
--------------------------------------------------------------------------------
1 | import type { CoreUser } from '$lib/models/core-user';
2 | import type { Settings } from '$lib/types/global';
3 |
4 | export const workflowTerminateEnabled = (
5 | settings: Settings,
6 | coreUser: CoreUser,
7 | namespace: string,
8 | ): boolean => {
9 | return (
10 | !settings.disableWriteActions &&
11 | !settings.workflowTerminateDisabled &&
12 | !coreUser.namespaceWriteDisabled(namespace)
13 | );
14 | };
15 |
--------------------------------------------------------------------------------
/src/lib/utilities/workflow-update-enabled.ts:
--------------------------------------------------------------------------------
1 | import type { CoreUser } from '$lib/models/core-user';
2 | import type { Settings } from '$lib/types/global';
3 |
4 | export const workflowUpdateEnabled = (
5 | settings: Settings,
6 | coreUser: CoreUser,
7 | namespace: string,
8 | ): boolean => {
9 | return (
10 | !settings.disableWriteActions &&
11 | !settings.workflowUpdateDisabled &&
12 | !coreUser.namespaceWriteDisabled(namespace)
13 | );
14 | };
15 |
--------------------------------------------------------------------------------
/src/lib/utilities/write-actions-are-allowed.ts:
--------------------------------------------------------------------------------
1 | import { get } from 'svelte/store';
2 |
3 | import { settings } from '$lib/stores/settings';
4 |
5 | export const writeActionsAreAllowed = (store = settings): boolean => {
6 | const isDisabled = get(store).disableWriteActions;
7 | return !isDisabled;
8 | };
9 |
--------------------------------------------------------------------------------
/src/lib/vendor/Temporal_Logo_Animation.gif:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/temporalio/ui/48ac8fe4f222c5af9b8663047cae46adfccd379e/src/lib/vendor/Temporal_Logo_Animation.gif
--------------------------------------------------------------------------------
/src/lib/vendor/Temporal_Logo_Animation.mp4:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/temporalio/ui/48ac8fe4f222c5af9b8663047cae46adfccd379e/src/lib/vendor/Temporal_Logo_Animation.mp4
--------------------------------------------------------------------------------
/src/lib/vendor/Temporal_Logo_Animation.webm:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/temporalio/ui/48ac8fe4f222c5af9b8663047cae46adfccd379e/src/lib/vendor/Temporal_Logo_Animation.webm
--------------------------------------------------------------------------------
/src/lib/vendor/android-chrome-192x192.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/temporalio/ui/48ac8fe4f222c5af9b8663047cae46adfccd379e/src/lib/vendor/android-chrome-192x192.png
--------------------------------------------------------------------------------
/src/lib/vendor/android-chrome-512x512.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/temporalio/ui/48ac8fe4f222c5af9b8663047cae46adfccd379e/src/lib/vendor/android-chrome-512x512.png
--------------------------------------------------------------------------------
/src/lib/vendor/andromeda.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/temporalio/ui/48ac8fe4f222c5af9b8663047cae46adfccd379e/src/lib/vendor/andromeda.png
--------------------------------------------------------------------------------
/src/lib/vendor/apple-touch-icon.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/temporalio/ui/48ac8fe4f222c5af9b8663047cae46adfccd379e/src/lib/vendor/apple-touch-icon.png
--------------------------------------------------------------------------------
/src/lib/vendor/banner.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/temporalio/ui/48ac8fe4f222c5af9b8663047cae46adfccd379e/src/lib/vendor/banner.png
--------------------------------------------------------------------------------
/src/lib/vendor/empty-state-dark_2x.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/temporalio/ui/48ac8fe4f222c5af9b8663047cae46adfccd379e/src/lib/vendor/empty-state-dark_2x.png
--------------------------------------------------------------------------------
/src/lib/vendor/empty-state-dark_4x.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/temporalio/ui/48ac8fe4f222c5af9b8663047cae46adfccd379e/src/lib/vendor/empty-state-dark_4x.png
--------------------------------------------------------------------------------
/src/lib/vendor/empty-state-light_2x.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/temporalio/ui/48ac8fe4f222c5af9b8663047cae46adfccd379e/src/lib/vendor/empty-state-light_2x.png
--------------------------------------------------------------------------------
/src/lib/vendor/empty-state-light_4x.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/temporalio/ui/48ac8fe4f222c5af9b8663047cae46adfccd379e/src/lib/vendor/empty-state-light_4x.png
--------------------------------------------------------------------------------
/src/lib/vendor/favicon-16x16.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/temporalio/ui/48ac8fe4f222c5af9b8663047cae46adfccd379e/src/lib/vendor/favicon-16x16.png
--------------------------------------------------------------------------------
/src/lib/vendor/favicon-32x32.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/temporalio/ui/48ac8fe4f222c5af9b8663047cae46adfccd379e/src/lib/vendor/favicon-32x32.png
--------------------------------------------------------------------------------
/src/lib/vendor/favicon.ico:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/temporalio/ui/48ac8fe4f222c5af9b8663047cae46adfccd379e/src/lib/vendor/favicon.ico
--------------------------------------------------------------------------------
/src/lib/vendor/sdk-logos/dot-net-logo.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/temporalio/ui/48ac8fe4f222c5af9b8663047cae46adfccd379e/src/lib/vendor/sdk-logos/dot-net-logo.png
--------------------------------------------------------------------------------
/src/lib/vendor/sdk-logos/go-logo.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/temporalio/ui/48ac8fe4f222c5af9b8663047cae46adfccd379e/src/lib/vendor/sdk-logos/go-logo.png
--------------------------------------------------------------------------------
/src/lib/vendor/sdk-logos/java-logo.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/temporalio/ui/48ac8fe4f222c5af9b8663047cae46adfccd379e/src/lib/vendor/sdk-logos/java-logo.png
--------------------------------------------------------------------------------
/src/lib/vendor/sdk-logos/php-logo.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/temporalio/ui/48ac8fe4f222c5af9b8663047cae46adfccd379e/src/lib/vendor/sdk-logos/php-logo.png
--------------------------------------------------------------------------------
/src/lib/vendor/sdk-logos/python-logo.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/temporalio/ui/48ac8fe4f222c5af9b8663047cae46adfccd379e/src/lib/vendor/sdk-logos/python-logo.png
--------------------------------------------------------------------------------
/src/lib/vendor/sdk-logos/ruby-logo.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/temporalio/ui/48ac8fe4f222c5af9b8663047cae46adfccd379e/src/lib/vendor/sdk-logos/ruby-logo.png
--------------------------------------------------------------------------------
/src/lib/vendor/sdk-logos/rust-logo.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/temporalio/ui/48ac8fe4f222c5af9b8663047cae46adfccd379e/src/lib/vendor/sdk-logos/rust-logo.png
--------------------------------------------------------------------------------
/src/lib/vendor/sdk-logos/ts-logo.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/temporalio/ui/48ac8fe4f222c5af9b8663047cae46adfccd379e/src/lib/vendor/sdk-logos/ts-logo.png
--------------------------------------------------------------------------------
/src/lib/vendor/site.webmanifest:
--------------------------------------------------------------------------------
1 | {
2 | "name": "Temporal Web UI",
3 | "short_name": "Temporal",
4 | "icons": [
5 | {
6 | "src": "./android-chrome-192x192.png",
7 | "sizes": "192x192",
8 | "type": "image/png"
9 | },
10 | {
11 | "src": "./android-chrome-512x512.png",
12 | "sizes": "512x512",
13 | "type": "image/png"
14 | }
15 | ],
16 | "theme_color": "#ffffff",
17 | "background_color": "#ffffff",
18 | "display": "standalone"
19 | }
20 |
--------------------------------------------------------------------------------
/src/routes/(app)/+page.ts:
--------------------------------------------------------------------------------
1 | import { redirect } from '@sveltejs/kit';
2 |
3 | import type { PageLoad } from './$types';
4 |
5 | import { routeForWorkflows } from '$lib/utilities/route-for';
6 |
7 | export const load: PageLoad = async ({ parent }) => {
8 | const data = await parent();
9 |
10 | const defaultNamespace = data?.settings?.defaultNamespace;
11 | const isCloud = data.settings.runtimeEnvironment?.isCloud;
12 |
13 | if (isCloud) {
14 | redirect(
15 | 302,
16 | routeForWorkflows({
17 | namespace: defaultNamespace,
18 | }),
19 | );
20 | }
21 |
22 | return { defaultNamespace };
23 | };
24 |
--------------------------------------------------------------------------------
/src/routes/(app)/import/+layout.svelte:
--------------------------------------------------------------------------------
1 |
6 |
7 |
8 |
9 |
--------------------------------------------------------------------------------
/src/routes/(app)/import/+page.ts:
--------------------------------------------------------------------------------
1 | import { redirect } from '@sveltejs/kit';
2 |
3 | import type { PageLoad } from './$types';
4 |
5 | import { routeForEventHistoryImport } from '$lib/utilities/route-for';
6 |
7 | export const load: PageLoad = async () => {
8 | const redirectPath = routeForEventHistoryImport();
9 |
10 | redirect(302, redirectPath);
11 | };
12 |
--------------------------------------------------------------------------------
/src/routes/(app)/import/events/+page.svelte:
--------------------------------------------------------------------------------
1 |
4 |
5 |
6 |
--------------------------------------------------------------------------------
/src/routes/(app)/import/events/[namespace]/[workflow]/[run]/history/+layout.svelte:
--------------------------------------------------------------------------------
1 |
4 |
5 |
6 |
7 |
8 |
--------------------------------------------------------------------------------
/src/routes/(app)/import/events/[namespace]/[workflow]/[run]/history/+page.ts:
--------------------------------------------------------------------------------
1 | import { redirect } from '@sveltejs/kit';
2 |
3 | import type { PageLoad } from './$types';
4 |
5 | import { routeForEventHistoryImport } from '$lib/utilities/route-for';
6 |
7 | export const load: PageLoad = async function () {
8 | const redirectPath = routeForEventHistoryImport('feed');
9 | redirect(302, redirectPath);
10 | };
11 |
--------------------------------------------------------------------------------
/src/routes/(app)/import/events/[namespace]/[workflow]/[run]/history/json/+page.svelte:
--------------------------------------------------------------------------------
1 |
5 |
6 |
7 |
--------------------------------------------------------------------------------
/src/routes/(app)/namespaces/[namespace]/+layout.ts:
--------------------------------------------------------------------------------
1 | import type { LayoutData, LayoutLoad } from './$types';
2 |
3 | import { fetchSearchAttributesForNamespace } from '$lib/services/search-attributes-service';
4 | import { allSearchAttributes } from '$lib/stores/search-attributes';
5 |
6 | export const load: LayoutLoad = async ({
7 | params,
8 | parent,
9 | fetch,
10 | }): Promise => {
11 | await parent();
12 | const attributes = await fetchSearchAttributesForNamespace(
13 | params.namespace,
14 | fetch,
15 | );
16 |
17 | allSearchAttributes.set(attributes);
18 | };
19 |
--------------------------------------------------------------------------------
/src/routes/(app)/namespaces/[namespace]/+page.ts:
--------------------------------------------------------------------------------
1 | import type { PageLoad } from './$types';
2 |
3 | import { fetchNamespace } from '$lib/services/namespaces-service';
4 | import { getClusters } from '$lib/utilities/get-clusters';
5 |
6 | export const load: PageLoad = async function ({ params, parent, url }) {
7 | const { searchParams } = url;
8 |
9 | if (searchParams.has('time-range')) searchParams.delete('time-range');
10 |
11 | await parent();
12 | const namespace = await fetchNamespace(params.namespace);
13 | const clusters = getClusters(namespace);
14 |
15 | return {
16 | namespace,
17 | clusters,
18 | };
19 | };
20 |
--------------------------------------------------------------------------------
/src/routes/(app)/namespaces/[namespace]/batch-operations/+page.svelte:
--------------------------------------------------------------------------------
1 |
10 |
11 |
12 |
13 |
--------------------------------------------------------------------------------
/src/routes/(app)/namespaces/[namespace]/batch-operations/[jobId]/+page.svelte:
--------------------------------------------------------------------------------
1 |
11 |
12 |
13 |
14 |
--------------------------------------------------------------------------------
/src/routes/(app)/namespaces/[namespace]/schedules/+page.svelte:
--------------------------------------------------------------------------------
1 |
7 |
8 |
12 |
13 |
--------------------------------------------------------------------------------
/src/routes/(app)/namespaces/[namespace]/schedules/[schedule]/+page.svelte:
--------------------------------------------------------------------------------
1 |
9 |
10 |
11 |
12 |
--------------------------------------------------------------------------------
/src/routes/(app)/namespaces/[namespace]/schedules/[schedule]/edit/+page.svelte:
--------------------------------------------------------------------------------
1 |
7 |
8 |
12 |
13 |
--------------------------------------------------------------------------------
/src/routes/(app)/namespaces/[namespace]/schedules/create/+page.svelte:
--------------------------------------------------------------------------------
1 |
9 |
10 |
11 |
12 |
--------------------------------------------------------------------------------
/src/routes/(app)/namespaces/[namespace]/task-queues/+layout.svelte:
--------------------------------------------------------------------------------
1 |
4 |
5 |
6 | {translate('common.task-queue')}
7 |
8 |
9 |
--------------------------------------------------------------------------------
/src/routes/(app)/namespaces/[namespace]/task-queues/+page.svelte:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/temporalio/ui/48ac8fe4f222c5af9b8663047cae46adfccd379e/src/routes/(app)/namespaces/[namespace]/task-queues/+page.svelte
--------------------------------------------------------------------------------
/src/routes/(app)/namespaces/[namespace]/task-queues/[queue]/+page.svelte:
--------------------------------------------------------------------------------
1 |
9 |
10 |
11 |
12 |
--------------------------------------------------------------------------------
/src/routes/(app)/namespaces/[namespace]/worker-deployments/+page.svelte:
--------------------------------------------------------------------------------
1 |
7 |
8 |
9 |
10 |
--------------------------------------------------------------------------------
/src/routes/(app)/namespaces/[namespace]/worker-deployments/[deployment]/+layout.svelte:
--------------------------------------------------------------------------------
1 |
4 |
5 |
11 |
12 |
13 |
--------------------------------------------------------------------------------
/src/routes/(app)/namespaces/[namespace]/worker-deployments/[deployment]/+page.svelte:
--------------------------------------------------------------------------------
1 |
9 |
10 |
11 |
12 |
--------------------------------------------------------------------------------
/src/routes/(app)/namespaces/[namespace]/workflows/+page.svelte:
--------------------------------------------------------------------------------
1 |
7 |
8 |
12 |
13 |
14 |
--------------------------------------------------------------------------------
/src/routes/(app)/namespaces/[namespace]/workflows/+page.ts:
--------------------------------------------------------------------------------
1 | export const ssr = false;
2 |
--------------------------------------------------------------------------------
/src/routes/(app)/namespaces/[namespace]/workflows/[workflow]/+page.ts:
--------------------------------------------------------------------------------
1 | import { error, redirect } from '@sveltejs/kit';
2 |
3 | import type { PageLoad } from './$types';
4 |
5 | import { fetchWorkflowForRunId } from '$lib/services/workflow-service';
6 |
7 | export const load: PageLoad = async function ({ url, params }) {
8 | const { namespace, workflow: workflowId } = params;
9 | const { runId } = await fetchWorkflowForRunId({ namespace, workflowId });
10 |
11 | if (runId) {
12 | redirect(302, `${url.pathname}/${runId}`);
13 | } else {
14 | error(404);
15 | }
16 | };
17 |
--------------------------------------------------------------------------------
/src/routes/(app)/namespaces/[namespace]/workflows/[workflow]/[run]/+layout.svelte:
--------------------------------------------------------------------------------
1 |
11 |
12 |
13 |
14 |
15 |
--------------------------------------------------------------------------------
/src/routes/(app)/namespaces/[namespace]/workflows/[workflow]/[run]/+page.svelte:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/temporalio/ui/48ac8fe4f222c5af9b8663047cae46adfccd379e/src/routes/(app)/namespaces/[namespace]/workflows/[workflow]/[run]/+page.svelte
--------------------------------------------------------------------------------
/src/routes/(app)/namespaces/[namespace]/workflows/[workflow]/[run]/+page.ts:
--------------------------------------------------------------------------------
1 | import { redirect } from '@sveltejs/kit';
2 |
3 | import type { PageLoad } from './$types';
4 |
5 | export const load: PageLoad = async function ({ url }) {
6 | redirect(302, `${url.pathname}/history`);
7 | };
8 |
--------------------------------------------------------------------------------
/src/routes/(app)/namespaces/[namespace]/workflows/[workflow]/[run]/call-stack/+page.svelte:
--------------------------------------------------------------------------------
1 |
11 |
12 |
16 |
17 |
18 |
19 |
--------------------------------------------------------------------------------
/src/routes/(app)/namespaces/[namespace]/workflows/[workflow]/[run]/history.json/+page.ts:
--------------------------------------------------------------------------------
1 | import { redirect } from '@sveltejs/kit';
2 |
3 | import type { PageLoad } from './$types';
4 |
5 | import { getEndpointForRawHistory } from '$lib/services/events-service';
6 |
7 | export const load: PageLoad = async function ({ parent, params }) {
8 | await parent();
9 |
10 | const { namespace, workflow, run } = params;
11 | const route = getEndpointForRawHistory({
12 | namespace,
13 | workflowId: workflow,
14 | runId: run,
15 | });
16 | redirect(302, route);
17 | };
18 |
--------------------------------------------------------------------------------
/src/routes/(app)/namespaces/[namespace]/workflows/[workflow]/[run]/history/+page.svelte:
--------------------------------------------------------------------------------
1 |
9 |
10 |
14 |
15 |
--------------------------------------------------------------------------------
/src/routes/(app)/namespaces/[namespace]/workflows/[workflow]/[run]/history/compact/+page.ts:
--------------------------------------------------------------------------------
1 | import { redirect } from '@sveltejs/kit';
2 |
3 | import type { PageLoad } from './$types';
4 |
5 | import { routeForEventHistory } from '$lib/utilities/route-for';
6 |
7 | export const load: PageLoad = async function ({ params }) {
8 | const { namespace, workflow, run } = params;
9 | const route = routeForEventHistory({
10 | namespace,
11 | workflow,
12 | run,
13 | });
14 | redirect(302, route);
15 | };
16 |
--------------------------------------------------------------------------------
/src/routes/(app)/namespaces/[namespace]/workflows/[workflow]/[run]/history/events/[id]/+page.svelte:
--------------------------------------------------------------------------------
1 |
11 |
12 |
18 |
19 |
--------------------------------------------------------------------------------
/src/routes/(app)/namespaces/[namespace]/workflows/[workflow]/[run]/history/feed/+page.ts:
--------------------------------------------------------------------------------
1 | import { redirect } from '@sveltejs/kit';
2 |
3 | import type { PageLoad } from './$types';
4 |
5 | import { routeForEventHistory } from '$lib/utilities/route-for';
6 |
7 | export const load: PageLoad = async function ({ params }) {
8 | const { namespace, workflow, run } = params;
9 | const route = routeForEventHistory({
10 | namespace,
11 | workflow,
12 | run,
13 | });
14 | redirect(302, route);
15 | };
16 |
--------------------------------------------------------------------------------
/src/routes/(app)/namespaces/[namespace]/workflows/[workflow]/[run]/history/json/+page.ts:
--------------------------------------------------------------------------------
1 | import { redirect } from '@sveltejs/kit';
2 |
3 | import type { PageLoad } from './$types';
4 |
5 | import { routeForEventHistory } from '$lib/utilities/route-for';
6 |
7 | export const load: PageLoad = async function ({ params }) {
8 | const { namespace, workflow, run } = params;
9 | const route = routeForEventHistory({
10 | namespace,
11 | workflow,
12 | run,
13 | });
14 | redirect(302, route);
15 | };
16 |
--------------------------------------------------------------------------------
/src/routes/(app)/namespaces/[namespace]/workflows/[workflow]/[run]/metadata/+page.svelte:
--------------------------------------------------------------------------------
1 |
11 |
12 |
16 |
17 |
18 |
19 |
--------------------------------------------------------------------------------
/src/routes/(app)/namespaces/[namespace]/workflows/[workflow]/[run]/pending-activities/+page.svelte:
--------------------------------------------------------------------------------
1 |
11 |
12 |
16 |
17 |
18 |
19 |
--------------------------------------------------------------------------------
/src/routes/(app)/namespaces/[namespace]/workflows/[workflow]/[run]/query/+page.svelte:
--------------------------------------------------------------------------------
1 |
11 |
12 |
16 |
17 |
18 |
19 |
--------------------------------------------------------------------------------
/src/routes/(app)/namespaces/[namespace]/workflows/[workflow]/[run]/relationships/+page.svelte:
--------------------------------------------------------------------------------
1 |
10 |
11 |
15 |
16 |
--------------------------------------------------------------------------------
/src/routes/(app)/namespaces/[namespace]/workflows/[workflow]/[run]/stack-trace/+page.ts:
--------------------------------------------------------------------------------
1 | import { redirect } from '@sveltejs/kit';
2 |
3 | import type { PageLoad } from './$types';
4 |
5 | import { routeForCallStack } from '$lib/utilities/route-for';
6 |
7 | export const load: PageLoad = async function ({ params }) {
8 | redirect(302, routeForCallStack(params));
9 | };
10 |
--------------------------------------------------------------------------------
/src/routes/(app)/namespaces/[namespace]/workflows/start-workflow/+page.svelte:
--------------------------------------------------------------------------------
1 |
7 |
8 |
9 |
10 |
--------------------------------------------------------------------------------
/src/routes/(app)/namespaces/[namespace]/workflows/start-workflow/+page.ts:
--------------------------------------------------------------------------------
1 | import { redirect } from '@sveltejs/kit';
2 |
3 | import type { PageLoad } from './$types';
4 |
5 | import { routeForWorkflows } from '$lib/utilities/route-for';
6 |
7 | export const load: PageLoad = async function ({ params, parent }) {
8 | const data = await parent();
9 | const disabled =
10 | data?.settings?.disableWriteActions ||
11 | data?.settings?.startWorkflowDisabled;
12 |
13 | if (disabled) {
14 | const { namespace } = params;
15 | redirect(302, routeForWorkflows({ namespace }));
16 | }
17 | };
18 |
--------------------------------------------------------------------------------
/src/routes/(app)/nexus/+layout.svelte:
--------------------------------------------------------------------------------
1 |
4 |
5 |
6 |
7 |
8 | Sorry, this feature is not available in this version of Temporal. Please
9 | enable Nexus or upgrade to a newer version.
10 |
11 |