@decaf-ts/for-angular 0.1.0 → 0.1.1

package/schematics/package.json

@@ -1,37 +0,0 @@
-{
-  "name": "schematics",
-  "version": "0.0.0",
-  "description": "A blank schematics",
-  "scripts": {
-    "build": "tsc -p tsconfig.json",
-    "test": "npm run build && jasmine src/**/*_spec.js",
-    "schematics": "schematics",
-    "prepare-pr": "npm run repo:pr && npm run lint-fix && npm run build:prod && npm run coverage && npm run docs",
-    "repo:init": "codex exec \"$(cat ./.codex/prompts/repo-setup.md)\nbase_path is `./`, initialize the repository\"",
-    "repo:setup": "codex exec \"$(cat ./.codex/prompts/repo-setup.md)\nbase_path is ./\"",
-    "repo:doc": "codex exec \"$(cat ./.codex/prompts/doc.md) $(cat ./.codex/prompts/bulk-docs.md)\nbase_path is ./\"",
-    "repo:tests": "codex exec \"$(cat ./.codex/prompts/bulk-tests.md)\nbase_path is ./ and coverage is 95%\" -s workspace-write",
-    "repo:readme": "codex exec \"$(cat ./.codex/prompts/update-readme.md)\nbase_path is ./\"",
-    "repo:pr": "npm run repo:doc && npm run repo:tests && npm run repo:readme",
-    "sync-codex": "./bin/sync-codex.sh",
-    "do-install": "NPM_TOKEN=$(cat .npmtoken) npm install"
-  },
-  "keywords": [
-    "schematics"
-  ],
-  "author": "Tiago Venceslau and Contributors",
-  "license": "MIT",
-  "schematics": "./collection.json",
-  "dependencies": {
-    "@angular-devkit/core": "^20.3.0",
-    "@angular-devkit/schematics": "^20.3.0",
-    "@schematics/angular": "^20.3.0",
-    "typescript": "~5.8.3"
-  },
-  "devDependencies": {
-    "@angular-devkit/schematics-cli": "^20.3.0",
-    "@types/jasmine": "~5.1.0",
-    "@types/node": "^18.18.0",
-    "jasmine": "^5.0.0"
-  }
-}

package/schematics/src/component/files/__name@dasherize@if-flat__/__name@dasherize__.__type@dasherize__.html.template

@@ -1,3 +0,0 @@
-<p>
-  <%= dasherize(name) %> works! Generated with decaf cli schematic!
-</p>

package/schematics/src/component/files/__name@dasherize@if-flat__/__name@dasherize__.__type@dasherize__.spec.ts.template

@@ -1,40 +0,0 @@
-import { ComponentFixture, TestBed, waitForAsync } from '@angular/core/testing';
-<% if(!standalone) {%>import { IonicModule } from '@ionic/angular';<%} %>
-<% if(standalone) {%>import { ForAngularCommonModule } from '../../for-angular-common.module';<%} %>
-import { <%= classify(name) %><%= classify(type) %> } from './<%= dasherize(name) %>.<%= dasherize(type) %>';
-import { Model, ModelBuilderFunction } from '@decaf-ts/decorator-validation';
-import { NgxRenderingEngine } from '../../engine';
-import { TranslateLoader, TranslateModule } from '@ngx-translate/core';
-import { I18nFakeLoader } from 'src/lib/i18n';
-
-
-const imports = [
-  ForAngularCommonModule,
-  <%= classify(name) %><%= classify(type) %>,
-  TranslateModule.forRoot({
-    loader: {
-      provide: TranslateLoader,
-      useClass: I18nFakeLoader
-    }
-  })
-];
-describe('<%= classify(name) %><%= classify(type) %>', () => {
-  let component: <%= classify(name) %><%= classify(type) %>;
-  let fixture: ComponentFixture<<%= classify(name) %><%= classify(type) %>>;
-
-  beforeEach(waitForAsync(() => {
-    TestBed.configureTestingModule({<% if(!standalone) {%>
-      declarations: [ <%= classify(name) %><%= classify(type) %> ],
-      imports: [IonicModule.forRoot()]<%} %><% if(standalone) {%>
-      imports,<%} %>
-    }).compileComponents();
-
-    fixture = TestBed.createComponent(<%= classify(name) %><%= classify(type) %>);
-    component = fixture.componentInstance;
-    fixture.detectChanges();
-  }));
-
-  it('should create', () => {
-    expect(component).toBeTruthy();
-  });
-});

package/schematics/src/component/files/__name@dasherize@if-flat__/__name@dasherize__.__type@dasherize__.ts.template

@@ -1,37 +0,0 @@
-import { Component, OnInit<% if(standalone){ %> <%} %> } from '@angular/core';
-<% if(standalone){ %>import { ForAngularCommonModule } from '../../for-angular-common.module';<%} %>
-import { NgxBaseComponentDirective } from '../../engine/NgxBaseComponentDirective';
-
-
-@Component({
-  selector: '<%= selector %>',
-  templateUrl: './<%= dasherize(name) %>.<%= dasherize(type) %>.html',
-  styleUrls: ['./<%= dasherize(name) %>.<%= dasherize(type) %>.<%= style %>'],
-<% if(standalone) {%>  imports: [ForAngularCommonModule],
-  standalone: true,
-<%} %>
-})
-export class <%= classify(name) %><%= classify(type) %> extends NgxBaseComponentDirective implements OnInit {
-
-  /**
-   * @constructor
-   * @description Initializes a new instance of the <%= classify(name) %><%= classify(type) %>.
-   * Calls the parent constructor with the component name for generate base locale string.
-   */
-  constructor() {
-    super("<%= classify(name) %><%= classify(type) %>")
-  }
-
-  /**
-   * Lifecycle hook that is called after data-bound properties of a directive are initialized.
-   * This method is part of Angular's component lifecycle and is used for any additional initialization tasks.
-   *
-   * @returns {void} This method does not return a value.
-   */
-  async ngOnInit(): void {
-
-    // set component as initilizad, trigger change to get locale string
-    await this.initialize();
-  }
-
-}

package/schematics/src/component/files/__name@dasherize@if-flat__/__name@dasherize__.module.ts.template

@@ -1,14 +0,0 @@
-import { NgModule } from '@angular/core';
-import { CommonModule } from '@angular/common';
-import { FormsModule } from '@angular/forms';
-
-import { IonicModule } from '@ionic/angular';
-
-import { <%= classify(name) %><%= classify(type) %> } from './<%= dasherize(name) %>.component';
-
-@NgModule({
-  imports: [ CommonModule, FormsModule, IonicModule,],
-  declarations: [<%= classify(name) %><%= classify(type) %> ],
-  exports: [<%= classify(name) %><%= classify(type) %> ]
-})
-export class <%= classify(name) %><%= classify(type) %> Module {}

package/schematics/src/component/index.js

@@ -1,146 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.test = test;
-exports.default = default_1;
-const core_1 = require("@angular-devkit/core");
-const schematics_1 = require("@angular-devkit/schematics");
-const find_module_1 = require("@schematics/angular/utility/find-module");
-const parse_name_1 = require("@schematics/angular/utility/parse-name");
-const validation_1 = require("@schematics/angular/utility/validation");
-const workspace_1 = require("@schematics/angular/utility/workspace");
-const ts = require("typescript");
-const util_1 = require("../util");
-const ast_util_1 = require("../util/ast-util");
-const change_1 = require("../util/change");
-function test(_options) {
-    return (tree, _context) => {
-        console.log("Testing Decaf component schematics...");
-        return tree;
-    };
-}
-function readIntoSourceFile(host, modulePath) {
-    const text = host.read(modulePath);
-    if (text === null) {
-        throw new schematics_1.SchematicsException(`File ${modulePath} does not exist.`);
-    }
-    const sourceText = text.toString('utf-8');
-    return ts.createSourceFile(modulePath, sourceText, ts.ScriptTarget.Latest, true);
-}
-function addImportToNgModule(options) {
-    return (host) => {
-        if (!options.module) {
-            return host;
-        }
-        if (!options.createModule && options.module) {
-            addImportToDeclarations(host, options);
-        }
-        if (options.createModule && options.module) {
-            addImportToImports(host, options);
-        }
-        return host;
-    };
-}
-function addImportToDeclarations(host, options) {
-    if (options.module) {
-        const modulePath = options.module;
-        let source = readIntoSourceFile(host, modulePath);
-        const componentPath = `/${options.path}/` +
-            (options.flat ? '' : core_1.strings.dasherize(options.name) + '/') +
-            core_1.strings.dasherize(options.name) +
-            '.component';
-        const relativePath = (0, find_module_1.buildRelativePath)(modulePath, componentPath);
-        const classifiedName = core_1.strings.classify(`${options.name}Component`);
-        const declarationChanges = (0, ast_util_1.addDeclarationToModule)(source, modulePath, classifiedName, relativePath);
-        const declarationRecorder = host.beginUpdate(modulePath);
-        for (const change of declarationChanges) {
-            if (change instanceof change_1.InsertChange) {
-                declarationRecorder.insertLeft(change.pos, change.toAdd);
-            }
-        }
-        host.commitUpdate(declarationRecorder);
-        if (options.export) {
-            // Need to refresh the AST because we overwrote the file in the host.
-            source = readIntoSourceFile(host, modulePath);
-            const exportRecorder = host.beginUpdate(modulePath);
-            const exportChanges = (0, ast_util_1.addExportToModule)(source, modulePath, core_1.strings.classify(`${options.name}Component`), relativePath);
-            for (const change of exportChanges) {
-                if (change instanceof change_1.InsertChange) {
-                    exportRecorder.insertLeft(change.pos, change.toAdd);
-                }
-            }
-            host.commitUpdate(exportRecorder);
-        }
-        if (options.entryComponent) {
-            // Need to refresh the AST because we overwrote the file in the host.
-            source = readIntoSourceFile(host, modulePath);
-            const entryComponentRecorder = host.beginUpdate(modulePath);
-            const entryComponentChanges = (0, ast_util_1.addEntryComponentToModule)(source, modulePath, core_1.strings.classify(`${options.name}Component`), relativePath);
-            for (const change of entryComponentChanges) {
-                if (change instanceof change_1.InsertChange) {
-                    entryComponentRecorder.insertLeft(change.pos, change.toAdd);
-                }
-            }
-            host.commitUpdate(entryComponentRecorder);
-        }
-    }
-}
-function addImportToImports(host, options) {
-    if (options.module) {
-        const modulePath = options.module;
-        const moduleSource = readIntoSourceFile(host, modulePath);
-        const componentModulePath = `/${options.path}/` +
-            (options.flat ? '' : core_1.strings.dasherize(options.name) + '/') +
-            core_1.strings.dasherize(options.name) +
-            '.module';
-        const relativePath = (0, find_module_1.buildRelativePath)(modulePath, componentModulePath);
-        const classifiedName = core_1.strings.classify(`${options.name}ComponentModule`);
-        const importChanges = (0, ast_util_1.addSymbolToNgModuleMetadata)(moduleSource, modulePath, 'imports', classifiedName, relativePath);
-        const importRecorder = host.beginUpdate(modulePath);
-        for (const change of importChanges) {
-            if (change instanceof change_1.InsertChange) {
-                importRecorder.insertLeft(change.pos, change.toAdd);
-            }
-        }
-        host.commitUpdate(importRecorder);
-    }
-}
-function default_1(options) {
-    return async (host) => {
-        var _a;
-        console.log(`Generating Decaf custom component schematic...`);
-        const workspace = await (0, workspace_1.getWorkspace)(host);
-        const project = workspace.projects.get(options.project);
-        if (!project) {
-            throw new schematics_1.SchematicsException(`Project "${options.project}" does not exist.`);
-        }
-        if (project && options.path === undefined) {
-            options.path = (0, workspace_1.buildDefaultPath)(project);
-        }
-        const parsedPath = (0, parse_name_1.parseName)(options.path, options.name);
-        options.name = parsedPath.name;
-        options.path = parsedPath.path;
-        options.selector = options.selector ? options.selector : (0, util_1.buildSelector)(options, (_a = project === null || project === void 0 ? void 0 : project.prefix) !== null && _a !== void 0 ? _a : 'app');
-        (0, validation_1.validateHtmlSelector)(options.selector);
-        const templateSource = (0, schematics_1.apply)((0, schematics_1.url)('./files'), [
-            options.spec ? (0, schematics_1.noop)() : (0, schematics_1.filter)((p) => !p.endsWith('.spec.ts.template')),
-            options.createModule ? (0, schematics_1.noop)() : (0, schematics_1.filter)((p) => !p.endsWith('.module.ts.template')),
-            (0, schematics_1.applyTemplates)({
-                ...core_1.strings,
-                'if-flat': (s) => (options.flat ? '' : s),
-                ...options,
-            }),
-            !options.type
-                ? (0, schematics_1.forEach)(((file) => {
-                    return file.path.includes('..')
-                        ? {
-                            content: file.content,
-                            path: file.path.replace('..', '.'),
-                        }
-                        : file;
-                }))
-                : (0, schematics_1.noop)(),
-            (0, schematics_1.move)(parsedPath.path),
-        ]);
-        return (0, schematics_1.chain)([(0, schematics_1.branchAndMerge)((0, schematics_1.chain)([addImportToNgModule(options), (0, schematics_1.mergeWith)(templateSource)]))]);
-    };
-}

package/schematics/src/component/schema.js

@@ -1,2 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });

package/schematics/src/component/schema.json

@@ -1,101 +0,0 @@
-{
-  "$schema": "http://json-schema.org/schema",
-  "$id": "DecafSchematicsAngularComponent",
-  "title": "@decaf-ts/for-angular Component Options Schema",
-  "type": "object",
-  "properties": {
-    "path": {
-      "type": "string",
-      "format": "path",
-      "description": "The path to create the component",
-      "visible": false,
-      "$default": {
-        "$source": "workingDirectory"
-      }
-    },
-    "project": {
-      "type": "string",
-      "description": "The name of the project",
-      "$default": {
-        "$source": "projectName"
-      }
-    },
-    "name": {
-      "type": "string",
-      "description": "The name of the component",
-      "$default": {
-        "$source": "argv",
-        "index": 0
-      }
-    },
-    "prefix": {
-      "type": "string",
-      "description": "The prefix to apply to generated selectors",
-      "alias": "p",
-      "oneOf": [
-        {
-          "maxLength": 0
-        },
-        {
-          "minLength": 1,
-          "format": "html-selector"
-        }
-      ]
-    },
-    "styleext": {
-      "type": "string",
-      "description": "The file extension of the style file for the component",
-      "default": "scss"
-    },
-    "style": {
-      "type": "string",
-      "description": "The file extension of the style file for the component",
-      "default": "scss"
-    },
-    "spec": {
-      "type": "boolean",
-      "description": "Specifies if a spec file is generated",
-      "default": false
-    },
-    "flat": {
-      "type": "boolean",
-      "description": "Flag to indicate if a dir is created",
-      "default": false
-    },
-    "selector": {
-      "type": "string",
-      "format": "html-selector",
-      "description": "The selector to use for the component"
-    },
-    "createModule":  {
-      "type": "boolean",
-      "description": "Allows creating an NgModule for the component",
-      "default": false
-    },
-    "module": {
-      "type": "string",
-      "description": "Allows adding to an NgModule's imports or declarations"
-    },
-    "export": {
-      "type": "boolean",
-      "default": false,
-      "description": "When true, the declaring NgModule exports this component."
-    },
-    "entryComponent": {
-      "type": "boolean",
-      "default": false,
-      "description": "When true, the new component is the entry component of the declaring NgModule."
-    },
-    "type": {
-      "type": "string",
-      "description": "Adds a developer-defined type to the filename, in the format \"name.type.ts\".",
-      "default": "Component"
-    },
-    "standalone": {
-      "type": "boolean",
-      "description": "Specifies if the component should be standalone",
-      "default": true
-    }
-  },
-  "required": []
-}

package/schematics/src/page/files/__name@dasherize__.page.html.template

@@ -1,15 +0,0 @@
-<app-header
-  [title]="title"
-</app-header>
-
-<ion-content [fullscreen]="true">
-  <main>
-    <app-container>
-      <ion-card>
-        <ion-card-content>
-          Page content goes here!
-        </ion-card-content>
-      </ion-card>
-    </app-container>
-  </main>
-</ion-content>

package/schematics/src/page/files/__name@dasherize__.page.ts.template

@@ -1,19 +0,0 @@
-import { Component, OnInit } from '@angular/core';
-import { IonCard, IonCardContent, IonContent } from '@ionic/angular/standalone';
-import { HeaderComponent } from 'src/app/components/header/header.component';
-import { ContainerComponent } from 'src/app/components/container/container.component';
-
-@Component({
-  standalone: true,
-  selector: 'app-<%= dasherize(name) %>',
-  templateUrl: './<%= dasherize(name) %>.page.html',
-  styleUrls: ['./<%= dasherize(name) %>.page.scss'],
-  imports: [HeaderComponent, ContainerComponent, IonContent, IonCard, IonCardContent]
-})
-export class <%= classify(name) %>Page implements OnInit {
-
-  constructor() {}
-
-  ngOnInit() {}
-
-}

package/schematics/src/page/index.js

@@ -1,71 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.page = page;
-const core_1 = require("@angular-devkit/core");
-const schematics_1 = require("@angular-devkit/schematics");
-function addRouteToAppRoutes(options) {
-    return (tree) => {
-        // Skip route addition if requested
-        if (options.skipRoute) {
-            return tree;
-        }
-        const name = core_1.strings.dasherize(options.name);
-        const className = core_1.strings.classify(options.name) + 'Page';
-        const routePath = options.routePath || name;
-        const pagePath = options.path || 'src/app/pages';
-        // Path to app.routes.ts
-        const routesPath = 'src/app/app.routes.ts';
-        if (!tree.exists(routesPath)) {
-            console.warn(`Could not find ${routesPath}. Route not added.`);
-            return tree;
-        }
-        const routesContent = tree.read(routesPath).toString();
-        // Create the new route entry
-        const relativePath = `${pagePath}/${name}/${name}.page`.replace('src/app/', './');
-        const newRoute = `  {\n    path: '${routePath}',\n    loadComponent: () => import('${relativePath}').then( m => m.${className})\n  }`;
-        // Find the position to insert the new route (before the last closing bracket)
-        const routesArrayMatch = routesContent.match(/export const routes: Routes = \[([\s\S]*)\];/);
-        if (!routesArrayMatch) {
-            console.warn('Could not parse routes array. Route not added.');
-            return tree;
-        }
-        const routesArrayContent = routesArrayMatch[1];
-        const lastRouteMatch = routesArrayContent.trim().match(/.*\}(?!.*\})/s);
-        let updatedContent;
-        if (lastRouteMatch) {
-            // Add comma after the last route and insert new route
-            const insertPosition = routesContent.lastIndexOf('}', routesContent.lastIndexOf('];'));
-            updatedContent = routesContent.slice(0, insertPosition + 1) +
-                ',\n' + newRoute +
-                routesContent.slice(insertPosition + 1);
-        }
-        else {
-            // Empty routes array, just add the route
-            const insertPosition = routesContent.indexOf('[') + 1;
-            updatedContent = routesContent.slice(0, insertPosition) +
-                '\n' + newRoute + '\n' +
-                routesContent.slice(insertPosition);
-        }
-        tree.overwrite(routesPath, updatedContent);
-        console.log(`Route added to ${routesPath}: ${routePath} -> ${className}`);
-        return tree;
-    };
-}
-function page(options) {
-    return () => {
-        const name = core_1.strings.dasherize(options.name);
-        const path = options.path || 'src/app/pages';
-        const templateSource = (0, schematics_1.apply)((0, schematics_1.url)('./files'), [
-            (0, schematics_1.applyTemplates)({
-                ...core_1.strings,
-                ...options,
-                name,
-            }),
-            (0, schematics_1.move)(`${path}/${name}`),
-        ]);
-        return (0, schematics_1.chain)([
-            (0, schematics_1.mergeWith)(templateSource),
-            addRouteToAppRoutes(options)
-        ]);
-    };
-}

package/schematics/src/page/schema.json

@@ -1,87 +0,0 @@
-{
-  "$schema": "http://json-schema.org/schema",
-  "$id": "SchematicsDecafIonicAngularPage",
-  "title": "@ionic/angular Page Options Schema",
-  "type": "object",
-  "properties": {
-    "path": {
-      "type": "string",
-      "format": "path",
-      "description": "The path to create the page",
-      "visible": false,
-      "$default": {
-        "$source": "workingDirectory"
-      }
-    },
-    "project": {
-      "type": "string",
-      "description": "The name of the project",
-      "$default": {
-        "$source": "projectName"
-      }
-    },
-    "name": {
-      "type": "string",
-      "description": "The name of the page",
-      "$default": {
-        "$source": "argv",
-        "index": 0
-      }
-    },
-    "prefix": {
-      "type": "string",
-      "description": "The prefix to apply to generated selectors",
-      "alias": "p",
-      "oneOf": [
-        {
-          "maxLength": 0
-        },
-        {
-          "minLength": 1,
-          "format": "html-selector"
-        }
-      ]
-    },
-    "styleext": {
-      "type": "string",
-      "description": "The file extension of the style file for the page",
-      "default": "scss"
-    },
-    "spec": {
-      "type": "boolean",
-      "description": "Specifies if a spec file is generated",
-      "default": false
-    },
-    "flat": {
-      "type": "boolean",
-      "description": "Flag to indicate if a dir is created",
-      "default": false
-    },
-    "selector": {
-      "type": "string",
-      "format": "html-selector",
-      "description": "The selector to use for the page"
-    },
-    "module":  {
-      "type": "string",
-      "description": "Allows specification of the declaring module",
-      "alias": "m"
-    },
-    "routePath": {
-      "type": "string",
-      "description": "The path to use for the route of the page (defaults to page name)",
-      "default": ""
-    },
-    "skipRoute": {
-      "type": "boolean",
-      "description": "Skip adding the route to app.routes.ts",
-      "default": false
-    },
-    "standalone": {
-      "type": "boolean",
-      "description": "Specifies if the page should be standalone",
-      "default": true
-    }
-  },
-  "required": []
-}

package/schematics/src/schematics/index.js

@@ -1,11 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.test = test;
-// You don't have to export the function as default. You can also have more than one rule factory
-// per file.
-function test(_options) {
-    return (tree, _context) => {
-        console.log("Testing Decaf sample schematics...");
-        return tree;
-    };
-}

package/schematics/src/schematics/index_spec.js

@@ -1,13 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-const schematics_1 = require("@angular-devkit/schematics");
-const testing_1 = require("@angular-devkit/schematics/testing");
-const path = require("path");
-const collectionPath = path.join(__dirname, '../collection.json');
-describe('schematics', () => {
-    it('works', async () => {
-        const runner = new testing_1.SchematicTestRunner('schematics', collectionPath);
-        const tree = await runner.runSchematic('main', {}, schematics_1.Tree.empty());
-        expect(tree.files).toEqual([]);
-    });
-});