fix: add schema to effect composer

Author: nartc

README.md

@@ -1,17 +1,3 @@
-# Postprocessing
+# AngularThree Postprocessing Workspace
 
-<a alt="Nx logo" href="https://nx.dev" target="_blank" rel="noreferrer"><img src="https://raw.githubusercontent.com/nrwl/nx/master/images/nx-logo.png" width="45"></a>
-
-✨ **This workspace has been generated by [Nx, a Smart, fast and extensible build system.](https://nx.dev)** ✨
-
-## Understand this workspace
-
-Run `nx graph` to see a diagram of the dependencies of the projects.
-
-## Remote caching
-
-Run `npx nx connect-to-nx-cloud` to enable [remote caching](https://nx.app) and make CI faster.
-
-## Further help
-
-Visit the [Nx Documentation](https://nx.dev) to learn more.
+Here, you'll find all related projects to `angular-three-postprocessing`

apps/plugin-e2e/jest.config.ts

@@ -1,7 +1,15 @@
-# angular-three-postprocessing
+# Postprocessing for Angular Three using postprocessing
 
-This library was generated with [Nx](https://nx.dev).
+## Installation
 
-## Running unit tests
+```shell
+ng add angular-three-postprocessing
+```
 
-Run `nx test angular-three-postprocessing` to execute the unit tests.
+## Documentations
+
+Read more about Angular Three Postprocessing usages in [TBD: Documentations](#)
+
+## Contributions
+
+Contributions are welcomed

apps/plugin-e2e/project.json

@@ -3,5 +3,6 @@
     "dest": "../../dist/libs/angular-three-postprocessing",
     "lib": {
         "entryFile": "src/index.ts"
-    }
+    },
+    "allowedNonPeerDependencies": ["@nrwl/devkit"]
 }

apps/plugin-e2e/tests/plugin.spec.ts

@@ -21,6 +21,16 @@
             },
             "defaultConfiguration": "production"
         },
+        "package": {
+            "executor": "nx:run-commands",
+            "options": {
+                "commands": [
+                    "npx nx build angular-three-postprocessing",
+                    "npx nx build angular-three-postprocessing-plugin"
+                ],
+                "parallel": false
+            }
+        },
         "test": {
             "executor": "@nrwl/jest:jest",
             "outputs": ["{workspaceRoot}/coverage/{projectRoot}"],
@@ -46,6 +56,13 @@
                     "libs/angular-three-postprocessing/effects/**/*.html"
                 ]
             }
+        },
+        "publish": {
+            "executor": "nx:run-commands",
+            "options": {
+                "command": "npm publish",
+                "cwd": "dist/libs/angular-three-postprocessing"
+            }
         }
     },
     "tags": []

apps/plugin-e2e/tsconfig.json

@@ -1,4 +1,4 @@
-import { Component, inject, InjectionToken, Input, OnInit } from '@angular/core';
+import { Component, CUSTOM_ELEMENTS_SCHEMA, inject, InjectionToken, Input, OnInit } from '@angular/core';
 import { RxActionFactory } from '@rx-angular/state/actions';
 import { extend, getLocalState, injectNgtRef, NgtRxStore, NgtStore, startWithUndefined } from 'angular-three';
 import { DepthDownsamplingPass, EffectComposer, EffectPass, NormalPass, RenderPass } from 'postprocessing';
@@ -51,6 +51,7 @@ function effectComposerApiFactory(composer: NgtpEffectComposer) {
         { provide: NGTP_EFFECT_COMPOSER_API, useFactory: effectComposerApiFactory, deps: [NgtpEffectComposer] },
         RxActionFactory,
     ],
+    schemas: [CUSTOM_ELEMENTS_SCHEMA],
 })
 export class NgtpEffectComposer extends NgtRxStore implements OnInit {
     @Input() composerRef = injectNgtRef<Group>();

apps/plugin-e2e/tsconfig.spec.json

@@ -1,5 +1,5 @@
 {
-    "name": "plugin",
+    "name": "angular-three-postprocessing-plugin",
     "$schema": "../../node_modules/nx/schemas/project-schema.json",
     "sourceRoot": "libs/plugin/src",
     "projectType": "library",