@screenly/edge-apps 0.0.1 → 0.0.2

package/dist/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AACA,cAAc,kBAAkB,CAAA;AAGhC,cAAc,iBAAiB,CAAA;AAG/B,cAAc,uBAAuB,CAAA;AAGrC,cAAc,kBAAkB,CAAA"}

package/dist/index.js

@@ -0,0 +1,8 @@
+// Platform utilities (settings, theme, metadata, etc.)
+export * from './utils/index.js';
+// Core layout utilities (AutoScaler, etc.)
+export * from './core/index.js';
+// Web Components (AppHeader, AutoScaler, DevTools)
+export * from './components/index.js';
+// Types
+export * from './types/index.js';

package/dist/test/index.d.ts

@@ -0,0 +1,3 @@
+export * from './mock.js';
+export * from './setup.js';
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/test/index.ts"],"names":[],"mappings":"AAAA,cAAc,WAAW,CAAA;AACzB,cAAc,YAAY,CAAA"}

package/dist/test/index.js

@@ -0,0 +1,2 @@
+export * from './mock.js';
+export * from './setup.js';

package/dist/test/mock.d.ts

@@ -0,0 +1,23 @@
+import type { ScreenlyObject, ScreenlyMetadata, ScreenlySettings } from '../types/index.js';
+/**
+ * Default mock metadata for testing
+ */
+export declare const mockMetadata: ScreenlyMetadata;
+/**
+ * Default mock settings for testing
+ */
+export declare const mockSettings: ScreenlySettings;
+/**
+ * Create a mock Screenly object for testing
+ */
+export declare function createMockScreenly(metadata?: Partial<ScreenlyMetadata>, settings?: Partial<ScreenlySettings>): ScreenlyObject;
+/**
+ * Setup global screenly mock for testing
+ * Call this in your test setup to mock the global screenly object
+ */
+export declare function setupScreenlyMock(metadata?: Partial<ScreenlyMetadata>, settings?: Partial<ScreenlySettings>): ScreenlyObject;
+/**
+ * Reset the global screenly mock
+ */
+export declare function resetScreenlyMock(): void;
+//# sourceMappingURL=mock.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"mock.d.ts","sourceRoot":"","sources":["../../src/test/mock.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EACV,cAAc,EACd,gBAAgB,EAChB,gBAAgB,EACjB,MAAM,mBAAmB,CAAA;AAI1B;;GAEG;AACH,eAAO,MAAM,YAAY,EAAE,gBAQ1B,CAAA;AAED;;GAEG;AACH,eAAO,MAAM,YAAY,EAAE,gBAM1B,CAAA;AAED;;GAEG;AACH,wBAAgB,kBAAkB,CAChC,QAAQ,GAAE,OAAO,CAAC,gBAAgB,CAAM,EACxC,QAAQ,GAAE,OAAO,CAAC,gBAAgB,CAAM,GACvC,cAAc,CAOhB;AAED;;;GAGG;AACH,wBAAgB,iBAAiB,CAC/B,QAAQ,GAAE,OAAO,CAAC,gBAAgB,CAAM,EACxC,QAAQ,GAAE,OAAO,CAAC,gBAAgB,CAAM,GACvC,cAAc,CAIhB;AAED;;GAEG;AACH,wBAAgB,iBAAiB,IAAI,IAAI,CAExC"}

package/dist/test/mock.js

@@ -0,0 +1,49 @@
+const global = globalThis;
+/**
+ * Default mock metadata for testing
+ */
+export const mockMetadata = {
+    coordinates: [37.3861, -122.0839],
+    hostname: 'test-hostname',
+    location: 'Test Location',
+    hardware: 'test-hardware',
+    screenly_version: '1.0.0-test',
+    screen_name: 'Test Screen',
+    tags: ['test', 'development'],
+};
+/**
+ * Default mock settings for testing
+ */
+export const mockSettings = {
+    screenly_color_accent: '#972EFF',
+    screenly_color_light: '#ADAFBE',
+    screenly_color_dark: '#454BD2',
+    screenly_logo_light: '',
+    screenly_logo_dark: '',
+};
+/**
+ * Create a mock Screenly object for testing
+ */
+export function createMockScreenly(metadata = {}, settings = {}) {
+    return {
+        signalReadyForRendering: () => { },
+        metadata: { ...mockMetadata, ...metadata },
+        settings: { ...mockSettings, ...settings },
+        cors_proxy_url: 'http://localhost:8080',
+    };
+}
+/**
+ * Setup global screenly mock for testing
+ * Call this in your test setup to mock the global screenly object
+ */
+export function setupScreenlyMock(metadata = {}, settings = {}) {
+    const mock = createMockScreenly(metadata, settings);
+    global.screenly = mock;
+    return mock;
+}
+/**
+ * Reset the global screenly mock
+ */
+export function resetScreenlyMock() {
+    delete global.screenly;
+}

package/dist/test/screenshots.d.ts

@@ -0,0 +1,120 @@
+/**
+ * Screenshot testing utilities and constants
+ */
+import type { ScreenlyMetadata, ScreenlyObject, ScreenlySettings } from '../types/index.js';
+import { createMockScreenly } from './mock.js';
+export { createMockScreenly };
+/**
+ * Fixed date used for screenshot tests to ensure idempotent output.
+ * If tests rely on specific timestamps from mocked APIs, keep those mocks
+ * consistent with this value.
+ */
+export declare const FIXED_SCREENSHOT_DATE: Date;
+interface PlaywrightRouteFulfillOptions {
+    status?: number;
+    contentType?: string;
+    body?: string;
+}
+interface PlaywrightRoute {
+    fulfill(options: PlaywrightRouteFulfillOptions): Promise<void>;
+}
+/**
+ * Standard resolutions for screenshot testing
+ * Covers all supported Screenly player resolutions
+ */
+export declare const RESOLUTIONS: readonly [{
+    readonly width: 4096;
+    readonly height: 2160;
+}, {
+    readonly width: 2160;
+    readonly height: 4096;
+}, {
+    readonly width: 3840;
+    readonly height: 2160;
+}, {
+    readonly width: 2160;
+    readonly height: 3840;
+}, {
+    readonly width: 1920;
+    readonly height: 1080;
+}, {
+    readonly width: 1080;
+    readonly height: 1920;
+}, {
+    readonly width: 1280;
+    readonly height: 720;
+}, {
+    readonly width: 720;
+    readonly height: 1280;
+}, {
+    readonly width: 800;
+    readonly height: 480;
+}, {
+    readonly width: 480;
+    readonly height: 800;
+}];
+/**
+ * Returns the screenshots output directory path, creating it if it doesn't exist.
+ * Resolves to `<cwd>/screenshots/`.
+ */
+export declare function getScreenshotsDir(): string;
+/**
+ * Creates the screenly.js content string for Playwright route mocking
+ * @param screenlyObject - The Screenly object to inject into window.screenly
+ * @returns JavaScript content string for route mocking
+ */
+export declare function createScreenlyJsContent(screenlyObject: ScreenlyObject): string;
+/**
+ * Creates a complete mock Screenly object with custom overrides and generates the JS content
+ * This is a convenience wrapper that combines createMockScreenly and createScreenlyJsContent
+ * @param metadata - Partial metadata overrides
+ * @param settings - Partial settings overrides
+ * @param corsProxyUrl - Custom CORS proxy URL (defaults to http://127.0.0.1:8080)
+ * @returns Object containing both the mock Screenly object and the JS content string
+ */
+export declare function createMockScreenlyForScreenshots(metadata?: Partial<ScreenlyMetadata>, settings?: Partial<ScreenlySettings>, corsProxyUrl?: string): {
+    mockScreenly: ScreenlyObject;
+    screenlyJsContent: string;
+};
+/**
+ * OpenWeather API mock data for Playwright route mocking
+ */
+export interface OpenWeatherMocks {
+    /** Mock data for reverse geocoding endpoint */
+    geocoding?: unknown;
+    /** Mock data for current weather endpoint */
+    weather?: unknown;
+    /** Mock data for forecast endpoint (optional) */
+    forecast?: unknown;
+}
+/**
+ * Setup OpenWeather API route mocks in Playwright
+ * @param page - Playwright page object
+ * @param mocks - Mock data for OpenWeather API endpoints
+ */
+export declare function setupOpenWeatherMocks(page: {
+    route: (url: string, handler: (route: PlaywrightRoute) => Promise<void>) => Promise<void>;
+}, mocks: OpenWeatherMocks): Promise<void>;
+/**
+ * Setup screenly.js route mock in Playwright
+ * @param page - Playwright page object
+ * @param screenlyJsContent - JavaScript content string for screenly.js
+ */
+export declare function setupScreenlyJsMock(page: {
+    route: (url: string, handler: (route: PlaywrightRoute) => Promise<void>) => Promise<void>;
+}, screenlyJsContent: string): Promise<void>;
+/**
+ * Freeze the browser clock to a fixed point in time before page load.
+ * Must be called before `page.goto()` to ensure the clock is set before
+ * any JavaScript runs. This makes screenshots idempotent regardless of
+ * when the test is executed.
+ *
+ * @param page - Playwright page object
+ * @param date - The date to freeze the clock at (defaults to FIXED_SCREENSHOT_DATE)
+ */
+export declare function setupClockMock(page: {
+    clock: {
+        setFixedTime(time: Date | number | string): Promise<void>;
+    };
+}, date?: Date | number | string): Promise<void>;
+//# sourceMappingURL=screenshots.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"screenshots.d.ts","sourceRoot":"","sources":["../../src/test/screenshots.ts"],"names":[],"mappings":"AAAA;;GAEG;AAIH,OAAO,KAAK,EACV,gBAAgB,EAChB,cAAc,EACd,gBAAgB,EACjB,MAAM,mBAAmB,CAAA;AAC1B,OAAO,EAAE,kBAAkB,EAAE,MAAM,WAAW,CAAA;AAE9C,OAAO,EAAE,kBAAkB,EAAE,CAAA;AAE7B;;;;GAIG;AACH,eAAO,MAAM,qBAAqB,MAAmC,CAAA;AAErE,UAAU,6BAA6B;IACrC,MAAM,CAAC,EAAE,MAAM,CAAA;IACf,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,IAAI,CAAC,EAAE,MAAM,CAAA;CACd;AAED,UAAU,eAAe;IACvB,OAAO,CAAC,OAAO,EAAE,6BAA6B,GAAG,OAAO,CAAC,IAAI,CAAC,CAAA;CAC/D;AAED;;;GAGG;AACH,eAAO,MAAM,WAAW;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAWd,CAAA;AAEV;;;GAGG;AACH,wBAAgB,iBAAiB,IAAI,MAAM,CAI1C;AAED;;;;GAIG;AACH,wBAAgB,uBAAuB,CACrC,cAAc,EAAE,cAAc,GAC7B,MAAM,CAKR;AAED;;;;;;;GAOG;AACH,wBAAgB,gCAAgC,CAC9C,QAAQ,GAAE,OAAO,CAAC,gBAAgB,CAAM,EACxC,QAAQ,GAAE,OAAO,CAAC,gBAAgB,CAAM,EACxC,YAAY,SAA0B,GACrC;IAAE,YAAY,EAAE,cAAc,CAAC;IAAC,iBAAiB,EAAE,MAAM,CAAA;CAAE,CAS7D;AAED;;GAEG;AACH,MAAM,WAAW,gBAAgB;IAC/B,+CAA+C;IAC/C,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB,6CAA6C;IAC7C,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,iDAAiD;IACjD,QAAQ,CAAC,EAAE,OAAO,CAAA;CACnB;AAED;;;;GAIG;AACH,wBAAsB,qBAAqB,CACzC,IAAI,EAAE;IACJ,KAAK,EAAE,CACL,GAAG,EAAE,MAAM,EACX,OAAO,EAAE,CAAC,KAAK,EAAE,eAAe,KAAK,OAAO,CAAC,IAAI,CAAC,KAC/C,OAAO,CAAC,IAAI,CAAC,CAAA;CACnB,EACD,KAAK,EAAE,gBAAgB,GACtB,OAAO,CAAC,IAAI,CAAC,CAuCf;AAED;;;;GAIG;AACH,wBAAsB,mBAAmB,CACvC,IAAI,EAAE;IACJ,KAAK,EAAE,CACL,GAAG,EAAE,MAAM,EACX,OAAO,EAAE,CAAC,KAAK,EAAE,eAAe,KAAK,OAAO,CAAC,IAAI,CAAC,KAC/C,OAAO,CAAC,IAAI,CAAC,CAAA;CACnB,EACD,iBAAiB,EAAE,MAAM,GACxB,OAAO,CAAC,IAAI,CAAC,CAQf;AAED;;;;;;;;GAQG;AACH,wBAAsB,cAAc,CAClC,IAAI,EAAE;IACJ,KAAK,EAAE;QAAE,YAAY,CAAC,IAAI,EAAE,IAAI,GAAG,MAAM,GAAG,MAAM,GAAG,OAAO,CAAC,IAAI,CAAC,CAAA;KAAE,CAAA;CACrE,EACD,IAAI,GAAE,IAAI,GAAG,MAAM,GAAG,MAA8B,GACnD,OAAO,CAAC,IAAI,CAAC,CAEf"}

package/dist/test/screenshots.js

@@ -0,0 +1,127 @@
+/**
+ * Screenshot testing utilities and constants
+ */
+import fs from 'fs';
+import path from 'path';
+import { createMockScreenly } from './mock.js';
+export { createMockScreenly };
+/**
+ * Fixed date used for screenshot tests to ensure idempotent output.
+ * If tests rely on specific timestamps from mocked APIs, keep those mocks
+ * consistent with this value.
+ */
+export const FIXED_SCREENSHOT_DATE = new Date('2025-02-19T21:20:00Z');
+/**
+ * Standard resolutions for screenshot testing
+ * Covers all supported Screenly player resolutions
+ */
+export const RESOLUTIONS = [
+    { width: 4096, height: 2160 },
+    { width: 2160, height: 4096 },
+    { width: 3840, height: 2160 },
+    { width: 2160, height: 3840 },
+    { width: 1920, height: 1080 },
+    { width: 1080, height: 1920 },
+    { width: 1280, height: 720 },
+    { width: 720, height: 1280 },
+    { width: 800, height: 480 },
+    { width: 480, height: 800 },
+];
+/**
+ * Returns the screenshots output directory path, creating it if it doesn't exist.
+ * Resolves to `<cwd>/screenshots/`.
+ */
+export function getScreenshotsDir() {
+    const dir = path.resolve('screenshots');
+    fs.mkdirSync(dir, { recursive: true });
+    return dir;
+}
+/**
+ * Creates the screenly.js content string for Playwright route mocking
+ * @param screenlyObject - The Screenly object to inject into window.screenly
+ * @returns JavaScript content string for route mocking
+ */
+export function createScreenlyJsContent(screenlyObject) {
+    return `
+  window.screenly = ${JSON.stringify(screenlyObject, null, 2)};
+  window.screenly.signalReadyForRendering = function() {};
+`;
+}
+/**
+ * Creates a complete mock Screenly object with custom overrides and generates the JS content
+ * This is a convenience wrapper that combines createMockScreenly and createScreenlyJsContent
+ * @param metadata - Partial metadata overrides
+ * @param settings - Partial settings overrides
+ * @param corsProxyUrl - Custom CORS proxy URL (defaults to http://127.0.0.1:8080)
+ * @returns Object containing both the mock Screenly object and the JS content string
+ */
+export function createMockScreenlyForScreenshots(metadata = {}, settings = {}, corsProxyUrl = 'http://127.0.0.1:8080') {
+    const mockScreenly = {
+        ...createMockScreenly(metadata, settings),
+        cors_proxy_url: corsProxyUrl,
+    };
+    return {
+        mockScreenly,
+        screenlyJsContent: createScreenlyJsContent(mockScreenly),
+    };
+}
+/**
+ * Setup OpenWeather API route mocks in Playwright
+ * @param page - Playwright page object
+ * @param mocks - Mock data for OpenWeather API endpoints
+ */
+export async function setupOpenWeatherMocks(page, mocks) {
+    if (mocks.geocoding) {
+        await page.route('**/api.openweathermap.org/geo/1.0/reverse**', async (route) => {
+            await route.fulfill({
+                status: 200,
+                contentType: 'application/json',
+                body: JSON.stringify(mocks.geocoding),
+            });
+        });
+    }
+    if (mocks.weather) {
+        await page.route('**/api.openweathermap.org/data/2.5/weather**', async (route) => {
+            await route.fulfill({
+                status: 200,
+                contentType: 'application/json',
+                body: JSON.stringify(mocks.weather),
+            });
+        });
+    }
+    if (mocks.forecast) {
+        await page.route('**/api.openweathermap.org/data/2.5/forecast**', async (route) => {
+            await route.fulfill({
+                status: 200,
+                contentType: 'application/json',
+                body: JSON.stringify(mocks.forecast),
+            });
+        });
+    }
+}
+/**
+ * Setup screenly.js route mock in Playwright
+ * @param page - Playwright page object
+ * @param screenlyJsContent - JavaScript content string for screenly.js
+ */
+export async function setupScreenlyJsMock(page, screenlyJsContent) {
+    await page.route('/screenly.js?version=1', async (route) => {
+        await route.fulfill({
+            status: 200,
+            contentType: 'application/javascript',
+            body: screenlyJsContent,
+        });
+    });
+}
+/**
+ * Freeze the browser clock to a fixed point in time before page load.
+ * Must be called before `page.goto()` to ensure the clock is set before
+ * any JavaScript runs. This makes screenshots idempotent regardless of
+ * when the test is executed.
+ *
+ * @param page - Playwright page object
+ * @param date - The date to freeze the clock at (defaults to FIXED_SCREENSHOT_DATE)
+ */
+export async function setupClockMock(page, date = FIXED_SCREENSHOT_DATE) {
+    await page.clock.setFixedTime(date);
+}

package/dist/test/setup.d.ts

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=setup.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"setup.d.ts","sourceRoot":"","sources":["../../src/test/setup.ts"],"names":[],"mappings":""}

package/dist/test/setup.js

@@ -0,0 +1,13 @@
+import { JSDOM } from 'jsdom';
+// Setup jsdom for DOM operations in tests
+const dom = new JSDOM('<!DOCTYPE html><html><head></head><body></body></html>', {
+    url: 'http://localhost',
+});
+global.document = dom.window.document;
+global.window = dom.window;
+global.navigator = dom.window.navigator;
+global.Node = dom.window.Node;
+global.HTMLElement = dom.window.HTMLElement;
+global.customElements = dom.window.customElements;
+global.getComputedStyle = dom.window.getComputedStyle;
+global.SVGSVGElement = dom.window.SVGSVGElement;

package/dist/types/index.d.ts

@@ -0,0 +1,138 @@
+/**
+ * Hardware types for Screenly devices
+ */
+export declare enum Hardware {
+    Anywhere = "Anywhere",
+    RaspberryPi = "RaspberryPi",
+    ScreenlyPlayerMax = "ScreenlyPlayerMax",
+    Unknown = "Unknown"
+}
+/**
+ * Screenly metadata provided by the Edge Apps runtime
+ */
+export interface ScreenlyMetadata {
+    /** GPS coordinates [latitude, longitude] */
+    coordinates: [number, number];
+    /** Hardware identifier */
+    hardware: string | undefined;
+    /** Device hostname */
+    hostname: string;
+    /** Physical location description */
+    location: string;
+    /** Screenly software version */
+    screenly_version: string;
+    /** Screen display name */
+    screen_name: string;
+    /** Tags associated with the screen */
+    tags: string[];
+}
+/**
+ * Screenly settings provided by the Edge Apps runtime
+ * This interface can be extended with custom settings
+ */
+export interface ScreenlySettings extends Record<string, unknown> {
+    /** Primary accent color for branding */
+    screenly_color_accent?: string;
+    /** Light theme color */
+    screenly_color_light?: string;
+    /** Dark theme color */
+    screenly_color_dark?: string;
+    /** Light theme logo URL */
+    screenly_logo_light?: string;
+    /** Dark theme logo URL */
+    screenly_logo_dark?: string;
+    /** Theme mode: light or dark */
+    theme?: 'light' | 'dark';
+    /** Sentry DSN for error tracking */
+    sentry_dsn?: string;
+}
+/**
+ * The global screenly object provided by screenly.js
+ */
+export interface ScreenlyObject {
+    /** Signal that the app is ready to be displayed */
+    signalReadyForRendering: () => void;
+    /** Device and screen metadata */
+    metadata: ScreenlyMetadata;
+    /** App settings and configuration */
+    settings: ScreenlySettings;
+    /** CORS proxy URL for fetching external resources */
+    cors_proxy_url: string;
+}
+/**
+ * Theme colors configuration
+ */
+export interface ThemeColors {
+    primary: string;
+    secondary: string;
+    tertiary: string;
+    background: string;
+}
+/**
+ * Branding configuration
+ */
+export interface BrandingConfig {
+    colors: ThemeColors;
+    logoUrl?: string;
+}
+/**
+ * Core UI/Layout types
+ */
+/**
+ * Orientation type for edge apps
+ */
+export type Orientation = 'landscape' | 'portrait' | 'auto';
+/**
+ * Calendar view mode
+ */
+export type CalendarViewMode = 'daily' | 'weekly' | 'schedule';
+export declare const CALENDAR_VIEW_MODE: {
+    DAILY: CalendarViewMode;
+    WEEKLY: CalendarViewMode;
+    SCHEDULE: CalendarViewMode;
+};
+/**
+ * Reference resolution configuration
+ */
+export interface ReferenceResolution {
+    width: number;
+    height: number;
+    orientation?: Orientation;
+}
+/**
+ * Safe zone configuration
+ */
+export interface SafeZoneConfig {
+    top?: number | string;
+    right?: number | string;
+    bottom?: number | string;
+    left?: number | string;
+    all?: number | string;
+}
+/**
+ * AutoScaler options
+ */
+export interface AutoScalerOptions {
+    padding?: number | string;
+    referenceWidth: number;
+    referenceHeight: number;
+    orientation?: Orientation;
+    centerContent?: boolean;
+    debounceMs?: number;
+    onScaleChange?: (scale: number) => void;
+}
+/**
+ * Edge app configuration
+ */
+export interface EdgeAppConfig {
+    referenceResolution: ReferenceResolution;
+    enableDevTools?: boolean;
+}
+declare global {
+    interface Window {
+        screenly: ScreenlyObject;
+    }
+    const screenly: ScreenlyObject;
+}
+export {};
+//# sourceMappingURL=index.d.ts.map

package/dist/types/index.d.ts.map

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

package/dist/types/index.js

@@ -0,0 +1,15 @@
+/**
+ * Hardware types for Screenly devices
+ */
+export var Hardware;
+(function (Hardware) {
+    Hardware["Anywhere"] = "Anywhere";
+    Hardware["RaspberryPi"] = "RaspberryPi";
+    Hardware["ScreenlyPlayerMax"] = "ScreenlyPlayerMax";
+    Hardware["Unknown"] = "Unknown";
+})(Hardware || (Hardware = {}));
+export const CALENDAR_VIEW_MODE = {
+    DAILY: 'daily',
+    WEEKLY: 'weekly',
+    SCHEDULE: 'schedule',
+};

package/dist/utils/calendar.d.ts

@@ -0,0 +1,28 @@
+import type { CalendarViewMode } from '../types/index.js';
+import type { WeeklyCalendarView } from '../components/calendar-views/weekly-calendar-view/index.js';
+import type { DailyCalendarView } from '../components/calendar-views/daily-calendar-view/index.js';
+import type { ScheduleCalendarView } from '../components/calendar-views/schedule-calendar-view/index.js';
+import type { CalendarEvent } from '../components/calendar-views/event-layout.js';
+type CalendarViewElement = WeeklyCalendarView | DailyCalendarView | ScheduleCalendarView;
+export declare function initCalendarApp(activeEl: CalendarViewElement, fetchEvents: (timezone: string) => Promise<CalendarEvent[]>): Promise<void>;
+/**
+ * Read the `calendar_mode` setting and return the date range for the current
+ * view, anchored to today in the given timezone.
+ *
+ * The legacy `'monthly'` mode is treated as `'schedule'` since the schedule
+ * view replaced it.
+ */
+export declare function getCalendarDateRange(timezone: string): {
+    startDate: Date;
+    endDate: Date;
+};
+/**
+ * Compute the start and end dates for the given calendar view mode,
+ * anchored to the current date in the specified timezone.
+ */
+export declare function getDateRangeForViewMode(viewMode: CalendarViewMode, timezone: string): {
+    startDate: Date;
+    endDate: Date;
+};
+export {};
+//# sourceMappingURL=calendar.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"calendar.d.ts","sourceRoot":"","sources":["../../src/utils/calendar.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,mBAAmB,CAAA;AAEzD,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,4DAA4D,CAAA;AACpG,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,2DAA2D,CAAA;AAClG,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,8DAA8D,CAAA;AACxG,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,8CAA8C,CAAA;AAQjF,KAAK,mBAAmB,GACpB,kBAAkB,GAClB,iBAAiB,GACjB,oBAAoB,CAAA;AAKxB,wBAAsB,eAAe,CACnC,QAAQ,EAAE,mBAAmB,EAC7B,WAAW,EAAE,CAAC,QAAQ,EAAE,MAAM,KAAK,OAAO,CAAC,aAAa,EAAE,CAAC,GAC1D,OAAO,CAAC,IAAI,CAAC,CA6Bf;AAED;;;;;;GAMG;AACH,wBAAgB,oBAAoB,CAAC,QAAQ,EAAE,MAAM,GAAG;IACtD,SAAS,EAAE,IAAI,CAAA;IACf,OAAO,EAAE,IAAI,CAAA;CACd,CAOA;AAED;;;GAGG;AACH,wBAAgB,uBAAuB,CACrC,QAAQ,EAAE,gBAAgB,EAC1B,QAAQ,EAAE,MAAM,GACf;IAAE,SAAS,EAAE,IAAI,CAAC;IAAC,OAAO,EAAE,IAAI,CAAA;CAAE,CAuBpC"}

package/dist/utils/calendar.js

@@ -0,0 +1,77 @@
+import dayjs from 'dayjs';
+import utc from 'dayjs/plugin/utc';
+import timezone from 'dayjs/plugin/timezone';
+import { CALENDAR_VIEW_MODE } from '../types/index.js';
+import { centerAutoScalerVertically } from './screen.js';
+import { getLocale, getTimeZone } from './locale.js';
+import { signalReady, getSettingWithDefault } from './settings.js';
+dayjs.extend(utc);
+dayjs.extend(timezone);
+const EVENTS_REFRESH_INTERVAL = 10_000;
+const NOW_TICK_INTERVAL = 30_000;
+export async function initCalendarApp(activeEl, fetchEvents) {
+    const scaler = document.querySelector('auto-scaler');
+    scaler?.addEventListener('scalechange', centerAutoScalerVertically);
+    window.addEventListener('resize', centerAutoScalerVertically);
+    centerAutoScalerVertically();
+    const timezone = await getTimeZone();
+    const locale = await getLocale();
+    activeEl.setAttribute('timezone', timezone);
+    activeEl.setAttribute('locale', locale);
+    const tick = () => {
+        activeEl.now = new Date();
+    };
+    tick();
+    setInterval(tick, NOW_TICK_INTERVAL);
+    const refresh = async () => {
+        try {
+            const events = await fetchEvents(timezone);
+            activeEl.events = events;
+        }
+        catch (error) {
+            console.error('Failed to fetch calendar events:', error);
+        }
+    };
+    await refresh();
+    setInterval(refresh, EVENTS_REFRESH_INTERVAL);
+    signalReady();
+}
+/**
+ * Read the `calendar_mode` setting and return the date range for the current
+ * view, anchored to today in the given timezone.
+ *
+ * The legacy `'monthly'` mode is treated as `'schedule'` since the schedule
+ * view replaced it.
+ */
+export function getCalendarDateRange(timezone) {
+    const viewMode = getSettingWithDefault('calendar_mode', 'schedule');
+    const mappedViewMode = viewMode === 'monthly'
+        ? CALENDAR_VIEW_MODE.SCHEDULE
+        : viewMode;
+    return getDateRangeForViewMode(mappedViewMode, timezone);
+}
+/**
+ * Compute the start and end dates for the given calendar view mode,
+ * anchored to the current date in the specified timezone.
+ */
+export function getDateRangeForViewMode(viewMode, timezone) {
+    const todayInTimezone = dayjs(Date.now()).tz(timezone).startOf('day');
+    if (viewMode === CALENDAR_VIEW_MODE.DAILY) {
+        return {
+            startDate: todayInTimezone.toDate(),
+            endDate: todayInTimezone.add(1, 'day').toDate(),
+        };
+    }
+    if (viewMode === CALENDAR_VIEW_MODE.WEEKLY) {
+        const weekStart = todayInTimezone.startOf('week');
+        return {
+            startDate: weekStart.toDate(),
+            endDate: weekStart.add(7, 'days').toDate(),
+        };
+    }
+    const monthStart = todayInTimezone.startOf('month');
+    return {
+        startDate: monthStart.toDate(),
+        endDate: monthStart.add(1, 'month').toDate(),
+    };
+}

package/dist/utils/error-handling.d.ts

@@ -0,0 +1,6 @@
+/**
+ * Set up error handling with panic-overlay
+ * Configures panic-overlay to display errors on screen if the display_errors setting is enabled
+ */
+export declare function setupErrorHandling(): void;
+//# sourceMappingURL=error-handling.d.ts.map

package/dist/utils/error-handling.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"error-handling.d.ts","sourceRoot":"","sources":["../../src/utils/error-handling.ts"],"names":[],"mappings":"AAGA;;;GAGG;AACH,wBAAgB,kBAAkB,IAAI,IAAI,CASzC"}