* chore: release v0.11.0

* fix: avoid mouse pressed control to get stucket out of the dom element

* feat: add key modifiers to vector inputs

* tests: update snapshots

* chore: release v0.12.0

* feat(post-processing): pixelation effect (#68)

* feat: added pixelation effect component

* chore: added playground code for pixelation effect

* docs: pixelation effect docs

* chore: removed debug code

* chore: update versions (#70)

* fix: 58 postprocessing breaks on nuxt (#69)

* feat: added pixelation effect component

* chore: added playground code for pixelation effect

* docs: pixelation effect docs

* chore: removed debug code

* chore: add nuxt playground

* fix: initilize effect composer onmounted if canvas sizes > 0

* chore: stats

* chore: removed onMounted in EffectComposer

---------

Co-authored-by: Tino Koch <[email protected]>

* chore: release v0.5.0

* chore: updated version 3 10 2023

* fix: remove unique key generation on controls duplicated outside of folders

* chore: fix lint

* chore: release v0.12.1

* feat: add vector 2 support

* chore: release v0.13.0

* ci: update action v4

* chore: update deps

* chore: qr code and npm run dev playground directly

* test: update snapshots and fix vector tests

* feat: added buttons and icons

* chore: release v0.14.0-next.0

* fix: broken test for dropwdown control

* test: unit test for button control

* docs: docs for buttons

* feat: icons on text control

* feat: control label component and truncate

* feat: number control icons and centralized label

* feat: select, vector and slider labels with icons

* fix: fix bug with verbose controls specially vectors

* chore: remove console

* chore: repo improvements automerge (#73)

* chore: automerge renovate

* ci: add workflow actions

* chore: updated deps and qrcode for playground

* ci: added netlify config

* chore: fix lint

* feat: 66 noise (#71)

* chore: update versions

* feat: noise effect

* chore: pass down props to effect

* Update playground/src/pages/noise.vue

Co-authored-by: Tino Koch <[email protected]>

* chore: change playground example blendfunction to screen

* chore: release v0.6.0-next.0

* docs: added noise docs

* docs: lint NoiseDemo

* chore: made order of effects alphabetic

* feat: omit blendFunction for watchers

---------

Co-authored-by: Tino Koch <[email protected]>

* chore: cientos playground structure alike (#76)

* chore: new playground structure

* chore: tres leches GUI on glitch demo

* chore: bloom and glitch demos leches

* chore: update deps

* chore: release v0.6.0

* fix: avoid  recursive updates when resizing the window (#81)

* fix: avoid  recursive updates when resizing the window

* fix: added watchers back for scene and renderer

* feat: vignette effect (#75)

* feat: vignette effect

* Update docs/guide/effects/vignette.md

Co-authored-by: Tino Koch <[email protected]>

---------

Co-authored-by: Tino Koch <[email protected]>

* chore: release v0.7.0

* fix: uno utils and variables prefixes to avoid overlapping

* tests: update snaps

* fix: added control label new util prefix

* fix: expose effectComposer (#83)

* fix: expose effectComposer

* fixed types and restructured composable a bit

* cleanup

* fixed linting errors

---------

Co-authored-by: Tino Koch <[email protected]>

* fix: added prefixes to missing apply utilities

* test: update snapshots

* chore(deps): update to vite v5

* chore: release v0.14.0

* chore: update deps 4 12 (#89)

* chore(deps): update deps

* docs: clean up and og banner

* chore(deps): update pnpm to v8.11.0 (#79)

Co-authored-by: renovate[bot] <29139614+renovate[bot]@users.noreply.github.com>

* chore(deps): update dependency @Tresjs/core to v3.6.0

* fix(ControlInput): replace root element

To avoid Vue complaining (rightly so) about fallthrough attributes to fragments, the component now renders a div as a root

* test(snapshots): update snapshots

update snapshots to prevent CI failing

* docs: add npm downloads badge

* docs: fix style import typo

* fix: multisampling prop value (#102)

* chore: release v0.7.1

* docs: fix docs link in README (#104)

Co-authored-by: AntoninRousset <[email protected]>

* feat: export useEffect composable (#105)

Co-authored-by: AntoninRousset <[email protected]>

* feat: update core to v4 (#109)

* chore: new linter

* feat: update to v4, `useLoop` and remove disable render

* feat: render emit and advance playgroudn for render modes

* chore: remove render event on TresCanvas

* chore: fix lint

* chore(ci): updated node version to 20 on lint action

* chore: release v1.0.0-next.0

* chore: changed file structure in playground a bit, updated dependency

* fix: bloom effect in playground

* chore: remove empty templates

* test to make linter happy

* tiny eslint fix

* linting dependency test

* restored eslint dependency version

---------

Co-authored-by: Tino Koch <[email protected]>

* chore(deps): update deps

* chore: release v1.0.0-next.1

* chore(ci): update pnpm action to v4

* added repository url to package.json (#124)

* feat: native threejs effects (#121)

* added EffectComposer and some debugging files

* wip

* added composable

* cleanup

* added more props to native pixelation effect

* restructured playground

* added glitch Effect

* added glitch effect

* renamed folder

* added check to prevent console warning

* added smaa effect

* added output pass

* moved injectionKey

* added prop to EffectComposer

* added halftone effect

* added unreal bloom effect

* removed obsolete computed

* added on demand rendering support

* lint fixes

* added enabled prop to effect composer component

* removed obsolete code

* eslint stuff

* rebuilt pnpm lock file

* moved files

* type fixes and removed dependency

* added renderer invalidation to glitch effects

* added invalidation for noise effect

* lint fix

---------

Co-authored-by: Alvaro Saburido <[email protected]>

* feat: sub modules for pmndrs and native components (#123)

* added EffectComposer and some debugging files

* wip

* added composable

* cleanup

* added more props to native pixelation effect

* restructured playground

* added glitch Effect

* added glitch effect

* renamed folder

* added check to prevent console warning

* added smaa effect

* added output pass

* moved injectionKey

* added prop to EffectComposer

* added halftone effect

* added unreal bloom effect

* removed obsolete computed

* added on demand rendering support

* lint fixes

* added enabled prop to effect composer component

* removed obsolete code

* eslint stuff

* rebuilt pnpm lock file

* moved files

* type fixes and removed dependency

* seperated builds

* fixed playground

* adjusted imports in docs

* adjusted more imports

* added pkg pr workflow

* added repository url to package.json

* omitted compact option from pkg-pr-new

* renamed import

* adjusted vite config

* added HalftoneShape enum

* added invalidation on pass changes for native three effects

* added invalidation on prop change for pmndrs effects

* added renderer invalidation to glitch effects

* removed disableRender prop

* tiny readme update

* auto created files update

* lint fix

* lint fix

* docs: fixed broken docs, added new structure

* docs: three glitch guide

* docs: pixelation three

* docs: correct glitch demo component name

* docs: halftone

* docs: smaa

* docs: unreal bloom

* added some links to threejs examples

* added output pass docs

* eslint ignored a console output

* dependency updates

* Update docs/guide/three/glitch.md

Co-authored-by: Tino Koch <[email protected]>

* Update docs/guide/three/glitch.md

Co-authored-by: Tino Koch <[email protected]>

* docs: remove redundant info

---------

Co-authored-by: Alvaro Saburido <[email protected]>

* chore(deps): update dependency ubuntu to v24 (#133)

Co-authored-by: renovate[bot] <29139614+renovate[bot]@users.noreply.github.com>

* feat: prop types exposure (#136)

* added type export to try out

* added type exports

---------

Co-authored-by: Tino Koch <>

* chore(deps): dependency updates in nuxt playground (#135)

* updated dependencies

* cleanup

* cleanup

* lint fixes

---------

Co-authored-by: Tino Koch <>
Co-authored-by: Alvaro Saburido <[email protected]>

* chore: add @alvarosabu codeowner (#139)

* fix: 67 depth of field and outline effect (#138)

* simplified dof demo

* removed link

* docs: better depth of field demo and docs

* docs: improve outline demo on docs

* chore: lint

---------

Co-authored-by: Tino Koch
Co-authored-by: Alvaro Saburido <[email protected]>

* docs: added banner (#140)

* docs: added banner

* chore: fix lint

* chore(deps): update pnpm to v9 (#134)

Co-authored-by: renovate[bot] <29139614+renovate[bot]@users.noreply.github.com>

* chore(deps): update deps before release (#141)

* chore(deps): update deps before release

* chore: update playground deps

* chore: release v1.0.0

* ci: update pkg.pr.new action

* fix!: unified-exports-suffix-pmndrs-effects (#154)

* fix!: restructure post-processing module and update playground examples

BREAKING CHANGE: Consolidated post-processing effects under a unified namespace (`@tresjs/post-processing`). Pmndrs `EffectComposer` is now `EffectComposerPmndrs`, same for all the effects and composables under `src/core/pmndrs`  to avoid name collisions

* chore: remove nuxt playground

* docs: updated docs to breaking changes

* chore: update deps and tsconfig for docs

* fix: adjusted aliases in vite config

---------

Co-authored-by: Tino Koch <[email protected]>

* chore: remove deprecated ts volar plugin

* chore: release v2.0.0

* feat: add scanline (#150)

* add chromatic aberration

* add chromatic aberration

* add scanline effect

* add scanline effect

* revert outlineDemo deleted by mistake

* Update playground/src/pages/postprocessing/scanline.vue

---------

Co-authored-by: Alvaro Saburido <[email protected]>

* feat: add hue & saturation (#151)

* init hue saturation

* add hue-saturation effect

* fix warning import

* fix name .md

* update package V2

* delete import

---------

Co-authored-by: Alvaro Saburido <[email protected]>

* feat: add chromatic aberration effect (#149)

* add chromatic aberration

* add chromatic aberration

* improve doc and demo

* fix <suspense> doc

* revert outlineDemo deleted by mistake

* update for package v2

---------

Co-authored-by: Alvaro Saburido <[email protected]>

* chore: fix lint

* feat: add sepia effect (#161)

* fix: fix effect name (#165)

* feat: dot screen effect (#167)

* init dot screen

* wip demo src

* wip demo doc

* done doc, code

---------

Co-authored-by: Tino Koch <[email protected]>

* feat: add tonemapping effect (#148)

* add tonemapping effect

* change tonemapping doc required mode

* fix little bit documentation

* revert copy issue outline

* improve doc and demo

* fix <suspense> doc

* fix V2 update and modify code about reviews

* update doc

* delete import

* update code, props

* delete playground-nuxt

---------

Co-authored-by: Tino Koch <[email protected]>

* feat: add barrel blur effect (#159)

* add effect barrel-blur

* add custom effect barrel

* update to V2 package

* update code

* add docs and fix code

* lint

* fix doc and code

* fix doc and code

* update props and constructor

* fix lint issue and doc

---------

Co-authored-by: Tino Koch <[email protected]>

* feat: tilt shift effect (#160)

* final doc

* lint

* update code, doc

* update doc and code

* update doc and code

* update code, props

* fix review line-73-75

---------

Co-authored-by: Tino Koch <[email protected]>

* feat: add shock wave (#164)

* init shockwave effect

* wip shock wave effect

* add demo playground

* wip demo doc

* add depthpickingpass

* wip component depth picking pass fix issue / types

* wip doc demo

* wip doc

* wip doc

* fix doc

* fix documentation

* fix reviews PR

---------

Co-authored-by: Tino Koch <[email protected]>

* feat: lens distortion effect (#162)

* add lens distortion with doc

* update code, props, doc

---------

Co-authored-by: Tino Koch <[email protected]>

* chore: removal of default prop values (#163)

* chore: removed prop defaults for scanline effect, improved blendMode watcher

* - removed defaults from chromatic aberration effect
- added workaround

* remove default prop values from HueSaturationPmndrs component

* chore: removed default prop values for NoisePmndrs component

* chore: removed default prop values for VignettePmndrs component

* feat: color average (#166)

* init color average

* add color average component, doc, demo

* final doc

* fix code for reviews

---------

Co-authored-by: Tino Koch <[email protected]>

* chore(vscode): remove unnecessary TypeScript Vue plugin recommendation

* chore(deps): update dependencies and package versions

- Updated packageManager in package.json from [email protected] to [email protected].
- Added repository information in package.json.
- Updated various dependencies and devDependencies to their latest versions, including:
  - @unocss/core to ^65.4.0
  - @vueuse/components to ^12.4.0
  - vite-plugin-css-injected-by-js to ^3.5.2
  - Updated Vue version from ^3.3.9 to ^3.5.13.
- Updated lockfile version in pnpm-lock.yaml from 6.0 to 9.0.
- Updated devDependencies in playground and docs package.json files.
- Minor updates to other dependencies across the project.

* chore(ci): update GitHub Actions workflows and funding information

- Updated Node.js version in lint and test workflows from 16 to 20.
- Upgraded pnpm action from v2 to v4 in both workflows.
- Changed the runner environment from ubuntu-20.04 to ubuntu-24.04 for lint workflow.
- Added 'tresjs' to the GitHub funding configuration in FUNDING.yml.

* refactor: consolidate ESLint configuration and improve code quality

- Removed outdated .eslintrc.json and .eslintignore files.
- Introduced a new eslint.config.js file for streamlined ESLint configuration.
- Updated various files to ensure consistent formatting and style, including HTML and Markdown files.
- Enhanced the CODE_OF_CONDUCT.md and CONTRIBUTING.md for clarity and consistency.
- Minor adjustments to TypeScript configuration files for improved type checking.
- Updated package.json to reflect new dependencies and versions.
- Cleaned up test files and components for better readability and maintainability.

* fix: update package.json for script and style path adjustments

- Changed the style path from "./dist/style.css" to "./dist/tresleches.css".
- Updated the 'dev' and 'playground' scripts to use 'pnpm' instead of 'npm' for consistency in package management.

* chore: add Vitest configuration and update snapshots for various controls

- Introduced a new Vitest configuration file (vitest.config.ts) to set up testing environment with Vue and UnoCSS.
- Updated snapshots for multiple components including BooleanControl, ButtonControl, ColorControl, NumberControl, SelectControl, TextControl, and VectorControl to reflect recent changes in their implementations.
- Enhanced snapshot tests to ensure accurate rendering of controls with updated styles and properties.

* chore: remove Vitest configuration from vite.config.ts

- Deleted the existing Vitest configuration section from vite.config.ts to streamline the configuration.
- This change simplifies the build process and prepares for a potential new testing setup.

* refactor: update stats.html structure and improve styling

- Changed the doctype declaration from HTML5 to HTML5 lowercase.
- Reorganized the head section to include meta tags and styles for better responsiveness and accessibility.
- Enhanced CSS styles for body, main, and various UI components like tooltips and sidebars to improve layout and visual consistency.
- Removed unnecessary JavaScript comments and streamlined the script section for better readability.
- Updated the Vite configuration by removing an unused function to clean up the codebase.

* chore: release v0.14.1

* chore(playground): restructure playground routing

- Removed the old router.ts file and replaced it with a new index.ts that consolidates routing logic.
- Introduced advanced and basic route modules to organize routes more effectively.
- Updated App.vue to dynamically set the document title and body class based on the current route.
- Enhanced the index.vue page layout with a new structure and improved styling for better user experience.
- Added new pages for advanced and basic controls, integrating them into the routing system.
- Updated dependencies in package.json and pnpm-lock.yaml to ensure compatibility with the latest versions.

* chore: update ESLint configuration to ignore node_modules and stats.html

- Added 'node_modules' and 'stats.html' to the ignore list in eslint.config.js to prevent linting of unnecessary files.

* feat!: simplified `useControls` API

BREAKING CHANGE: Now composable returns an object containing only each control value. When using multiple controls at the same time, you can access `controlName.value` directly instead of `controlName.value.value`

- Refactor `useControls` to return object with control values as refs
- Updated tests and remove visibility testing.

* refactor: clean up imports in boolean.vue and useControls.ts

- Removed unused imports from boolean.vue and useControls.ts to streamline the code.
- This change enhances code readability and maintains a cleaner codebase.

* fix: add cleanup for controls in TresLeches component

- Implemented cleanup logic in the TresLeches component to dispose of controls when the component is unmounted.
- Updated useControls.ts to include type imports for better type safety.
- Enhanced tests to verify that controls are properly disposed of upon unmounting the TresLeches component.

* fix!: select options values

* chore: add new demo components for various control types

- Introduced multiple new Vue components demonstrating different control types: BooleanControlDemo, ColorControlDemo, MultipleControlsDemo, SelectControlDemo, and VectorControlDemo.
- Updated routing to include these new components, enhancing the playground's functionality and user experience.

* chore: add SliderControlDemo and TextControlDemo components with routing

- Introduced two new Vue components: SliderControlDemo and TextControlDemo, showcasing slider and text controls respectively.
- Updated routing to include paths for the new components, enhancing the playground's demo capabilities.

* feat: resizable and collapsable pane

- Added @vueuse/motion as a new dependency to enable motion effects in the TresLeches component.
- Enhanced the TresLeches component with new resizing and collapsing functionalities, improving user interaction.

* chore: fix tests

* fix: update snapshots for BooleanControl tests

- Adjusted snapshot values for BooleanControl tests to reflect changes in dimensions and opacity.
- Ensured that the rendered output matches the latest implementation of the BooleanControl component.

* fix: update snapshots for ColorControl tests

- Adjusted snapshot values for ColorControl tests to reflect changes in dimensions and opacity.
- Ensured that the rendered output matches the latest implementation of the ColorControl component.

* fix: update snapshots for BooleanControl tests

- Adjusted snapshot values to reflect changes in dimensions and opacity for the BooleanControl component.
- Ensured that the rendered output matches the latest implementation, improving test accuracy.

* refactor: simplify control management and update types

- Removed unnecessary imports and streamlined the `onChange` function in `TresLeches.vue` to accept a string key directly.
- Updated `controlsStore` type definition in `useControls.ts` to use `Record<string, Control>` for better clarity.
- Refactored `createControl` function to use reactive properties directly instead of refs, enhancing performance and readability.
- Deleted outdated type definitions from `index.d.ts` and migrated to a new `index.ts` file with improved type definitions for `Control` and `SelectOption` using generics

* chore: add new control demos and update routing

- Introduced multiple new demo components for various control types: ReactiveObjectDemo, BooleanControlDemo, ColorControlDemo, MultipleControlsDemo, SelectControlDemo, SliderControlDemo, TextControlDemo, and VectorControlDemo.
- Updated routing to include paths for the new components, enhancing the playground's functionality and user experience.
- Added a new 'Controls' section in the index page to organize the control demos.
- Adjusted existing routes to remove outdated components and streamline navigation.

* refactor: update control types to LechesControl

- Replaced all instances of the Control type with LechesControl across multiple components including BooleanControl, ButtonControl, ColorControl, ControlInput, ControlLabel, Folder, FPSGraph, NumberControl, SelectControl, SliderControl, TextControl, and VectorControl.
- Updated the useControls composable to reflect the new LechesControl type, enhancing type safety and consistency.
- Adjusted type definitions in index.ts to support the new LechesControl and LechesSelectOption interfaces, improving clarity and maintainability.

* fix: removed dynamic style tag from html for snapshots

- Updated TypeScript configuration to include path mapping for easier imports.
- Modified multiple component tests to remove dynamic style attributes from snapshots, ensuring consistency and accuracy in test results.
- Adjusted snapshots for BooleanControl, ButtonControl, ColorControl, Folder, NumberControl, SelectControl, TextControl, TresLeches, and VectorControl to reflect the latest implementation changes.

* feat: add unocss-preset-scrollbar and update component styles

- Introduced `unocss-preset-scrollbar` as a new dependency in `package.json` to enhance scrollbar styling.
- Updated various components (BooleanControl, ColorControl, NumberControl, SelectControl, SliderControl, TextControl, and TresLeches) to utilize new scrollbar styles, improving UI consistency.
- Adjusted component templates to refine layout and spacing, ensuring better responsiveness and visual appeal.
- Updated snapshots for affected components to reflect the latest changes in structure and styling.

* feat: enhance component styles and dark mode support

- Updated multiple components (BooleanControl, ColorControl, NumberControl, SelectControl, SliderControl, TextControl, FPSGraph, and TresLeches) to improve styling and responsiveness.
- Introduced dark mode support by adding conditional classes for dark themes across various components.
- Refactored templates to utilize the new ControlLabel component for consistent labeling.
- Adjusted styles to ensure better visual consistency and user experience in both light and dark modes.

* feat: add ButtonControl demo and enhance button functionality

- Introduced a new demo component for ButtonControl in `ButtonControlDemo.vue`, showcasing button interactions and controls.
- Updated `MultipleControlsDemo.vue` to include an 'Accept' button with logging functionality.
- Enhanced routing in `controls.ts` to include the new ButtonControl demo.
- Refined styles in `ButtonControl.vue` for improved visual consistency and responsiveness.
- Adjusted styles in `ColorControl.vue` and `ControlInput.vue` for better layout and alignment.
- Updated `TresLeches.vue` to manage scroll behavior and gradient overlays, enhancing user experience.

* chore: updated snapshots

* fix: solve issue with useControls needed on parent.

- Added new `ParentChildDemo.vue` and `TheChild.vue` components to demonstrate parent-child relationships in the playground.
- Updated routing in `basic.ts` to include the new Parent Child demo.
- Made minor adjustments to auto-import and component declaration files for better type handling.

* fix: replace transform directive apply with plain css

* refactor: enhance component styles with unified input classes and add shortcuts for UnoCSS

- Updated multiple components (BooleanControl, ButtonControl, ColorControl, NumberControl, SelectControl, SliderControl, TextControl, and VectorControl) to use a unified `tl-leches-input` class for consistent styling.
- Added a new shortcut in `vite.config.ts` for `tl-leches-input` to streamline styling across input elements.
- Improved button styles in `ButtonControl.vue` for better visual consistency.
- Enhanced focus styles in `BooleanControl.vue` and other components for improved accessibility and user experience.

* feat: add new icon and enhance component functionality

- Added `vite-svg-loader` to `package.json` for improved SVG handling in the project.
- Updated `vite.config.ts` to include the SVG loader in the Vite plugins.
- Refactored multiple demo components (BooleanDemo, IconDemo, RangeDemo, SingleControlDemo, etc.) to streamline control usage and improve layout consistency.
- Removed the `VisibilityDemo.vue` component and its references from the documentation.
- Introduced new demo components for multiple instances showcasing the use of `TresLeches` in different contexts.
- Updated snapshots to reflect changes in component structure and styling.

* feat: uniquekey now consider uuid to make multiple instances on same page work

* docs: demo and docs cleanup

* feat: enhance NumberControl and TresLeches components for improved layout and functionality

- Updated NumberControl.vue to adjust input width for better responsiveness.
- Enhanced TresLeches.vue by adding extra height for FPS graph, improving height calculation logic, and refining scroll handling.
- Introduced gradient visibility updates during resizing and scrolling for a smoother user experience.

* docs: improve docs and add multiple instances

* feat: add stacked mode for TresLeches component

- Introduced new `float` prop to control panel layout
- Updated TresLeches component to support stacked and floating modes
- Added documentation for stacked mode in advanced section
- Created StackedDemo component to showcase stacked layout
- Improved panel styling and responsiveness
- Updated multiple files to support new stacked mode functionality

* feat: add DemoLayout component and UnoCSS shortcuts for consistent demo styling

- Created a new `DemoLayout.vue` component in the documentation theme
- Added UnoCSS shortcuts `leches-demo-layout` and `leches-demo-preview` in `vite.config.ts`
- Refactored multiple demo components to use the new layout and preview classes
- Improved consistency and readability of demo component layouts

* test: remove explicit class assertions in ButtonControl and Folder tests

- Removed redundant class checks in ButtonControl.test.ts
- Updated Folder.test.ts to use new input ID format with 'default-' prefix
- Simplified test assertions to focus on component rendering

* refactor: clean up code and remove unused imports and styles

* refactor: update component snapshot tests with refined input and button styles

- Updated snapshot tests for BooleanControl, ButtonControl, ColorControl, Folder, NumberControl, SelectControl, TextControl, and VectorControl
- Removed data-v-* attributes from button elements
- Added focus and outline styles to various input and control elements
- Simplified and standardized input and button class names

* fix: resolve merge conflict in component snapshot tests

Update snapshot tests with consistent input ID prefixing and remove merge conflict markers

* chore: fixed tests for buttonControls

* fix!: folders controls key handling

BREAKING CHANGE: `useControls` with folders now return properties prefixed with the folder name, a folder camera with a control position will return a ref `cameraPosition`

* feat: folder drawer animations

* fix: add box-border class to TresLeches component pane

* fix: update snapshot tests with box-border class for TresLeches pane

* fix: increased control aprox height for initial calculation

* fix: tweak fpsgraph extra height on calculation

* fix: improve focus and background styles for controls

* chore: update stats.html with latest build data

* feat: add gap spacing to control components

* feat: increase default width of TresLeches panel to 320px

* refactor: reduce gap spacing in control components from 2 to 1

* feat: kuwahara (#172)

* init effect

* wip effect

* wip effect

* add credits and optimize performance shader

* new version effect

* wip code and test

* wip code and example

* wip

* wip doc

* add demo

* lint

* add warning code and new uniform

* change doc

* change doc

* change doc

* fix somes issues and lint issues (#173)

Co-authored-by: Alvaro Saburido <[email protected]>

* feat: linotcut (#170)

* add demo and doc

* lint

---------

Co-authored-by: Alvaro Saburido <[email protected]>

* fix: modify config doc and emojis (#174)

* modify config and emojis

* change path lens

* fix: typescript-build-issues related to DepthPicking and Linocut (#175)

* fix: normalize linocut center prop handling

* feat: improve DepthPickingPass with shallowRef and props documentation

* chore: remove DepthPickingPassPmndrs from exports and make pass plain object

* chore: remove unused shallowRef import in DepthPickingPassPmndrs

* chore: update dependencies and package configurations

- Bump package versions for various dependencies
- Update pnpm-lock.yaml with latest package versions
- Modify vite configuration to remove unused plugins
- Update package.json files in docs and playground
- Upgrade TypeScript, Vite, VitePress, and other development tools

* chore: release v2.1.0

* fix(deps): update unocss monorepo

* fix: add exported member depth picking pass pmndrs (#179)

* revert, re-import depth-picking-pass-pmndrs

* chore: linter

---------

Co-authored-by: alvarosabu <[email protected]>

* chore(deps): update dependency three to ^0.173.0 (#90)

Co-authored-by: renovate[bot] <29139614+renovate[bot]@users.noreply.github.com>

* feat: add slot content support to TresLeches panele

* chore: force install corepack in GitHub Actions workflow

* refactor: remove unused imports from TresLeches component

* chore: migrate new tresleches (#178)

* migrate to new tresleches, change devDependencies package.json file

* add todo next commit

* lint

* try floa false leches

* refactor: improve BarrelBlurDemo component layout and styling

* leches floatg

* Update docs/.vitepress/theme/components/DocsDemoGUI.vue

* ci: update package publishing workflow to force install corepack

---------

Co-authored-by: alvarosabu <[email protected]>
Co-authored-by: Tino Koch <[email protected]>

* feat: brightness contrast (#184)

* migrate to new tresleches, change devDependencies package.json file

* add todo next commit

* lint

* init brightness constrast

* modify doc

* try floa false leches

* refactor: improve BarrelBlurDemo component layout and styling

* leches floatg

* doc: change component to GUI component version

---------

Co-authored-by: alvarosabu <[email protected]>
Co-authored-by: Tino Koch <>

* feat: fish-eye (#182)

* migrate to new tresleches, change devDependencies package.json file

* add todo next commit

* lint

* init fish-eye

* v1 fish-eye

* modify doc

* try floa false leches

* refactor: improve BarrelBlurDemo component layout and styling

* leches floatg

* fisheye: modify doc and add float params for leches

* review: add computed for array-vector lens

---------

Co-authored-by: alvarosabu <[email protected]>
Co-authored-by: Tino Koch <[email protected]>
Co-authored-by: Tino Koch <>

* feat: grid (#185)

* migrate to new tresleches, change devDependencies package.json file

* add todo next commit

* lint

* init grid effect

* modify doc

* try floa false leches

* refactor: improve BarrelBlurDemo component layout and styling

* leches floatg

* grid: modify doc and add float params for leches

---------

Co-authored-by: alvarosabu <[email protected]>
Co-authored-by: Tino Koch <>

* feat: color depth (#186)

* migrate to new tresleches, change devDependencies package.json file

* add todo next commit

* lint

* try floa false leches

* refactor: improve BarrelBlurDemo component layout and styling

* leches floatg

* merge

* add effect

* lint: fix log

---------

Co-authored-by: alvarosabu <[email protected]>
Co-authored-by: Tino Koch <>

* fix: delete multisampling used in TresCanvas props (#188)

* fix: delete multisampling used in TresCanvas props

* docs: clean demos (#189)

* demos (>v2.0) cleaned and review
* add suspense to introduction demo code
* change language demo code, add highlights lines

* fix: sorted navigation entries (#190)

Co-authored-by: Tino Koch <>

* feat: god rays (#187)

* migrate to new tresleches, change devDependencies package.json file

* add todo next commit

* lint

* try floa false leches

* refactor: improve BarrelBlurDemo component layout and styling

* leches floatg

* add effect godrays playground

* add doc god-rays

* review: fix

---------

Co-authored-by: alvarosabu <[email protected]>
Co-authored-by: Tino Koch <>

* chore: release v2.2.0

* chore(deps): update pnpm to v10 (#183)

Co-authored-by: renovate[bot] <29139614+renovate[bot]@users.noreply.github.com>

* feat(postprocessing): re-instance effect on prop changes without set (#193)

* feat(postprocessing): re-instance effect on prop changes without set

- Add blend function support to OutlinePmndrs component
- Implement dynamic effect recreation for specific prop changes
- Update playground example with more interactive outline configuration
- Add console logging for debugging and development purposes

* refactor(postprocessing): clean up outline example and improve type safety

- Remove unused imports and console logs
- Improve type annotation for OutlinePmndrs ref
- Remove unnecessary gl configuration
- Add eslint disable for console log in watchEffect

* Refactored useEffectPmndrs to improve type safety and allow for indexed effect recreation

* tiny beautification

* adjusted docs

* made blend function reactive

* made more blendfunction props reactive

* made mode reactive in glitch effect

* made some props reactive

* cleanup

* cleanup

* cleanup

* made resolutions on outline effect reactive

* added resolutionScale prop and made it reactive in outline effect

* Enhanced useEffect to support dependency fields for effect recreation; updated Glitch component to utilize new functionality.

* updated docs

---------

Co-authored-by: alvarosabu <[email protected]>
Co-authored-by: Tino Koch <>

* feat: add graph pane type and corresponding demo component

- Introduced a new graph control type for visualizing numeric values over time.
- Created `GraphControl.vue` to render the graph based on provided values.
- Added `GraphDemo.vue` to showcase the new graph control in action.
- Updated `ControlInput.vue` to support rendering of graph controls.
- Enhanced `useControls.ts` to handle the new graph type and its onUpdate callback.
- Updated documentation to include usage examples for the graph control.

* chore: release v2.3.0

* docs: added proper graph demo

- Introduced `GraphDemo.vue` to visualize a sine wave using the new graph control type.
- Modified documentation to reflect the usage of the sine wave in the graph control example.

* fix: god rays async light source (#194)

* fix: god rays async light source

* fix: direct testing

* fix: lint

* fix: direct testing

* fix: code review

* fix: add reactive computef

* fix: code review and change deprecated

* chore: release v2.3.1

* feat: FXAA (#197)

* feat: add and init playground + doc fxaa
* fix: doc and code adapation
* modify doc, examples

* feat: SMAA (#199)

* init smaa effect source

* ad doc and modify source effect

* dix: add commentary for props

* added workaround for type issue

* updated debug mode handling and improve type safety

---------

Co-authored-by: Tino Koch <>

* feat: ASCII (#200)

* feat: init ascii source effect

* add asciiTexture props

* final effect source code

* add doc and modify source effect

* update pnpm lock file

---------

Co-authored-by: Tino Koch <>

* feat: texture (#202)

* feat: add texture effect (demo, source code)

* clean demos

---------

Co-authored-by: Tino Koch <>

* omitted image for copyright reasons 😢 (#198)

Co-authored-by: Tino Koch <>
Co-authored-by: Alvaro Saburido <[email protected]>

* docs: 195 have a section mentioning the attach feature in the docs (#203)

* feat(docs): add 'Advanced' section with custom guide link

* changed link text

---------

Co-authored-by: Tino Koch <>
Co-authored-by: Alvaro Saburido <[email protected]>

* fix: big clean demo — docs —  bad using multisampling (#201)

* fix: big clean demo docs, demos, multisampling delete bad using

* typo fix

---------

Co-authored-by: Tino Koch <[email protected]>

* fix: select control now respects option value type

* feat: increase panel size on folder open

* chore: release v2.4.0

* fix: update import paths for post-processing components in documentation (#206)

* feat!: v3 (#209)

* feat: enhance control components with new features and optimizations

- Added new controls (number and boolean dropdown) to TheChild component with watch functionality for value changes.
- Updated MultipleControlsDemo to use computed properties for dynamic button labels and icons based on dark mode.
- Removed unused computed import in SelectControlDemo for cleaner code.
- Enhanced TresLeches component to support slot content and improved height calculations for better resizing behavior.
- Refactored useControls to simplify unique key generation for controls.
- Expanded LechesSelectOption interface to include an alias property and refined control configurations for better type safety.

* feat: update control types for enhanced type safety and functionality

- Refactored control components to utilize specific control types (e.g., LechesBooleanControl, LechesButtonControl) for improved type safety.
- Updated the ControlInput component to accept a union type (LechesControlUnion) for better flexibility in handling different control types.
- Enhanced the useControls composable to manage a broader range of control types, including buttons and graphs, with appropriate type guards for runtime checks.
- Adjusted the TresLeches component to accommodate the new control types and ensure proper grouping of controls.
- Improved the inferType function to return more accurate control types based on the provided values.

* fix: update snapshot tests for control components

- Adjusted padding in snapshot tests for various control components to ensure consistent layout and spacing.
- Replaced placeholder divs with conditional rendering comments to improve clarity in the test structure.
- Ensured that the visual representation of controls aligns with the latest design specifications.

* chore: update dependencies and improve code quality

- Upgraded package versions in package.json and pnpm-lock.yaml for better performance and security, including pnpm, vite, and unocss.
- Enhanced the useControls composable to check if the object is reactive before calling toRefs, improving robustness.
- Updated stats.html to reflect changes in the data structure and ensure compatibility with the latest features.
- Added support for ES module format in vite.config.ts to align with modern JavaScript standards.

* feat!: styles are now auto injected

* chore: update dependencies and clean up code

- Upgraded package versions in pnpm-lock.yaml and package.json for improved performance and security, including three, unocss, and vitepress-plugin-group-icons.
- Removed outdated CSS import instructions from documentation to streamline usage.
- Cleaned up the VitePress configuration by removing unnecessary alias definitions.
- Enhanced documentation by updating the getting started and use controls guides to reflect the latest changes.

* chore: clean up Vite configuration by removing unused imports

- Removed unnecessary imports from vite.config.ts and VitePress config to streamline the configuration files and improve readability.

* chore: release v1.0.0-next.0

* chore: add leches and post-processing to repo manifest

* chore: move postprocessing docs to apps and fix playgrounds

* chore: rename playground to leches-playground and update dependencies to use workspace references

* chore: bring latest changes from stable leches package

* chore: update nx.json and pnpm-lock.yaml for new packages, remove leches documentation and related files

* chore: update package.json and pnpm-lock.yaml to use workspace references for @Tresjs packages, remove direct dependencies on leches styles, and format code for better readability

* style: format code for better readability in MemoryTresObjects.vue and remove unnecessary whitespace in text3D index.vue

* fix(post-processing): update Halftone and SMAA components by removing unnecessary parameters in useEffect

* chore: add @tresjs/post-processing and @tresjs/leches packages with detailed documentation

* fix: reorder imports in CLAUDE.md for consistency

* chore: remove unused dependency 'release-it' from package.json and update button control snapshots to reflect changes in button structure

* chore: remove 'release-it' dependency from package.json and related configuration files across multiple packages

* chore: remove pnpm-lock.yaml file for Nuxt package to streamline dependency management

* chore: disable CI tests for the current branch in package.json

---------

Co-authored-by: Tino Koch <[email protected]>
Co-authored-by: renovate[bot] <29139614+renovate[bot]@users.noreply.github.com>
Co-authored-by: Patrick Raedler <[email protected]>
Co-authored-by: Shahjahan Sarfraz <[email protected]>
Co-authored-by: Michał Wilk <[email protected]>
Co-authored-by: Antonin Rousset <[email protected]>
Co-authored-by: AntoninRousset <[email protected]>
Co-authored-by: Damien Montastier <[email protected]>

- project: @Tresjs/core 5.0.3

- project: @Tresjs/cientos 5.0.1

- project: @tresjs/post-processing 3.0.0

- project: @tresjs/nuxt 5.0.2

- project: @tresjs/eslint-config 1.4.1

- project: @tresjs/leches 1.0.0

- project: @Tresjs/core 5.0.3

- project: @Tresjs/cientos 5.0.1

- project: @tresjs/post-processing 3.0.0

- project: @tresjs/nuxt 5.0.2

- project: @tresjs/eslint-config 1.4.1

- project: @tresjs/leches 1.0.0