own-the-canvas 2.0.0 → 2.0.2

package/lib/runtime/caustics.d.ts

@@ -0,0 +1,16 @@
+export interface CausticCache {
+    c: HTMLCanvasElement;
+    g: CanvasRenderingContext2D;
+    img: ImageData;
+}
+/**
+ * Draws caustics over (0, 0, w, h) with "lighter". `rgb` is "r,g,b"; `intensity` 0..2;
+ * `scale` = cells across the width; `ripple` (canvas px) bends the web around a point.
+ * ponytail: CPU per-pixel at ~192 px wide; move to a shader if it ever needs full resolution.
+ */
+export declare function drawCaustics(ctx: CanvasRenderingContext2D, cache: {
+    current: CausticCache | null;
+}, w: number, h: number, t: number, rgb: string, intensity: number, quality: number, scale?: number, ripple?: {
+    x: number;
+    y: number;
+} | null): void;

package/package.json

@@ -1,12 +1,12 @@
 {
   "name": "own-the-canvas",
-  "version": "2.0.0",
+  "version": "2.0.2",
   "description": "Beautiful, responsive, fully customizable HTML canvas-based React visual components",
   "author": "Jabid Hasan",
   "homepage": "https://own-the-canvas.vercel.app",
   "repository": {
     "type": "git",
-    "url": "https://github.com/jabid-19/own-the-canvas"
+    "url": "git+https://github.com/jabid-19/own-the-canvas.git"
   },
   "bugs": {
     "url": "https://github.com/jabid-19/own-the-canvas/issues"

package/lib/components/DeepSeaBioluminescence/DeepSeaBioluminescence.d.ts

@@ -1,29 +0,0 @@
-import { BaseCanvasProps } from '../../types';
-
-type DeepSeaBioluminescencePreset = "default" | "abyssal" | "coral" | "aurora" | "crimson" | "monochrome";
-interface DeepSeaBioluminescencePresetValues {
-    jellyfishColor?: string;
-    glowColor?: string;
-    waterColor?: string;
-}
-export declare const PRESETS: Record<DeepSeaBioluminescencePreset, DeepSeaBioluminescencePresetValues>;
-export interface DeepSeaBioluminescenceProps extends BaseCanvasProps {
-    /** Number of jellyfish (default: 5) */
-    jellyfishCount?: number;
-    /** Number of plankton particles (default: 200) */
-    planktonCount?: number;
-    /** Jellyfish bell color (default: "#7fd8ff") */
-    jellyfishColor?: string;
-    /** Bioluminescent glow color (default: "#3fe0d0") */
-    glowColor?: string;
-    /** Background water color (default: "#020a16") */
-    waterColor?: string;
-    /** Cursor movement spawns bioluminescent ripples (default: true) */
-    interactive?: boolean;
-    /** Overall animation speed multiplier (default: 1) */
-    speed?: number;
-    /** Named preset */
-    preset?: DeepSeaBioluminescencePreset | string;
-}
-export declare const DeepSeaBioluminescence: import('react').ForwardRefExoticComponent<DeepSeaBioluminescenceProps & import('react').RefAttributes<HTMLCanvasElement>>;
-export {};

package/lib/components/DeepSeaBioluminescence/index.d.ts

@@ -1,2 +0,0 @@
-export { DeepSeaBioluminescence, PRESETS } from './DeepSeaBioluminescence';
-export type { DeepSeaBioluminescenceProps } from './DeepSeaBioluminescence';

package/lib/components/DeepSeaBioluminescence/useDeepSeaBioluminescence.d.ts

@@ -1,18 +0,0 @@
-import { RefObject } from 'react';
-
-export interface UseDeepSeaBioluminescenceOptions {
-    jellyfishCount: number;
-    planktonCount: number;
-    jellyfishColor: string;
-    glowColor: string;
-    waterColor: string;
-    interactive: boolean;
-    speed: number;
-}
-/**
- * The deep sea at night: translucent jellyfish at different depths pulse their bells to swim,
- * trailing frilly oral arms and long tentacles; rim lights chase around each bell. Marine
- * snow drifts down, faint light shafts sway from above, and moving the cursor stirs the
- * water into luminous sparks that make nearby plankton and jellyfish flash.
- */
-export declare function useDeepSeaBioluminescence(canvasRef: RefObject<HTMLCanvasElement | null>, options: UseDeepSeaBioluminescenceOptions): void;

package/lib/components/FrostGlass/FrostGlass.d.ts

@@ -1,33 +0,0 @@
-import { BaseCanvasProps } from '../../types';
-
-type FrostGlassPreset = "default" | "winter-window" | "ice-blue" | "silver" | "rose" | "monochrome";
-export interface FrostGlassProps extends BaseCanvasProps {
-    /** Frost crystal color (default: "#e0f2fe") */
-    color?: string;
-    /** Condensation haze color (default: "#cbd5e1") */
-    fogColor?: string;
-    /** What's behind the glass; ignored in overlay mode (default: "#0b1220") */
-    backgroundColor?: string;
-    /** Fraction of the glass the frost grows to cover (default: 0.32) */
-    coverage?: number;
-    /** Growth speed multiplier (default: 1) */
-    growthSpeed?: number;
-    /** Chance per step that a crystal splits off a side branch (default: 0.05) */
-    branching?: number;
-    /** Radius of the patch your cursor melts, px (default: 46) */
-    breathRadius?: number;
-    /** Condensation haze opacity, 0..1 (default: 0.12) */
-    fog?: number;
-    /** Cursor melts frost and clears fog (default: true) */
-    interactive?: boolean;
-    /** Named preset */
-    preset?: FrostGlassPreset | string;
-    /** Fixed full-viewport, click-through layer over the page (default: false) */
-    overlay?: boolean;
-    /** Frost also nucleates on the edges of elements marked `data-otc-solid` and grows outward (default: false) */
-    collide?: boolean;
-    /** Overlay z-index (default: 10) */
-    zIndex?: number;
-}
-export declare const FrostGlass: import('react').ForwardRefExoticComponent<FrostGlassProps & import('react').RefAttributes<HTMLCanvasElement>>;
-export {};

package/lib/components/FrostGlass/index.d.ts

@@ -1,2 +0,0 @@
-export { FrostGlass } from './FrostGlass';
-export type { FrostGlassProps } from './FrostGlass';

package/lib/components/FrostGlass/useFrostGlass.d.ts

@@ -1,38 +0,0 @@
-export interface UseFrostGlassOptions {
-    color: string;
-    fogColor: string;
-    backgroundColor: string;
-    coverage: number;
-    growthSpeed: number;
-    branching: number;
-    breathRadius: number;
-    fog: number;
-    interactive: boolean;
-    overlay: boolean;
-    collide: boolean;
-}
-export interface Tip {
-    x: number;
-    y: number;
-    angle: number;
-    /** Remaining length in px. */
-    left: number;
-    width: number;
-    gen: number;
-}
-export interface FrostGrid {
-    cols: number;
-    rows: number;
-    cell: number;
-    /** 1 = frosted. */
-    cells: Uint8Array;
-}
-export declare function makeGrid(w: number, h: number, cell?: number): FrostGrid;
-/**
- * Advance one crystal tip by a segment. Ice branches at 60°: side branches
- * split off at ±60° (with slight jitter) and get shorter each generation.
- * A tip dies when it leaves the glass, runs out of length, or would cross
- * existing frost (crystals never overlap). Returns the segment drawn, or null.
- */
-export declare function stepTip(tip: Tip, grid: FrostGrid, branching: number, spawn: (t: Tip) => void): [number, number, number, number] | null;
-export declare function useFrostGlass(options: UseFrostGlassOptions): import('../../hooks/useCanvasSetup').CanvasSetupResult;

package/lib/components/LSystem/LSystem.d.ts

@@ -1,33 +0,0 @@
-import { BaseCanvasProps } from '../../types';
-
-type LSystemPreset = "default" | "fern" | "dragon" | "sierpinski" | "bush" | "snowflake";
-export interface LSystemProps extends BaseCanvasProps {
-    /** Starting L-system axiom string */
-    axiom?: string;
-    /** Production rules map — e.g. { F: "F+F-F" } */
-    rules?: Record<string, string>;
-    /** Number of rewriting iterations (default: 4) */
-    iterations?: number;
-    /** Turtle turning angle in degrees (default: 25) */
-    angle?: number;
-    /** Stroke line width (default: 1) */
-    lineWidth?: number;
-    /** Branch stroke color (default: "#86efac") */
-    color?: string;
-    /** Canvas background color (default: "#06120a") */
-    backgroundColor?: string;
-    /** Segments drawn per animation frame (default: 5) */
-    speed?: number;
-    /** Restart animation after full draw (default: true) */
-    autoReset?: boolean;
-    /** Opacity of the previous cycle's ghost while the next regrows — 0 = hard clear (default: 0) */
-    trailFade?: number;
-    /** Enable glow shadow on branches (default: false) */
-    glowEffect?: boolean;
-    /** Glow radius in px when glowEffect is enabled (default: 8) */
-    glowBlur?: number;
-    /** Named preset: "default" | "fern" | "dragon" | "sierpinski" | "bush" | "snowflake" */
-    preset?: LSystemPreset | string;
-}
-export declare const LSystem: import('react').ForwardRefExoticComponent<LSystemProps & import('react').RefAttributes<HTMLCanvasElement>>;
-export {};

package/lib/components/LSystem/index.d.ts

@@ -1,2 +0,0 @@
-export { LSystem } from './LSystem';
-export type { LSystemProps } from './LSystem';

package/lib/components/LSystem/useLSystem.d.ts

@@ -1,23 +0,0 @@
-import { RefObject } from 'react';
-
-export interface UseLSystemOptions {
-    axiom: string;
-    rules: Record<string, string>;
-    iterations: number;
-    angle: number;
-    lineWidth: number;
-    color: string;
-    backgroundColor: string;
-    speed: number;
-    autoReset: boolean;
-    trailFade: number;
-    glowEffect: boolean;
-    glowBlur: number;
-}
-/**
- * Grows an L-system as a living plant. Branches remember how deep they sit, so trunks are
- * thick bark and twigs are thin and bright; leaves (and the odd blossom) sit at branch tips;
- * an upright plant sways in the wind on a mound of grass while petals drift past. Flat
- * fractals (dragon curve, snowflake) are drawn with a colour gradient along the curve.
- */
-export declare function useLSystem(canvasRef: RefObject<HTMLCanvasElement | null>, options: UseLSystemOptions): void;