@flareapp/svelte 2.1.0 → 2.2.1

package/dist/version.d.ts

@@ -1 +1 @@
-export declare const PACKAGE_VERSION = "2.1.0";
+export declare const PACKAGE_VERSION = "2.2.1";

package/dist/version.js

@@ -1,2 +1,2 @@
 // generated during release, do not modify
-export const PACKAGE_VERSION = '2.1.0';
+export const PACKAGE_VERSION = '2.2.1';

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@flareapp/svelte",
-    "version": "2.1.0",
+    "version": "2.2.1",
     "description": "Svelte client for flareapp.io",
     "homepage": "https://flareapp.io",
     "bugs": "https://github.com/spatie/flare-client-js/issues",
@@ -22,6 +22,9 @@
         "Sébastien Henau <seba@spatie.be>"
     ],
     "type": "module",
+    "files": [
+        "dist"
+    ],
     "main": "./dist/index.js",
     "module": "./dist/index.js",
     "svelte": "./dist/index.js",
@@ -60,7 +63,7 @@
         "vitest": "^4.0.0"
     },
     "peerDependencies": {
-        "@flareapp/js": "^2.1.0",
+        "@flareapp/js": "^2.2.1",
         "svelte": "^5.3.0"
     },
     "publishConfig": {

package/.svelte-kit/__package__/FlareErrorBoundary.svelte

@@ -1,78 +0,0 @@
-<script lang="ts">
-    import type { Snippet } from 'svelte';
-
-    import { __flareRegisterComponent, getComponentTreeContext } from './componentTree.js';
-    import { createFlareErrorHandler, type FlareErrorHandlerOptions } from './createFlareErrorHandler.js';
-
-    interface Props {
-        children: Snippet;
-        failed?: Snippet<[error: Error, reset: () => void]>;
-        resetKeys?: unknown[];
-        beforeEvaluate?: FlareErrorHandlerOptions['beforeEvaluate'];
-        beforeSubmit?: FlareErrorHandlerOptions['beforeSubmit'];
-        afterSubmit?: FlareErrorHandlerOptions['afterSubmit'];
-        onReset?: (error: Error | null) => void;
-    }
-
-    let {
-        children,
-        failed: fallbackSnippet,
-        resetKeys,
-        beforeEvaluate,
-        beforeSubmit,
-        afterSubmit,
-        onReset,
-    }: Props = $props();
-
-    let currentError: Error | null = $state(null);
-    let resetBoundary: (() => void) | null = $state(null);
-
-    let previousKeys: unknown[] | undefined;
-    $effect(() => {
-        if (!currentError || !resetKeys) {
-            previousKeys = resetKeys ? [...resetKeys] : undefined;
-            return;
-        }
-
-        const lengthChanged = previousKeys?.length !== resetKeys.length;
-        const valuesChanged = resetKeys.some((key, i) => !Object.is(key, previousKeys?.[i]));
-
-        if (lengthChanged || valuesChanged) {
-            handleReset();
-        }
-
-        previousKeys = [...resetKeys];
-    });
-
-    function handleReset() {
-        const error = currentError;
-        currentError = null;
-        onReset?.(error);
-        resetBoundary?.();
-        resetBoundary = null;
-    }
-
-    const ancestor = __flareRegisterComponent('FlareErrorBoundary', '@flareapp/svelte/FlareErrorBoundary.svelte');
-
-    const handler = $derived(
-        createFlareErrorHandler({ ancestor, beforeEvaluate, beforeSubmit, afterSubmit }),
-    );
-
-    function onerror(rawError: unknown, reset: () => void) {
-        resetBoundary = reset;
-        const error = rawError instanceof Error ? rawError : new Error(String(rawError));
-        currentError = error;
-
-        handler(rawError, reset);
-    }
-</script>
-
-<svelte:boundary {onerror}>
-    {@render children()}
-
-    {#snippet failed(error, reset)}
-        {#if fallbackSnippet}
-            {@render fallbackSnippet(error instanceof Error ? error : new Error(String(error)), handleReset)}
-        {/if}
-    {/snippet}
-</svelte:boundary>

package/.svelte-kit/__package__/FlareErrorBoundary.svelte.d.ts

@@ -1,14 +0,0 @@
-import type { Snippet } from 'svelte';
-import { type FlareErrorHandlerOptions } from './createFlareErrorHandler.js';
-interface Props {
-    children: Snippet;
-    failed?: Snippet<[error: Error, reset: () => void]>;
-    resetKeys?: unknown[];
-    beforeEvaluate?: FlareErrorHandlerOptions['beforeEvaluate'];
-    beforeSubmit?: FlareErrorHandlerOptions['beforeSubmit'];
-    afterSubmit?: FlareErrorHandlerOptions['afterSubmit'];
-    onReset?: (error: Error | null) => void;
-}
-declare const FlareErrorBoundary: import("svelte").Component<Props, {}, "">;
-type FlareErrorBoundary = ReturnType<typeof FlareErrorBoundary>;
-export default FlareErrorBoundary;

package/.svelte-kit/__package__/componentTree.d.ts

@@ -1,9 +0,0 @@
-export interface ComponentTreeNode {
-    name: string;
-    file: string;
-    parent: ComponentTreeNode | null;
-}
-export declare function __flareRegisterComponent(name: string, file: string): ComponentTreeNode;
-export declare function getComponentTreeContext(): ComponentTreeNode | null;
-export declare function lookupComponentTree(fileName: string, ancestor?: ComponentTreeNode | null): string[];
-export declare function findNode(fileName: string, ancestor?: ComponentTreeNode | null): ComponentTreeNode | undefined;

package/.svelte-kit/__package__/componentTree.js

@@ -1,99 +0,0 @@
-import { getContext, onDestroy, setContext } from 'svelte';
-const CONTEXT_KEY = '__flare_component_tree';
-const registry = new Map();
-export function __flareRegisterComponent(name, file) {
-    let parent = null;
-    try {
-        parent = getContext(CONTEXT_KEY) ?? null;
-    }
-    catch {
-        // getContext throws outside component init
-    }
-    const node = { name, file, parent };
-    try {
-        setContext(CONTEXT_KEY, node);
-    }
-    catch {
-        // setContext throws outside component init
-    }
-    let nodes = registry.get(file);
-    if (!nodes) {
-        nodes = new Set();
-        registry.set(file, nodes);
-    }
-    nodes.add(node);
-    try {
-        onDestroy(() => {
-            const set = registry.get(file);
-            if (set) {
-                set.delete(node);
-                if (set.size === 0) {
-                    registry.delete(file);
-                }
-            }
-        });
-    }
-    catch {
-        // onDestroy throws outside component init
-    }
-    return node;
-}
-export function getComponentTreeContext() {
-    try {
-        return getContext(CONTEXT_KEY) ?? null;
-    }
-    catch {
-        return null;
-    }
-}
-export function lookupComponentTree(fileName, ancestor) {
-    const node = findNode(fileName, ancestor);
-    if (!node) {
-        return [];
-    }
-    const hierarchy = [];
-    let current = node;
-    const seen = new Set();
-    while (current && !seen.has(current)) {
-        seen.add(current);
-        hierarchy.push(current.name);
-        current = current.parent;
-    }
-    return hierarchy;
-}
-export function findNode(fileName, ancestor) {
-    const normalizedLookup = normalizePath(fileName);
-    const candidates = [];
-    for (const [registeredFile, nodes] of registry) {
-        const normalizedFile = normalizePath(registeredFile);
-        const match = normalizedLookup === normalizedFile ||
-            normalizedLookup.endsWith(normalizedFile) ||
-            normalizedFile.endsWith(normalizedLookup);
-        if (match) {
-            for (const node of nodes) {
-                candidates.push(node);
-            }
-        }
-    }
-    if (candidates.length === 0) {
-        return undefined;
-    }
-    if (ancestor && candidates.length > 1) {
-        return candidates.find((c) => hasAncestor(c, ancestor)) ?? candidates[0];
-    }
-    return candidates[0];
-}
-function hasAncestor(node, ancestor) {
-    let current = node.parent;
-    const seen = new Set();
-    while (current && !seen.has(current)) {
-        if (current === ancestor)
-            return true;
-        seen.add(current);
-        current = current.parent;
-    }
-    return false;
-}
-function normalizePath(filePath) {
-    return filePath.replace(/\\/g, '/').replace(/^.*?\/src\//, 'src/');
-}

package/.svelte-kit/__package__/config.d.ts

@@ -1,12 +0,0 @@
-import type { PreprocessorGroup } from 'svelte/compiler';
-import { type FlarePreprocessorOptions } from './preprocessor.js';
-interface SvelteConfig {
-    preprocess?: PreprocessorGroup | PreprocessorGroup[];
-    [key: string]: unknown;
-}
-export interface WithFlareConfigOptions {
-    componentTracking?: boolean;
-    exclude?: FlarePreprocessorOptions['exclude'];
-}
-export declare function withFlareConfig(config: SvelteConfig, options?: WithFlareConfigOptions): SvelteConfig;
-export { flarePreprocessor, type FlarePreprocessorOptions } from './preprocessor.js';

package/.svelte-kit/__package__/config.js

@@ -1,25 +0,0 @@
-import { flarePreprocessor } from './preprocessor.js';
-export function withFlareConfig(config, options) {
-    const { componentTracking = true, exclude } = options ?? {};
-    if (!componentTracking) {
-        return config;
-    }
-    const existing = normalizePreprocessors(config.preprocess);
-    if (existing.some((p) => !!p.__flareId)) {
-        return config;
-    }
-    const preprocessor = flarePreprocessor({ exclude });
-    preprocessor.__flareId = true;
-    return {
-        ...config,
-        preprocess: [preprocessor, ...existing],
-    };
-}
-function normalizePreprocessors(preprocess) {
-    if (!preprocess)
-        return [];
-    if (Array.isArray(preprocess))
-        return preprocess;
-    return [preprocess];
-}
-export { flarePreprocessor } from './preprocessor.js';

package/.svelte-kit/__package__/contextToAttributes.d.ts

@@ -1,3 +0,0 @@
-import type { Attributes } from '@flareapp/js';
-import type { FlareSvelteContext } from './types.js';
-export declare function contextToAttributes(context: FlareSvelteContext): Attributes;

package/.svelte-kit/__package__/contextToAttributes.js

@@ -1,7 +0,0 @@
-export function contextToAttributes(context) {
-    return {
-        'context.custom': {
-            svelte: context.svelte,
-        },
-    };
-}

package/.svelte-kit/__package__/createFlareErrorHandler.d.ts

@@ -1,17 +0,0 @@
-import type { ComponentTreeNode } from './componentTree.js';
-import type { FlareSvelteContext } from './types.js';
-export interface FlareErrorHandlerOptions {
-    ancestor?: ComponentTreeNode | null;
-    beforeEvaluate?: (params: {
-        error: Error;
-    }) => void;
-    beforeSubmit?: (params: {
-        error: Error;
-        context: FlareSvelteContext;
-    }) => FlareSvelteContext;
-    afterSubmit?: (params: {
-        error: Error;
-        context: FlareSvelteContext;
-    }) => void;
-}
-export declare function createFlareErrorHandler(options?: FlareErrorHandlerOptions): (rawError: unknown, _reset: () => void) => Promise<void>;

package/.svelte-kit/__package__/createFlareErrorHandler.js

@@ -1,34 +0,0 @@
-import { convertToError, flare } from '@flareapp/js';
-import ErrorStackParser from 'error-stack-parser';
-import { contextToAttributes } from './contextToAttributes.js';
-import { extractComponentInfo } from './extractComponentInfo.js';
-import { getErrorOrigin } from './getErrorOrigin.js';
-import { registerSvelteSdkIdentity } from './identify.js';
-registerSvelteSdkIdentity();
-export function createFlareErrorHandler(options) {
-    return async (rawError, _reset) => {
-        const error = convertToError(rawError);
-        options?.beforeEvaluate?.({ error });
-        let frames = [];
-        try {
-            frames = ErrorStackParser.parse(error);
-        }
-        catch {
-            // unparseable stack
-        }
-        const { componentName, componentHierarchy } = extractComponentInfo(frames, options?.ancestor);
-        const errorOrigin = getErrorOrigin(frames);
-        let context = {
-            svelte: {
-                componentName,
-                componentHierarchy,
-                errorOrigin,
-            },
-        };
-        if (options?.beforeSubmit) {
-            context = options.beforeSubmit({ error, context });
-        }
-        flare.reportSilently(error, contextToAttributes(context));
-        options?.afterSubmit?.({ error, context });
-    };
-}

package/.svelte-kit/__package__/extractComponentInfo.d.ts

@@ -1,8 +0,0 @@
-import type ErrorStackParser from 'error-stack-parser';
-import { type ComponentTreeNode } from './componentTree.js';
-interface ComponentInfo {
-    componentName: string | null;
-    componentHierarchy: string[];
-}
-export declare function extractComponentInfo(frames: ErrorStackParser.StackFrame[], ancestor?: ComponentTreeNode | null): ComponentInfo;
-export {};

package/.svelte-kit/__package__/extractComponentInfo.js

@@ -1,42 +0,0 @@
-import { lookupComponentTree } from './componentTree.js';
-export function extractComponentInfo(frames, ancestor) {
-    const svelteFrames = frames.filter((frame) => frame.fileName && frame.fileName.includes('.svelte'));
-    if (svelteFrames.length === 0) {
-        return { componentName: null, componentHierarchy: [] };
-    }
-    // Try the preprocessor-based component tree first.
-    // Walk each .svelte frame until we find one that was registered.
-    for (const frame of svelteFrames) {
-        if (!frame.fileName)
-            continue;
-        const treeHierarchy = lookupComponentTree(frame.fileName, ancestor);
-        if (treeHierarchy.length > 0) {
-            return {
-                componentName: treeHierarchy[0],
-                componentHierarchy: treeHierarchy,
-            };
-        }
-    }
-    // Fallback: extract names from stack frames only (no preprocessor).
-    const names = [];
-    for (const frame of svelteFrames) {
-        const name = extractName(frame);
-        if (name && name !== names[names.length - 1]) {
-            names.push(name);
-        }
-    }
-    return {
-        componentName: names[0] ?? null,
-        componentHierarchy: names,
-    };
-}
-function extractName(frame) {
-    if (frame.functionName && frame.functionName !== '<anonymous>' && !frame.functionName.includes('.')) {
-        return frame.functionName;
-    }
-    if (frame.fileName) {
-        const match = frame.fileName.match(/([^/]+)\.svelte/);
-        return match?.[1] ?? null;
-    }
-    return null;
-}

package/.svelte-kit/__package__/getErrorOrigin.d.ts

@@ -1,3 +0,0 @@
-import type ErrorStackParser from 'error-stack-parser';
-import type { SvelteErrorOrigin } from './types.js';
-export declare function getErrorOrigin(frames: ErrorStackParser.StackFrame[]): SvelteErrorOrigin;

package/.svelte-kit/__package__/getErrorOrigin.js

@@ -1,64 +0,0 @@
-// Heuristic classification of where a Svelte error originated, based on stack frame inspection.
-//
-// Svelte's onMount/beforeUpdate/$effect callbacks, DOM event handlers, and render functions
-// all produce errors that look identical at the catch site (the error boundary sees a plain Error
-// either way). The only distinguishing signal is the stack trace: different origins leave
-// recognizable function names, file names, or DOM API calls in the frames.
-//
-// We check patterns in priority order: event > effect > render > unknown.
-// Priority matters because an event handler inside a Svelte component would match both
-// EVENT_PATTERNS and the .svelte filename check; we want 'event' to win.
-// Inline event handlers (onclick, onsubmit, ...) and DOM event API calls.
-// Browsers compile `onclick={handler}` to `.onclick = ...` or `addEventListener(...)`,
-// so these patterns catch both Svelte's compiled output and manual DOM calls.
-const EVENT_PATTERNS = [
-    /\.onclick\b/i,
-    /\.onsubmit\b/i,
-    /\.onchange\b/i,
-    /\.oninput\b/i,
-    /\.onkeydown\b/i,
-    /\.onkeyup\b/i,
-    /\.onfocus\b/i,
-    /\.onblur\b/i,
-    /\.onmouse/i,
-    /\.onpointer/i,
-    /\.ontouch/i,
-    /addEventListener/,
-    /dispatchEvent/,
-    /EventTarget\./,
-    /HTMLElement\./,
-    /HTMLButtonElement\./,
-    /HTMLInputElement\./,
-    /HTMLFormElement\./,
-];
-// Async side-effects: $effect callbacks, onMount microtasks, promise continuations.
-// Svelte 5 schedules effects via queueMicrotask; promise chains and MutationObserver
-// callbacks are also async side-effects, not render-phase code.
-const EFFECT_PATTERNS = [/queueMicrotask/, /Promise\.then/, /Promise\.catch/, /MutationObserver/];
-// Inspects a parsed stack trace and classifies the error origin into one of:
-//   'event'   - error happened in a DOM event handler
-//   'effect'  - error happened in an async side-effect ($effect, onMount, promise)
-//   'render'  - error happened during Svelte component render (template/script top-level)
-//   'unknown' - no frames or no recognizable pattern
-export function getErrorOrigin(frames) {
-    if (frames.length === 0) {
-        return 'unknown';
-    }
-    // Flatten each frame into a single searchable string so regex matching is straightforward.
-    const frameStrings = frames.map((f) => `${f.functionName ?? ''} ${f.fileName ?? ''} ${f.source ?? ''}`);
-    // Check event patterns first (highest priority).
-    if (frameStrings.some((s) => EVENT_PATTERNS.some((p) => p.test(s)))) {
-        return 'event';
-    }
-    // Then async effect patterns.
-    if (frameStrings.some((s) => EFFECT_PATTERNS.some((p) => p.test(s)))) {
-        return 'effect';
-    }
-    // If any frame originates from a .svelte file but didn't match event/effect,
-    // the error most likely occurred during the synchronous render phase.
-    const hasSvelteFrame = frames.some((f) => f.fileName?.includes('.svelte'));
-    if (hasSvelteFrame) {
-        return 'render';
-    }
-    return 'unknown';
-}

package/.svelte-kit/__package__/identify.d.ts

@@ -1 +0,0 @@
-export declare function registerSvelteSdkIdentity(): void;

package/.svelte-kit/__package__/identify.js

@@ -1,10 +0,0 @@
-import { flare } from '@flareapp/js';
-import { PACKAGE_VERSION } from './version.js';
-let registered = false;
-export function registerSvelteSdkIdentity() {
-    if (registered)
-        return;
-    registered = true;
-    flare.setSdkInfo({ name: '@flareapp/svelte', version: PACKAGE_VERSION });
-    flare.setFramework({ name: 'Svelte' });
-}

package/.svelte-kit/__package__/index.d.ts

@@ -1,6 +0,0 @@
-export { default as FlareErrorBoundary } from './FlareErrorBoundary.svelte';
-export { createFlareErrorHandler, type FlareErrorHandlerOptions } from './createFlareErrorHandler.js';
-export { __flareRegisterComponent, getComponentTreeContext } from './componentTree.js';
-export { withFlareConfig, type WithFlareConfigOptions } from './config.js';
-export { flarePreprocessor, type FlarePreprocessorOptions } from './preprocessor.js';
-export type { FlareSvelteContext, SvelteErrorOrigin } from './types.js';

package/.svelte-kit/__package__/index.js

@@ -1,7 +0,0 @@
-import { registerSvelteSdkIdentity } from './identify.js';
-registerSvelteSdkIdentity();
-export { default as FlareErrorBoundary } from './FlareErrorBoundary.svelte';
-export { createFlareErrorHandler } from './createFlareErrorHandler.js';
-export { __flareRegisterComponent, getComponentTreeContext } from './componentTree.js';
-export { withFlareConfig } from './config.js';
-export { flarePreprocessor } from './preprocessor.js';

package/.svelte-kit/__package__/preprocessor.d.ts

@@ -1,5 +0,0 @@
-import type { PreprocessorGroup } from 'svelte/compiler';
-export interface FlarePreprocessorOptions {
-    exclude?: RegExp;
-}
-export declare function flarePreprocessor(options?: FlarePreprocessorOptions): PreprocessorGroup;

package/.svelte-kit/__package__/preprocessor.js

@@ -1,53 +0,0 @@
-export function flarePreprocessor(options) {
-    const exclude = options?.exclude;
-    return {
-        name: 'flare-component-tree',
-        markup({ content, filename }) {
-            if (!filename?.includes('.svelte')) {
-                return;
-            }
-            if (exclude?.test(filename)) {
-                return;
-            }
-            const hasScript = /<script[\s>]/i.test(content);
-            if (hasScript) {
-                return;
-            }
-            const componentName = extractComponentName(filename);
-            const escapedFile = escapeString(filename);
-            const injection = `<script>\n` +
-                `import { __flareRegisterComponent as __flare_reg__ } from '@flareapp/svelte';\n` +
-                `const __flare_node__ = __flare_reg__('${componentName}', '${escapedFile}');\n` +
-                `</script>\n`;
-            return {
-                code: injection + content,
-            };
-        },
-        script({ content, filename, attributes }) {
-            if (!filename?.includes('.svelte')) {
-                return;
-            }
-            if (exclude?.test(filename)) {
-                return;
-            }
-            if (attributes.context === 'module' || attributes.module != null) {
-                return;
-            }
-            const componentName = extractComponentName(filename);
-            const escapedFile = escapeString(filename);
-            const injection = `import { __flareRegisterComponent as __flare_reg__ } from '@flareapp/svelte';\n` +
-                `const __flare_node__ = __flare_reg__('${componentName}', '${escapedFile}');\n`;
-            return {
-                code: injection + content,
-            };
-        },
-    };
-}
-function extractComponentName(filename) {
-    const normalized = filename.replace(/\\/g, '/');
-    const base = normalized.split('/').pop() ?? filename;
-    return base.replace(/\.svelte$/, '');
-}
-function escapeString(str) {
-    return str.replace(/\\/g, '\\\\').replace(/'/g, "\\'");
-}

package/.svelte-kit/__package__/types.d.ts

@@ -1,8 +0,0 @@
-export type SvelteErrorOrigin = 'render' | 'event' | 'effect' | 'unknown';
-export interface FlareSvelteContext {
-    svelte: {
-        componentName: string | null;
-        componentHierarchy: string[];
-        errorOrigin: SvelteErrorOrigin;
-    };
-}

package/.svelte-kit/__package__/types.js

@@ -1 +0,0 @@
-export {};

package/.svelte-kit/__package__/version.d.ts

@@ -1 +0,0 @@
-export declare const PACKAGE_VERSION = "2.1.0";

package/.svelte-kit/__package__/version.js

@@ -1,2 +0,0 @@
-// generated during release, do not modify
-export const PACKAGE_VERSION = '2.1.0';

package/test-results/.last-run.json

@@ -1,4 +0,0 @@
-{
-  "status": "failed",
-  "failedTests": []
-}