chore: format

Author: nartc

.prettierrc

@@ -1,7 +1,7 @@
 {
 	"singleQuote": true,
 	"useTabs": true,
-	"tabWidth": 2,
+	"tabWidth": 4,
 	"printWidth": 120,
 	"plugins": ["prettier-plugin-organize-imports"],
 	"htmlWhitespaceSensitivity": "ignore",

CONTRIBUTING.md

@@ -35,7 +35,7 @@ If you would like to _implement_ a new feature, please consider the size of the
 - For a **Major Feature**, first open an issue and outline your proposal so that it can be discussed.
   This process allows us to better coordinate our efforts, prevent duplication of work, and help you to craft the change so that it is successfully accepted into the project.
 
-  **Note**: Adding a new topic to the documentation, or significantly re-writing a topic, counts as a major feature.
+    **Note**: Adding a new topic to the documentation, or significantly re-writing a topic, counts as a major feature.
 
 - **Small Features** can be crafted and directly [submitted as a Pull Request](#submit-pr).
 
@@ -71,9 +71,9 @@ Before you submit your Pull Request (PR) consider the following guidelines:
 
 4. In your forked repository, make your changes in a new git branch:
 
-   ```shell
-   git checkout -b my-fix-branch main
-   ```
+    ```shell
+    git checkout -b my-fix-branch main
+    ```
 
 5. Create your patch, **including appropriate test cases**.
 
@@ -82,17 +82,17 @@ Before you submit your Pull Request (PR) consider the following guidelines:
 7. Commit your changes using a descriptive commit message that follows our [commit message conventions](#commit).
    Adherence to these conventions is necessary because release notes are automatically generated from these messages.
 
-   ```shell
-   git commit --all
-   ```
+    ```shell
+    git commit --all
+    ```
 
-   Note: the optional commit `--all` command line option will automatically "add" and "rm" edited files.
+    Note: the optional commit `--all` command line option will automatically "add" and "rm" edited files.
 
 8. Push your branch to GitHub:
 
-   ```shell
-   git push origin my-fix-branch
-   ```
+    ```shell
+    git push origin my-fix-branch
+    ```
 
 9. In GitHub, send a pull request to `angular-three:main`.
 
@@ -104,12 +104,12 @@ If we ask for changes via code reviews then:
 
 2. Create a fixup commit and push to your GitHub repository (this will update your Pull Request):
 
-   ```shell
-   git commit --all --fixup HEAD
-   git push
-   ```
+    ```shell
+    git commit --all --fixup HEAD
+    git push
+    ```
 
-   For more info on working with fixup commits see [here](./contributing-docs/using-fixup-commits.md).
+    For more info on working with fixup commits see [here](./contributing-docs/using-fixup-commits.md).
 
 That's it! Thank you for your contribution!
 
@@ -120,21 +120,21 @@ In order to update the commit message of the last commit on your branch:
 
 1. Check out your branch:
 
-   ```shell
-   git checkout my-fix-branch
-   ```
+    ```shell
+    git checkout my-fix-branch
+    ```
 
 2. Amend the last commit and modify the commit message:
 
-   ```shell
-   git commit --amend
-   ```
+    ```shell
+    git commit --amend
+    ```
 
 3. Push to your GitHub repository:
 
-   ```shell
-   git push --force-with-lease
-   ```
+    ```shell
+    git push --force-with-lease
+    ```
 
 > NOTE:<br />
 > If you need to update the commit message of an earlier commit, you can use `git rebase` in interactive mode.
@@ -146,27 +146,27 @@ After your pull request is merged, you can safely delete your branch and pull th
 
 - Delete the remote branch on GitHub either through the GitHub web UI or your local shell as follows:
 
-  ```shell
-  git push origin --delete my-fix-branch
-  ```
+    ```shell
+    git push origin --delete my-fix-branch
+    ```
 
 - Check out the main branch:
 
-  ```shell
-  git checkout main -f
-  ```
+    ```shell
+    git checkout main -f
+    ```
 
 - Delete the local branch:
 
-  ```shell
-  git branch -D my-fix-branch
-  ```
+    ```shell
+    git branch -D my-fix-branch
+    ```
 
 - Update your local `main` with the latest upstream version:
 
-  ```shell
-  git pull --ff upstream main
-  ```
+    ```shell
+    git pull --ff upstream main
+    ```
 
 ## <a name="rules"></a> Coding Rules
 

apps/examples/public/earth.gltf

@@ -255,8 +255,9 @@
 		{
 			"children": [5, 6, 7],
 			"matrix": [
-				99.86371360033668, -6.938893903907228e-16, -5.2190713685417345, 0, -5.219071368541729, -0.000004371139006309477,
-				-99.86371360033658, 0, -2.281328639885949e-7, 99.9999999999999, -0.000004365181749399483, 0, 0, 0, 0, 1
+				99.86371360033668, -6.938893903907228e-16, -5.2190713685417345, 0, -5.219071368541729,
+				-0.000004371139006309477, -99.86371360033658, 0, -2.281328639885949e-7, 99.9999999999999,
+				-0.000004365181749399483, 0, 0, 0, 0, 1
 			],
 			"name": "URF-Height"
 		},

apps/examples/public/rock2/scene.gltf

@@ -163,8 +163,8 @@
 		{
 			"children": [3],
 			"matrix": [
-				1, 0, 0, 0, 0, -4.3711390063094768e-8, 0.999999999999999, 0, 0, -0.999999999999999, -4.3711390063094768e-8, 0,
-				0, 0, 0, 1
+				1, 0, 0, 0, 0, -4.3711390063094768e-8, 0.999999999999999, 0, 0, -0.999999999999999,
+				-4.3711390063094768e-8, 0, 0, 0, 0, 1
 			],
 			"name": "Collada visual scene group"
 		},

apps/examples/src/app/cannon/chain/scene.ts

@@ -63,7 +63,10 @@ export class ChainLink {
 	protected mesh = viewChild.required<ElementRef<Mesh>>('mesh');
 
 	constructor() {
-		injectCylinder(() => ({ mass: 1, args: this.args(), linearDamping: 0.8, position: this.position() }), this.mesh);
+		injectCylinder(
+			() => ({ mass: 1, args: this.args(), linearDamping: 0.8, position: this.position() }),
+			this.mesh,
+		);
 
 		const injector = inject(Injector);
 		// NOTE: we want to run this in afterNextRender because we want the input to resolve

apps/examples/src/app/cannon/cube-heap/scene.ts

@@ -100,7 +100,11 @@ export class Spheres extends InstancesInput {
 	private mesh = viewChild<ElementRef<InstancedMesh>>('mesh');
 
 	bodyApi = injectSphere(
-		() => ({ args: [this.size()], mass: 1, position: [Math.random() - 0.5, Math.random() * 2, Math.random() - 0.5] }),
+		() => ({
+			args: [this.size()],
+			mass: 1,
+			position: [Math.random() - 0.5, Math.random() * 2, Math.random() - 0.5],
+		}),
 		this.mesh,
 	);
 }

apps/examples/src/app/cannon/monday-morning/scene.ts

@@ -402,7 +402,10 @@ export class Cursor {
 	mesh = viewChild.required<ElementRef<Mesh>>('mesh');
 
 	constructor() {
-		const sphereApi = injectSphere<Mesh>(() => ({ args: [0.5], position: [0, 0, 10000], type: 'Static' }), this.mesh);
+		const sphereApi = injectSphere<Mesh>(
+			() => ({ args: [0.5], position: [0, 0, 10000], type: 'Static' }),
+			this.mesh,
+		);
 		injectBeforeRender(({ pointer, viewport: { width, height } }) => {
 			const x = pointer.x * width;
 			const y = (pointer.y * height) / 1.9 + -x / 3.5;

apps/examples/src/app/rapier/performance/performance.ts

@@ -21,7 +21,13 @@ import { injectSuzanne } from '../suzanne';
 		@if (gltf(); as gltf) {
 			<ngt-object3D rigidBody [position]="position()">
 				<ngt-mesh [geometry]="gltf.nodes.Suzanne.geometry" castShadow receiveShadow>
-					<ngt-mesh-physical-material [roughness]="0" [transmission]="0" [thickness]="0.2" [ior]="1.5" color="orange" />
+					<ngt-mesh-physical-material
+						[roughness]="0"
+						[transmission]="0"
+						[thickness]="0.2"
+						[ior]="1.5"
+						color="orange"
+					/>
 				</ngt-mesh>
 			</ngt-object3D>
 		}
@@ -72,7 +78,11 @@ export class MonkeySwarm {
 					...prev,
 					{
 						key: Math.random() + Date.now(),
-						position: [Math.random() * 10 - 5, Math.random(), Math.random() * 10 - 5] as [number, number, number],
+						position: [Math.random() * 10 - 5, Math.random(), Math.random() * 10 - 5] as [
+							number,
+							number,
+							number,
+						],
 					},
 				]);
 			}, 50);

apps/examples/src/app/routed-rocks/colored-rock.ts

@@ -8,7 +8,13 @@ import { RockStore } from './store';
 	template: `
 		@if (selectedRock(); as rock) {
 			<ngt-group *parent="rock.name">
-				<ngt-mesh castShadow receiveShadow [rotation]="[0, Math.PI / 4, 0]" [position]="[0, 7, 0]" [scale]="0.5">
+				<ngt-mesh
+					castShadow
+					receiveShadow
+					[rotation]="[0, Math.PI / 4, 0]"
+					[position]="[0, 7, 0]"
+					[scale]="0.5"
+				>
 					<ngt-box-geometry *args="[0.7, 0.7, 0.7]" />
 					<ngt-mesh-phong-material [color]="rock.color" [side]="FrontSide" />
 				</ngt-mesh>

apps/examples/src/app/routed-rocks/rocks.ts

@@ -52,7 +52,13 @@ interface RockGLTF extends GLTF {
 		}
 
 		<ngts-camera-controls
-			[options]="{ makeDefault: true, minDistance: 12, maxDistance: 12, minPolarAngle: 0, maxPolarAngle: Math.PI / 2 }"
+			[options]="{
+				makeDefault: true,
+				minDistance: 12,
+				maxDistance: 12,
+				minPolarAngle: 0,
+				maxPolarAngle: Math.PI / 2,
+			}"
 		/>
 
 		<ngt-icosahedron-geometry #geometry attach="none" />

apps/examples/src/app/soba/aquarium/scene.ts

@@ -40,15 +40,27 @@ import { Turtle } from './turtle';
 			}"
 		>
 			<ngts-randomized-lights
-				[options]="{ amount: 8, radius: 15, ambient: 0.5, intensity: Math.PI, position: [-5, 10, -5], size: 20 }"
+				[options]="{
+					amount: 8,
+					radius: 15,
+					ambient: 0.5,
+					intensity: Math.PI,
+					position: [-5, 10, -5],
+					size: 20,
+				}"
 			/>
 		</ngts-accumulative-shadows>
 
 		<!-- custom env map -->
 		<ngts-environment [options]="{ resolution: 1024 }">
 			<ngt-group * [rotation]="[-Math.PI / 3, 0, 0]">
 				<ngts-lightformer
-					[options]="{ intensity: 4, rotation: [Math.PI / 2, 0, 0], position: [0, 5, -9], scale: [10, 10, 1] }"
+					[options]="{
+						intensity: 4,
+						rotation: [Math.PI / 2, 0, 0],
+						position: [0, 5, -9],
+						scale: [10, 10, 1],
+					}"
 				/>
 
 				@for (x of lightPositions; track $index) {
@@ -64,15 +76,27 @@ import { Turtle } from './turtle';
 				}
 
 				<ngts-lightformer
-					[options]="{ intensity: 2, rotation: [Math.PI / 2, 0, 0], position: [-5, 1, -1], scale: [50, 2, 1] }"
+					[options]="{
+						intensity: 2,
+						rotation: [Math.PI / 2, 0, 0],
+						position: [-5, 1, -1],
+						scale: [50, 2, 1],
+					}"
 				/>
 				<ngts-lightformer
-					[options]="{ intensity: 2, rotation: [-Math.PI / 2, 0, 0], position: [10, 1, 0], scale: [50, 2, 1] }"
+					[options]="{
+						intensity: 2,
+						rotation: [-Math.PI / 2, 0, 0],
+						position: [10, 1, 0],
+						scale: [50, 2, 1],
+					}"
 				/>
 			</ngt-group>
 		</ngts-environment>
 
-		<ngts-camera-controls [options]="{ minPolarAngle: 0, maxPolarAngle: Math.PI / 2, truckSpeed: 0, dollySpeed: 0 }" />
+		<ngts-camera-controls
+			[options]="{ minPolarAngle: 0, maxPolarAngle: Math.PI / 2, truckSpeed: 0, dollySpeed: 0 }"
+		/>
 	`,
 	imports: [
 		NgtArgs,

apps/examples/src/app/soba/backdrop-cable/cable.ts

@@ -29,7 +29,11 @@ export class Cable {
 		const [v1, v2] = [new Vector3(), new Vector3()];
 
 		injectBeforeRender(() => {
-			const [bezierLine, start, end] = [this.bezierLine(), this.startRef()?.nativeElement, this.endRef().nativeElement];
+			const [bezierLine, start, end] = [
+				this.bezierLine(),
+				this.startRef()?.nativeElement,
+				this.endRef().nativeElement,
+			];
 			if (!start || !end) return;
 			bezierLine.setPoints(start.getWorldPosition(v1), end.getWorldPosition(v2));
 		});

apps/examples/src/app/soba/baking-soft-shadows/scene.ts

@@ -85,7 +85,14 @@ export class Suzi {
 				}"
 			>
 				<ngts-randomized-lights
-					[options]="{ intensity: Math.PI, amount: 8, radius: 4, ambient: 0.5, position: [5, 5, -10], bias: 0.001 }"
+					[options]="{
+						intensity: Math.PI,
+						amount: 8,
+						radius: 4,
+						ambient: 0.5,
+						position: [5, 5, -10],
+						bias: 0.001,
+					}"
 				/>
 			</ngts-accumulative-shadows>
 		</ngt-group>