refactor: rename all files and folders to kebab-case for consistency

- Renamed files and folders in scripts/, src/lib, src/apps, src/demos, public/, and tests/ to kebab-case.
- Updated all import paths to match new naming convention.
- Renamed demo links in README to use kebab-case paths.

Author: toasted323

README.md

@@ -21,7 +21,7 @@ Inspired by an original AS3 implementation, reimagined in JavaScript.
 
 These live demos are both interactive showcases and also serve as visual testing environments.
 
-- [Noise2DTime Demo](https://toasted323.github.io/interactive-typography-with-particle-flow-fields/demos/noise2dtime/)
+- [Noise2DTime Demo](https://toasted323.github.io/interactive-typography-with-particle-flow-fields/demos/noise-2d-time/)
 - [TypographyBuilder Demo](https://toasted323.github.io/interactive-typography-with-particle-flow-fields/demos/typography-builder/)
 - [LayerStack Demo](https://toasted323.github.io/interactive-typography-with-particle-flow-fields/demos/layer-stack/)
 
@@ -102,7 +102,7 @@ attributed as follows:
 
 **For technical demo content, reference as shown below:**
 
-> [Noise2DTime Demo](https://toasted323.github.io/interactive-typography-with-particle-flow-fields/demos/noise2dtime/) by [github.com/toasted323](https://github.com/toasted323) is licensed under [CC BY 4.0](https://creativecommons.org/licenses/by/4.0/).
+> [Noise2DTime Demo](https://toasted323.github.io/interactive-typography-with-particle-flow-fields/demos/noise-2d-time/) by [github.com/toasted323](https://github.com/toasted323) is licensed under [CC BY 4.0](https://creativecommons.org/licenses/by/4.0/).
 
 **For main content, follow this attribution example:**
 

public/demos/noise2dtime/index.html public/demos/noise-2d-time/index.htmlpublic/demos/noise2dtime/index.html renamed to public/demos/noise-2d-time/index.html

@@ -21,12 +21,12 @@ const svelteOptions = {
 
 export default [
   {
-    input: "src/apps/demos/noise2dtime/main.js",
+    input: "src/apps/demos/noise-2d-time/main.js",
     output: {
       sourcemap: true,
       format: "iife",
       name: "Noise2DTime",
-      file: "public/demos/noise2dtime/bundle.js",
+      file: "public/demos/noise-2d-time/bundle.js",
     },
     plugins: [
       alias({ entries: aliasEntries }),

rollup.demos.config.js

@@ -1,5 +1,5 @@
-import { PerlinNoise2DTime } from "../../src/lib/noise/PerlinNoise2DTime.js";
-import { FlowNoise2DTime } from "../../src/lib/noise/FlowNoise2DTime.js";
+import { PerlinNoise2DTime } from "../../src/lib/noise/perlin-noise-2d-time.js";
+import { FlowNoise2DTime } from "../../src/lib/noise/flow-nose-2d-time.js";
 
 function findEmpiricalScale({
   NoiseClass,

scripts/noise/calibratePerlinScale.js scripts/noise/calibrate-perlin-scale.jsscripts/noise/calibratePerlinScale.js renamed to scripts/noise/calibrate-perlin-scale.js

@@ -11,8 +11,8 @@
     Text,
   } from "svelte-tweakpane-ui";
 
-  import { layerStackStore, blendingOptions } from "./stores/layerStack.js";
-  import { maskLayerStore } from "./stores/maskLayer.js";
+  import { layerStackStore, blendingOptions } from "./stores/layer-stack.js";
+  import { maskLayerStore } from "./stores/mask-layer.js";
   import {
     noiseLayerStore,
     noiseTypeStore,
@@ -21,12 +21,12 @@
     flowStore,
     fbmStore,
     turbulenceStore,
-  } from "./stores/noiseLayer.js";
+  } from "./stores/noise-layer.js";
   import {
     typographyLayerStore,
     fontFamilyOptions,
     typographyStore,
-  } from "./stores/typographyLayer.js";
+  } from "./stores/typography-layer.js";
   import { simulationStore } from "./stores/simulation.js";
   import { COLOR_MODE, colorModeOptions, uiStore } from "./stores/ui.js";
 

src/apps/demos/layer-stack/Controls.svelte

@@ -1,14 +1,14 @@
 import { get } from "svelte/store";
 
-import { buildTypographyCanvas } from "$lib/typography/buildTypographyCanvas.js";
-import { ImageDataAdapter } from "$lib/layers/ImageDataAdapter.js";
+import { buildTypographyCanvas } from "$lib/typography/build-typography-canvas.js";
+import { ImageDataAdapter } from "$lib/layers/image-data-adapter.js";
 
-import { NullNoise2DTime } from "$lib/noise/NullNoise2DTime.js";
-import { instantiateNoise } from "$lib/noise/instantiateNoise.js";
-import { NoiseAdapter } from "$lib/layers/NoiseAdapter.js";
+import { NullNoise2DTime } from "$lib/noise/null-noise-2d-time.js";
+import { instantiateNoise } from "$lib/noise/instantiate-noise.js";
+import { NoiseAdapter } from "$lib/layers/noise-adapter.js";
 
-import { LayerStack } from "$lib/layers/LayerStack.js";
-import { MaskDecoratorCircle } from "$lib/layers/MaskDecoratorCircle.js";
+import { LayerStack } from "$lib/layers/layer-stack.js";
+import { MaskDecoratorCircle } from "$lib/layers/mask-decorator-circle.js";
 import {
   additiveBlending,
   subtractBlending,
@@ -20,23 +20,23 @@ import {
   averageBlending,
 } from "$lib/layers/blending.js";
 
-import { FpsChart } from "$apps/shared/utils/FpsChart.js";
+import { FpsChart } from "$apps/shared/utils/fps-chart.js";
 
-import { layerStackStore } from "./stores/layerStack.js";
-import { maskLayerStore } from "./stores/maskLayer.js";
+import { layerStackStore } from "./stores/layer-stack.js";
+import { maskLayerStore } from "./stores/mask-layer.js";
 import {
   noiseLayerStore,
   noiseLayerDirtyFlagStore,
   noiseTypeStore,
   noiseTypeToStore,
   noiseDirtyFlagsStore,
-} from "./stores/noiseLayer.js";
+} from "./stores/noise-layer.js";
 import {
   typographyLayerStore,
   typographyLayerDirtyFlagStore,
   typographyStore,
   typographyDirtyFlagStore,
-} from "./stores/typographyLayer.js";
+} from "./stores/typography-layer.js";
 import { simulationStore } from "./stores/simulation.js";
 import { COLOR_MODE, uiStore } from "./stores/ui.js";