@dano796/react-reart 0.1.0
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.
- package/LICENSE.md +25 -0
- package/README.md +222 -0
- package/cli/build-registry.mjs +128 -0
- package/cli/index.js +396 -0
- package/cli/registry.json +873 -0
- package/dist/components/BackgroundStudio.d.ts +10 -0
- package/dist/components/BackgroundStudio.d.ts.map +1 -0
- package/dist/components/BackgroundStudio.js +268 -0
- package/dist/components/BackgroundStudio.js.map +1 -0
- package/dist/components/FlowCurrents.d.ts +24 -0
- package/dist/components/FlowCurrents.d.ts.map +1 -0
- package/dist/components/FlowCurrents.js +79 -0
- package/dist/components/FlowCurrents.js.map +1 -0
- package/dist/components/GeoPulse.d.ts +20 -0
- package/dist/components/GeoPulse.d.ts.map +1 -0
- package/dist/components/GeoPulse.js +72 -0
- package/dist/components/GeoPulse.js.map +1 -0
- package/dist/components/GravityStorm.d.ts +20 -0
- package/dist/components/GravityStorm.d.ts.map +1 -0
- package/dist/components/GravityStorm.js +72 -0
- package/dist/components/GravityStorm.js.map +1 -0
- package/dist/components/WaveEther.d.ts +21 -0
- package/dist/components/WaveEther.d.ts.map +1 -0
- package/dist/components/WaveEther.js +73 -0
- package/dist/components/WaveEther.js.map +1 -0
- package/dist/components/backgrounds/AmbientMesh.d.ts +38 -0
- package/dist/components/backgrounds/AmbientMesh.d.ts.map +1 -0
- package/dist/components/backgrounds/AmbientMesh.js +101 -0
- package/dist/components/backgrounds/AmbientMesh.js.map +1 -0
- package/dist/components/backgrounds/ArborealGrowth.d.ts +26 -0
- package/dist/components/backgrounds/ArborealGrowth.d.ts.map +1 -0
- package/dist/components/backgrounds/ArborealGrowth.js +78 -0
- package/dist/components/backgrounds/ArborealGrowth.js.map +1 -0
- package/dist/components/backgrounds/CliffordAttractor.d.ts +24 -0
- package/dist/components/backgrounds/CliffordAttractor.d.ts.map +1 -0
- package/dist/components/backgrounds/CliffordAttractor.js +86 -0
- package/dist/components/backgrounds/CliffordAttractor.js.map +1 -0
- package/dist/components/backgrounds/CrystallineDrift.d.ts +33 -0
- package/dist/components/backgrounds/CrystallineDrift.d.ts.map +1 -0
- package/dist/components/backgrounds/CrystallineDrift.js +101 -0
- package/dist/components/backgrounds/CrystallineDrift.js.map +1 -0
- package/dist/components/backgrounds/DifferentialGrowth.d.ts +9 -0
- package/dist/components/backgrounds/DifferentialGrowth.d.ts.map +1 -0
- package/dist/components/backgrounds/DifferentialGrowth.js +82 -0
- package/dist/components/backgrounds/DifferentialGrowth.js.map +1 -0
- package/dist/components/backgrounds/DoublePendulum.d.ts +9 -0
- package/dist/components/backgrounds/DoublePendulum.d.ts.map +1 -0
- package/dist/components/backgrounds/DoublePendulum.js +81 -0
- package/dist/components/backgrounds/DoublePendulum.js.map +1 -0
- package/dist/components/backgrounds/DragonCurve.d.ts +27 -0
- package/dist/components/backgrounds/DragonCurve.d.ts.map +1 -0
- package/dist/components/backgrounds/DragonCurve.js +79 -0
- package/dist/components/backgrounds/DragonCurve.js.map +1 -0
- package/dist/components/backgrounds/DragonFold.d.ts +31 -0
- package/dist/components/backgrounds/DragonFold.d.ts.map +1 -0
- package/dist/components/backgrounds/DragonFold.js +94 -0
- package/dist/components/backgrounds/DragonFold.js.map +1 -0
- package/dist/components/backgrounds/EmberCascade.d.ts +24 -0
- package/dist/components/backgrounds/EmberCascade.d.ts.map +1 -0
- package/dist/components/backgrounds/EmberCascade.js +88 -0
- package/dist/components/backgrounds/EmberCascade.js.map +1 -0
- package/dist/components/backgrounds/FibonacciVortex.d.ts +42 -0
- package/dist/components/backgrounds/FibonacciVortex.d.ts.map +1 -0
- package/dist/components/backgrounds/FibonacciVortex.js +151 -0
- package/dist/components/backgrounds/FibonacciVortex.js.map +1 -0
- package/dist/components/backgrounds/FlowCurrents.d.ts +35 -0
- package/dist/components/backgrounds/FlowCurrents.d.ts.map +1 -0
- package/dist/components/backgrounds/FlowCurrents.js +97 -0
- package/dist/components/backgrounds/FlowCurrents.js.map +1 -0
- package/dist/components/backgrounds/FractalNoiseTerrain.d.ts +9 -0
- package/dist/components/backgrounds/FractalNoiseTerrain.d.ts.map +1 -0
- package/dist/components/backgrounds/FractalNoiseTerrain.js +85 -0
- package/dist/components/backgrounds/FractalNoiseTerrain.js.map +1 -0
- package/dist/components/backgrounds/FractalTree.d.ts +35 -0
- package/dist/components/backgrounds/FractalTree.d.ts.map +1 -0
- package/dist/components/backgrounds/FractalTree.js +98 -0
- package/dist/components/backgrounds/FractalTree.js.map +1 -0
- package/dist/components/backgrounds/GeoPulse.d.ts +31 -0
- package/dist/components/backgrounds/GeoPulse.d.ts.map +1 -0
- package/dist/components/backgrounds/GeoPulse.js +89 -0
- package/dist/components/backgrounds/GeoPulse.js.map +1 -0
- package/dist/components/backgrounds/GravityStorm.d.ts +30 -0
- package/dist/components/backgrounds/GravityStorm.d.ts.map +1 -0
- package/dist/components/backgrounds/GravityStorm.js +89 -0
- package/dist/components/backgrounds/GravityStorm.js.map +1 -0
- package/dist/components/backgrounds/HarmonicLattice.d.ts +26 -0
- package/dist/components/backgrounds/HarmonicLattice.d.ts.map +1 -0
- package/dist/components/backgrounds/HarmonicLattice.js +89 -0
- package/dist/components/backgrounds/HarmonicLattice.js.map +1 -0
- package/dist/components/backgrounds/HexRipple.d.ts +44 -0
- package/dist/components/backgrounds/HexRipple.d.ts.map +1 -0
- package/dist/components/backgrounds/HexRipple.js +149 -0
- package/dist/components/backgrounds/HexRipple.js.map +1 -0
- package/dist/components/backgrounds/KochCrystal.d.ts +27 -0
- package/dist/components/backgrounds/KochCrystal.d.ts.map +1 -0
- package/dist/components/backgrounds/KochCrystal.js +79 -0
- package/dist/components/backgrounds/KochCrystal.js.map +1 -0
- package/dist/components/backgrounds/LissajousWeave.d.ts +23 -0
- package/dist/components/backgrounds/LissajousWeave.d.ts.map +1 -0
- package/dist/components/backgrounds/LissajousWeave.js +86 -0
- package/dist/components/backgrounds/LissajousWeave.js.map +1 -0
- package/dist/components/backgrounds/MoireLattice.d.ts +9 -0
- package/dist/components/backgrounds/MoireLattice.d.ts.map +1 -0
- package/dist/components/backgrounds/MoireLattice.js +81 -0
- package/dist/components/backgrounds/MoireLattice.js.map +1 -0
- package/dist/components/backgrounds/NebulaVeil.d.ts +28 -0
- package/dist/components/backgrounds/NebulaVeil.d.ts.map +1 -0
- package/dist/components/backgrounds/NebulaVeil.js +121 -0
- package/dist/components/backgrounds/NebulaVeil.js.map +1 -0
- package/dist/components/backgrounds/NeuralWeave.d.ts +9 -0
- package/dist/components/backgrounds/NeuralWeave.d.ts.map +1 -0
- package/dist/components/backgrounds/NeuralWeave.js +81 -0
- package/dist/components/backgrounds/NeuralWeave.js.map +1 -0
- package/dist/components/backgrounds/OrbitalResonance.d.ts +9 -0
- package/dist/components/backgrounds/OrbitalResonance.d.ts.map +1 -0
- package/dist/components/backgrounds/OrbitalResonance.js +86 -0
- package/dist/components/backgrounds/OrbitalResonance.js.map +1 -0
- package/dist/components/backgrounds/PhotonBurst.d.ts +41 -0
- package/dist/components/backgrounds/PhotonBurst.d.ts.map +1 -0
- package/dist/components/backgrounds/PhotonBurst.js +150 -0
- package/dist/components/backgrounds/PhotonBurst.js.map +1 -0
- package/dist/components/backgrounds/PhyllotaxisDream.d.ts +25 -0
- package/dist/components/backgrounds/PhyllotaxisDream.d.ts.map +1 -0
- package/dist/components/backgrounds/PhyllotaxisDream.js +88 -0
- package/dist/components/backgrounds/PhyllotaxisDream.js.map +1 -0
- package/dist/components/backgrounds/PlasmaField.d.ts +28 -0
- package/dist/components/backgrounds/PlasmaField.d.ts.map +1 -0
- package/dist/components/backgrounds/PlasmaField.js +117 -0
- package/dist/components/backgrounds/PlasmaField.js.map +1 -0
- package/dist/components/backgrounds/PrismaticWave.d.ts +46 -0
- package/dist/components/backgrounds/PrismaticWave.d.ts.map +1 -0
- package/dist/components/backgrounds/PrismaticWave.js +152 -0
- package/dist/components/backgrounds/PrismaticWave.js.map +1 -0
- package/dist/components/backgrounds/ReactionDiffusion.d.ts +9 -0
- package/dist/components/backgrounds/ReactionDiffusion.d.ts.map +1 -0
- package/dist/components/backgrounds/ReactionDiffusion.js +79 -0
- package/dist/components/backgrounds/ReactionDiffusion.js.map +1 -0
- package/dist/components/backgrounds/RecursiveSubdivision.d.ts +9 -0
- package/dist/components/backgrounds/RecursiveSubdivision.d.ts.map +1 -0
- package/dist/components/backgrounds/RecursiveSubdivision.js +84 -0
- package/dist/components/backgrounds/RecursiveSubdivision.js.map +1 -0
- package/dist/components/backgrounds/RecursiveTunnel.d.ts +44 -0
- package/dist/components/backgrounds/RecursiveTunnel.d.ts.map +1 -0
- package/dist/components/backgrounds/RecursiveTunnel.js +155 -0
- package/dist/components/backgrounds/RecursiveTunnel.js.map +1 -0
- package/dist/components/backgrounds/SierpinskiChaos.d.ts +32 -0
- package/dist/components/backgrounds/SierpinskiChaos.d.ts.map +1 -0
- package/dist/components/backgrounds/SierpinskiChaos.js +95 -0
- package/dist/components/backgrounds/SierpinskiChaos.js.map +1 -0
- package/dist/components/backgrounds/SierpinskiDust.d.ts +47 -0
- package/dist/components/backgrounds/SierpinskiDust.d.ts.map +1 -0
- package/dist/components/backgrounds/SierpinskiDust.js +148 -0
- package/dist/components/backgrounds/SierpinskiDust.js.map +1 -0
- package/dist/components/backgrounds/Spirograph.d.ts +24 -0
- package/dist/components/backgrounds/Spirograph.d.ts.map +1 -0
- package/dist/components/backgrounds/Spirograph.js +86 -0
- package/dist/components/backgrounds/Spirograph.js.map +1 -0
- package/dist/components/backgrounds/TideHarmonics.d.ts +9 -0
- package/dist/components/backgrounds/TideHarmonics.d.ts.map +1 -0
- package/dist/components/backgrounds/TideHarmonics.js +80 -0
- package/dist/components/backgrounds/TideHarmonics.js.map +1 -0
- package/dist/components/backgrounds/VoronoiMosaic.d.ts +9 -0
- package/dist/components/backgrounds/VoronoiMosaic.d.ts.map +1 -0
- package/dist/components/backgrounds/VoronoiMosaic.js +76 -0
- package/dist/components/backgrounds/VoronoiMosaic.js.map +1 -0
- package/dist/components/backgrounds/VortexBloom.d.ts +36 -0
- package/dist/components/backgrounds/VortexBloom.d.ts.map +1 -0
- package/dist/components/backgrounds/VortexBloom.js +101 -0
- package/dist/components/backgrounds/VortexBloom.js.map +1 -0
- package/dist/components/backgrounds/WaveEther.d.ts +32 -0
- package/dist/components/backgrounds/WaveEther.d.ts.map +1 -0
- package/dist/components/backgrounds/WaveEther.js +91 -0
- package/dist/components/backgrounds/WaveEther.js.map +1 -0
- package/dist/components/backgrounds/archived/CliffordAttractor.d.ts +24 -0
- package/dist/components/backgrounds/archived/CliffordAttractor.d.ts.map +1 -0
- package/dist/components/backgrounds/archived/CliffordAttractor.js +86 -0
- package/dist/components/backgrounds/archived/CliffordAttractor.js.map +1 -0
- package/dist/components/backgrounds/archived/CrystallineDrift.d.ts +33 -0
- package/dist/components/backgrounds/archived/CrystallineDrift.d.ts.map +1 -0
- package/dist/components/backgrounds/archived/CrystallineDrift.js +101 -0
- package/dist/components/backgrounds/archived/CrystallineDrift.js.map +1 -0
- package/dist/components/backgrounds/archived/DifferentialGrowth.d.ts +9 -0
- package/dist/components/backgrounds/archived/DifferentialGrowth.d.ts.map +1 -0
- package/dist/components/backgrounds/archived/DifferentialGrowth.js +82 -0
- package/dist/components/backgrounds/archived/DifferentialGrowth.js.map +1 -0
- package/dist/components/backgrounds/archived/DoublePendulum.d.ts +9 -0
- package/dist/components/backgrounds/archived/DoublePendulum.d.ts.map +1 -0
- package/dist/components/backgrounds/archived/DoublePendulum.js +81 -0
- package/dist/components/backgrounds/archived/DoublePendulum.js.map +1 -0
- package/dist/components/backgrounds/archived/EmberCascade.d.ts +24 -0
- package/dist/components/backgrounds/archived/EmberCascade.d.ts.map +1 -0
- package/dist/components/backgrounds/archived/EmberCascade.js +88 -0
- package/dist/components/backgrounds/archived/EmberCascade.js.map +1 -0
- package/dist/components/backgrounds/archived/GravityStorm.d.ts +30 -0
- package/dist/components/backgrounds/archived/GravityStorm.d.ts.map +1 -0
- package/dist/components/backgrounds/archived/GravityStorm.js +89 -0
- package/dist/components/backgrounds/archived/GravityStorm.js.map +1 -0
- package/dist/components/backgrounds/archived/ReactionDiffusion.d.ts +9 -0
- package/dist/components/backgrounds/archived/ReactionDiffusion.d.ts.map +1 -0
- package/dist/components/backgrounds/archived/ReactionDiffusion.js +79 -0
- package/dist/components/backgrounds/archived/ReactionDiffusion.js.map +1 -0
- package/dist/components/backgrounds/archived/Spirograph.d.ts +24 -0
- package/dist/components/backgrounds/archived/Spirograph.d.ts.map +1 -0
- package/dist/components/backgrounds/archived/Spirograph.js +86 -0
- package/dist/components/backgrounds/archived/Spirograph.js.map +1 -0
- package/dist/components/backgrounds/archived/VortexBloom.d.ts +36 -0
- package/dist/components/backgrounds/archived/VortexBloom.d.ts.map +1 -0
- package/dist/components/backgrounds/archived/VortexBloom.js +101 -0
- package/dist/components/backgrounds/archived/VortexBloom.js.map +1 -0
- package/dist/components/engines/ambientMesh.d.ts +31 -0
- package/dist/components/engines/ambientMesh.d.ts.map +1 -0
- package/dist/components/engines/ambientMesh.js +123 -0
- package/dist/components/engines/ambientMesh.js.map +1 -0
- package/dist/components/engines/arborealGrowth.d.ts +49 -0
- package/dist/components/engines/arborealGrowth.d.ts.map +1 -0
- package/dist/components/engines/arborealGrowth.js +220 -0
- package/dist/components/engines/arborealGrowth.js.map +1 -0
- package/dist/components/engines/archived/cliffordAttractor.d.ts +31 -0
- package/dist/components/engines/archived/cliffordAttractor.d.ts.map +1 -0
- package/dist/components/engines/archived/cliffordAttractor.js +71 -0
- package/dist/components/engines/archived/cliffordAttractor.js.map +1 -0
- package/dist/components/engines/archived/crystallineDrift.d.ts +31 -0
- package/dist/components/engines/archived/crystallineDrift.d.ts.map +1 -0
- package/dist/components/engines/archived/crystallineDrift.js +117 -0
- package/dist/components/engines/archived/crystallineDrift.js.map +1 -0
- package/dist/components/engines/archived/differentialGrowth.d.ts +39 -0
- package/dist/components/engines/archived/differentialGrowth.d.ts.map +1 -0
- package/dist/components/engines/archived/differentialGrowth.js +139 -0
- package/dist/components/engines/archived/differentialGrowth.js.map +1 -0
- package/dist/components/engines/archived/doublePendulum.d.ts +41 -0
- package/dist/components/engines/archived/doublePendulum.d.ts.map +1 -0
- package/dist/components/engines/archived/doublePendulum.js +97 -0
- package/dist/components/engines/archived/doublePendulum.js.map +1 -0
- package/dist/components/engines/archived/emberCascade.d.ts +45 -0
- package/dist/components/engines/archived/emberCascade.d.ts.map +1 -0
- package/dist/components/engines/archived/emberCascade.js +137 -0
- package/dist/components/engines/archived/emberCascade.js.map +1 -0
- package/dist/components/engines/archived/gravityStorm.d.ts +39 -0
- package/dist/components/engines/archived/gravityStorm.d.ts.map +1 -0
- package/dist/components/engines/archived/gravityStorm.js +124 -0
- package/dist/components/engines/archived/gravityStorm.js.map +1 -0
- package/dist/components/engines/archived/reactionDiffusion.d.ts +32 -0
- package/dist/components/engines/archived/reactionDiffusion.d.ts.map +1 -0
- package/dist/components/engines/archived/reactionDiffusion.js +99 -0
- package/dist/components/engines/archived/reactionDiffusion.js.map +1 -0
- package/dist/components/engines/archived/spirograph.d.ts +31 -0
- package/dist/components/engines/archived/spirograph.d.ts.map +1 -0
- package/dist/components/engines/archived/spirograph.js +82 -0
- package/dist/components/engines/archived/spirograph.js.map +1 -0
- package/dist/components/engines/archived/vortexBloom.d.ts +49 -0
- package/dist/components/engines/archived/vortexBloom.d.ts.map +1 -0
- package/dist/components/engines/archived/vortexBloom.js +151 -0
- package/dist/components/engines/archived/vortexBloom.js.map +1 -0
- package/dist/components/engines/cliffordAttractor.d.ts +31 -0
- package/dist/components/engines/cliffordAttractor.d.ts.map +1 -0
- package/dist/components/engines/cliffordAttractor.js +71 -0
- package/dist/components/engines/cliffordAttractor.js.map +1 -0
- package/dist/components/engines/crystallineDrift.d.ts +31 -0
- package/dist/components/engines/crystallineDrift.d.ts.map +1 -0
- package/dist/components/engines/crystallineDrift.js +117 -0
- package/dist/components/engines/crystallineDrift.js.map +1 -0
- package/dist/components/engines/differentialGrowth.d.ts +39 -0
- package/dist/components/engines/differentialGrowth.d.ts.map +1 -0
- package/dist/components/engines/differentialGrowth.js +139 -0
- package/dist/components/engines/differentialGrowth.js.map +1 -0
- package/dist/components/engines/doublePendulum.d.ts +41 -0
- package/dist/components/engines/doublePendulum.d.ts.map +1 -0
- package/dist/components/engines/doublePendulum.js +97 -0
- package/dist/components/engines/doublePendulum.js.map +1 -0
- package/dist/components/engines/dragonCurve.d.ts +46 -0
- package/dist/components/engines/dragonCurve.d.ts.map +1 -0
- package/dist/components/engines/dragonCurve.js +178 -0
- package/dist/components/engines/dragonCurve.js.map +1 -0
- package/dist/components/engines/dragonFold.d.ts +28 -0
- package/dist/components/engines/dragonFold.d.ts.map +1 -0
- package/dist/components/engines/dragonFold.js +166 -0
- package/dist/components/engines/dragonFold.js.map +1 -0
- package/dist/components/engines/emberCascade.d.ts +45 -0
- package/dist/components/engines/emberCascade.d.ts.map +1 -0
- package/dist/components/engines/emberCascade.js +137 -0
- package/dist/components/engines/emberCascade.js.map +1 -0
- package/dist/components/engines/fibonacciVortex.d.ts +70 -0
- package/dist/components/engines/fibonacciVortex.d.ts.map +1 -0
- package/dist/components/engines/fibonacciVortex.js +144 -0
- package/dist/components/engines/fibonacciVortex.js.map +1 -0
- package/dist/components/engines/flowCurrents.d.ts +34 -0
- package/dist/components/engines/flowCurrents.d.ts.map +1 -0
- package/dist/components/engines/flowCurrents.js +89 -0
- package/dist/components/engines/flowCurrents.js.map +1 -0
- package/dist/components/engines/fractalNoiseTerrain.d.ts +32 -0
- package/dist/components/engines/fractalNoiseTerrain.d.ts.map +1 -0
- package/dist/components/engines/fractalNoiseTerrain.js +89 -0
- package/dist/components/engines/fractalNoiseTerrain.js.map +1 -0
- package/dist/components/engines/fractalTree.d.ts +20 -0
- package/dist/components/engines/fractalTree.d.ts.map +1 -0
- package/dist/components/engines/fractalTree.js +92 -0
- package/dist/components/engines/fractalTree.js.map +1 -0
- package/dist/components/engines/geoPulse.d.ts +33 -0
- package/dist/components/engines/geoPulse.d.ts.map +1 -0
- package/dist/components/engines/geoPulse.js +116 -0
- package/dist/components/engines/geoPulse.js.map +1 -0
- package/dist/components/engines/gravityStorm.d.ts +39 -0
- package/dist/components/engines/gravityStorm.d.ts.map +1 -0
- package/dist/components/engines/gravityStorm.js +124 -0
- package/dist/components/engines/gravityStorm.js.map +1 -0
- package/dist/components/engines/harmonicLattice.d.ts +38 -0
- package/dist/components/engines/harmonicLattice.d.ts.map +1 -0
- package/dist/components/engines/harmonicLattice.js +87 -0
- package/dist/components/engines/harmonicLattice.js.map +1 -0
- package/dist/components/engines/hexRipple.d.ts +61 -0
- package/dist/components/engines/hexRipple.d.ts.map +1 -0
- package/dist/components/engines/hexRipple.js +157 -0
- package/dist/components/engines/hexRipple.js.map +1 -0
- package/dist/components/engines/kochCrystal.d.ts +47 -0
- package/dist/components/engines/kochCrystal.d.ts.map +1 -0
- package/dist/components/engines/kochCrystal.js +177 -0
- package/dist/components/engines/kochCrystal.js.map +1 -0
- package/dist/components/engines/lissajousWeave.d.ts +38 -0
- package/dist/components/engines/lissajousWeave.d.ts.map +1 -0
- package/dist/components/engines/lissajousWeave.js +83 -0
- package/dist/components/engines/lissajousWeave.js.map +1 -0
- package/dist/components/engines/moireLattice.d.ts +28 -0
- package/dist/components/engines/moireLattice.d.ts.map +1 -0
- package/dist/components/engines/moireLattice.js +47 -0
- package/dist/components/engines/moireLattice.js.map +1 -0
- package/dist/components/engines/nebulaVeil.d.ts +38 -0
- package/dist/components/engines/nebulaVeil.d.ts.map +1 -0
- package/dist/components/engines/nebulaVeil.js +177 -0
- package/dist/components/engines/nebulaVeil.js.map +1 -0
- package/dist/components/engines/neuralWeave.d.ts +53 -0
- package/dist/components/engines/neuralWeave.d.ts.map +1 -0
- package/dist/components/engines/neuralWeave.js +165 -0
- package/dist/components/engines/neuralWeave.js.map +1 -0
- package/dist/components/engines/orbitalResonance.d.ts +50 -0
- package/dist/components/engines/orbitalResonance.d.ts.map +1 -0
- package/dist/components/engines/orbitalResonance.js +94 -0
- package/dist/components/engines/orbitalResonance.js.map +1 -0
- package/dist/components/engines/photonBurst.d.ts +43 -0
- package/dist/components/engines/photonBurst.d.ts.map +1 -0
- package/dist/components/engines/photonBurst.js +204 -0
- package/dist/components/engines/photonBurst.js.map +1 -0
- package/dist/components/engines/phyllotaxisDream.d.ts +28 -0
- package/dist/components/engines/phyllotaxisDream.d.ts.map +1 -0
- package/dist/components/engines/phyllotaxisDream.js +75 -0
- package/dist/components/engines/phyllotaxisDream.js.map +1 -0
- package/dist/components/engines/plasmaField.d.ts +44 -0
- package/dist/components/engines/plasmaField.d.ts.map +1 -0
- package/dist/components/engines/plasmaField.js +227 -0
- package/dist/components/engines/plasmaField.js.map +1 -0
- package/dist/components/engines/prismaticWave.d.ts +39 -0
- package/dist/components/engines/prismaticWave.d.ts.map +1 -0
- package/dist/components/engines/prismaticWave.js +158 -0
- package/dist/components/engines/prismaticWave.js.map +1 -0
- package/dist/components/engines/reactionDiffusion.d.ts +32 -0
- package/dist/components/engines/reactionDiffusion.d.ts.map +1 -0
- package/dist/components/engines/reactionDiffusion.js +99 -0
- package/dist/components/engines/reactionDiffusion.js.map +1 -0
- package/dist/components/engines/recursiveSubdivision.d.ts +40 -0
- package/dist/components/engines/recursiveSubdivision.d.ts.map +1 -0
- package/dist/components/engines/recursiveSubdivision.js +133 -0
- package/dist/components/engines/recursiveSubdivision.js.map +1 -0
- package/dist/components/engines/recursiveTunnel.d.ts +66 -0
- package/dist/components/engines/recursiveTunnel.d.ts.map +1 -0
- package/dist/components/engines/recursiveTunnel.js +152 -0
- package/dist/components/engines/recursiveTunnel.js.map +1 -0
- package/dist/components/engines/sierpinskiChaos.d.ts +41 -0
- package/dist/components/engines/sierpinskiChaos.d.ts.map +1 -0
- package/dist/components/engines/sierpinskiChaos.js +118 -0
- package/dist/components/engines/sierpinskiChaos.js.map +1 -0
- package/dist/components/engines/sierpinskiDust.d.ts +72 -0
- package/dist/components/engines/sierpinskiDust.d.ts.map +1 -0
- package/dist/components/engines/sierpinskiDust.js +152 -0
- package/dist/components/engines/sierpinskiDust.js.map +1 -0
- package/dist/components/engines/spirograph.d.ts +31 -0
- package/dist/components/engines/spirograph.d.ts.map +1 -0
- package/dist/components/engines/spirograph.js +82 -0
- package/dist/components/engines/spirograph.js.map +1 -0
- package/dist/components/engines/tideHarmonics.d.ts +37 -0
- package/dist/components/engines/tideHarmonics.d.ts.map +1 -0
- package/dist/components/engines/tideHarmonics.js +71 -0
- package/dist/components/engines/tideHarmonics.js.map +1 -0
- package/dist/components/engines/voronoiMosaic.d.ts +37 -0
- package/dist/components/engines/voronoiMosaic.d.ts.map +1 -0
- package/dist/components/engines/voronoiMosaic.js +130 -0
- package/dist/components/engines/voronoiMosaic.js.map +1 -0
- package/dist/components/engines/vortexBloom.d.ts +49 -0
- package/dist/components/engines/vortexBloom.d.ts.map +1 -0
- package/dist/components/engines/vortexBloom.js +151 -0
- package/dist/components/engines/vortexBloom.js.map +1 -0
- package/dist/components/engines/waveEther.d.ts +30 -0
- package/dist/components/engines/waveEther.d.ts.map +1 -0
- package/dist/components/engines/waveEther.js +74 -0
- package/dist/components/engines/waveEther.js.map +1 -0
- package/dist/components/schemas/index.d.ts +131 -0
- package/dist/components/schemas/index.d.ts.map +1 -0
- package/dist/components/schemas/index.js +478 -0
- package/dist/components/schemas/index.js.map +1 -0
- package/dist/components/utils/noise.d.ts +38 -0
- package/dist/components/utils/noise.d.ts.map +1 -0
- package/dist/components/utils/noise.js +132 -0
- package/dist/components/utils/noise.js.map +1 -0
- package/dist/engines/flowCurrents.d.ts +34 -0
- package/dist/engines/flowCurrents.d.ts.map +1 -0
- package/dist/engines/flowCurrents.js +89 -0
- package/dist/engines/flowCurrents.js.map +1 -0
- package/dist/engines/geoPulse.d.ts +33 -0
- package/dist/engines/geoPulse.d.ts.map +1 -0
- package/dist/engines/geoPulse.js +116 -0
- package/dist/engines/geoPulse.js.map +1 -0
- package/dist/engines/gravityStorm.d.ts +39 -0
- package/dist/engines/gravityStorm.d.ts.map +1 -0
- package/dist/engines/gravityStorm.js +124 -0
- package/dist/engines/gravityStorm.js.map +1 -0
- package/dist/engines/waveEther.d.ts +30 -0
- package/dist/engines/waveEther.d.ts.map +1 -0
- package/dist/engines/waveEther.js +74 -0
- package/dist/engines/waveEther.js.map +1 -0
- package/dist/index.d.ts +46 -0
- package/dist/index.d.ts.map +1 -0
- package/dist/index.js +138 -0
- package/dist/index.js.map +1 -0
- package/dist/registry/index.d.ts +59 -0
- package/dist/registry/index.d.ts.map +1 -0
- package/dist/registry/index.js +669 -0
- package/dist/registry/index.js.map +1 -0
- package/dist/schemas/index.d.ts +93 -0
- package/dist/schemas/index.d.ts.map +1 -0
- package/dist/schemas/index.js +83 -0
- package/dist/schemas/index.js.map +1 -0
- package/dist/utils/noise.d.ts +37 -0
- package/dist/utils/noise.d.ts.map +1 -0
- package/dist/utils/noise.js +129 -0
- package/dist/utils/noise.js.map +1 -0
- package/package.json +68 -0
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* BackgroundStudio — interactive playground for Kinetic Arcana backgrounds.
|
|
3
|
+
*
|
|
4
|
+
* Left panel: background selector + live parameter controls (auto-generated
|
|
5
|
+
* from schema). Right panel: full canvas preview. Bottom sheet: code export.
|
|
6
|
+
*
|
|
7
|
+
* No external UI library dependencies — inline styles only.
|
|
8
|
+
*/
|
|
9
|
+
export declare function BackgroundStudio(): import("react/jsx-runtime").JSX.Element;
|
|
10
|
+
//# sourceMappingURL=BackgroundStudio.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"BackgroundStudio.d.ts","sourceRoot":"","sources":["../../src/components/BackgroundStudio.tsx"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AA2PH,wBAAgB,gBAAgB,4CAwQ/B"}
|
|
@@ -0,0 +1,268 @@
|
|
|
1
|
+
import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
|
|
2
|
+
/**
|
|
3
|
+
* BackgroundStudio — interactive playground for Kinetic Arcana backgrounds.
|
|
4
|
+
*
|
|
5
|
+
* Left panel: background selector + live parameter controls (auto-generated
|
|
6
|
+
* from schema). Right panel: full canvas preview. Bottom sheet: code export.
|
|
7
|
+
*
|
|
8
|
+
* No external UI library dependencies — inline styles only.
|
|
9
|
+
*/
|
|
10
|
+
import { useState, useCallback } from "react";
|
|
11
|
+
import { FlowCurrents } from "./FlowCurrents";
|
|
12
|
+
import { GravityStorm } from "./GravityStorm";
|
|
13
|
+
import { GeoPulse } from "./GeoPulse";
|
|
14
|
+
import { WaveEther } from "./WaveEther";
|
|
15
|
+
import { flowCurrentsSchema, flowCurrentsDefaults, gravityStormSchema, gravityStormDefaults, geoPulseSchema, geoPulseDefaults, waveEtherSchema, waveEtherDefaults, } from "../schemas";
|
|
16
|
+
const BACKGROUNDS = [
|
|
17
|
+
{
|
|
18
|
+
id: "flow-currents",
|
|
19
|
+
label: "Flow Currents",
|
|
20
|
+
schema: flowCurrentsSchema,
|
|
21
|
+
defaults: flowCurrentsDefaults,
|
|
22
|
+
Component: FlowCurrents,
|
|
23
|
+
description: "Particles trace Perlin noise vector fields.",
|
|
24
|
+
installId: "flow-currents",
|
|
25
|
+
},
|
|
26
|
+
{
|
|
27
|
+
id: "gravity-storm",
|
|
28
|
+
label: "Gravity Storm",
|
|
29
|
+
schema: gravityStormSchema,
|
|
30
|
+
defaults: gravityStormDefaults,
|
|
31
|
+
Component: GravityStorm,
|
|
32
|
+
description: "Orbital particle choreography around moving attractors.",
|
|
33
|
+
installId: "gravity-storm",
|
|
34
|
+
},
|
|
35
|
+
{
|
|
36
|
+
id: "geo-pulse",
|
|
37
|
+
label: "Geo Pulse",
|
|
38
|
+
schema: geoPulseSchema,
|
|
39
|
+
defaults: geoPulseDefaults,
|
|
40
|
+
Component: GeoPulse,
|
|
41
|
+
description: "Nested rotating polygons at prime-ratio angular velocities.",
|
|
42
|
+
installId: "geo-pulse",
|
|
43
|
+
},
|
|
44
|
+
{
|
|
45
|
+
id: "wave-ether",
|
|
46
|
+
label: "Wave Ether",
|
|
47
|
+
schema: waveEtherSchema,
|
|
48
|
+
defaults: waveEtherDefaults,
|
|
49
|
+
Component: WaveEther,
|
|
50
|
+
description: "Multi-source interference waves across a pixel grid.",
|
|
51
|
+
installId: "wave-ether",
|
|
52
|
+
},
|
|
53
|
+
];
|
|
54
|
+
// ─────────────────────────────────────────────────────────────────────────────
|
|
55
|
+
// Token system
|
|
56
|
+
// ─────────────────────────────────────────────────────────────────────────────
|
|
57
|
+
const T = {
|
|
58
|
+
dark: "#0c0c14",
|
|
59
|
+
panel: "#13131f",
|
|
60
|
+
border: "#1e1e30",
|
|
61
|
+
accent: "#d97757",
|
|
62
|
+
accentHover: "#c86641",
|
|
63
|
+
text: "#e8e6dc",
|
|
64
|
+
muted: "#6b6a78",
|
|
65
|
+
input: "#1a1a28",
|
|
66
|
+
white: "#ffffff",
|
|
67
|
+
blue: "#6a9bcc",
|
|
68
|
+
green: "#788c5d",
|
|
69
|
+
};
|
|
70
|
+
// ─────────────────────────────────────────────────────────────────────────────
|
|
71
|
+
// Code export generator
|
|
72
|
+
// ─────────────────────────────────────────────────────────────────────────────
|
|
73
|
+
function generateUsageSnippet(bg, params) {
|
|
74
|
+
const componentName = bg.id
|
|
75
|
+
.split("-")
|
|
76
|
+
.map((s) => s[0].toUpperCase() + s.slice(1))
|
|
77
|
+
.join("");
|
|
78
|
+
const changedProps = bg.schema
|
|
79
|
+
.filter((s) => params[s.name] !== s.default)
|
|
80
|
+
.map((s) => {
|
|
81
|
+
const val = params[s.name];
|
|
82
|
+
if (s.type === "color" || s.type === "select")
|
|
83
|
+
return ` ${s.name}="${val}"`;
|
|
84
|
+
return ` ${s.name}={${val}}`;
|
|
85
|
+
});
|
|
86
|
+
if (changedProps.length === 0)
|
|
87
|
+
return `<${componentName} />`;
|
|
88
|
+
return `<${componentName}\n${changedProps.join("\n")}\n/>`;
|
|
89
|
+
}
|
|
90
|
+
function generateFullComponent(bg) {
|
|
91
|
+
const componentName = bg.id
|
|
92
|
+
.split("-")
|
|
93
|
+
.map((s) => s[0].toUpperCase() + s.slice(1))
|
|
94
|
+
.join("");
|
|
95
|
+
return (`import { ${componentName} } from "kinetic-arcana";\n\n` +
|
|
96
|
+
`export default function MyPage() {\n` +
|
|
97
|
+
` return (\n` +
|
|
98
|
+
` <div style={{ position: "relative", height: "100vh" }}>\n` +
|
|
99
|
+
` <${componentName}\n` +
|
|
100
|
+
` style={{ position: "absolute", inset: 0 }}\n` +
|
|
101
|
+
` />\n` +
|
|
102
|
+
` <div style={{ position: "relative", zIndex: 1 }}>\n` +
|
|
103
|
+
` {/* your content here */}\n` +
|
|
104
|
+
` </div>\n` +
|
|
105
|
+
` </div>\n` +
|
|
106
|
+
` );\n` +
|
|
107
|
+
`}`);
|
|
108
|
+
}
|
|
109
|
+
// ─────────────────────────────────────────────────────────────────────────────
|
|
110
|
+
// Sub-components
|
|
111
|
+
// ─────────────────────────────────────────────────────────────────────────────
|
|
112
|
+
function Slider({ label, value, min, max, step, onChange, }) {
|
|
113
|
+
const displayVal = step < 0.01 ? value.toFixed(4) : step < 0.1 ? value.toFixed(3) : step < 1 ? value.toFixed(2) : String(value);
|
|
114
|
+
return (_jsxs("div", { style: { marginBottom: 14 }, children: [_jsxs("div", { style: { display: "flex", justifyContent: "space-between", marginBottom: 5 }, children: [_jsx("span", { style: { fontSize: 12, color: T.text, fontWeight: 500 }, children: label }), _jsx("span", { style: { fontSize: 11, color: T.muted, fontFamily: "monospace" }, children: displayVal })] }), _jsx("input", { type: "range", min: min, max: max, step: step, value: value, onChange: (e) => onChange(parseFloat(e.target.value)), style: { width: "100%", accentColor: T.accent, cursor: "pointer" } })] }));
|
|
115
|
+
}
|
|
116
|
+
function ColorPicker({ label, value, onChange, }) {
|
|
117
|
+
return (_jsxs("div", { style: { display: "flex", alignItems: "center", gap: 8, marginBottom: 10 }, children: [_jsx("span", { style: { fontSize: 12, color: T.text, flex: 1 }, children: label }), _jsxs("div", { style: { display: "flex", alignItems: "center", gap: 6 }, children: [_jsx("input", { type: "color", value: value, onChange: (e) => onChange(e.target.value), style: { width: 28, height: 28, border: "none", borderRadius: 6, cursor: "pointer", background: "none", padding: 0 } }), _jsx("span", { style: { fontSize: 11, color: T.muted, fontFamily: "monospace" }, children: value })] })] }));
|
|
118
|
+
}
|
|
119
|
+
function CodeBlock({ code, onCopy }) {
|
|
120
|
+
return (_jsxs("div", { style: { position: "relative" }, children: [_jsx("pre", { style: {
|
|
121
|
+
background: T.dark,
|
|
122
|
+
border: `1px solid ${T.border}`,
|
|
123
|
+
borderRadius: 8,
|
|
124
|
+
padding: "16px 48px 16px 16px",
|
|
125
|
+
fontSize: 12,
|
|
126
|
+
lineHeight: 1.6,
|
|
127
|
+
color: T.text,
|
|
128
|
+
overflowX: "auto",
|
|
129
|
+
fontFamily: "ui-monospace, 'Cascadia Code', 'Source Code Pro', monospace",
|
|
130
|
+
margin: 0,
|
|
131
|
+
whiteSpace: "pre",
|
|
132
|
+
}, children: code }), _jsx("button", { onClick: onCopy, style: {
|
|
133
|
+
position: "absolute",
|
|
134
|
+
top: 8,
|
|
135
|
+
right: 8,
|
|
136
|
+
background: T.border,
|
|
137
|
+
border: "none",
|
|
138
|
+
borderRadius: 4,
|
|
139
|
+
color: T.muted,
|
|
140
|
+
fontSize: 11,
|
|
141
|
+
padding: "4px 8px",
|
|
142
|
+
cursor: "pointer",
|
|
143
|
+
}, children: "copy" })] }));
|
|
144
|
+
}
|
|
145
|
+
// ─────────────────────────────────────────────────────────────────────────────
|
|
146
|
+
// Main
|
|
147
|
+
// ─────────────────────────────────────────────────────────────────────────────
|
|
148
|
+
export function BackgroundStudio() {
|
|
149
|
+
const [activeId, setActiveId] = useState("flow-currents");
|
|
150
|
+
const [paramMap, setParamMap] = useState({
|
|
151
|
+
"flow-currents": { ...flowCurrentsDefaults },
|
|
152
|
+
"gravity-storm": { ...gravityStormDefaults },
|
|
153
|
+
"geo-pulse": { ...geoPulseDefaults },
|
|
154
|
+
"wave-ether": { ...waveEtherDefaults },
|
|
155
|
+
});
|
|
156
|
+
const [exportOpen, setExportOpen] = useState(false);
|
|
157
|
+
const [exportTab, setExportTab] = useState("usage");
|
|
158
|
+
const [copied, setCopied] = useState(false);
|
|
159
|
+
const bg = BACKGROUNDS.find((b) => b.id === activeId);
|
|
160
|
+
const params = paramMap[activeId];
|
|
161
|
+
const setParam = useCallback((name, value) => {
|
|
162
|
+
setParamMap((prev) => ({
|
|
163
|
+
...prev,
|
|
164
|
+
[activeId]: { ...prev[activeId], [name]: value },
|
|
165
|
+
}));
|
|
166
|
+
}, [activeId]);
|
|
167
|
+
const resetParams = useCallback(() => {
|
|
168
|
+
setParamMap((prev) => ({ ...prev, [activeId]: { ...bg.defaults } }));
|
|
169
|
+
}, [activeId, bg.defaults]);
|
|
170
|
+
const randomSeed = useCallback(() => {
|
|
171
|
+
setParam("seed", Math.floor(Math.random() * 999999) + 1);
|
|
172
|
+
}, [setParam]);
|
|
173
|
+
const exportCode = exportTab === "usage"
|
|
174
|
+
? generateUsageSnippet(bg, params)
|
|
175
|
+
: generateFullComponent(bg);
|
|
176
|
+
const copyCode = () => {
|
|
177
|
+
navigator.clipboard.writeText(exportCode).then(() => {
|
|
178
|
+
setCopied(true);
|
|
179
|
+
setTimeout(() => setCopied(false), 1500);
|
|
180
|
+
});
|
|
181
|
+
};
|
|
182
|
+
const { Component } = bg;
|
|
183
|
+
return (_jsxs("div", { style: {
|
|
184
|
+
display: "flex",
|
|
185
|
+
height: "100vh",
|
|
186
|
+
background: T.dark,
|
|
187
|
+
fontFamily: "'Inter', system-ui, sans-serif",
|
|
188
|
+
color: T.text,
|
|
189
|
+
overflow: "hidden",
|
|
190
|
+
}, children: [_jsxs("div", { style: {
|
|
191
|
+
width: 280,
|
|
192
|
+
flexShrink: 0,
|
|
193
|
+
background: T.panel,
|
|
194
|
+
borderRight: `1px solid ${T.border}`,
|
|
195
|
+
overflowY: "auto",
|
|
196
|
+
overflowX: "hidden",
|
|
197
|
+
display: "flex",
|
|
198
|
+
flexDirection: "column",
|
|
199
|
+
}, children: [_jsxs("div", { style: { padding: "20px 20px 16px" }, children: [_jsx("div", { style: { fontSize: 15, fontWeight: 600, marginBottom: 2 }, children: "Background Studio" }), _jsx("div", { style: { fontSize: 11, color: T.muted }, children: "Kinetic Arcana" })] }), _jsx("div", { style: { borderBottom: `1px solid ${T.border}` } }), _jsxs("div", { style: { padding: "16px 16px 0" }, children: [_jsx("div", { style: { fontSize: 10, color: T.muted, fontWeight: 600, letterSpacing: "0.08em", textTransform: "uppercase", marginBottom: 10 }, children: "Background" }), _jsx("div", { style: { display: "grid", gridTemplateColumns: "1fr 1fr", gap: 6, marginBottom: 16 }, children: BACKGROUNDS.map((b) => (_jsx("button", { onClick: () => setActiveId(b.id), style: {
|
|
200
|
+
background: activeId === b.id ? T.accent : T.input,
|
|
201
|
+
border: `1px solid ${activeId === b.id ? T.accent : T.border}`,
|
|
202
|
+
borderRadius: 6,
|
|
203
|
+
padding: "8px 6px",
|
|
204
|
+
color: activeId === b.id ? T.white : T.muted,
|
|
205
|
+
fontSize: 11,
|
|
206
|
+
fontWeight: activeId === b.id ? 600 : 400,
|
|
207
|
+
cursor: "pointer",
|
|
208
|
+
textAlign: "center",
|
|
209
|
+
lineHeight: 1.3,
|
|
210
|
+
transition: "all 0.15s",
|
|
211
|
+
}, children: b.label }, b.id))) }), _jsx("div", { style: { fontSize: 11, color: T.muted, marginBottom: 16, lineHeight: 1.5 }, children: bg.description })] }), _jsx("div", { style: { borderBottom: `1px solid ${T.border}` } }), _jsxs("div", { style: { padding: "16px 16px 0", flex: 1 }, children: [_jsx("div", { style: { fontSize: 10, color: T.muted, fontWeight: 600, letterSpacing: "0.08em", textTransform: "uppercase", marginBottom: 14 }, children: "Parameters" }), bg.schema.map((s) => {
|
|
212
|
+
const val = params[s.name];
|
|
213
|
+
if (s.type === "number") {
|
|
214
|
+
return (_jsx(Slider, { label: s.label, value: val, min: s.min, max: s.max, step: s.step, onChange: (v) => setParam(s.name, v) }, s.name));
|
|
215
|
+
}
|
|
216
|
+
if (s.type === "color") {
|
|
217
|
+
return (_jsx(ColorPicker, { label: s.label, value: val, onChange: (v) => setParam(s.name, v) }, s.name));
|
|
218
|
+
}
|
|
219
|
+
return null;
|
|
220
|
+
})] }), _jsxs("div", { style: { padding: 16, display: "flex", flexDirection: "column", gap: 6 }, children: [_jsxs("div", { style: { display: "flex", gap: 6 }, children: [_jsx("button", { onClick: randomSeed, style: btnStyle(T.blue), children: "\u21BB Random Seed" }), _jsx("button", { onClick: resetParams, style: btnStyle(T.input, T.muted), children: "Reset" })] }), _jsxs("button", { onClick: () => setExportOpen((o) => !o), style: btnStyle(T.accent), children: [exportOpen ? "Hide" : "Export", " Code"] })] })] }), _jsxs("div", { style: { flex: 1, position: "relative", overflow: "hidden" }, children: [_jsx(Component, { ...params, style: { position: "absolute", inset: 0, width: "100%", height: "100%" } }), _jsxs("div", { style: {
|
|
221
|
+
position: "absolute",
|
|
222
|
+
top: 16,
|
|
223
|
+
right: 16,
|
|
224
|
+
background: "rgba(0,0,0,0.6)",
|
|
225
|
+
backdropFilter: "blur(8px)",
|
|
226
|
+
border: `1px solid ${T.border}`,
|
|
227
|
+
borderRadius: 8,
|
|
228
|
+
padding: "8px 12px",
|
|
229
|
+
fontSize: 11,
|
|
230
|
+
color: T.muted,
|
|
231
|
+
fontFamily: "monospace",
|
|
232
|
+
}, children: ["npx kinetic-arcana add ", bg.installId] }), exportOpen && (_jsxs("div", { style: {
|
|
233
|
+
position: "absolute",
|
|
234
|
+
bottom: 0,
|
|
235
|
+
left: 0,
|
|
236
|
+
right: 0,
|
|
237
|
+
background: "rgba(13,13,21,0.97)",
|
|
238
|
+
backdropFilter: "blur(12px)",
|
|
239
|
+
borderTop: `1px solid ${T.border}`,
|
|
240
|
+
padding: 20,
|
|
241
|
+
maxHeight: "45%",
|
|
242
|
+
overflowY: "auto",
|
|
243
|
+
}, children: [_jsxs("div", { style: { display: "flex", alignItems: "center", gap: 8, marginBottom: 14 }, children: [_jsx("div", { style: { fontSize: 13, fontWeight: 600 }, children: "Code Export" }), _jsx("div", { style: { flex: 1 } }), ["usage", "full"].map((tab) => (_jsx("button", { onClick: () => setExportTab(tab), style: {
|
|
244
|
+
background: exportTab === tab ? T.accent : T.input,
|
|
245
|
+
border: "none",
|
|
246
|
+
borderRadius: 4,
|
|
247
|
+
color: exportTab === tab ? T.white : T.muted,
|
|
248
|
+
fontSize: 11,
|
|
249
|
+
padding: "4px 10px",
|
|
250
|
+
cursor: "pointer",
|
|
251
|
+
fontWeight: exportTab === tab ? 600 : 400,
|
|
252
|
+
}, children: tab === "usage" ? "Usage" : "Full File" }, tab))), _jsx("button", { onClick: () => setExportOpen(false), style: { background: "none", border: "none", color: T.muted, fontSize: 16, cursor: "pointer", padding: "0 4px" }, children: "\u00D7" })] }), _jsx(CodeBlock, { code: exportCode, onCopy: copyCode }), _jsx("div", { style: { marginTop: 12, fontSize: 11, color: T.muted }, children: copied ? (_jsx("span", { style: { color: T.green }, children: "Copied to clipboard" })) : (_jsxs(_Fragment, { children: ["CLI install:", " ", _jsxs("code", { style: { fontFamily: "monospace", background: T.input, padding: "2px 6px", borderRadius: 4 }, children: ["npx kinetic-arcana add ", bg.installId] })] })) })] }))] })] }));
|
|
253
|
+
}
|
|
254
|
+
function btnStyle(bg, color = "#ffffff") {
|
|
255
|
+
return {
|
|
256
|
+
flex: 1,
|
|
257
|
+
background: bg,
|
|
258
|
+
border: "none",
|
|
259
|
+
borderRadius: 6,
|
|
260
|
+
color,
|
|
261
|
+
fontSize: 12,
|
|
262
|
+
fontWeight: 500,
|
|
263
|
+
padding: "8px 10px",
|
|
264
|
+
cursor: "pointer",
|
|
265
|
+
fontFamily: "inherit",
|
|
266
|
+
};
|
|
267
|
+
}
|
|
268
|
+
//# sourceMappingURL=BackgroundStudio.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"BackgroundStudio.js","sourceRoot":"","sources":["../../src/components/BackgroundStudio.tsx"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,24 @@
|
|
|
1
|
+
import { CSSProperties } from "react";
|
|
2
|
+
import type { FlowCurrentsParams } from "./schemas";
|
|
3
|
+
export interface FlowCurrentsProps extends FlowCurrentsParams {
|
|
4
|
+
className?: string;
|
|
5
|
+
style?: CSSProperties;
|
|
6
|
+
}
|
|
7
|
+
/**
|
|
8
|
+
* FlowCurrents — Perlin-noise particle flow field background.
|
|
9
|
+
*
|
|
10
|
+
* Drop-in React component. Fills its container, handles resize, and
|
|
11
|
+
* cleans up on unmount. Zero external dependencies beyond React.
|
|
12
|
+
*
|
|
13
|
+
* @example
|
|
14
|
+
* <FlowCurrents
|
|
15
|
+
* speed={1.2}
|
|
16
|
+
* count={2500}
|
|
17
|
+
* colorWarm="#e8855a"
|
|
18
|
+
* colorCool="#5a9bcc"
|
|
19
|
+
* colorAccent="#a0c878"
|
|
20
|
+
* style={{ position: "absolute", inset: 0 }}
|
|
21
|
+
* />
|
|
22
|
+
*/
|
|
23
|
+
export declare function FlowCurrents(props: FlowCurrentsProps): import("react/jsx-runtime").JSX.Element;
|
|
24
|
+
//# sourceMappingURL=FlowCurrents.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"FlowCurrents.d.ts","sourceRoot":"","sources":["../../src/components/FlowCurrents.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAqB,aAAa,EAAE,MAAM,OAAO,CAAC;AAOzD,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,WAAW,CAAC;AAGpD,MAAM,WAAW,iBAAkB,SAAQ,kBAAkB;IAC3D,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,CAAC,EAAE,aAAa,CAAC;CACvB;AAED;;;;;;;;;;;;;;;GAeG;AACH,wBAAgB,YAAY,CAAC,KAAK,EAAE,iBAAiB,2CAqEpD"}
|
|
@@ -0,0 +1,79 @@
|
|
|
1
|
+
import { jsx as _jsx } from "react/jsx-runtime";
|
|
2
|
+
import { useEffect, useRef } from "react";
|
|
3
|
+
import { initFlowCurrents, drawFlowCurrents, resetFlowCurrents, } from "./engines/flowCurrents";
|
|
4
|
+
import { flowCurrentsDefaults } from "./schemas";
|
|
5
|
+
/**
|
|
6
|
+
* FlowCurrents — Perlin-noise particle flow field background.
|
|
7
|
+
*
|
|
8
|
+
* Drop-in React component. Fills its container, handles resize, and
|
|
9
|
+
* cleans up on unmount. Zero external dependencies beyond React.
|
|
10
|
+
*
|
|
11
|
+
* @example
|
|
12
|
+
* <FlowCurrents
|
|
13
|
+
* speed={1.2}
|
|
14
|
+
* count={2500}
|
|
15
|
+
* colorWarm="#e8855a"
|
|
16
|
+
* colorCool="#5a9bcc"
|
|
17
|
+
* colorAccent="#a0c878"
|
|
18
|
+
* style={{ position: "absolute", inset: 0 }}
|
|
19
|
+
* />
|
|
20
|
+
*/
|
|
21
|
+
export function FlowCurrents(props) {
|
|
22
|
+
const { className, style, ...params } = props;
|
|
23
|
+
const merged = { ...flowCurrentsDefaults, ...params };
|
|
24
|
+
const canvasRef = useRef(null);
|
|
25
|
+
const stateRef = useRef(null);
|
|
26
|
+
// Always-current params ref — loop reads this, no restart needed
|
|
27
|
+
const paramsRef = useRef(merged);
|
|
28
|
+
paramsRef.current = merged;
|
|
29
|
+
// Bootstrap: create canvas context, start loop, handle resize
|
|
30
|
+
useEffect(() => {
|
|
31
|
+
const canvas = canvasRef.current;
|
|
32
|
+
if (!canvas)
|
|
33
|
+
return;
|
|
34
|
+
const ctx = canvas.getContext("2d");
|
|
35
|
+
if (!ctx)
|
|
36
|
+
return;
|
|
37
|
+
let animId;
|
|
38
|
+
let running = true;
|
|
39
|
+
function resizeCanvas() {
|
|
40
|
+
const w = canvas.clientWidth * window.devicePixelRatio;
|
|
41
|
+
const h = canvas.clientHeight * window.devicePixelRatio;
|
|
42
|
+
if (canvas.width !== w || canvas.height !== h) {
|
|
43
|
+
canvas.width = w;
|
|
44
|
+
canvas.height = h;
|
|
45
|
+
ctx.fillStyle = "rgb(12,12,20)";
|
|
46
|
+
ctx.fillRect(0, 0, w, h);
|
|
47
|
+
stateRef.current = initFlowCurrents(w, h, paramsRef.current);
|
|
48
|
+
}
|
|
49
|
+
}
|
|
50
|
+
resizeCanvas();
|
|
51
|
+
stateRef.current = initFlowCurrents(canvas.width, canvas.height, paramsRef.current);
|
|
52
|
+
const loop = () => {
|
|
53
|
+
if (!running)
|
|
54
|
+
return;
|
|
55
|
+
if (stateRef.current) {
|
|
56
|
+
drawFlowCurrents(ctx, stateRef.current, paramsRef.current);
|
|
57
|
+
}
|
|
58
|
+
animId = requestAnimationFrame(loop);
|
|
59
|
+
};
|
|
60
|
+
animId = requestAnimationFrame(loop);
|
|
61
|
+
const ro = new ResizeObserver(resizeCanvas);
|
|
62
|
+
ro.observe(canvas);
|
|
63
|
+
return () => {
|
|
64
|
+
running = false;
|
|
65
|
+
cancelAnimationFrame(animId);
|
|
66
|
+
ro.disconnect();
|
|
67
|
+
};
|
|
68
|
+
}, []); // intentionally empty — loop reads paramsRef
|
|
69
|
+
// Reinit on structural param changes
|
|
70
|
+
useEffect(() => {
|
|
71
|
+
const canvas = canvasRef.current;
|
|
72
|
+
const ctx = canvas?.getContext("2d");
|
|
73
|
+
if (!canvas || !ctx || !stateRef.current)
|
|
74
|
+
return;
|
|
75
|
+
stateRef.current = resetFlowCurrents(ctx, stateRef.current, merged);
|
|
76
|
+
}, [merged.seed, merged.count]); // eslint-disable-line react-hooks/exhaustive-deps
|
|
77
|
+
return (_jsx("canvas", { ref: canvasRef, className: className, style: { display: "block", width: "100%", height: "100%", ...style } }));
|
|
78
|
+
}
|
|
79
|
+
//# sourceMappingURL=FlowCurrents.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"FlowCurrents.js","sourceRoot":"","sources":["../../src/components/FlowCurrents.tsx"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,20 @@
|
|
|
1
|
+
import { CSSProperties } from "react";
|
|
2
|
+
import type { GeoPulseParams } from "./schemas";
|
|
3
|
+
export interface GeoPulseProps extends GeoPulseParams {
|
|
4
|
+
className?: string;
|
|
5
|
+
style?: CSSProperties;
|
|
6
|
+
}
|
|
7
|
+
/**
|
|
8
|
+
* GeoPulse — nested rotating parametric polygon background.
|
|
9
|
+
*
|
|
10
|
+
* @example
|
|
11
|
+
* <GeoPulse
|
|
12
|
+
* layers={8}
|
|
13
|
+
* sides={6}
|
|
14
|
+
* pulse={0.15}
|
|
15
|
+
* colorPrimary="#d97757"
|
|
16
|
+
* style={{ position: "absolute", inset: 0 }}
|
|
17
|
+
* />
|
|
18
|
+
*/
|
|
19
|
+
export declare function GeoPulse(props: GeoPulseProps): import("react/jsx-runtime").JSX.Element;
|
|
20
|
+
//# sourceMappingURL=GeoPulse.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"GeoPulse.d.ts","sourceRoot":"","sources":["../../src/components/GeoPulse.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAqB,aAAa,EAAE,MAAM,OAAO,CAAC;AAOzD,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,WAAW,CAAC;AAGhD,MAAM,WAAW,aAAc,SAAQ,cAAc;IACnD,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,CAAC,EAAE,aAAa,CAAC;CACvB;AAED;;;;;;;;;;;GAWG;AACH,wBAAgB,QAAQ,CAAC,KAAK,EAAE,aAAa,2CAkE5C"}
|
|
@@ -0,0 +1,72 @@
|
|
|
1
|
+
import { jsx as _jsx } from "react/jsx-runtime";
|
|
2
|
+
import { useEffect, useRef } from "react";
|
|
3
|
+
import { initGeoPulse, drawGeoPulse, resetGeoPulse, } from "./engines/geoPulse";
|
|
4
|
+
import { geoPulseDefaults } from "./schemas";
|
|
5
|
+
/**
|
|
6
|
+
* GeoPulse — nested rotating parametric polygon background.
|
|
7
|
+
*
|
|
8
|
+
* @example
|
|
9
|
+
* <GeoPulse
|
|
10
|
+
* layers={8}
|
|
11
|
+
* sides={6}
|
|
12
|
+
* pulse={0.15}
|
|
13
|
+
* colorPrimary="#d97757"
|
|
14
|
+
* style={{ position: "absolute", inset: 0 }}
|
|
15
|
+
* />
|
|
16
|
+
*/
|
|
17
|
+
export function GeoPulse(props) {
|
|
18
|
+
const { className, style, ...params } = props;
|
|
19
|
+
const merged = { ...geoPulseDefaults, ...params };
|
|
20
|
+
const canvasRef = useRef(null);
|
|
21
|
+
const stateRef = useRef(null);
|
|
22
|
+
const paramsRef = useRef(merged);
|
|
23
|
+
paramsRef.current = merged;
|
|
24
|
+
useEffect(() => {
|
|
25
|
+
const canvas = canvasRef.current;
|
|
26
|
+
if (!canvas)
|
|
27
|
+
return;
|
|
28
|
+
const ctx = canvas.getContext("2d");
|
|
29
|
+
if (!ctx)
|
|
30
|
+
return;
|
|
31
|
+
let animId;
|
|
32
|
+
let running = true;
|
|
33
|
+
function resizeCanvas() {
|
|
34
|
+
const w = canvas.clientWidth * window.devicePixelRatio;
|
|
35
|
+
const h = canvas.clientHeight * window.devicePixelRatio;
|
|
36
|
+
if (canvas.width !== w || canvas.height !== h) {
|
|
37
|
+
canvas.width = w;
|
|
38
|
+
canvas.height = h;
|
|
39
|
+
ctx.fillStyle = "rgb(10,10,18)";
|
|
40
|
+
ctx.fillRect(0, 0, w, h);
|
|
41
|
+
stateRef.current = initGeoPulse(w, h, paramsRef.current);
|
|
42
|
+
}
|
|
43
|
+
}
|
|
44
|
+
resizeCanvas();
|
|
45
|
+
stateRef.current = initGeoPulse(canvas.width, canvas.height, paramsRef.current);
|
|
46
|
+
const loop = () => {
|
|
47
|
+
if (!running)
|
|
48
|
+
return;
|
|
49
|
+
if (stateRef.current) {
|
|
50
|
+
drawGeoPulse(ctx, stateRef.current, paramsRef.current);
|
|
51
|
+
}
|
|
52
|
+
animId = requestAnimationFrame(loop);
|
|
53
|
+
};
|
|
54
|
+
animId = requestAnimationFrame(loop);
|
|
55
|
+
const ro = new ResizeObserver(resizeCanvas);
|
|
56
|
+
ro.observe(canvas);
|
|
57
|
+
return () => {
|
|
58
|
+
running = false;
|
|
59
|
+
cancelAnimationFrame(animId);
|
|
60
|
+
ro.disconnect();
|
|
61
|
+
};
|
|
62
|
+
}, []);
|
|
63
|
+
useEffect(() => {
|
|
64
|
+
const canvas = canvasRef.current;
|
|
65
|
+
const ctx = canvas?.getContext("2d");
|
|
66
|
+
if (!canvas || !ctx || !stateRef.current)
|
|
67
|
+
return;
|
|
68
|
+
stateRef.current = resetGeoPulse(ctx, stateRef.current, merged);
|
|
69
|
+
}, [merged.seed, merged.layers, merged.sides, merged.connect]); // eslint-disable-line react-hooks/exhaustive-deps
|
|
70
|
+
return (_jsx("canvas", { ref: canvasRef, className: className, style: { display: "block", width: "100%", height: "100%", ...style } }));
|
|
71
|
+
}
|
|
72
|
+
//# sourceMappingURL=GeoPulse.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"GeoPulse.js","sourceRoot":"","sources":["../../src/components/GeoPulse.tsx"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,20 @@
|
|
|
1
|
+
import { CSSProperties } from "react";
|
|
2
|
+
import type { GravityStormParams } from "./schemas";
|
|
3
|
+
export interface GravityStormProps extends GravityStormParams {
|
|
4
|
+
className?: string;
|
|
5
|
+
style?: CSSProperties;
|
|
6
|
+
}
|
|
7
|
+
/**
|
|
8
|
+
* GravityStorm — n-body attractor particle system background.
|
|
9
|
+
*
|
|
10
|
+
* @example
|
|
11
|
+
* <GravityStorm
|
|
12
|
+
* attractors={4}
|
|
13
|
+
* gravity={1.2}
|
|
14
|
+
* colorCore="#ff6b35"
|
|
15
|
+
* colorTrail="#7b5ea7"
|
|
16
|
+
* style={{ position: "absolute", inset: 0 }}
|
|
17
|
+
* />
|
|
18
|
+
*/
|
|
19
|
+
export declare function GravityStorm(props: GravityStormProps): import("react/jsx-runtime").JSX.Element;
|
|
20
|
+
//# sourceMappingURL=GravityStorm.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"GravityStorm.d.ts","sourceRoot":"","sources":["../../src/components/GravityStorm.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAqB,aAAa,EAAE,MAAM,OAAO,CAAC;AAOzD,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,WAAW,CAAC;AAGpD,MAAM,WAAW,iBAAkB,SAAQ,kBAAkB;IAC3D,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,CAAC,EAAE,aAAa,CAAC;CACvB;AAED;;;;;;;;;;;GAWG;AACH,wBAAgB,YAAY,CAAC,KAAK,EAAE,iBAAiB,2CAkEpD"}
|
|
@@ -0,0 +1,72 @@
|
|
|
1
|
+
import { jsx as _jsx } from "react/jsx-runtime";
|
|
2
|
+
import { useEffect, useRef } from "react";
|
|
3
|
+
import { initGravityStorm, drawGravityStorm, resetGravityStorm, } from "./engines/gravityStorm";
|
|
4
|
+
import { gravityStormDefaults } from "./schemas";
|
|
5
|
+
/**
|
|
6
|
+
* GravityStorm — n-body attractor particle system background.
|
|
7
|
+
*
|
|
8
|
+
* @example
|
|
9
|
+
* <GravityStorm
|
|
10
|
+
* attractors={4}
|
|
11
|
+
* gravity={1.2}
|
|
12
|
+
* colorCore="#ff6b35"
|
|
13
|
+
* colorTrail="#7b5ea7"
|
|
14
|
+
* style={{ position: "absolute", inset: 0 }}
|
|
15
|
+
* />
|
|
16
|
+
*/
|
|
17
|
+
export function GravityStorm(props) {
|
|
18
|
+
const { className, style, ...params } = props;
|
|
19
|
+
const merged = { ...gravityStormDefaults, ...params };
|
|
20
|
+
const canvasRef = useRef(null);
|
|
21
|
+
const stateRef = useRef(null);
|
|
22
|
+
const paramsRef = useRef(merged);
|
|
23
|
+
paramsRef.current = merged;
|
|
24
|
+
useEffect(() => {
|
|
25
|
+
const canvas = canvasRef.current;
|
|
26
|
+
if (!canvas)
|
|
27
|
+
return;
|
|
28
|
+
const ctx = canvas.getContext("2d");
|
|
29
|
+
if (!ctx)
|
|
30
|
+
return;
|
|
31
|
+
let animId;
|
|
32
|
+
let running = true;
|
|
33
|
+
function resizeCanvas() {
|
|
34
|
+
const w = canvas.clientWidth * window.devicePixelRatio;
|
|
35
|
+
const h = canvas.clientHeight * window.devicePixelRatio;
|
|
36
|
+
if (canvas.width !== w || canvas.height !== h) {
|
|
37
|
+
canvas.width = w;
|
|
38
|
+
canvas.height = h;
|
|
39
|
+
ctx.fillStyle = "rgb(8,6,18)";
|
|
40
|
+
ctx.fillRect(0, 0, w, h);
|
|
41
|
+
stateRef.current = initGravityStorm(w, h, paramsRef.current);
|
|
42
|
+
}
|
|
43
|
+
}
|
|
44
|
+
resizeCanvas();
|
|
45
|
+
stateRef.current = initGravityStorm(canvas.width, canvas.height, paramsRef.current);
|
|
46
|
+
const loop = () => {
|
|
47
|
+
if (!running)
|
|
48
|
+
return;
|
|
49
|
+
if (stateRef.current) {
|
|
50
|
+
drawGravityStorm(ctx, stateRef.current, paramsRef.current);
|
|
51
|
+
}
|
|
52
|
+
animId = requestAnimationFrame(loop);
|
|
53
|
+
};
|
|
54
|
+
animId = requestAnimationFrame(loop);
|
|
55
|
+
const ro = new ResizeObserver(resizeCanvas);
|
|
56
|
+
ro.observe(canvas);
|
|
57
|
+
return () => {
|
|
58
|
+
running = false;
|
|
59
|
+
cancelAnimationFrame(animId);
|
|
60
|
+
ro.disconnect();
|
|
61
|
+
};
|
|
62
|
+
}, []);
|
|
63
|
+
useEffect(() => {
|
|
64
|
+
const canvas = canvasRef.current;
|
|
65
|
+
const ctx = canvas?.getContext("2d");
|
|
66
|
+
if (!canvas || !ctx || !stateRef.current)
|
|
67
|
+
return;
|
|
68
|
+
stateRef.current = resetGravityStorm(ctx, stateRef.current, merged);
|
|
69
|
+
}, [merged.seed, merged.count, merged.attractors]); // eslint-disable-line react-hooks/exhaustive-deps
|
|
70
|
+
return (_jsx("canvas", { ref: canvasRef, className: className, style: { display: "block", width: "100%", height: "100%", ...style } }));
|
|
71
|
+
}
|
|
72
|
+
//# sourceMappingURL=GravityStorm.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"GravityStorm.js","sourceRoot":"","sources":["../../src/components/GravityStorm.tsx"],"names":[],"mappings":"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"}
|