feat(rapier): add rapier

wip rapier

libs/core/package.json

@@ -40,15 +40,17 @@
 		"packageGroup": [
 			"angular-three-soba",
 			"angular-three-postprocessing",
-			"angular-three-cannon"
+			"angular-three-cannon",
+			"angular-three-rapier"
 		]
 	},
 	"ng-update": {
 		"migrations": "./plugin/migrations.json",
 		"packageGroup": [
 			"angular-three-soba",
 			"angular-three-postprocessing",
-			"angular-three-cannon"
+			"angular-three-cannon",
+			"angular-three-rapier"
 		]
 	},
 	"web-types": "./web-types.json"

libs/core/src/lib/portal.ts

@@ -214,6 +214,7 @@ export class NgtPortal implements OnInit {
 		requestAnimationFrame(() => {
 			this.portalStore.set((injectState) => this.inject(this.parentStore.get(), injectState));
 		});
+
 		this.portalContentView = this.portalContentAnchor.createEmbeddedView(this.portalContentTemplate);
 		safeDetectChanges(this.portalContentView);
 		this.portalContentRendered = true;

libs/core/src/lib/utils/signal-store.ts

@@ -146,6 +146,10 @@ export function signalStore<State extends object>(
 
 	const computedCache = new Map();
 
+	if (!options) {
+		options = { equal: Object.is };
+	}
+
 	if (typeof initialState === 'function') {
 		source = signal({} as State, options);
 		state = source.asReadonly();
@@ -180,5 +184,5 @@ function parseStoreOptions(keysAndOptions: any[]): [string[], CreateComputedOpti
 		return [keysAndOptions.slice(0, -1), keysAndOptions.at(-1)];
 	}
 
-	return [keysAndOptions];
+	return [keysAndOptions, { equal: Object.is }];
 }

libs/plugin/generators.json

@@ -22,6 +22,11 @@
 			"factory": "./src/generators/init-cannon/generator",
 			"schema": "./src/generators/init-cannon/schema.json",
 			"description": "Init Angular Three cannon with proper packages "
+		},
+		"rapier": {
+			"factory": "./src/generators/init-rapier/generator",
+			"schema": "./src/generators/init-rapier/schema.json",
+			"description": "Init Angular Three rapier with proper packages "
 		}
 	},
 	"schematics": {
@@ -44,6 +49,11 @@
 			"factory": "./src/generators/init-cannon/compat",
 			"schema": "./src/generators/init-cannon/schema.json",
 			"description": "Init Angular Three cannon with proper packages "
+		},
+		"rapier": {
+			"factory": "./src/generators/init-rapier/compat",
+			"schema": "./src/generators/init-rapier/schema.json",
+			"description": "Init Angular Three rapier with proper packages "
 		}
 	}
 }

libs/plugin/package.json

@@ -6,15 +6,17 @@
 		"packageGroup": [
 			"angular-three-soba",
 			"angular-three-postprocessing",
-			"angular-three-cannon"
+			"angular-three-cannon",
+			"angular-three-rapier"
 		]
 	},
 	"ng-update": {
 		"migrations": "./migrations.json",
 		"packageGroup": [
 			"angular-three-soba",
 			"angular-three-postprocessing",
-			"angular-three-cannon"
+			"angular-three-cannon",
+			"angular-three-rapier"
 		]
 	},
 	"dependencies": {

libs/plugin/src/generators/init-rapier/compat.ts

@@ -0,0 +1,4 @@
+import { convertNxGenerator } from '@nx/devkit';
+import init from './generator';
+
+export default convertNxGenerator(init);

libs/plugin/src/generators/init-rapier/generator.spec.ts

@@ -0,0 +1,21 @@
+import { readJson, Tree } from '@nx/devkit';
+import { createTreeWithEmptyWorkspace } from '@nx/devkit/testing';
+import { ANGULAR_THREE_VERSION, RAPIER_COMPAT_VERSION } from '../versions';
+import init from './generator';
+
+describe('init generator', () => {
+	let appTree: Tree;
+
+	beforeEach(() => {
+		appTree = createTreeWithEmptyWorkspace();
+	});
+
+	it('should add three dependencies', async () => {
+		await init(appTree);
+
+		const packageJson = readJson(appTree, 'package.json');
+
+		expect(packageJson.dependencies['angular-three-rapier']).toEqual(ANGULAR_THREE_VERSION);
+		expect(packageJson.dependencies['@dimforge/rapier3d-compat']).toEqual(RAPIER_COMPAT_VERSION);
+	});
+});

libs/plugin/src/generators/init-rapier/generator.ts

@@ -0,0 +1,28 @@
+import { addDependenciesToPackageJson, installPackagesTask, logger, readJson, type Tree } from '@nx/devkit';
+import { ANGULAR_THREE_VERSION, NGXTENSION_VERSION, RAPIER_COMPAT_VERSION } from '../versions';
+
+export default async function (tree: Tree) {
+	logger.log('Initializing Angular Three Rapier...');
+
+	const packageJson = readJson(tree, 'package.json');
+
+	const version =
+		packageJson['dependencies']?.['angular-three'] ||
+		packageJson['devDependencies']?.['angular-three'] ||
+		ANGULAR_THREE_VERSION;
+
+	addDependenciesToPackageJson(
+		tree,
+		{
+			'angular-three-rapier': version,
+			'angular-three-soba': version,
+			'@dimforge/rapier3d-compat': RAPIER_COMPAT_VERSION,
+			ngxtension: NGXTENSION_VERSION,
+		},
+		{},
+	);
+
+	return () => {
+		installPackagesTask(tree);
+	};
+}

libs/plugin/src/generators/init-rapier/schema.json

@@ -0,0 +1,6 @@
+{
+	"$schema": "http://json-schema.org/schema",
+	"cli": "nx",
+	"$id": "Init",
+	"title": "Init Angular Three Cannon"
+}

libs/plugin/src/generators/versions.ts

@@ -14,4 +14,6 @@ export const CANNON_WORKER_API_VERSION = '^2.0.0';
 export const CANNON_ES_VERSION = '^0.20.0';
 export const CANNON_ES_DEBUGGER_VERSION = '^1.0.0';
 
+export const RAPIER_COMPAT_VERSION = '0.11.2';
+
 export const NGXTENSION_VERSION = '^0.3.0';

libs/plugin/src/index.ts

@@ -1,3 +1,5 @@
+export { default as initCannonGenerator } from './generators/init-cannon/generator';
 export { default as initPostprocessingGenerator } from './generators/init-postprocessing/generator';
+export { default as initRapierGenerator } from './generators/init-rapier/generator';
 export { default as initSobaGenerator } from './generators/init-soba/generator';
 export { default as initGenerator } from './generators/init/generator';

libs/rapier/.eslintrc.json

@@ -0,0 +1,40 @@
+{
+	"extends": ["../../.eslintrc.json"],
+	"ignorePatterns": ["!**/*"],
+	"overrides": [
+		{
+			"files": ["*.ts"],
+			"extends": ["plugin:@nx/angular", "plugin:@angular-eslint/template/process-inline-templates"],
+			"rules": {
+				"@angular-eslint/directive-selector": [
+					"error",
+					{
+						"type": "attribute",
+						"prefix": "platform",
+						"style": "camelCase"
+					}
+				],
+				"@angular-eslint/component-selector": [
+					"error",
+					{
+						"type": "element",
+						"prefix": "platform",
+						"style": "kebab-case"
+					}
+				]
+			}
+		},
+		{
+			"files": ["*.html"],
+			"extends": ["plugin:@nx/angular-template"],
+			"rules": {}
+		},
+		{
+			"files": ["*.json"],
+			"parser": "jsonc-eslint-parser",
+			"rules": {
+				"@nx/dependency-checks": "error"
+			}
+		}
+	]
+}

libs/rapier/README.md

@@ -0,0 +1,7 @@
+# rapier
+
+This library was generated with [Nx](https://nx.dev).
+
+## Running unit tests
+
+Run `nx test rapier` to execute the unit tests.

libs/rapier/jest.config.ts

@@ -0,0 +1,22 @@
+/* eslint-disable */
+export default {
+	displayName: 'rapier',
+	preset: '../../jest.preset.js',
+	setupFilesAfterEnv: ['<rootDir>/src/test-setup.ts'],
+	coverageDirectory: '../../coverage/libs/rapier',
+	transform: {
+		'^.+\\.(ts|mjs|js|html)$': [
+			'jest-preset-angular',
+			{
+				tsconfig: '<rootDir>/tsconfig.spec.json',
+				stringifyContentPathRegex: '\\.(html|svg)$',
+			},
+		],
+	},
+	transformIgnorePatterns: ['node_modules/(?!.*\\.mjs$)'],
+	snapshotSerializers: [
+		'jest-preset-angular/build/serializers/no-ng-attributes',
+		'jest-preset-angular/build/serializers/ng-snapshot',
+		'jest-preset-angular/build/serializers/html-comment',
+	],
+};

libs/rapier/ng-package.json

@@ -0,0 +1,7 @@
+{
+	"$schema": "../../node_modules/ng-packagr/ng-package.schema.json",
+	"dest": "../../dist/libs/rapier",
+	"lib": {
+		"entryFile": "src/index.ts"
+	}
+}

libs/rapier/package.json

@@ -0,0 +1,38 @@
+{
+	"name": "angular-three-rapier",
+	"version": "0.0.0-replace",
+	"publishConfig": {
+		"access": "public"
+	},
+	"repository": {
+		"type": "git",
+		"url": "https://github.com/angular-threejs/angular-three/tree/main/libs/rapier"
+	},
+	"author": {
+		"name": "Chau Tran",
+		"email": "nartc7789@gmail.com",
+		"url": "https://nartc.me"
+	},
+	"description": "Cannon.js physics integration with Angular Three",
+	"keywords": [
+		"angular",
+		"threejs",
+		"renderer",
+		"rapier",
+		"physics"
+	],
+	"license": "MIT",
+	"peerDependencies": {
+		"@angular/common": " ^16.0.0",
+		"@angular/core": " ^16.0.0",
+		"@dimforge/rapier3d-compat": "0.11.2",
+		"angular-three": "^2.0.0",
+		"angular-three-soba": "^2.0.0",
+		"ngxtension": "^0.1.0",
+		"three": ">=0.148.0"
+	},
+	"dependencies": {
+		"tslib": "^2.3.0"
+	},
+	"sideEffects": false
+}

libs/rapier/project.json

@@ -0,0 +1,47 @@
+{
+	"name": "rapier",
+	"$schema": "../../node_modules/nx/schemas/project-schema.json",
+	"sourceRoot": "libs/rapier/src",
+	"prefix": "platform",
+	"tags": [],
+	"projectType": "library",
+	"targets": {
+		"build": {
+			"executor": "@nx/angular:package",
+			"outputs": ["{workspaceRoot}/dist/{projectRoot}"],
+			"options": {
+				"project": "libs/rapier/ng-package.json"
+			},
+			"configurations": {
+				"production": {
+					"tsConfig": "libs/rapier/tsconfig.lib.prod.json"
+				},
+				"development": {
+					"tsConfig": "libs/rapier/tsconfig.lib.json"
+				}
+			},
+			"defaultConfiguration": "production"
+		},
+		"test": {
+			"executor": "@nx/jest:jest",
+			"outputs": ["{workspaceRoot}/coverage/{projectRoot}"],
+			"options": {
+				"jestConfig": "libs/rapier/jest.config.ts",
+				"passWithNoTests": true
+			},
+			"configurations": {
+				"ci": {
+					"ci": true,
+					"codeCoverage": true
+				}
+			}
+		},
+		"lint": {
+			"executor": "@nx/linter:eslint",
+			"outputs": ["{options.outputFile}"],
+			"options": {
+				"lintFilePatterns": ["libs/rapier/**/*.ts", "libs/rapier/**/*.html", "libs/rapier/package.json"]
+			}
+		}
+	}
+}

libs/rapier/src/index.ts

@@ -0,0 +1,4 @@
+export * from './lib/instanced-rigid-bodies';
+export * from './lib/physics';
+export * from './lib/rigid-body';
+export * from './lib/types';