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

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';

package/src/vue/glass-effect.ts

@@ -0,0 +1,39 @@
+import { defineComponent, type VNode } from '@vue/runtime-core';
+import { descriptorToVue, normalizeVueAttrs } from '@symbiote-native/vue';
+import type { IViewProps } from '@symbiote-native/vue';
+import { renderGlassContainer, renderGlassView } from '../core';
+import type { IGlassContainerProps, IGlassViewProps } from '../core';
+
+// Поверхность View как у `ViewProps` в upstream, дети идут слотом по умолчанию
+export type IGlassViewVueProps = IGlassViewProps &
+  Omit<IViewProps, keyof IGlassViewProps>;
+
+export type IGlassContainerVueProps = IGlassContainerProps &
+  Omit<IViewProps, keyof IGlassContainerProps>;
+
+/** Vue twin of `expo-glass-effect`'s `GlassView`, native on iOS and a plain View elsewhere */
+export const GlassView = defineComponent({
+  name: 'GlassView',
+  // Все атрибуты это пропсы нативного view, на обёртку ничего не должно просочиться
+  inheritAttrs: false,
+  setup(_props, { attrs, slots }) {
+    return (): VNode =>
+      descriptorToVue(
+        renderGlassView(normalizeVueAttrs(attrs)),
+        slots.default?.() ?? [],
+      );
+  },
+});
+
+/** Vue twin of `expo-glass-effect`'s `GlassContainer`, merges the glass views it holds */
+export const GlassContainer = defineComponent({
+  name: 'GlassContainer',
+  inheritAttrs: false,
+  setup(_props, { attrs, slots }) {
+    return (): VNode =>
+      descriptorToVue(
+        renderGlassContainer(normalizeVueAttrs(attrs)),
+        slots.default?.() ?? [],
+      );
+  },
+});

package/src/vue/index.ts

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