feat(ngx-codejar): introducing standalone component

BREAKING CHANGE: NgxCodeJarComponent is now a standalone component. Have
a look on the README for more information

README.md

@@ -43,7 +43,7 @@ If you want to use CodeJar with [highlight.js](https://highlightjs.org/) you sho
   npm install --save codejar highlight.js ngx-codejar && npm install --save-dev @types/highlight.js
   ````
 
-2. Import module `NgxCodejarModule` to your app's ngModule:
+2. Import NgxCodeJarComponent `NgxCodeJarComponent` to your app's ngModule import property (standalone!):
 
 ````typescript
 @NgModule({
@@ -52,7 +52,7 @@ If you want to use CodeJar with [highlight.js](https://highlightjs.org/) you sho
   ],
   imports: [
     // ...,
-    NgxCodejarModule
+    NgxCodeJarComponent
   ],
   // ...
 })
@@ -72,18 +72,18 @@ If you want to use codejar with [prism.js](https://prismjs.com/) you should do t
   npm install --save codejar prismjs ngx-codejar && npm install --save-dev @types/prismjs
   ````
 
-2. Import module `NgxCodejarModule` to your app's ngModule:
+2. Import module `NgxCodejarModuleNgxCodeJarComponent` to your app's ngModule imports property (!standalone):
 
 ````typescript
 @NgModule({
-  declarations: [
+    declarations: [
+        // ...
+    ],
+    imports: [
+        // ...,
+        NgxCodeJarComponent
+    ],
     // ...
-  ],
-  imports: [
-    // ...,
-    NgxCodejarModule
-  ],
-  // ...
 })
 ````
 

apps/demo/src/app/app.module.ts

@@ -2,19 +2,20 @@ import {NgModule} from '@angular/core';
 import {BrowserModule} from '@angular/platform-browser';
 
 import {AppComponent} from './app.component';
-import {NgxCodejarModule} from 'ngx-codejar';
-import {FormsModule} from "@angular/forms";
+import {NgxCodeJarComponent} from 'ngx-codejar';
+import {FormsModule} from '@angular/forms';
 
 @NgModule({
   declarations: [
     AppComponent
   ],
   imports: [
     BrowserModule,
-    NgxCodejarModule,
+    NgxCodeJarComponent,
     FormsModule
   ],
   providers: [],
   bootstrap: [AppComponent]
 })
-export class AppModule { }
+export class AppModule {
+}

libs/ngx-codejar/.eslintrc.json

@@ -9,15 +9,15 @@
           "error",
           {
             "type": "attribute",
-            "prefix": "ngxCodejarNew",
+            "prefix": "ngxCodejar",
             "style": "camelCase"
           }
         ],
         "@angular-eslint/component-selector": [
           "error",
           {
             "type": "element",
-            "prefix": "ngx-codejar-new",
+            "prefix": "ngx-codejar",
             "style": "kebab-case"
           }
         ]

libs/ngx-codejar/src/index.ts

@@ -2,7 +2,5 @@
  * Public API Surface of ngx-codejar
  */
 
-export * from './lib/ngx-codejar.service';
 export * from './lib/ngx-code-jar.component';
-export * from './lib/ngx-codejar.module';
 export * from './lib/codejar.typings';

libs/ngx-codejar/src/lib/ngx-code-jar.component.ts

@@ -15,8 +15,11 @@ import {
 import {CodeJar, Position} from 'codejar';
 import {CodeJarContainer, CodeJarOptions} from './codejar.typings';
 import {withLineNumbers} from 'codejar/linenumbers.js';
+import {CommonModule} from '@angular/common';
 
 @Component({
+  standalone: true,
+  imports: [CommonModule],
   selector: 'ngx-codejar',
   template: `
     <div class="ngx-codejar-wrap ngx-codejar-flex" #wrapper>