@symbiote-native/glass-effect 0.0.0-stage → 0.0.0

package/package.json

@@ -1,6 +1,148 @@
 {
   "name": "@symbiote-native/glass-effect",
-  "version": "0.0.0-stage",
-  "stub": true,
-  "description": "Temporary package placeholder for staged publishing"
+  "version": "0.0.0",
+  "description": "expo-glass-effect wrapped for SymbioteNative — one framework-agnostic core, built once and reachable from the React, Vue, Svelte, Solid, and Angular adapters. Liquid Glass native views for iOS 26 and a plain View elsewhere.",
+  "license": "MIT",
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/OneEyed1366/symbiote-native.git",
+    "directory": "packages/glass-effect"
+  },
+  "homepage": "https://github.com/OneEyed1366/symbiote-native/tree/master/packages/glass-effect#readme",
+  "bugs": {
+    "url": "https://github.com/OneEyed1366/symbiote-native/issues"
+  },
+  "author": "Andrey Prokopenko <psevdoproger@gmail.com>",
+  "keywords": [
+    "react-native",
+    "symbiote-native",
+    "expo-glass-effect",
+    "react",
+    "vue",
+    "svelte",
+    "solid",
+    "angular",
+    "liquid-glass",
+    "glass-effect"
+  ],
+  "type": "module",
+  "main": "./build/core/index.js",
+  "module": "./build/core/index.js",
+  "types": "./build/core/index.d.ts",
+  "exports": {
+    ".": {
+      "types": "./build/core/index.d.ts",
+      "default": "./build/core/index.js"
+    },
+    "./vue": {
+      "types": "./build/vue/index.d.ts",
+      "default": "./build/vue/index.js"
+    },
+    "./react": {
+      "types": "./build/react/index.d.ts",
+      "default": "./build/react/index.js"
+    },
+    "./svelte": "./src/svelte/index.ts",
+    "./solid": {
+      "types": "./build/solid/index.d.ts",
+      "default": "./build/solid/index.js"
+    },
+    "./angular": {
+      "types": "./build-ngc/angular/index.d.ts",
+      "react-native": "./build-ngc/angular/index.js",
+      "default": "./src/angular/index.ts"
+    }
+  },
+  "files": [
+    "src",
+    "build",
+    "build-ngc",
+    "native-link.json",
+    "!src/**/*.test.*",
+    "!src/**/*.spec.*",
+    "!src/**/*.detox.*"
+  ],
+  "publishConfig": {
+    "access": "public"
+  },
+  "dependencies": {
+    "expo-glass-effect": "57.0.4",
+    "expo-modules-core": "57.0.20",
+    "@symbiote-native/components": "3.1.4"
+  },
+  "peerDependencies": {
+    "@angular/core": ">=20",
+    "@vue/runtime-core": "^3.5.13",
+    "react": ">=19.0.0",
+    "react-native": ">=0.86",
+    "solid-js": ">=1.9.0",
+    "svelte": ">=5.56.0",
+    "vue": ">=3.5.0",
+    "@symbiote-native/angular": "^3.2.0",
+    "@symbiote-native/engine": "^1.5.0",
+    "@symbiote-native/react": "^3.2.0",
+    "@symbiote-native/svelte": "^3.1.0",
+    "@symbiote-native/solid": "^3.1.0",
+    "@symbiote-native/vue": "^3.2.0"
+  },
+  "peerDependenciesMeta": {
+    "@symbiote-native/angular": {
+      "optional": true
+    },
+    "@symbiote-native/react": {
+      "optional": true
+    },
+    "@symbiote-native/solid": {
+      "optional": true
+    },
+    "@symbiote-native/svelte": {
+      "optional": true
+    },
+    "@symbiote-native/vue": {
+      "optional": true
+    },
+    "@angular/core": {
+      "optional": true
+    },
+    "@vue/runtime-core": {
+      "optional": true
+    },
+    "react": {
+      "optional": true
+    },
+    "solid-js": {
+      "optional": true
+    },
+    "svelte": {
+      "optional": true
+    },
+    "vue": {
+      "optional": true
+    }
+  },
+  "devDependencies": {
+    "@angular/compiler": "~22.0.8",
+    "@angular/compiler-cli": "~22.0.8",
+    "@angular/core": "~22.0.8",
+    "@types/node": "^26.0.0",
+    "@types/react": "^19.2.0",
+    "@vue/runtime-core": "^3.5.13",
+    "react": "19.2.3",
+    "solid-js": "^1.9.14",
+    "svelte": "^5.56.0",
+    "typescript": "~6.0.0",
+    "@symbiote-native/angular": "3.2.0",
+    "@symbiote-native/svelte": "3.1.0",
+    "@symbiote-native/solid": "3.1.0",
+    "@symbiote-native/engine": "1.5.0",
+    "@symbiote-native/react": "3.2.0",
+    "@symbiote-native/test-utils": "0.4.6",
+    "@symbiote-native/vue": "3.2.0"
+  },
+  "scripts": {
+    "typecheck": "tsc --build",
+    "clean": "rm -rf build-ngc",
+    "ng:build": "pnpm run clean && ngc -p tsconfig.angular.json",
+    "format": "prettier --write \"src/**/*.{ts,tsx}\""
+  }
 }

package/src/angular/glass/index.android.ts

@@ -0,0 +1,27 @@
+import { ChangeDetectionStrategy, Component } from '@angular/core';
+import { DescriptorHost } from '@symbiote-native/angular';
+import { GlassContainerBase, GlassViewBase } from './shared';
+
+/** Angular twin of `expo-glass-effect`'s `GlassView`, a plain View off iOS */
+@Component({
+  selector: 'GlassView',
+  standalone: true,
+  imports: [DescriptorHost],
+  changeDetection: ChangeDetectionStrategy.OnPush,
+  template: `@if (descriptor; as node) {
+    <symbiote-descriptor-host [node]="node"><ng-content /></symbiote-descriptor-host>
+  }`,
+})
+export class GlassView extends GlassViewBase {}
+
+/** Angular twin of `expo-glass-effect`'s `GlassContainer`, a plain View off iOS */
+@Component({
+  selector: 'GlassContainer',
+  standalone: true,
+  imports: [DescriptorHost],
+  changeDetection: ChangeDetectionStrategy.OnPush,
+  template: `@if (descriptor; as node) {
+    <symbiote-descriptor-host [node]="node"><ng-content /></symbiote-descriptor-host>
+  }`,
+})
+export class GlassContainer extends GlassContainerBase {}

package/src/angular/glass/index.ios.ts

@@ -0,0 +1,57 @@
+import {
+  ChangeDetectionStrategy,
+  Component,
+  NO_ERRORS_SCHEMA,
+} from '@angular/core';
+import { SymbioteHostPropsDirective } from '@symbiote-native/angular';
+import { warnIfViewNameIsDynamic } from '@symbiote-native/engine';
+import { GLASS_EFFECT_MODULE_NAME } from '../../core';
+import { GlassContainerBase, GlassViewBase } from './shared';
+
+const VIEW_TAG = 'ViewManagerAdapter_ExpoGlassEffect_GlassView';
+const CONTAINER_TAG = 'ViewManagerAdapter_ExpoGlassEffect_GlassContainer';
+
+/** Angular twin of `expo-glass-effect`'s `GlassView`, content goes inside the native view */
+@Component({
+  selector: 'GlassView',
+  standalone: true,
+  imports: [SymbioteHostPropsDirective],
+  schemas: [NO_ERRORS_SCHEMA],
+  changeDetection: ChangeDetectionStrategy.OnPush,
+  // Имя тега это нативное имя view, его нельзя собрать динамически
+  template: `@if (descriptor; as node) {
+    <ViewManagerAdapter_ExpoGlassEffect_GlassView [symbioteHostProps]="node.props">
+      <ng-content />
+    </ViewManagerAdapter_ExpoGlassEffect_GlassView>
+  }`,
+})
+export class GlassView extends GlassViewBase {
+  constructor() {
+    super();
+    warnIfViewNameIsDynamic(VIEW_TAG, GLASS_EFFECT_MODULE_NAME, 'GlassView');
+  }
+}
+
+/** Angular twin of `expo-glass-effect`'s `GlassContainer`, merges the glass views it holds */
+@Component({
+  selector: 'GlassContainer',
+  standalone: true,
+  imports: [SymbioteHostPropsDirective],
+  schemas: [NO_ERRORS_SCHEMA],
+  changeDetection: ChangeDetectionStrategy.OnPush,
+  template: `@if (descriptor; as node) {
+    <ViewManagerAdapter_ExpoGlassEffect_GlassContainer [symbioteHostProps]="node.props">
+      <ng-content />
+    </ViewManagerAdapter_ExpoGlassEffect_GlassContainer>
+  }`,
+})
+export class GlassContainer extends GlassContainerBase {
+  constructor() {
+    super();
+    warnIfViewNameIsDynamic(
+      CONTAINER_TAG,
+      GLASS_EFFECT_MODULE_NAME,
+      'GlassContainer',
+    );
+  }
+}

package/src/angular/glass/index.ts

@@ -0,0 +1,2 @@
+// Базовая точка для headless и tsc, Metro берёт `index.ios` или `index.android`
+export { GlassContainer, GlassView } from './index.ios';

package/src/angular/glass/shared.ts

@@ -0,0 +1,38 @@
+import { Directive, Input } from '@angular/core';
+import { NativeViewBase } from '@symbiote-native/angular';
+import type { IDescriptor } from '@symbiote-native/components';
+import { renderGlassContainer, renderGlassView } from '../../core';
+import type { IGlassContainerProps, IGlassViewProps } from '../../core';
+
+// Inputs и сборка дескриптора общие, платформы различаются только шаблоном
+@Directive()
+export abstract class GlassViewBase extends NativeViewBase {
+  @Input() glassEffectStyle?: IGlassViewProps['glassEffectStyle'];
+  @Input() tintColor?: IGlassViewProps['tintColor'];
+  @Input() isInteractive?: IGlassViewProps['isInteractive'];
+  @Input() colorScheme?: IGlassViewProps['colorScheme'];
+
+  protected override readonly propNames = [
+    'glassEffectStyle',
+    'tintColor',
+    'isInteractive',
+    'colorScheme',
+  ] as const satisfies readonly (keyof GlassViewBase)[];
+
+  protected override renderView(props: object): IDescriptor {
+    return renderGlassView(props);
+  }
+}
+
+@Directive()
+export abstract class GlassContainerBase extends NativeViewBase {
+  @Input() spacing?: IGlassContainerProps['spacing'];
+
+  protected override readonly propNames = [
+    'spacing',
+  ] as const satisfies readonly (keyof GlassContainerBase)[];
+
+  protected override renderView(props: object): IDescriptor {
+    return renderGlassContainer(props);
+  }
+}

package/src/angular/index.ts

@@ -0,0 +1,15 @@
+// @symbiote-native/glass-effect/angular: компоненты `GlassView` и `GlassContainer` поверх общего ядра
+
+export { GlassContainer, GlassView } from './glass';
+export {
+  GLASS_EFFECT_MODULE_NAME,
+  glassContainerName,
+  glassViewName,
+  isGlassEffectAPIAvailable,
+  isLiquidGlassAvailable,
+  type IGlassColorScheme,
+  type IGlassContainerProps,
+  type IGlassEffectStyleConfig,
+  type IGlassStyle,
+  type IGlassViewProps,
+} from '../core';

package/src/core/glass-effect.ts

@@ -0,0 +1,160 @@
+// Ядро `GlassView` и `GlassContainer`, порт expo-glass-effect, нативное только на iOS
+import {
+  Platform,
+  requireNativeModule,
+  requireNativeViewManager,
+} from 'expo-modules-core';
+import { el } from '@symbiote-native/components';
+import type {
+  IAccessibilityProps,
+  IAriaProps,
+  IDescriptor,
+  IResponderProps,
+} from '@symbiote-native/components';
+import { defineExpoNativeViews } from '@symbiote-native/engine';
+import type {
+  IColorValue,
+  IStyleProp,
+  ISymbioteEvent,
+  IViewStyle,
+} from '@symbiote-native/engine';
+
+export const GLASS_EFFECT_MODULE_NAME = 'ExpoGlassEffect';
+const GLASS_VIEW_NAME = 'GlassView';
+const GLASS_CONTAINER_NAME = 'GlassContainer';
+
+export type IGlassStyle = 'clear' | 'regular' | 'none';
+
+export type IGlassEffectStyleConfig = {
+  /** The glass effect style to apply */
+  style: IGlassStyle;
+  /**
+   * Whether to animate the style change
+   * @default false
+   */
+  animate?: boolean;
+  /** Duration of the animation in seconds, the system default when omitted */
+  animationDuration?: number;
+};
+
+export type IGlassColorScheme = 'auto' | 'light' | 'dark';
+
+type IViewSurface = IAccessibilityProps &
+  IAriaProps &
+  IResponderProps & {
+    style?: IStyleProp<IViewStyle>;
+    testID?: string;
+    nativeID?: string;
+    onLayout?: (event: ISymbioteEvent) => void;
+  };
+
+export type IGlassViewProps = IViewSurface & {
+  /**
+   * A style name or a config object that controls the animation
+   * @default 'regular'
+   */
+  glassEffectStyle?: IGlassStyle | IGlassEffectStyleConfig;
+  tintColor?: IColorValue;
+  /**
+   * @default false
+   */
+  isInteractive?: boolean;
+  /**
+   * Overrides the system appearance when the app has its own theme toggle
+   * @default 'auto'
+   */
+  colorScheme?: IGlassColorScheme;
+};
+
+export type IGlassContainerProps = IViewSurface & {
+  /** The distance at which glass elements start affecting each other */
+  spacing?: number;
+};
+
+// Эти ключи имеют смысл только у нативного view, у обычного View их быть не должно
+const GLASS_VIEW_KEYS: ReadonlySet<string> = new Set<keyof IGlassViewProps>([
+  'glassEffectStyle',
+  'tintColor',
+  'isInteractive',
+  'colorScheme',
+]);
+const GLASS_CONTAINER_KEYS: ReadonlySet<string> = new Set<
+  keyof IGlassContainerProps
+>(['spacing']);
+
+// Регистрация идёт при рендере: побочный эффект барреля теряется в release
+const views = defineExpoNativeViews(
+  requireNativeViewManager,
+  GLASS_EFFECT_MODULE_NAME,
+  { glass: GLASS_VIEW_NAME, container: GLASS_CONTAINER_NAME },
+);
+
+export const glassViewName = views.glass.name;
+export const glassContainerName = views.container.name;
+export const ensureGlassViewRegistered = views.glass.ensureRegistered;
+export const ensureGlassContainerRegistered = views.container.ensureRegistered;
+
+function runsOnIos(): boolean {
+  return Platform.select({ ios: true, default: false });
+}
+
+function withoutKeys(
+  props: object,
+  keys: ReadonlySet<string>,
+): Record<string, unknown> {
+  return Object.fromEntries(
+    Object.entries(props).filter(([key]) => !keys.has(key)),
+  );
+}
+
+// `object`, а не тип пропсов: Vue и Angular отдают нетипизированный набор атрибутов
+export function renderGlassView(props: object): IDescriptor {
+  if (!runsOnIos()) return el('view', withoutKeys(props, GLASS_VIEW_KEYS));
+  if (!ensureGlassViewRegistered()) {
+    console.warn('GlassView is not available on this platform');
+    return el('view', withoutKeys(props, GLASS_VIEW_KEYS));
+  }
+  return el(glassViewName(), { ...props });
+}
+
+export function renderGlassContainer(props: object): IDescriptor {
+  if (!runsOnIos()) {
+    return el('view', withoutKeys(props, GLASS_CONTAINER_KEYS));
+  }
+  if (!ensureGlassContainerRegistered()) {
+    console.warn('GlassContainer is not available on this platform');
+    return el('view', withoutKeys(props, GLASS_CONTAINER_KEYS));
+  }
+  return el(glassContainerName(), { ...props });
+}
+
+let isLiquidGlass: boolean | undefined;
+let isGlassApi: boolean | undefined;
+
+/**
+ * Whether the app renders with the Liquid Glass design, component availability only
+ * Accessibility settings can still limit the effect, see `AccessibilityInfo`
+ * @platform ios
+ */
+export function isLiquidGlassAvailable(): boolean {
+  if (!runsOnIos()) return false;
+  isLiquidGlass ??= !!Reflect.get(
+    requireNativeModule(GLASS_EFFECT_MODULE_NAME),
+    'isLiquidGlassAvailable',
+  );
+  return isLiquidGlass;
+}
+
+/**
+ * Whether the Liquid Glass API exists at runtime, some iOS 26 betas lack it and crash
+ * Check before using `GlassView` and `GlassContainer`
+ * @platform ios
+ */
+export function isGlassEffectAPIAvailable(): boolean {
+  if (!runsOnIos()) return false;
+  isGlassApi ??= !!Reflect.get(
+    requireNativeModule(GLASS_EFFECT_MODULE_NAME),
+    'isGlassEffectAPIAvailable',
+  );
+  return isGlassApi;
+}

package/src/core/index.ts

@@ -0,0 +1,16 @@
+export {
+  GLASS_EFFECT_MODULE_NAME,
+  ensureGlassContainerRegistered,
+  ensureGlassViewRegistered,
+  glassContainerName,
+  glassViewName,
+  isGlassEffectAPIAvailable,
+  isLiquidGlassAvailable,
+  renderGlassContainer,
+  renderGlassView,
+  type IGlassColorScheme,
+  type IGlassContainerProps,
+  type IGlassEffectStyleConfig,
+  type IGlassStyle,
+  type IGlassViewProps,
+} from './glass-effect';

package/src/react/glass-effect.ts

@@ -0,0 +1,34 @@
+import { createElement } from 'react';
+import type { ReactElement, ReactNode, RefObject } from 'react';
+import type { IHostInstance, IViewProps } from '@symbiote-native/react';
+import { renderGlassContainer, renderGlassView } from '../core';
+import type { IGlassContainerProps, IGlassViewProps } from '../core';
+
+// Поверхность View как у `ViewProps` в upstream, дети и `className` свои у React
+export type IGlassViewReactProps = IGlassViewProps &
+  Omit<IViewProps, keyof IGlassViewProps | 'children' | 'ref'> & {
+    ref?: RefObject<IHostInstance | null>;
+    children?: ReactNode;
+    className?: string;
+  };
+
+export type IGlassContainerReactProps = IGlassContainerProps &
+  Omit<IViewProps, keyof IGlassContainerProps | 'children' | 'ref'> & {
+    ref?: RefObject<IHostInstance | null>;
+    children?: ReactNode;
+    className?: string;
+  };
+
+/** React twin of `expo-glass-effect`'s `GlassView`, native on iOS and a plain View elsewhere */
+export function GlassView(props: IGlassViewReactProps): ReactElement {
+  const { children, ...rest } = props;
+  const descriptor = renderGlassView(rest);
+  return createElement(descriptor.type, descriptor.props, children);
+}
+
+/** React twin of `expo-glass-effect`'s `GlassContainer`, merges the glass views it holds */
+export function GlassContainer(props: IGlassContainerReactProps): ReactElement {
+  const { children, ...rest } = props;
+  const descriptor = renderGlassContainer(rest);
+  return createElement(descriptor.type, descriptor.props, children);
+}

package/src/react/index.ts

@@ -0,0 +1,17 @@
+// @symbiote-native/glass-effect/react: компоненты `GlassView` и `GlassContainer` поверх общего ядра
+
+export { GlassContainer, GlassView } from './glass-effect';
+export type {
+  IGlassContainerReactProps as IGlassContainerProps,
+  IGlassViewReactProps as IGlassViewProps,
+} from './glass-effect';
+export {
+  GLASS_EFFECT_MODULE_NAME,
+  glassContainerName,
+  glassViewName,
+  isGlassEffectAPIAvailable,
+  isLiquidGlassAvailable,
+  type IGlassColorScheme,
+  type IGlassEffectStyleConfig,
+  type IGlassStyle,
+} from '../core';

package/src/solid/glass-effect.ts

@@ -0,0 +1,27 @@
+import type { JSX } from 'solid-js';
+import { defineDescriptorComponent } from '@symbiote-native/solid';
+import type { IViewProps } from '@symbiote-native/solid';
+import type { IClassNameValue } from '@symbiote-native/engine';
+import { renderGlassContainer, renderGlassView } from '../core';
+import type { IGlassContainerProps, IGlassViewProps } from '../core';
+
+// Поверхность View как у `ViewProps` в upstream, дети и `class` свои у Solid
+export type IGlassViewSolidProps = IGlassViewProps &
+  Omit<IViewProps, keyof IGlassViewProps | 'children'> & {
+    children?: JSX.Element;
+    class?: IClassNameValue;
+  };
+
+export type IGlassContainerSolidProps = IGlassContainerProps &
+  Omit<IViewProps, keyof IGlassContainerProps | 'children'> & {
+    children?: JSX.Element;
+    class?: IClassNameValue;
+  };
+
+/** Solid twin of `expo-glass-effect`'s `GlassView`, native on iOS and a plain View elsewhere */
+export const GlassView =
+  defineDescriptorComponent<IGlassViewSolidProps>(renderGlassView);
+
+/** Solid twin of `expo-glass-effect`'s `GlassContainer`, merges the glass views it holds */
+export const GlassContainer =
+  defineDescriptorComponent<IGlassContainerSolidProps>(renderGlassContainer);

package/src/solid/index.ts

@@ -0,0 +1,17 @@
+// @symbiote-native/glass-effect/solid: компоненты `GlassView` и `GlassContainer` поверх общего ядра
+
+export { GlassContainer, GlassView } from './glass-effect';
+export type {
+  IGlassContainerSolidProps as IGlassContainerProps,
+  IGlassViewSolidProps as IGlassViewProps,
+} from './glass-effect';
+export {
+  GLASS_EFFECT_MODULE_NAME,
+  glassContainerName,
+  glassViewName,
+  isGlassEffectAPIAvailable,
+  isLiquidGlassAvailable,
+  type IGlassColorScheme,
+  type IGlassEffectStyleConfig,
+  type IGlassStyle,
+} from '../core';

package/src/svelte/glass-container.svelte

@@ -0,0 +1,14 @@
+<script lang="ts">
+  import DescriptorHost from '@symbiote-native/svelte/descriptor-host';
+  import { renderGlassContainer } from '../core';
+  import type { IGlassContainerSvelteProps } from './glass-props';
+
+  let {
+    children,
+    ref = $bindable(),
+    ...rest
+  }: IGlassContainerSvelteProps = $props();
+  const descriptor = $derived(renderGlassContainer({ ...rest }));
+</script>
+
+<DescriptorHost {descriptor} bind:ref {children} />

package/src/svelte/glass-props.ts

@@ -0,0 +1,18 @@
+import type { Snippet } from 'svelte';
+import type { IViewProps } from '@symbiote-native/svelte';
+import type { IGlassContainerProps, IGlassViewProps } from '../core';
+
+// Поверхность View как у `ViewProps` в upstream, дети идут сниппетом
+export type IGlassViewSvelteProps = IGlassViewProps &
+  Omit<IViewProps, keyof IGlassViewProps | 'children'> & {
+    /** Host-ref через `bind:ref` */
+    ref?: unknown;
+    children?: Snippet;
+  };
+
+export type IGlassContainerSvelteProps = IGlassContainerProps &
+  Omit<IViewProps, keyof IGlassContainerProps | 'children'> & {
+    /** Host-ref через `bind:ref` */
+    ref?: unknown;
+    children?: Snippet;
+  };

package/src/svelte/glass-view.svelte

@@ -0,0 +1,10 @@
+<script lang="ts">
+  import DescriptorHost from '@symbiote-native/svelte/descriptor-host';
+  import { renderGlassView } from '../core';
+  import type { IGlassViewSvelteProps } from './glass-props';
+
+  let { children, ref = $bindable(), ...rest }: IGlassViewSvelteProps = $props();
+  const descriptor = $derived(renderGlassView({ ...rest }));
+</script>
+
+<DescriptorHost {descriptor} bind:ref {children} />

package/src/svelte/index.ts

@@ -0,0 +1,18 @@
+// @symbiote-native/glass-effect/svelte: компоненты `GlassView` и `GlassContainer` поверх общего ядра
+
+export { default as GlassContainer } from './glass-container.svelte';
+export { default as GlassView } from './glass-view.svelte';
+export type {
+  IGlassContainerSvelteProps as IGlassContainerProps,
+  IGlassViewSvelteProps as IGlassViewProps,
+} from './glass-props';
+export {
+  GLASS_EFFECT_MODULE_NAME,
+  glassContainerName,
+  glassViewName,
+  isGlassEffectAPIAvailable,
+  isLiquidGlassAvailable,
+  type IGlassColorScheme,
+  type IGlassEffectStyleConfig,
+  type IGlassStyle,
+} from '../core';

package/src/svelte/svelte-ambient.d.ts

@@ -0,0 +1,6 @@
+// Pulls in svelte's ambient global declarations ($state/$effect/...) for this package's tsc
+// program. adapters/svelte gets these for free because render.ts does a real value import from
+// 'svelte' (any file in a program importing a module loads its ambient globals for the whole
+// program); this package has no such import, so a triple-slash reference does the same job
+// explicitly rather than relying on an incidental side-effect.
+/// <reference types="svelte" />

package/src/svelte/svelte-compile.test-helper.ts

@@ -0,0 +1,6 @@
+// Re-exports the existing harness instead of another copy
+export {
+  createSvelteHarness,
+  loadComponent,
+  type ISvelteHarness,
+} from '../../../sqlite/src/svelte/svelte-compile.test-helper';