Rename to three-vfx (#24)

* Rename library

* Rename monorepo

* More renamy bits

* Changeset

* Fix type export name

.changeset/big-lizards-train.md

@@ -0,0 +1,5 @@
+---
+"three-vfx": minor
+---
+
+**New Package Name:** The package has been renamed from `vfx` to `three-vfx`.

.changeset/blue-foxes-exercise.md

@@ -1,5 +1,5 @@
 ---
-"vfx": patch
+"three-vfx": patch
 ---
 
 **New:** `<ParticlesMaterial>` now allows you to use an existing material as its base material.

.changeset/flat-moons-float.md

@@ -1,5 +1,5 @@
 ---
-"vfx": patch
+"three-vfx": patch
 ---
 
 **New:** `<VisualEffect>`, a root component for all visual effects. Currently only an abstraction over <group>.

.changeset/lazy-chicken-vanish.md

@@ -1,5 +1,5 @@
 ---
-"vfx": patch
+"three-vfx": patch
 ---
 
 **New:** `<Lifetime seconds={...}>` will give its children the specified lifetime and then unmount them.

.changeset/nice-rice-serve.md

@@ -1,5 +1,5 @@
 ---
-"vfx": patch
+"three-vfx": patch
 ---
 
 **New:** `<Repeat times={...} interval={...}>` will re-render its children `times` times with an interval of `interval`.

.changeset/selfish-toes-rescue.md

@@ -1,5 +1,5 @@
 ---
-"vfx": patch
+"three-vfx": patch
 ---
 
 **New:** `<Delay seconds={...}>` will only render its children after the specified time has passed.

apps/examples/package.json

@@ -15,7 +15,7 @@
     "react": "^18.1.0",
     "react-dom": "^18.1.0",
     "three": "^0.141.0",
-    "vfx": "^0.0.13",
+    "three-vfx": "^0.0.13",
     "wouter": "^2.8.0-alpha.2"
   },
   "devDependencies": {

apps/examples/src/Game.tsx

@@ -4,7 +4,7 @@ import { button, useControls } from "leva"
 import { Perf } from "r3f-perf"
 import { FC, useState } from "react"
 import { LinearEncoding } from "three"
-import { Repeat } from "vfx"
+import { Repeat } from "three-vfx"
 import { Route, useRoute } from "wouter"
 import examples, { ExampleDefinition } from "./examples"
 import { RenderPipeline } from "./RenderPipeline"

apps/examples/src/examples/Explosion.tsx

@@ -10,7 +10,7 @@ import {
   Repeat,
   VisualEffect,
   VisualEffectProps
-} from "vfx"
+} from "three-vfx"
 
 const gravity = new Vector3(0, -20, 0)
 const direction = new Vector3()

apps/examples/src/examples/Fog.tsx

@@ -14,7 +14,7 @@ import {
   Repeat,
   SpawnSetup,
   VisualEffect
-} from "vfx"
+} from "three-vfx"
 
 export const Fog = () => {
   const texture = useMemo(

apps/examples/src/examples/GLTFParticles.tsx

@@ -7,7 +7,7 @@ import {
   ParticlesMaterial,
   Repeat,
   VisualEffect
-} from "vfx"
+} from "three-vfx"
 
 const offset = new Vector3(0, 10, 0)
 

apps/examples/src/examples/Simple.tsx

@@ -6,7 +6,7 @@ import {
   ParticlesMaterial,
   Repeat,
   VisualEffect
-} from "vfx"
+} from "three-vfx"
 
 export const Simple = () => (
   <VisualEffect>

apps/examples/vite.config.ts

@@ -5,7 +5,7 @@ import react from "@vitejs/plugin-react"
 export default defineConfig({
   plugins: [react()],
   optimizeDeps: {
-    exclude: ["vfx", "randomish"],
+    exclude: ["three-vfx", "randomish"],
     include: ["react/jsx-runtime"]
   }
 })

package.json

@@ -1,5 +1,5 @@
 {
-  "name": "vfx-monorepo",
+  "name": "three-vfx-monorepo",
   "private": true,
   "version": "1.0.0",
   "main": "index.js",

packages/vfx/README.md

@@ -9,7 +9,7 @@
 
 ## Introduction 👋
 
-`vfx` is a visual effects library for [react-three-fiber](https://github.com/pmndrs/react-three-fiber). It aims to be highly performant (with effects almost entirely simulated on the GPU) and easy to extend.
+`three-vfx` is a visual effects library for [Three.js](https://threejs.org/) and [react-three-fiber](https://github.com/pmndrs/react-three-fiber). It aims to be highly performant (with effects almost entirely simulated on the GPU) and easy to extend.
 
 ## Status ⚠️
 

packages/vfx/package.json

@@ -1,5 +1,5 @@
 {
-  "name": "vfx",
+  "name": "three-vfx",
   "private": false,
   "author": {
     "name": "Hendrik Mans",
@@ -8,9 +8,9 @@
   },
   "description": "Visual FX!",
   "version": "0.0.13",
-  "main": "dist/vfx.cjs.js",
-  "module": "dist/vfx.esm.js",
-  "types": "dist/vfx.cjs.d.ts",
+  "main": "dist/three-vfx.cjs.js",
+  "module": "dist/three-vfx.esm.js",
+  "types": "dist/three-vfx.cjs.d.ts",
   "files": [
     "dist/**",
     "LICENSE",