@codefluss/plugin-background-3d 0.0.1-alpha.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (40) hide show
  1. package/README.md +153 -0
  2. package/dist/background-3d-config.d.ts +15 -0
  3. package/dist/background-3d-config.d.ts.map +1 -0
  4. package/dist/components/background-3d-component.d.ts +12 -0
  5. package/dist/components/background-3d-component.d.ts.map +1 -0
  6. package/dist/components/background-renderer.d.ts +15 -0
  7. package/dist/components/background-renderer.d.ts.map +1 -0
  8. package/dist/components/interactive-background.d.ts +12 -0
  9. package/dist/components/interactive-background.d.ts.map +1 -0
  10. package/dist/index.d.ts +10 -0
  11. package/dist/index.d.ts.map +1 -0
  12. package/dist/index.mjs +13 -0
  13. package/dist/index.mjs.map +1 -0
  14. package/dist/interactive-background-c2gBuha0.js +103 -0
  15. package/dist/interactive-background-c2gBuha0.js.map +1 -0
  16. package/dist/locales/index.d.ts +414 -0
  17. package/dist/locales/index.d.ts.map +1 -0
  18. package/dist/renderer.d.ts +7 -0
  19. package/dist/renderer.d.ts.map +1 -0
  20. package/dist/scenes/dark-room-scene.d.ts +3 -0
  21. package/dist/scenes/dark-room-scene.d.ts.map +1 -0
  22. package/dist/scenes/elegant-wave-scene.d.ts +3 -0
  23. package/dist/scenes/elegant-wave-scene.d.ts.map +1 -0
  24. package/dist/scenes/gradient-mesh-scene.d.ts +3 -0
  25. package/dist/scenes/gradient-mesh-scene.d.ts.map +1 -0
  26. package/dist/scenes/holographic-scene.d.ts +3 -0
  27. package/dist/scenes/holographic-scene.d.ts.map +1 -0
  28. package/dist/scenes/particle-flow-scene.d.ts +11 -0
  29. package/dist/scenes/particle-flow-scene.d.ts.map +1 -0
  30. package/dist/scenes/physics-cubes-scene.d.ts +14 -0
  31. package/dist/scenes/physics-cubes-scene.d.ts.map +1 -0
  32. package/dist/scenes/starfield-scene.d.ts +11 -0
  33. package/dist/scenes/starfield-scene.d.ts.map +1 -0
  34. package/dist/scenes/wave-scene.d.ts +3 -0
  35. package/dist/scenes/wave-scene.d.ts.map +1 -0
  36. package/dist/store/background-store.d.ts +12 -0
  37. package/dist/store/background-store.d.ts.map +1 -0
  38. package/dist/types/index.d.ts +58 -0
  39. package/dist/types/index.d.ts.map +1 -0
  40. package/package.json +68 -0
@@ -0,0 +1,414 @@
1
+ declare const _default: {
2
+ en: {
3
+ plugin: {
4
+ name: string;
5
+ description: string;
6
+ };
7
+ properties: {
8
+ "scene.type": {
9
+ label: string;
10
+ description: string;
11
+ };
12
+ "scene.description": {
13
+ label: string;
14
+ placeholder: string;
15
+ description: string;
16
+ };
17
+ "scene.backgroundColor": {
18
+ label: string;
19
+ description: string;
20
+ };
21
+ "performance.quality": {
22
+ label: string;
23
+ description: string;
24
+ };
25
+ "performance.maxParticles": {
26
+ label: string;
27
+ description: string;
28
+ };
29
+ "camera.autoRotate": {
30
+ label: string;
31
+ description: string;
32
+ };
33
+ "camera.rotationSpeed": {
34
+ label: string;
35
+ description: string;
36
+ };
37
+ "camera.fov": {
38
+ label: string;
39
+ description: string;
40
+ };
41
+ "physics.enabled": {
42
+ label: string;
43
+ description: string;
44
+ };
45
+ "layout.height": {
46
+ label: string;
47
+ placeholder: string;
48
+ description: string;
49
+ };
50
+ "layout.position": {
51
+ label: string;
52
+ description: string;
53
+ };
54
+ };
55
+ sceneTypes: {
56
+ starfield: string;
57
+ particles: string;
58
+ wave: string;
59
+ "physics-cubes": string;
60
+ holographic: string;
61
+ "dark-room": string;
62
+ "elegant-wave": string;
63
+ "gradient-mesh": string;
64
+ };
65
+ qualityPresets: {
66
+ auto: string;
67
+ high: string;
68
+ medium: string;
69
+ low: string;
70
+ };
71
+ positionTypes: {
72
+ relative: string;
73
+ absolute: string;
74
+ fixed: string;
75
+ sticky: string;
76
+ };
77
+ categories: {
78
+ content: string;
79
+ style: string;
80
+ layout: string;
81
+ advanced: string;
82
+ };
83
+ };
84
+ de: {
85
+ plugin: {
86
+ name: string;
87
+ description: string;
88
+ };
89
+ properties: {
90
+ "scene.type": {
91
+ label: string;
92
+ description: string;
93
+ };
94
+ "scene.description": {
95
+ label: string;
96
+ placeholder: string;
97
+ description: string;
98
+ };
99
+ "scene.backgroundColor": {
100
+ label: string;
101
+ description: string;
102
+ };
103
+ "performance.quality": {
104
+ label: string;
105
+ description: string;
106
+ };
107
+ "performance.maxParticles": {
108
+ label: string;
109
+ description: string;
110
+ };
111
+ "camera.autoRotate": {
112
+ label: string;
113
+ description: string;
114
+ };
115
+ "camera.rotationSpeed": {
116
+ label: string;
117
+ description: string;
118
+ };
119
+ "camera.fov": {
120
+ label: string;
121
+ description: string;
122
+ };
123
+ "physics.enabled": {
124
+ label: string;
125
+ description: string;
126
+ };
127
+ "layout.height": {
128
+ label: string;
129
+ placeholder: string;
130
+ description: string;
131
+ };
132
+ "layout.position": {
133
+ label: string;
134
+ description: string;
135
+ };
136
+ };
137
+ sceneTypes: {
138
+ starfield: string;
139
+ particles: string;
140
+ wave: string;
141
+ "physics-cubes": string;
142
+ holographic: string;
143
+ "dark-room": string;
144
+ "elegant-wave": string;
145
+ "gradient-mesh": string;
146
+ };
147
+ qualityPresets: {
148
+ auto: string;
149
+ high: string;
150
+ medium: string;
151
+ low: string;
152
+ };
153
+ positionTypes: {
154
+ relative: string;
155
+ absolute: string;
156
+ fixed: string;
157
+ sticky: string;
158
+ };
159
+ categories: {
160
+ content: string;
161
+ style: string;
162
+ layout: string;
163
+ advanced: string;
164
+ };
165
+ };
166
+ fr: {
167
+ plugin: {
168
+ name: string;
169
+ description: string;
170
+ };
171
+ properties: {
172
+ "scene.type": {
173
+ label: string;
174
+ description: string;
175
+ };
176
+ "scene.description": {
177
+ label: string;
178
+ placeholder: string;
179
+ description: string;
180
+ };
181
+ "scene.backgroundColor": {
182
+ label: string;
183
+ description: string;
184
+ };
185
+ "performance.quality": {
186
+ label: string;
187
+ description: string;
188
+ };
189
+ "performance.maxParticles": {
190
+ label: string;
191
+ description: string;
192
+ };
193
+ "camera.autoRotate": {
194
+ label: string;
195
+ description: string;
196
+ };
197
+ "camera.rotationSpeed": {
198
+ label: string;
199
+ description: string;
200
+ };
201
+ "camera.fov": {
202
+ label: string;
203
+ description: string;
204
+ };
205
+ "physics.enabled": {
206
+ label: string;
207
+ description: string;
208
+ };
209
+ "layout.height": {
210
+ label: string;
211
+ placeholder: string;
212
+ description: string;
213
+ };
214
+ "layout.position": {
215
+ label: string;
216
+ description: string;
217
+ };
218
+ };
219
+ sceneTypes: {
220
+ starfield: string;
221
+ particles: string;
222
+ wave: string;
223
+ "physics-cubes": string;
224
+ holographic: string;
225
+ "dark-room": string;
226
+ "elegant-wave": string;
227
+ "gradient-mesh": string;
228
+ };
229
+ qualityPresets: {
230
+ auto: string;
231
+ high: string;
232
+ medium: string;
233
+ low: string;
234
+ };
235
+ positionTypes: {
236
+ relative: string;
237
+ absolute: string;
238
+ fixed: string;
239
+ sticky: string;
240
+ };
241
+ categories: {
242
+ content: string;
243
+ style: string;
244
+ layout: string;
245
+ advanced: string;
246
+ };
247
+ };
248
+ es: {
249
+ plugin: {
250
+ name: string;
251
+ description: string;
252
+ };
253
+ properties: {
254
+ "scene.type": {
255
+ label: string;
256
+ description: string;
257
+ };
258
+ "scene.description": {
259
+ label: string;
260
+ placeholder: string;
261
+ description: string;
262
+ };
263
+ "scene.backgroundColor": {
264
+ label: string;
265
+ description: string;
266
+ };
267
+ "performance.quality": {
268
+ label: string;
269
+ description: string;
270
+ };
271
+ "performance.maxParticles": {
272
+ label: string;
273
+ description: string;
274
+ };
275
+ "camera.autoRotate": {
276
+ label: string;
277
+ description: string;
278
+ };
279
+ "camera.rotationSpeed": {
280
+ label: string;
281
+ description: string;
282
+ };
283
+ "camera.fov": {
284
+ label: string;
285
+ description: string;
286
+ };
287
+ "physics.enabled": {
288
+ label: string;
289
+ description: string;
290
+ };
291
+ "layout.height": {
292
+ label: string;
293
+ placeholder: string;
294
+ description: string;
295
+ };
296
+ "layout.position": {
297
+ label: string;
298
+ description: string;
299
+ };
300
+ };
301
+ sceneTypes: {
302
+ starfield: string;
303
+ particles: string;
304
+ wave: string;
305
+ "physics-cubes": string;
306
+ holographic: string;
307
+ "dark-room": string;
308
+ "elegant-wave": string;
309
+ "gradient-mesh": string;
310
+ };
311
+ qualityPresets: {
312
+ auto: string;
313
+ high: string;
314
+ medium: string;
315
+ low: string;
316
+ };
317
+ positionTypes: {
318
+ relative: string;
319
+ absolute: string;
320
+ fixed: string;
321
+ sticky: string;
322
+ };
323
+ categories: {
324
+ content: string;
325
+ style: string;
326
+ layout: string;
327
+ advanced: string;
328
+ };
329
+ };
330
+ it: {
331
+ plugin: {
332
+ name: string;
333
+ description: string;
334
+ };
335
+ properties: {
336
+ "scene.type": {
337
+ label: string;
338
+ description: string;
339
+ };
340
+ "scene.description": {
341
+ label: string;
342
+ placeholder: string;
343
+ description: string;
344
+ };
345
+ "scene.backgroundColor": {
346
+ label: string;
347
+ description: string;
348
+ };
349
+ "performance.quality": {
350
+ label: string;
351
+ description: string;
352
+ };
353
+ "performance.maxParticles": {
354
+ label: string;
355
+ description: string;
356
+ };
357
+ "camera.autoRotate": {
358
+ label: string;
359
+ description: string;
360
+ };
361
+ "camera.rotationSpeed": {
362
+ label: string;
363
+ description: string;
364
+ };
365
+ "camera.fov": {
366
+ label: string;
367
+ description: string;
368
+ };
369
+ "physics.enabled": {
370
+ label: string;
371
+ description: string;
372
+ };
373
+ "layout.height": {
374
+ label: string;
375
+ placeholder: string;
376
+ description: string;
377
+ };
378
+ "layout.position": {
379
+ label: string;
380
+ description: string;
381
+ };
382
+ };
383
+ sceneTypes: {
384
+ starfield: string;
385
+ particles: string;
386
+ wave: string;
387
+ "physics-cubes": string;
388
+ holographic: string;
389
+ "dark-room": string;
390
+ "elegant-wave": string;
391
+ "gradient-mesh": string;
392
+ };
393
+ qualityPresets: {
394
+ auto: string;
395
+ high: string;
396
+ medium: string;
397
+ low: string;
398
+ };
399
+ positionTypes: {
400
+ relative: string;
401
+ absolute: string;
402
+ fixed: string;
403
+ sticky: string;
404
+ };
405
+ categories: {
406
+ content: string;
407
+ style: string;
408
+ layout: string;
409
+ advanced: string;
410
+ };
411
+ };
412
+ };
413
+ export default _default;
414
+ //# sourceMappingURL=index.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/locales/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAMA,wBAME"}
@@ -0,0 +1,7 @@
1
+ /**
2
+ * Background 3D Plugin - SSR Renderer Exports
3
+ */
4
+ export { BackgroundRenderer } from './components/background-renderer';
5
+ export type { BackgroundRendererProps } from './components/background-renderer';
6
+ export type { Background3DData, SceneType, } from './types';
7
+ //# sourceMappingURL=renderer.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"renderer.d.ts","sourceRoot":"","sources":["../src/renderer.ts"],"names":[],"mappings":"AAAA;;GAEG;AAEH,OAAO,EAAE,kBAAkB,EAAE,MAAM,kCAAkC,CAAC;AACtE,YAAY,EAAE,uBAAuB,EAAE,MAAM,kCAAkC,CAAC;AAEhF,YAAY,EACX,gBAAgB,EAChB,SAAS,GACT,MAAM,SAAS,CAAC"}
@@ -0,0 +1,3 @@
1
+ import { SceneContentProps } from '../types';
2
+ export declare function DarkRoomScene({ data: _ }: SceneContentProps): import("react/jsx-runtime").JSX.Element;
3
+ //# sourceMappingURL=dark-room-scene.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"dark-room-scene.d.ts","sourceRoot":"","sources":["../../src/scenes/dark-room-scene.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,UAAU,CAAC;AAkJlD,wBAAgB,aAAa,CAAC,EAAE,IAAI,EAAE,CAAC,EAAE,EAAE,iBAAiB,2CAc3D"}
@@ -0,0 +1,3 @@
1
+ import { SceneContentProps } from '../types';
2
+ export declare function ElegantWaveScene({ data: _ }: SceneContentProps): import("react/jsx-runtime").JSX.Element;
3
+ //# sourceMappingURL=elegant-wave-scene.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"elegant-wave-scene.d.ts","sourceRoot":"","sources":["../../src/scenes/elegant-wave-scene.tsx"],"names":[],"mappings":"AAMA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,UAAU,CAAC;AA0JlD,wBAAgB,gBAAgB,CAAC,EAAE,IAAI,EAAE,CAAC,EAAE,EAAE,iBAAiB,2CA4B9D"}
@@ -0,0 +1,3 @@
1
+ import { SceneContentProps } from '../types';
2
+ export declare function GradientMeshScene({ data: _ }: SceneContentProps): import("react/jsx-runtime").JSX.Element;
3
+ //# sourceMappingURL=gradient-mesh-scene.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"gradient-mesh-scene.d.ts","sourceRoot":"","sources":["../../src/scenes/gradient-mesh-scene.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,UAAU,CAAC;AAuGlD,wBAAgB,iBAAiB,CAAC,EAAE,IAAI,EAAE,CAAC,EAAE,EAAE,iBAAiB,2CAmB/D"}
@@ -0,0 +1,3 @@
1
+ import { SceneContentProps } from '../types';
2
+ export declare function HolographicScene({ data: _ }: SceneContentProps): import("react/jsx-runtime").JSX.Element;
3
+ //# sourceMappingURL=holographic-scene.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"holographic-scene.d.ts","sourceRoot":"","sources":["../../src/scenes/holographic-scene.tsx"],"names":[],"mappings":"AAMA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,UAAU,CAAC;AA+FlD,wBAAgB,gBAAgB,CAAC,EAAE,IAAI,EAAE,CAAC,EAAE,EAAE,iBAAiB,2CAoB9D"}
@@ -0,0 +1,11 @@
1
+ import { SceneContentProps } from '../types';
2
+ /**
3
+ * Particle Flow Scene - Flowing particle stream background
4
+ *
5
+ * Features:
6
+ * - Continuous particle flow animation
7
+ * - Color gradients
8
+ * - Wave-like motion
9
+ */
10
+ export declare function ParticleFlowScene({ data }: SceneContentProps): import("react/jsx-runtime").JSX.Element;
11
+ //# sourceMappingURL=particle-flow-scene.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"particle-flow-scene.d.ts","sourceRoot":"","sources":["../../src/scenes/particle-flow-scene.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,UAAU,CAAC;AAElD;;;;;;;GAOG;AACH,wBAAgB,iBAAiB,CAAC,EAAE,IAAI,EAAE,EAAE,iBAAiB,2CA2F5D"}
@@ -0,0 +1,14 @@
1
+ import { SceneContentProps } from '../types';
2
+ /**
3
+ * PhysicsCubesScene - Animated falling cubes
4
+ *
5
+ * Note: Physics simulation (Rapier) is disabled for Storybook compatibility.
6
+ * Uses simplified animation instead.
7
+ *
8
+ * Features:
9
+ * - Animated cubes with rotation
10
+ * - Floating animation
11
+ * - Visual floor and scene
12
+ */
13
+ export declare function PhysicsCubesScene({ data: _ }: SceneContentProps): import("react/jsx-runtime").JSX.Element;
14
+ //# sourceMappingURL=physics-cubes-scene.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"physics-cubes-scene.d.ts","sourceRoot":"","sources":["../../src/scenes/physics-cubes-scene.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,UAAU,CAAC;AAElD;;;;;;;;;;GAUG;AAEH,wBAAgB,iBAAiB,CAAC,EAAE,IAAI,EAAE,CAAC,EAAE,EAAE,iBAAiB,2CAmE/D"}
@@ -0,0 +1,11 @@
1
+ import { SceneContentProps } from '../types';
2
+ /**
3
+ * Starfield Scene - Animated star field background
4
+ *
5
+ * Features:
6
+ * - Adaptive particle count based on performance
7
+ * - Auto-rotating camera (optional)
8
+ * - FPS tracking for performance monitoring
9
+ */
10
+ export declare function StarfieldScene({ data }: SceneContentProps): import("react/jsx-runtime").JSX.Element;
11
+ //# sourceMappingURL=starfield-scene.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"starfield-scene.d.ts","sourceRoot":"","sources":["../../src/scenes/starfield-scene.tsx"],"names":[],"mappings":"AAMA,OAAO,KAAK,EAAE,iBAAiB,EAAmB,MAAM,UAAU,CAAC;AAEnE;;;;;;;GAOG;AACH,wBAAgB,cAAc,CAAC,EAAE,IAAI,EAAE,EAAE,iBAAiB,2CA6IzD"}
@@ -0,0 +1,3 @@
1
+ import { SceneContentProps } from '../types';
2
+ export declare function WaveScene({ data: _ }: SceneContentProps): import("react/jsx-runtime").JSX.Element;
3
+ //# sourceMappingURL=wave-scene.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"wave-scene.d.ts","sourceRoot":"","sources":["../../src/scenes/wave-scene.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,UAAU,CAAC;AA8FlD,wBAAgB,SAAS,CAAC,EAAE,IAAI,EAAE,CAAC,EAAE,EAAE,iBAAiB,2CAUvD"}
@@ -0,0 +1,12 @@
1
+ import { BackgroundStore } from '../types';
2
+ /**
3
+ * Create Background Instance Store
4
+ *
5
+ * Factory function for creating instance-based stores for Background-3D
6
+ * Each plugin instance gets its own isolated store
7
+ *
8
+ * @param instanceId - Unique instance identifier (from elementId)
9
+ * @returns Zustand store for this instance
10
+ */
11
+ export declare function createBackgroundInstance(instanceId: string): import('zustand').StoreApi<BackgroundStore>;
12
+ //# sourceMappingURL=background-store.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"background-store.d.ts","sourceRoot":"","sources":["../../src/store/background-store.ts"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,UAAU,CAAC;AAEhD;;;;;;;;GAQG;AACH,wBAAgB,wBAAwB,CAAC,UAAU,EAAE,MAAM,+CAmG1D"}
@@ -0,0 +1,58 @@
1
+ import { QualityLevel } from '@codefluss/threejs-shared';
2
+ import type * as THREE from 'three';
3
+ export type SceneType = 'starfield' | 'particles' | 'wave' | 'physics-cubes' | 'holographic' | 'dark-room' | 'elegant-wave' | 'gradient-mesh';
4
+ export interface Background3DData {
5
+ scene?: {
6
+ type?: SceneType;
7
+ description?: string;
8
+ keywords?: string[];
9
+ backgroundColor?: string;
10
+ };
11
+ physics?: {
12
+ enabled?: boolean;
13
+ gravity?: [number, number, number];
14
+ };
15
+ performance?: {
16
+ quality?: 'auto' | QualityLevel;
17
+ maxParticles?: number;
18
+ };
19
+ camera?: {
20
+ fov?: number;
21
+ autoRotate?: boolean;
22
+ rotationSpeed?: number;
23
+ position?: [number, number, number];
24
+ };
25
+ layout?: {
26
+ height?: string;
27
+ position?: 'relative' | 'absolute' | 'fixed' | 'sticky';
28
+ };
29
+ exportedAssets?: {
30
+ screenshot?: string;
31
+ };
32
+ }
33
+ export interface BackgroundStore {
34
+ instanceId: string;
35
+ scene: THREE.Scene | null;
36
+ camera: THREE.PerspectiveCamera | null;
37
+ renderer: THREE.WebGLRenderer | null;
38
+ isReady: boolean;
39
+ quality: QualityLevel;
40
+ init: (canvasElement: HTMLCanvasElement) => THREE.WebGLRenderer;
41
+ setQuality: (quality: QualityLevel) => void;
42
+ dispose: () => void;
43
+ }
44
+ export interface Background3DComponentProps {
45
+ data: Background3DData;
46
+ elementId: string;
47
+ isEditorMode?: boolean;
48
+ dependencies: any;
49
+ }
50
+ export interface InteractiveBackgroundProps {
51
+ instanceId: string;
52
+ data: Background3DData;
53
+ isEditorMode: boolean;
54
+ }
55
+ export interface SceneContentProps {
56
+ data: Background3DData;
57
+ }
58
+ //# sourceMappingURL=index.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/types/index.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,KAAK,MAAM,OAAO,CAAC;AACpC,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,2BAA2B,CAAC;AAG9D,MAAM,MAAM,SAAS,GACjB,WAAW,GACX,WAAW,GACX,MAAM,GACN,eAAe,GACf,aAAa,GACb,WAAW,GACX,cAAc,GACd,eAAe,CAAC;AAGpB,MAAM,WAAW,gBAAgB;IAC/B,KAAK,CAAC,EAAE;QACN,IAAI,CAAC,EAAE,SAAS,CAAC;QACjB,WAAW,CAAC,EAAE,MAAM,CAAC;QACrB,QAAQ,CAAC,EAAE,MAAM,EAAE,CAAC;QACpB,eAAe,CAAC,EAAE,MAAM,CAAC;KAC1B,CAAC;IACF,OAAO,CAAC,EAAE;QACR,OAAO,CAAC,EAAE,OAAO,CAAC;QAClB,OAAO,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,EAAE,MAAM,CAAC,CAAC;KACpC,CAAC;IACF,WAAW,CAAC,EAAE;QACZ,OAAO,CAAC,EAAE,MAAM,GAAG,YAAY,CAAC;QAChC,YAAY,CAAC,EAAE,MAAM,CAAC;KACvB,CAAC;IACF,MAAM,CAAC,EAAE;QACP,GAAG,CAAC,EAAE,MAAM,CAAC;QACb,UAAU,CAAC,EAAE,OAAO,CAAC;QACrB,aAAa,CAAC,EAAE,MAAM,CAAC;QACvB,QAAQ,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,EAAE,MAAM,CAAC,CAAC;KACrC,CAAC;IACF,MAAM,CAAC,EAAE;QACP,MAAM,CAAC,EAAE,MAAM,CAAC;QAChB,QAAQ,CAAC,EAAE,UAAU,GAAG,UAAU,GAAG,OAAO,GAAG,QAAQ,CAAC;KACzD,CAAC;IACF,cAAc,CAAC,EAAE;QACf,UAAU,CAAC,EAAE,MAAM,CAAC;KACrB,CAAC;CACH;AAGD,MAAM,WAAW,eAAe;IAC9B,UAAU,EAAE,MAAM,CAAC;IACnB,KAAK,EAAE,KAAK,CAAC,KAAK,GAAG,IAAI,CAAC;IAC1B,MAAM,EAAE,KAAK,CAAC,iBAAiB,GAAG,IAAI,CAAC;IACvC,QAAQ,EAAE,KAAK,CAAC,aAAa,GAAG,IAAI,CAAC;IACrC,OAAO,EAAE,OAAO,CAAC;IACjB,OAAO,EAAE,YAAY,CAAC;IAEtB,IAAI,EAAE,CAAC,aAAa,EAAE,iBAAiB,KAAK,KAAK,CAAC,aAAa,CAAC;IAChE,UAAU,EAAE,CAAC,OAAO,EAAE,YAAY,KAAK,IAAI,CAAC;IAC5C,OAAO,EAAE,MAAM,IAAI,CAAC;CACrB;AAGD,MAAM,WAAW,0BAA0B;IACzC,IAAI,EAAE,gBAAgB,CAAC;IACvB,SAAS,EAAE,MAAM,CAAC;IAClB,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,YAAY,EAAE,GAAG,CAAC;CACnB;AAED,MAAM,WAAW,0BAA0B;IACzC,UAAU,EAAE,MAAM,CAAC;IACnB,IAAI,EAAE,gBAAgB,CAAC;IACvB,YAAY,EAAE,OAAO,CAAC;CACvB;AAED,MAAM,WAAW,iBAAiB;IAChC,IAAI,EAAE,gBAAgB,CAAC;CACxB"}
package/package.json ADDED
@@ -0,0 +1,68 @@
1
+ {
2
+ "name": "@codefluss/plugin-background-3d",
3
+ "version": "0.0.1-alpha.1",
4
+ "type": "module",
5
+ "description": "Interactive 3D background plugin with physics and particle systems",
6
+ "main": "./dist/index.mjs",
7
+ "module": "./dist/index.mjs",
8
+ "types": "./dist/index.d.ts",
9
+ "exports": {
10
+ ".": {
11
+ "types": "./dist/index.d.ts",
12
+ "import": "./dist/index.mjs"
13
+ },
14
+ "./renderer": {
15
+ "types": "./dist/renderer.d.ts",
16
+ "import": "./dist/renderer.mjs"
17
+ }
18
+ },
19
+ "files": [
20
+ "dist"
21
+ ],
22
+ "dependencies": {
23
+ "@react-three/drei": "^10.7.7",
24
+ "@react-three/fiber": "^9.4.2",
25
+ "@react-three/rapier": "^2.2.0",
26
+ "react": "^19.2.3",
27
+ "react-dom": "^19.2.3",
28
+ "three": "^0.181.2",
29
+ "zustand": "^5.0.9",
30
+ "@codefluss/base-types": "0.0.1-alpha.1",
31
+ "@codefluss/threejs-shared": "0.0.1-alpha.1"
32
+ },
33
+ "devDependencies": {
34
+ "@types/react": "19.2.4",
35
+ "@types/react-dom": "^19.2.3",
36
+ "@types/three": "^0.181.0",
37
+ "@vitejs/plugin-react": "^5.1.2",
38
+ "lucide-react": "^0.553.0",
39
+ "typescript": "^5.9.3",
40
+ "vite": "^7.2.7",
41
+ "vite-plugin-dts": "^4.5.4",
42
+ "@codefluss/vite-config-lib": "0.0.1-alpha.1"
43
+ },
44
+ "peerDependencies": {
45
+ "react": "^19.2.0",
46
+ "react-dom": "^19.2.0"
47
+ },
48
+ "keywords": [
49
+ "3d",
50
+ "background",
51
+ "threejs",
52
+ "physics",
53
+ "particles",
54
+ "animation",
55
+ "plugin"
56
+ ],
57
+ "author": "Codefluss",
58
+ "license": "MIT",
59
+ "publishConfig": {
60
+ "access": "public"
61
+ },
62
+ "scripts": {
63
+ "dev": "vite",
64
+ "build": "vite build",
65
+ "preview": "vite preview",
66
+ "type-check": "tsc --noEmit"
67
+ }
68
+ }