@elyndra/svelte-core 1.2.0

package/package.json

@@ -0,0 +1,53 @@
+{
+  "name": "@elyndra/svelte-core",
+  "version": "1.2.0",
+  "sideEffects": false,
+  "publishConfig": {
+    "access": "public"
+  },
+  "description": "Elyndra core bridge components for Svelte",
+  "keywords": [
+    "elyndra",
+    "ui",
+    "front-end",
+    "framework",
+    "scifi",
+    "sci-fi",
+    "science-fiction",
+    "svelte"
+  ],
+  "homepage": "https://elyndra.dev",
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/Gabox301/elyndra.git"
+  },
+  "bugs": {
+    "url": "https://github.com/Gabox301/elyndra/issues"
+  },
+  "funding": "https://github.com/sponsors/romelperez",
+  "license": "MIT",
+  "files": [
+    "src"
+  ],
+  "exports": {
+    ".": "./src/index.ts"
+  },
+  "types": "./src/index.ts",
+  "module": "./src/index.ts",
+  "main": "./src/index.ts",
+  "peerDependencies": {
+    "svelte": "5.57.0"
+  },
+  "dependencies": {
+    "@elyndra/animated": "^1.2.0",
+    "@elyndra/animator": "^1.2.0",
+    "@elyndra/bleeps": "^1.2.0",
+    "@elyndra/svelte-animator": "^1.2.0",
+    "@elyndra/svelte-bleeps": "^1.2.0",
+    "@elyndra/svelte-tools": "^1.2.0",
+    "tslib": "2.8.1"
+  },
+  "scripts": {
+    "build": "tsc --noEmit -p tsconfig.json && svelte-check --tsconfig tsconfig.json --output machine"
+  }
+}

package/src/BleepsOnAnimator/BleepsOnAnimator.svelte

@@ -0,0 +1,51 @@
+<script lang="ts">
+  import type { Bleep } from '@elyndra/bleeps';
+  import { useAnimator } from '@elyndra/svelte-animator';
+  import { useBleeps } from '@elyndra/svelte-bleeps';
+  import type { BleepsOnAnimatorProps } from './types.js';
+
+  // No destructured rest: only direct `props.*` reads stay reactive.
+  const props: BleepsOnAnimatorProps<string> = $props();
+
+  // Stable per-instance id, same role as Solid's `createUniqueId` / React's
+  // `useId`. Svelte props are a live proxy, so no transitions ref is needed,
+  // unlike React/Preact.
+  const internalId = `elyndra-bleeps-${Math.random().toString(36).slice(2)}`;
+  const getAnimator = useAnimator();
+  const bleeps = useBleeps<string>();
+
+  $effect(() => {
+    // Tracked so the subscription follows prop updates.
+    const id = props.id ?? internalId;
+    const animator = getAnimator?.();
+
+    if (!animator) {
+      return;
+    }
+
+    let currentBleep: Bleep | null = null;
+
+    const cancelSubscription = animator.node.subscribe((node) => {
+      const bleepName = (props.transitions as Record<string, string | undefined>)[node.state];
+
+      if (!props.continuous) {
+        currentBleep?.stop(id);
+      }
+
+      if (bleepName) {
+        const newBleep = (bleeps as Record<string, Bleep | undefined>)[bleepName];
+
+        if (newBleep) {
+          currentBleep?.stop(id);
+          currentBleep = newBleep;
+          currentBleep.play(id);
+        }
+      }
+    });
+
+    return () => {
+      cancelSubscription();
+      currentBleep?.stop(id);
+    };
+  });
+</script>

package/src/BleepsOnAnimator/BleepsOnAnimator.test.ts

@@ -0,0 +1,13 @@
+import { render } from '@testing-library/svelte';
+import type { Component } from 'svelte';
+import { expect, test } from 'vitest';
+import BleepsOnAnimator from './BleepsOnAnimator.svelte';
+
+// `.svelte` components are `unknown` in-repo (ambient decl, tests only).
+const bleepsOnAnimator = BleepsOnAnimator as Component;
+
+test('Should render nothing without animator and bleeps providers', () => {
+  const { container } = render(bleepsOnAnimator, { transitions: {} });
+  // Script-only bridge renders no markup at all, same as the Solid adapter.
+  expect(container.innerHTML).toBe('');
+});

package/src/BleepsOnAnimator/index.ts

@@ -0,0 +1,2 @@
+export { default as BleepsOnAnimator } from './BleepsOnAnimator.svelte';
+export type * from './types.js';

package/src/BleepsOnAnimator/types.ts

@@ -0,0 +1,13 @@
+import type { AnimatorState } from '@elyndra/animator';
+
+type Transitions<BleepsNames extends string> = {
+  [p in AnimatorState]?: BleepsNames;
+};
+
+interface BleepsOnAnimatorProps<BleepsNames extends string = string> {
+  id?: string;
+  transitions: Transitions<BleepsNames>;
+  continuous?: boolean;
+}
+
+export type { BleepsOnAnimatorProps, Transitions };

package/src/index.ts

@@ -0,0 +1 @@
+export * from './BleepsOnAnimator/index.js';

package/src/svelte.d.ts

@@ -0,0 +1,7 @@
+// In-repo ambient types for `.svelte` imports (tests only). The published
+// package ships the `.svelte` sources and consumers get full prop inference
+// from the `$props()` interfaces via their own Svelte setup.
+declare module '*.svelte' {
+  const Component: unknown;
+  export default Component;
+}