@adobe/data 0.9.39 → 0.9.40

package/references/data-react-pixie/src/{pixie-plugin.ts → state/pixie-plugin.ts}

@@ -1,19 +1,16 @@
 // © 2026 Adobe. MIT License. See /LICENSE for details.
 
 import { Database } from "@adobe/data/ecs";
-import { Boolean, Schema } from "@adobe/data/schema";
+import { Boolean } from "@adobe/data/schema";
 import { Vec2, F32 } from "@adobe/data/math";
-
-export const spriteTypeSchema = { enum: ["bunny", "fox"] } as const satisfies Schema;
-export type SpriteType = Schema.ToType<typeof spriteTypeSchema>;
-
-export type FilterType = "none" | "sepia" | "blur" | "vintage" | "night";
+import type { FilterType } from "../types/filter-type";
+import { SpriteType } from "../types/sprite-type/sprite-type";
 
 export const pixiePlugin = Database.Plugin.create({
   components: {
     position: Vec2.schema,
     rotation: F32.schema,
-    sprite: spriteTypeSchema,
+    sprite: SpriteType.schema,
     hovered: Boolean.schema,
     active: Boolean.schema,
   },

package/references/data-react-pixie/src/state/use-pixie-database.ts

@@ -0,0 +1,6 @@
+// © 2026 Adobe. MIT License. See /LICENSE for details.
+
+import { useDatabase as useDatabaseHook } from "@adobe/data-react";
+import { pixiePlugin } from "./pixie-plugin";
+
+export const usePixieDatabase = () => useDatabaseHook(pixiePlugin);

package/references/data-react-pixie/src/types/filter-type.ts

@@ -0,0 +1,3 @@
+// © 2026 Adobe. MIT License. See /LICENSE for details.
+
+export type FilterType = "none" | "sepia" | "blur" | "vintage" | "night";

package/references/data-react-pixie/src/types/sprite-type/image.ts

@@ -0,0 +1,14 @@
+// © 2026 Adobe. MIT License. See /LICENSE for details.
+
+import { Schema } from "@adobe/data/schema";
+import { schema } from "./schema";
+
+import bunnyUrl from "./bunny.png";
+import foxUrl from "./fox.png";
+
+type SpriteType = Schema.ToType<typeof schema>;
+
+export const image = {
+  bunny: bunnyUrl,
+  fox: foxUrl,
+} as const satisfies Record<SpriteType, string>;

package/references/data-react-pixie/src/types/sprite-type/public.ts

@@ -0,0 +1,4 @@
+// © 2026 Adobe. MIT License. See /LICENSE for details.
+
+export { schema } from "./schema";
+export { image } from "./image";

package/references/data-react-pixie/src/types/sprite-type/schema.ts

@@ -0,0 +1,5 @@
+// © 2026 Adobe. MIT License. See /LICENSE for details.
+
+import { Schema } from "@adobe/data/schema";
+
+export const schema = { enum: ["bunny", "fox"] } as const satisfies Schema;

package/references/data-react-pixie/src/types/sprite-type/sprite-type.ts

@@ -0,0 +1,7 @@
+// © 2026 Adobe. MIT License. See /LICENSE for details.
+
+import { Schema } from "@adobe/data/schema";
+import { schema } from "./schema";
+
+export type SpriteType = Schema.ToType<typeof schema>;
+export * as SpriteType from "./public";

package/references/data-react-hello/src/Counter.tsx

@@ -1,21 +0,0 @@
-// © 2026 Adobe. MIT License. See /LICENSE for details.
-
-import { useDatabase, useObservableValues } from "@adobe/data-react";
-import { counterPlugin } from "./counter-plugin";
-
-export function Counter() {
-  const db = useDatabase(counterPlugin);
-  const values = useObservableValues(() => ({
-    count: db.observe.resources.count,
-  }));
-
-  if (!values) return null;
-  return (
-    <div>
-      <p className="counter">Count: {values.count}</p>
-      <button type="button" onClick={() => db.transactions.increment()}>
-        Increment
-      </button>
-    </div>
-  );
-}

package/references/data-react-pixie/src/hooks/use-database.ts

@@ -1,6 +0,0 @@
-import { useDatabase as useDatabaseHook } from '@adobe/data-react';
-import { pixiePlugin } from '../pixie-plugin';
-
-export function useDatabase() {
-    return useDatabaseHook(pixiePlugin);
-}

package/references/data-react-pixie/src/pixi-react.d.ts

@@ -1 +0,0 @@
-/// <reference types="@pixi/react" />

package/references/data-react-pixie/src/sprite-container.tsx

@@ -1,23 +0,0 @@
-import { useObservableValues } from "@adobe/data-react";
-import { useDatabase } from "./hooks/use-database";
-import { getFiltersForType } from "./filters";
-import { Sprite } from "./sprite";
-
-export function SpriteContainer() {
-    const db = useDatabase();
-    const values = useObservableValues(() => ({
-        sprites: db.observe.select(db.archetypes.Sprite.components),
-        filterType: db.observe.resources.filterType,
-    }), []);
-    if (!values) return;
-
-    const filters = getFiltersForType(values.filterType ?? "none");
-
-    return (
-        <pixiContainer filters={filters}>
-            {values.sprites.map((entity) => (
-                <Sprite key={entity} entity={entity} />
-            ))}
-        </pixiContainer>
-    );
-}

package/references/data-react-pixie/src/sprite-urls.ts

@@ -1,9 +0,0 @@
-import type { SpriteType } from "./pixie-plugin";
-
-import bunnyUrl from "./bunny.png";
-import foxUrl from "./fox.png";
-
-export const SPRITE_URLS: Record<SpriteType, string> = {
-  bunny: bunnyUrl,
-  fox: foxUrl,
-};

package/references/data-react-pixie/src/sprite.tsx

@@ -1,35 +0,0 @@
-import { Entity } from '@adobe/data/ecs';
-import { useObservableValues } from '@adobe/data-react';
-import { useDatabase } from './hooks/use-database';
-import { useTexture } from './hooks/use-texture';
-import { SPRITE_URLS } from './sprite-urls';
-
-export function Sprite({ entity }: { entity: Entity }) {
-    const db = useDatabase();
-    const values = useObservableValues(
-        () => ({
-            sprite: db.observe.entity(entity, db.archetypes.Sprite)
-        }),
-        [entity],
-    );
-
-    const spriteType = values?.sprite?.sprite ?? 'bunny';
-    const texture = useTexture( SPRITE_URLS[spriteType]);
-    if (!values?.sprite) return null;
-    const { sprite } = values;
-
-    return (
-        <pixiSprite
-            anchor={0.5}
-            eventMode={'static'}
-            onClick={() => db.transactions.toggleSpriteActive({ entity })}
-            onPointerOver={() => db.transactions.setSpriteHovered({ entity, hovered: true })}
-            onPointerOut={() => db.transactions.setSpriteHovered({ entity, hovered: false })}
-            scale={sprite.active ? 1.5 : sprite.hovered ? 1.25 : 1}
-            texture={texture}
-            x={sprite.position[0]}
-            y={sprite.position[1]}
-            rotation={sprite.rotation}
-        />
-    );
-}

package/references/data-react-pixie/src/tick.tsx

@@ -1,10 +0,0 @@
-import { useTick } from "@pixi/react";
-import { useDatabase } from "./hooks/use-database";
-
-export function Tick() {
-    const db = useDatabase();
-    useTick((ticker) => {
-        db.transactions.tick(ticker.deltaTime);
-    });
-    return null;
-}