Errors List
;
5 | };
6 |
--------------------------------------------------------------------------------
/apps/web/.storybook/mocks/modules/@remix-run/react/useNavigate.ts:
--------------------------------------------------------------------------------
1 | import { action } from '@storybook/addon-actions';
2 |
3 | export function useNavigate() {
4 | return (data: any) => {
5 | action('navigate')(data);
6 | };
7 | }
8 |
--------------------------------------------------------------------------------
/apps/web/app/components/ScrollArea/index.ts:
--------------------------------------------------------------------------------
1 | import { ScrollArea as ScrollAreaComponent, ScrollBar, Thumb } from './ScrollArea';
2 |
3 | export const ScrollArea = Object.assign(ScrollAreaComponent, {
4 | ScrollBar,
5 | Thumb,
6 | });
7 |
--------------------------------------------------------------------------------
/apps/web/app/handlers/handle.ts:
--------------------------------------------------------------------------------
1 | export { createHandler } from './createHandler';
2 | import { createHandler } from './createHandler';
3 |
4 | export const handle = async (request: Request) => {
5 | return createHandler()(request);
6 | };
7 |
--------------------------------------------------------------------------------
/apps/web/app/events/index.ts:
--------------------------------------------------------------------------------
1 | export { EventProvider } from './EventProvider';
2 | export type { MetronomeEventName } from './events';
3 | export { getObservableRoutes } from './getObservableRoutes';
4 | export { useEventContext } from './hooks';
5 |
--------------------------------------------------------------------------------
/apps/web/app/modules/nanoid.ts:
--------------------------------------------------------------------------------
1 | import { customAlphabet } from 'nanoid';
2 |
3 | // prettier-ignore
4 | const alphabet = '0123456789ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz';
5 |
6 | export const nanoid = customAlphabet(alphabet, 10);
7 |
--------------------------------------------------------------------------------
/apps/web/app/routes/docs/components/index.ts:
--------------------------------------------------------------------------------
1 | export { DocsHeader } from './DocsHeader';
2 | export { useMarkdoc } from './Markdoc';
3 | export { Sidebar, SidebarContainer } from './Sidebar';
4 | export { TableOfContents } from './TableOfContents';
5 |
--------------------------------------------------------------------------------
/apps/web/app/routes/docs/getters/index.ts:
--------------------------------------------------------------------------------
1 | export { getDocumentationSections } from './getDocumentationSections';
2 | export { getDocumentMarkdocContent } from './getDocumentMarkdocContent';
3 | export { getDocumentMeta } from './getDocumentMeta';
4 |
--------------------------------------------------------------------------------
/apps/web/app/routes/teams/routes/projects/components/index.ts:
--------------------------------------------------------------------------------
1 | export { Metric } from './Metric';
2 | export { Navigation } from './Navigation';
3 | export { Section } from './Section';
4 | export { VersionNotification } from './VersionNotification';
5 |
--------------------------------------------------------------------------------
/packages/db.server/src/modules/slugify.ts:
--------------------------------------------------------------------------------
1 | import Slugify from 'slugify';
2 |
3 | Slugify.extend({ '.': '-' });
4 |
5 | export function slugify(text: string): string {
6 | return Slugify(text, { lower: true, strict: true, locale: 'en' });
7 | }
8 |
--------------------------------------------------------------------------------
/apps/web/app/components/Alert/index.ts:
--------------------------------------------------------------------------------
1 | import { Alert as AlertComponent, AlertDescription, AlertTitle } from './Alert';
2 |
3 | export const Alert = Object.assign(AlertComponent, {
4 | Title: AlertTitle,
5 | Description: AlertDescription,
6 | });
7 |
--------------------------------------------------------------------------------
/apps/web/app/routes/teams/components/TeamsHeader/TeamsHeader.tsx:
--------------------------------------------------------------------------------
1 | import { FunctionComponent } from 'react';
2 |
3 | import { Header } from '#app/components';
4 |
5 | export const TeamsHeader: FunctionComponent = () => {
6 | return ; 5 | }; 6 | -------------------------------------------------------------------------------- /apps/web/app/routes/docs/components/Markdoc/components/Table/Tr.tsx: -------------------------------------------------------------------------------- 1 | import { FunctionComponent, PropsWithChildren } from 'react'; 2 | 3 | export const Tr: FunctionComponent
8 |
10 | );
11 | };
12 |
--------------------------------------------------------------------------------
/apps/web/app/routes/teams/routes/projects/routes/web-vitals/hooks/useWebVitalsEventData.ts:
--------------------------------------------------------------------------------
1 | import { useEventRouteData } from '#app/hooks';
2 |
3 | import { type loader } from '../$teamSlug.$projectSlug.web-vitals.route';
4 |
5 | const routeId = '$teamSlug.$projectSlug.web-vitals';
6 |
7 | export function useWebVitalsEventData() {
8 | return useEventRouteData{title}
9 |
6 | {children}
7 |
8 | );
9 | };
10 |
--------------------------------------------------------------------------------
/apps/web/app/routes/teams/routes/projects/routes/web-analytics/hooks/useWebAnalyticsEventData/useWebAnalyticsEventData.ts:
--------------------------------------------------------------------------------
1 | import { useEventRouteData } from '#app/hooks';
2 |
3 | import { type loader } from '../../$teamSlug.$projectSlug.web-analytics.route';
4 |
5 | export function useWebAnalyticsEventData() {
6 | return useEventRouteData
12 |
13 |
14 | );
15 | };
16 |
--------------------------------------------------------------------------------
/apps/web/app/filters/hooks/useFiltersContext/useFiltersContext.ts:
--------------------------------------------------------------------------------
1 | import { useContext } from 'react';
2 | import { invariant } from 'ts-invariant';
3 |
4 | import { filtersContext } from '#app/filters/filtersContext';
5 |
6 | export function useFiltersContext() {
7 | const context = useContext(filtersContext);
8 |
9 | invariant(context, 'useFiltersContext must be used within a FiltersProvider');
10 |
11 | return context;
12 | }
13 |
--------------------------------------------------------------------------------
/apps/web/app/routes/docs/documents/partials/metronome-installation.partial.mdoc:
--------------------------------------------------------------------------------
1 | ## Install Metronome
2 |
3 | Install Metronome's react and {% $adapter %} prerelease packages.
4 |
5 | ```bash {% title="Terminal" %}
6 | npm install @metronome-sh/react @metronome-sh/{% $adapter %}
7 | ```
8 |
9 | alternatively, you can use yarn:
10 |
11 | ```bash {% title="Terminal" %}
12 | yarn add @metronome-sh/react @metronome-sh/{% $adapter %}
13 | ```
14 |
--------------------------------------------------------------------------------
/apps/workers/scripts/esbuild.mjs:
--------------------------------------------------------------------------------
1 | import { build } from 'esbuild';
2 |
3 | /**
4 | * @type {import('esbuild').BuildOptions}
5 | */
6 | export const esbuildConfig = {
7 | entryPoints: ['src/index.ts'],
8 | bundle: true,
9 | sourcemap: true,
10 | packages: 'external',
11 | plugins: [],
12 | platform: 'node',
13 | format: 'cjs',
14 | outdir: 'dist/cjs',
15 | logLevel: 'info',
16 | };
17 |
18 | await build(esbuildConfig);
19 |
--------------------------------------------------------------------------------
/packages/db.server/drizzle/migrations/0032_cool_vampiro.sql:
--------------------------------------------------------------------------------
1 | ALTER TABLE "pageviews" ADD COLUMN "country_code" text DEFAULT 'unknown' NOT NULL;--> statement-breakpoint
2 | ALTER TABLE "pageviews" ADD COLUMN "country" text DEFAULT 'unknown' NOT NULL;--> statement-breakpoint
3 | ALTER TABLE "pageviews" ADD COLUMN "region" text DEFAULT 'unknown' NOT NULL;--> statement-breakpoint
4 | ALTER TABLE "pageviews" ADD COLUMN "city" text DEFAULT 'unknown' NOT NULL;
--------------------------------------------------------------------------------
/apps/web/app/hooks/useEventData.ts:
--------------------------------------------------------------------------------
1 | import { useMatches } from '@remix-run/react';
2 | import { invariant } from 'ts-invariant';
3 |
4 | import { useEventRouteData } from './useEventRouteData';
5 |
6 | export function useEventData() {
7 | const matches = useMatches();
8 | const route = matches.at(-1);
9 |
10 | invariant(route, `route is undefined.`);
11 |
12 | const data = useEventRouteData(route.id);
13 |
14 | return data;
15 | }
16 |
--------------------------------------------------------------------------------
/apps/workers/src/aggregations.ts:
--------------------------------------------------------------------------------
1 | import { refreshAggregation } from '@metronome/db.server';
2 | import { queues } from '@metronome/queues.server';
3 |
4 | export async function aggregations(job: typeof queues.aggregations.$inferJob) {
5 | const { data } = job;
6 | const { aggregation, watermark } = data;
7 |
8 | await refreshAggregation({ aggregation, watermark });
9 |
10 | return `aggregation for ${aggregation} completed`;
11 | }
12 |
--------------------------------------------------------------------------------
/packages/db.server/scripts/esbuild.mjs:
--------------------------------------------------------------------------------
1 | import { build } from 'esbuild';
2 |
3 | /**
4 | * @type {import('esbuild').BuildOptions}
5 | */
6 | export const esbuildConfig = {
7 | entryPoints: ['src/index.ts'],
8 | bundle: true,
9 | sourcemap: true,
10 | packages: 'external',
11 | plugins: [],
12 | platform: 'node',
13 | format: 'cjs',
14 | outdir: 'dist/cjs',
15 | logLevel: 'info',
16 | };
17 |
18 | await build(esbuildConfig);
19 |
--------------------------------------------------------------------------------
/apps/cron/tsconfig.json:
--------------------------------------------------------------------------------
1 | {
2 | "compilerOptions": {
3 | "sourceMap": true,
4 | "outDir": "dist",
5 | "strict": true,
6 | "lib": ["esnext"],
7 | "esModuleInterop": true,
8 | "module": "ESNext",
9 | "moduleResolution": "Node",
10 | "target": "es2017",
11 | "allowImportingTsExtensions": true,
12 | "noEmit": true
13 | },
14 | "include": ["src/**/*"],
15 | "exclude": ["node_modules", "**/*.spec.ts"]
16 | }
17 |
--------------------------------------------------------------------------------
/packages/cache.server/scripts/esbuild.mjs:
--------------------------------------------------------------------------------
1 | import { build } from 'esbuild';
2 |
3 | /**
4 | * @type {import('esbuild').BuildOptions}
5 | */
6 | export const esbuildConfig = {
7 | entryPoints: ['src/index.ts'],
8 | bundle: true,
9 | sourcemap: true,
10 | packages: 'external',
11 | plugins: [],
12 | platform: 'node',
13 | format: 'cjs',
14 | outdir: 'dist/cjs',
15 | logLevel: 'info',
16 | };
17 |
18 | await build(esbuildConfig);
19 |
--------------------------------------------------------------------------------
/packages/db.server/drizzle/migrations/0005_zippy_shaman.sql:
--------------------------------------------------------------------------------
1 | ALTER TABLE "projects" RENAME TO "apps";--> statement-breakpoint
2 | ALTER TABLE "apps" DROP CONSTRAINT "projects_team_id_teams_id_fk";
3 | --> statement-breakpoint
4 | DO $$ BEGIN
5 | ALTER TABLE "apps" ADD CONSTRAINT "apps_team_id_teams_id_fk" FOREIGN KEY ("team_id") REFERENCES "teams"("id") ON DELETE no action ON UPDATE no action;
6 | EXCEPTION
7 | WHEN duplicate_object THEN null;
8 | END $$;
9 |
--------------------------------------------------------------------------------
/packages/queues.server/scripts/esbuild.mjs:
--------------------------------------------------------------------------------
1 | import { build } from 'esbuild';
2 |
3 | /**
4 | * @type {import('esbuild').BuildOptions}
5 | */
6 | export const esbuildConfig = {
7 | entryPoints: ['src/index.ts'],
8 | bundle: true,
9 | sourcemap: true,
10 | packages: 'external',
11 | plugins: [],
12 | platform: 'node',
13 | format: 'cjs',
14 | outdir: 'dist/cjs',
15 | logLevel: 'info',
16 | };
17 |
18 | await build(esbuildConfig);
19 |
--------------------------------------------------------------------------------
/apps/web/app/filters/filters/date-range/date-range.types.ts:
--------------------------------------------------------------------------------
1 | import { type Temporal } from '@js-temporal/polyfill';
2 |
3 | export interface DateRangeParsed {
4 | from: Temporal.ZonedDateTime;
5 | to: Temporal.ZonedDateTime;
6 | }
7 |
8 | export type DateRangeOptionIds =
9 | | 'today'
10 | | 'yesterday'
11 | | 'this-month'
12 | | 'this-week'
13 | | 'this-year'
14 | | 'last-seven-days'
15 | | 'last-thirty-days'
16 | | 'last-month';
17 |
--------------------------------------------------------------------------------
/apps/web/app/components/Icon/Search.tsx:
--------------------------------------------------------------------------------
1 | import { FunctionComponent } from 'react';
2 |
3 | import { Svg, SvgProps } from './Svg.tsx';
4 |
5 | export const Search: FunctionComponent- {children}
- {children}
8 |
12 | );
13 | };
14 |
--------------------------------------------------------------------------------
/apps/web/app/hooks/useRootLoaderData/useRootLoaderData.ts:
--------------------------------------------------------------------------------
1 | import { SerializeFrom } from '@remix-run/node';
2 | import { useRouteLoaderData } from '@remix-run/react';
3 | import { invariant } from 'ts-invariant';
4 |
5 | import { type loader } from '../../root';
6 |
7 | export function useRootLoaderData(): SerializeFrom
9 |
11 |
11 |
13 |
12 |
16 | );
17 | };
18 |
--------------------------------------------------------------------------------
/apps/web/.storybook/mocks/modules/@remix-run/react/Link.tsx:
--------------------------------------------------------------------------------
1 | import { action } from '@storybook/addon-actions';
2 | import { FunctionComponent } from 'react';
3 | import {
4 | Link as RemixLink,
5 | LinkProps,
6 | } from '../../../../../node_modules/@remix-run/react';
7 | import React from 'react';
8 |
9 | export const Link: FunctionComponent
13 | {content}
14 |
15 |
10 |
16 | );
17 | };
18 |
--------------------------------------------------------------------------------
/apps/web/app/components/Icon/DeviceDesktop.tsx:
--------------------------------------------------------------------------------
1 | import { FunctionComponent } from 'react';
2 |
3 | import { Svg, SvgProps } from './Svg.tsx';
4 |
5 | export const DeviceDesktop: FunctionComponent-
13 | {children}
14 |
{children}
;
15 | };
16 |
17 | Section.Title = SectionTitle;
18 |
--------------------------------------------------------------------------------
/apps/web/app/routes/teams/routes/projects/hooks/useTeamProjectLoaderData/useTeamProjectLoaderData.ts:
--------------------------------------------------------------------------------
1 | import { SerializeFrom } from '@remix-run/node';
2 | import { useRouteLoaderData } from '@remix-run/react';
3 | import { invariant } from 'ts-invariant';
4 |
5 | import { loader } from '../../$teamSlug.$projectSlug.route';
6 |
7 | export function useTeamProjectLoaderData(): SerializeFrom
17 |
24 | );
25 | };
26 |
--------------------------------------------------------------------------------
/apps/web/app/filters/filters/interval/interval.server.ts:
--------------------------------------------------------------------------------
1 | import { type ServerFilterProps } from '#app/filters/filters.types';
2 |
3 | import { type IntervalParsed } from './interval.types';
4 |
5 | export const server = {
6 | parse: (activeOption) => {
7 | const [value] = activeOption.value;
8 |
9 | switch (value) {
10 | case 'hourly':
11 | return 'hour';
12 | case 'daily':
13 | return 'day';
14 | case 'weekly':
15 | return 'week';
16 | case 'monthly':
17 | return 'month';
18 | default:
19 | throw new Error('Invalid interval');
20 | }
21 | },
22 | } satisfies ServerFilterProps
18 |
19 | {label}
20 |
21 |
22 | );
23 | };
24 |
--------------------------------------------------------------------------------
/apps/web/app/routes/teams/routes/projects/routes/settings/hooks/useSettingsLoaderData/useSettingsLoaderData.ts:
--------------------------------------------------------------------------------
1 | import { SerializeFrom } from '@remix-run/node';
2 | import { useRouteLoaderData } from '@remix-run/react';
3 | import { invariant } from 'ts-invariant';
4 |
5 | import { type loader } from '../../$teamSlug.$projectSlug.settings.route';
6 |
7 | export function useSettingsLoaderData(): SerializeFrom
17 |
23 |