p3x-angular-compile 2026.4.100 → 2026.4.102

package/README.md

@@ -6,7 +6,7 @@
 
 
 
-# 🆖 Angular Dynamic Compile - Convert strings to Angular components v2026.4.100
+# 🆖 Angular Dynamic Compile - Convert strings to Angular components v2026.4.102
 
 
   
@@ -31,7 +31,7 @@ v24.14.1
 # 📦 Built on Angular
 
 ```text
-21.2.6
+21.2.9
 ```
 
 
@@ -109,11 +109,31 @@ ng build --aot=false --build-optimizer=false
 
 ## Usage
 
+`CompileAttribute` is now a **standalone component**. You can use it either directly in a standalone component or via the legacy `CompileModule` NgModule — both paths are fully supported.
+
+### Standalone (Angular 16+)
+
+```typescript
+import { Component } from '@angular/core';
+import { CompileAttribute } from 'p3x-angular-compile';
+
+@Component({
+  selector: 'my-page',
+  standalone: true,
+  imports: [CompileAttribute],
+  template: `<span [p3x-compile]="template" [p3x-compile-ctx]="this"></span>`,
+})
+export class Page {
+  template = '<button (click)="context.alert()">Dynamic template</button>';
+  alert() { alert('ok'); }
+}
+```
+
+### Legacy NgModule (unchanged)
 
 ```typescript
-import { CompileModule} from "p3x-angular-compile"
+import { CompileModule } from 'p3x-angular-compile';
 
-// the module settings
 @NgModule({
     imports: [
         CorifeusWebMaterialModule, // Optional
@@ -298,23 +318,22 @@ If you want very small bundle, use ```gzip```.
 
 ---
 
-## 🚀 Quick and Affordable Web Development Services
-
-If you want to quickly and affordably develop your next digital project, visit [corifeus.eu](https://corifeus.eu) for expert solutions tailored to your needs.
-
----
+# Corifeus Network
 
-## 🌐 Powerful Online Networking Tool  
+AI-powered network & email toolkit — free, no signup.
 
-Discover the powerful and free online networking tool at [network.corifeus.com](https://network.corifeus.com).  
+**Web** · [network.corifeus.com](https://network.corifeus.com)  **MCP** · [`npm i -g p3x-network-mcp`](https://www.npmjs.com/package/p3x-network-mcp)
 
-**🆓 Free**  
-Designed for professionals and enthusiasts, this tool provides essential features for network analysis, troubleshooting, and management.  
-Additionally, it offers tools for:  
-- 📡 Monitoring TCP, HTTP, and Ping to ensure optimal network performance and reliability.  
-- 📊 Status page management to track uptime, performance, and incidents in real time with customizable dashboards.  
-
-All these features are completely free to use.  
+- **AI Network Assistant** — ask in plain language, get a full domain health report
+- **Network Audit** — DNS, SSL, security headers, DNSBL, BGP, IPv6, geolocation in one call
+- **Diagnostics** — DNS lookup & global propagation, WHOIS, reverse DNS, HTTP check, my-IP
+- **Mail Tester** — live SPF/DKIM/DMARC + spam score + AI fix suggestions, results emailed (localized)
+- **Monitoring** — TCP / HTTP / Ping with alerts and public status pages
+- **MCP server** — 17 tools exposed to Claude Code, Codex, Cursor, any MCP client
+- **Install** — `claude mcp add p3x-network -- npx p3x-network-mcp`
+- **Try** — *"audit example.com"*, *"why do my emails land in spam? test me@example.com"*
+- **Source** — [patrikx3/network](https://github.com/patrikx3/network) · [patrikx3/network-mcp](https://github.com/patrikx3/network-mcp)
+- **Contact** — [patrikx3.com](https://www.patrikx3.com/en/front/contact) · [donate](https://paypal.me/patrikx3)
 
 ---
 
@@ -336,10 +355,8 @@ All my domains, including [patrikx3.com](https://patrikx3.com), [corifeus.eu](ht
 
 **🚨 Important Changes:** Any breaking changes are prominently noted in the readme to keep you informed.
 
----
-
 
-[**P3X-ANGULAR-COMPILE**](https://corifeus.com/angular-compile) Build v2026.4.100
+[**P3X-ANGULAR-COMPILE**](https://corifeus.com/angular-compile) Build v2026.4.102
 
  [![NPM](https://img.shields.io/npm/v/p3x-angular-compile.svg)](https://www.npmjs.com/package/p3x-angular-compile)  [![Donate for PatrikX3 / P3X](https://img.shields.io/badge/Donate-PatrikX3-003087.svg)](https://www.paypal.com/cgi-bin/webscr?cmd=_s-xclick&hosted_button_id=QZVM4V6HVZJW6)  [![Contact Corifeus / P3X](https://img.shields.io/badge/Contact-P3X-ff9900.svg)](https://www.patrikx3.com/en/front/contact) [![Like Corifeus @ Facebook](https://img.shields.io/badge/LIKE-Corifeus-3b5998.svg)](https://www.facebook.com/corifeus.software)
 

package/lib/angular-compile.component.ts

@@ -1,6 +1,7 @@
 import {
     Compiler,
     Component,
+    inject,
     Injectable,
     Input,
     ModuleWithProviders,
@@ -10,133 +11,88 @@ import {
     SimpleChanges,
     Type,
 } from '@angular/core';
-
-import {CommonModule} from '@angular/common';
-//import { BrowserModule } from '@angular/platform-browser';
-//let SingletonDefaultModule: NgModule;
-//import cloneDeep from 'lodash/cloneDeep';
-
-//import { CorifeusMaterialModule } from 'corifeus-web-material';
+import { CommonModule, NgComponentOutlet } from '@angular/common';
 
 function reverse(str: string) {
-    return str.split('').reverse().join('')
+    return str.split('').reverse().join('');
 }
 
 function random() {
-    return (Math.floor(Math.random() * (99999999999999999 - 10000000000000000)) + 10000000000000000).toString(16)
+    return (
+        Math.floor(Math.random() * (99999999999999999 - 10000000000000000)) +
+        10000000000000000
+    ).toString(16);
 }
 
 let currentIdTime: number;
 let currentId = 0;
 
 function nextId(): string {
-
     const now = Date.now();
     if (currentIdTime !== now) {
         currentId = 0;
-        currentIdTime = now
+        currentIdTime = now;
     }
     const comingId = ++currentId;
     const randomHex = reverse(random()).padStart(15, '0');
-    const timeHex = reverse(currentIdTime.toString(16).padStart(12, '0'))
-    const comingIdHex = reverse(comingId.toString(16).padStart(3, '0'))
-    const newId: string = `p3x-angular-compile-${timeHex}${comingIdHex}${randomHex}`;
-    //console.log(newId)
-    return newId
+    const timeHex = reverse(currentIdTime.toString(16).padStart(12, '0'));
+    const comingIdHex = reverse(comingId.toString(16).padStart(3, '0'));
+    return `p3x-angular-compile-${timeHex}${comingIdHex}${randomHex}`;
 }
 
-
-//const cache : any = {};
-
 @Component({
     selector: '[p3x-compile]',
     template: `
         @if (renderComponent) {
           <ng-container *ngComponentOutlet="dynamicComponent; ngModuleFactory: dynamicModule;"></ng-container>
         }
-        `,
-    standalone: false
+    `,
+    standalone: true,
+    imports: [CommonModule, NgComponentOutlet],
 })
 @Injectable()
 export class CompileAttribute implements OnChanges {
-//export class CompileAttribute implements OnChanges ,OnInit {
 
     @Input('p3x-compile')
-    html: string;
+    html!: string;
 
     @Input('p3x-compile-ctx')
     context: any;
 
     @Input('p3x-compile-error-handler')
-    errorHandler: Function = undefined;
+    errorHandler: Function | undefined = undefined;
 
     dynamicComponent: any;
     dynamicModule: NgModuleFactory<any> | any;
 
     @Input('p3x-compile-module')
-    module: NgModule;
+    module: NgModule | undefined;
 
     @Input('p3x-compile-imports')
-    imports: Array<Type<any> | ModuleWithProviders<any> | any[]>;
-
-    constructor(
-        //  private container: ViewContainerRef,
-        // private service: CompileService
-        private compiler: Compiler,
-        // @Inject('config') private config:CompileServiceConfig
-    ) {
-    }
+    imports: Array<Type<any> | ModuleWithProviders<any> | any[]> | undefined;
 
-    /*
-    // not requires, since ngOnChanges does it first time change
-    ngOnInit() {
-        //console.log('ng init')
-       // this.update();
-    }
-     */
+    private readonly compiler = inject(Compiler);
 
     get renderComponent() {
-        return typeof this.html === 'string' && this.html.trim() !== ''
+        return typeof this.html === 'string' && this.html.trim() !== '';
     }
 
-    ngOnChanges(changes: SimpleChanges) {
-        //console.log('ng one changes')
+    ngOnChanges(_changes: SimpleChanges) {
         this.update();
     }
 
-
     update() {
         try {
             if (this.html === undefined || this.html === null || this.html.trim() === '') {
-                //            this.container.clear();
                 this.dynamicComponent = undefined;
                 this.dynamicModule = undefined;
                 return;
             }
 
-            /*
-
-            // looks like Angular already is caching
-
-            //console.log('html', this.html)
-            const cacheKey = this.html;
-            //console.log(Object.keys(cache).indexOf(cacheKey), cache)
-            if (cache.hasOwnProperty(cacheKey)) {
-                const currentCache = cache[cacheKey];
-                this.dynamicComponent = currentCache.dynamicComponent
-                this.dynamicModule = currentCache.dynamicModule
-                return ;
-            }
-            */
             this.dynamicComponent = this.createNewComponent(this.html, this.context);
-            this.dynamicModule = this.compiler.compileModuleSync(this.createComponentModule(this.dynamicComponent));
-
-            /*
-            cache[cacheKey] = {
-                dynamicComponent: this.dynamicComponent,
-                dynamicModule: this.dynamicModule,
-            };
-            */
+            this.dynamicModule = this.compiler.compileModuleSync(
+                this.createComponentModule(this.dynamicComponent),
+            );
         } catch (e) {
             if (this.errorHandler === undefined) {
                 throw e;
@@ -144,16 +100,6 @@ export class CompileAttribute implements OnChanges {
                 this.errorHandler(e);
             }
         }
-        /*
-        // now we use it with ngComponentOutlet, since about angular 5
-        await this.service.compile({
-            template: this.html,
-            container: this.container,
-            context: this.context,
-            imports: this.imports,
-            module: this.module
-        })
-        */
     }
 
     private createComponentModule(componentType: any) {
@@ -162,41 +108,32 @@ export class CompileAttribute implements OnChanges {
         if (this.module !== undefined) {
             module = Object.assign({}, this.module);
         }
-        /*
-        else if (SingletonDefaultModule !== undefined && SingletonDefaultModule !== null) {
-            module = cloneDeep(SingletonDefaultModule);
-        }
-        */
+
         module.imports = module.imports || [];
         module.imports.push(CommonModule);
         if (this.imports !== undefined) {
-            module.imports = module.imports.concat(this.imports)
+            module.imports = module.imports.concat(this.imports);
         }
         if (module.declarations === undefined) {
-            module.declarations = [
-                componentType
-            ];
+            module.declarations = [componentType];
         } else {
             module.declarations.push(componentType);
         }
 
         @NgModule(module)
-        class RuntimeComponentModule {
-        }
+        class RuntimeComponentModule {}
 
         return RuntimeComponentModule;
     }
 
-
     private createNewComponent(html: string, context: any) {
-
-        const selector: string = nextId()
+        const selector: string = nextId();
 
         @Component({
-    selector: selector,
-    template: html,
-    standalone: false
-})
+            selector: selector,
+            template: html,
+            standalone: false,
+        })
         class DynamicComponent {
             context: any = context;
         }

package/lib/angular-compile.module.ts

@@ -1,19 +1,15 @@
-import {
-    NgModule,
-    //ModuleWithProviders,
-} from '@angular/core';
-import {CompileAttribute} from "./angular-compile.component";
-import {CommonModule} from '@angular/common';
+import { NgModule } from '@angular/core';
+import { CommonModule } from '@angular/common';
+import { CompileAttribute } from './angular-compile.component';
 
+/**
+ * Legacy NgModule wrapper — kept for consumers that still bootstrap via
+ * `@NgModule({ imports: [CompileModule] })`. `CompileAttribute` itself is
+ * now standalone, so new code can simply `imports: [CompileAttribute]` in
+ * a standalone component.
+ */
 @NgModule({
-  declarations: [
-      CompileAttribute
-  ],
-  imports: [
-      CommonModule
-  ],
-  exports: [
-      CompileAttribute
-  ]
+    imports: [CommonModule, CompileAttribute],
+    exports: [CompileAttribute],
 })
-export class CompileModule { }
+export class CompileModule {}

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "p3x-angular-compile",
-    "version": "2026.4.100",
+    "version": "2026.4.102",
     "peerDependencies": {
         "@angular/common": "^13.0.0",
         "@angular/core": "^13.0.0"
@@ -10,7 +10,7 @@
         "publish": true
     },
     "devDependencies": {
-        "corifeus-builder": "^2025.4.135"
+        "corifeus-builder": "^2026.4.143"
     },
     "dependencies": {
         "tslib": "^2.0.0"