@nstudio/angular 15.0.4-rc.1 → 16.5.0

package/README.md

@@ -24,13 +24,19 @@
 
 ```
 npx create-nx-workspace@latest
-```
 
-At the prompts:
+// Choose "Integrated monorepo" at the prompt:
 
-> What to create in the new workspace
+? Choose what to create                 … 
+> Integrated monorepo:    Nx configures your favorite frameworks and lets you focus on shipping features.
 
-> choose `apps`
+// Choose "apps" at the prompt: 
+
+? What to create in the new workspace   … 
+> apps              [an empty monorepo with no plugins with a layout that works best for building apps]
+```
+
+Install the tools:
 
 ```
 npm i @nstudio/xplat -D
@@ -39,15 +45,13 @@ npm i @nstudio/xplat -D
 You are now ready to create apps:
 
 ```
-nx g app
+npx nx g @nstudio/xplat:app
 ```
 
-**NOTE:** If you encounter any issue, you can try creating an Nx workspace with a version specified.
-
-We have tested with the following, for example:
+**NOTE:** If you encounter any issue, you can try creating an Nx workspace with version specified, for example:
 
 ```
-npx create-nx-workspace@15.9.2
+npx create-nx-workspace@14.1.7
 ```
 
 ## App generation examples
@@ -61,7 +65,7 @@ Electron app generator can use any web app in the workspace as it's target.
 If you don't have a web app yet, create one first:
 
 ```
-nx g app sample
+npx nx g @nstudio/xplat:app sample
 ```
 
 > choose `web`
@@ -69,7 +73,7 @@ nx g app sample
 You can now use the web app as the Electron target:
 
 ```
-nx g app desktop --target=web-sample
+npx nx g @nstudio/xplat:app desktop --target=web-sample
 ```
 
 > choose `electron`
@@ -83,7 +87,7 @@ npm run start.electron.desktop
 ### Ionic
 
 ```
-nx g app sample
+npx nx g @nstudio/xplat:app sample
 ```
 
 > choose `ionic`
@@ -91,13 +95,13 @@ nx g app sample
 Develop in browser with:
 
 ```
-nx serve ionic-sample
+npx nx serve ionic-sample
 ```
 
 Build Ionic app:
 
 ```
-nx build ionic-sample
+npx nx build ionic-sample
 ```
 
 A. **Capacitor iOS** - Prepare for development
@@ -127,7 +131,7 @@ npm run open.ionic.sample.android
 ### NativeScript
 
 ```
-nx g app mobile
+nx g @nstudio/xplat:app mobile
 ```
 
 > choose `nativescript`
@@ -135,13 +139,13 @@ nx g app mobile
 A. **iOS**
 
 ```
-nx run nativescript-mobile:ios
+npx nx run nativescript-mobile:ios
 ```
 
 B. **Android**
 
 ```
-nx run nativescript-mobile:android
+npx nx run nativescript-mobile:android
 ```
 
 ## Documentation

package/collection.json

@@ -1,7 +1,7 @@
 {
   "name": "nstudio/angular",
   "version": "0.1",
-  "extends": ["@nrwl/angular", "@nstudio/xplat"],
+  "extends": ["@nx/angular", "@nstudio/xplat"],
   "schematics": {
     "ng-add": {
       "factory": "./src/schematics/ng-add/ng-add",
@@ -54,6 +54,11 @@
       "schema": "./src/schematics/elements/schema.json",
       "description": "Create custom elements for the web with Angular."
     },
+    "helpers": {
+      "factory": "./src/schematics/helpers",
+      "schema": "./src/schematics/helpers/schema.json",
+      "description": "Helpers for Angular."
+    },
     "xplat": {
       "factory": "./src/schematics/xplat",
       "schema": "./src/schematics/xplat/schema.json",

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@nstudio/angular",
-  "version": "15.0.4-rc.1",
+  "version": "16.5.0",
   "description": "Angular Plugin for xplat",
   "homepage": "https://nstudio.io/xplat",
   "repository": {
@@ -29,9 +29,9 @@
     "migrations": "./migrations.json"
   },
   "dependencies": {
-    "@nrwl/angular": "^15.0.0"
+    "@nx/angular": "^16.0.0"
   },
   "peerDependencies": {
-    "@nstudio/xplat": "15.0.4-rc.1"
+    "@nstudio/xplat": "16.5.0"
   }
 }

package/src/schematics/application/index.js

@@ -10,7 +10,7 @@ var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, ge
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 const schematics_1 = require("@angular-devkit/schematics");
-const workspace_1 = require("@nrwl/workspace");
+const workspace_1 = require("@nx/workspace");
 const xplat_1 = require("@nstudio/xplat");
 const xplat_utils_1 = require("@nstudio/xplat-utils");
 function default_1(options) {
@@ -53,7 +53,7 @@ function default_1(options) {
                 //   interactive: false
                 // };
             }
-            return (0, schematics_1.externalSchematic)('@nrwl/angular', 'app', nrwlWebOptions, executionOptions)(tree, context);
+            return (0, schematics_1.externalSchematic)('@nx/angular', 'app', nrwlWebOptions, executionOptions)(tree, context);
         },
         (tree, context) => addHeadlessE2e(options)(tree, context),
         options.useXplat

package/src/schematics/component/index.js

@@ -3,7 +3,7 @@ Object.defineProperty(exports, "__esModule", { value: true });
 const schematics_1 = require("@angular-devkit/schematics");
 const xplat_1 = require("@nstudio/xplat");
 const xplat_utils_1 = require("@nstudio/xplat-utils");
-const workspace_1 = require("@nrwl/workspace");
+const workspace_1 = require("@nx/workspace");
 const angular_1 = require("@nstudio/angular");
 let componentSettings;
 function default_1(options) {

package/src/schematics/elements/index.js

@@ -1,10 +1,9 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 const schematics_1 = require("@angular-devkit/schematics");
-const workspace_1 = require("@nrwl/workspace");
+const workspace_1 = require("@nx/workspace");
 const xplat_1 = require("@nstudio/xplat");
 const xplat_utils_1 = require("@nstudio/xplat-utils");
-const devkit_1 = require("@nrwl/devkit");
 let customElementList;
 let componentSymbols;
 let componentSymbolList;
@@ -171,16 +170,15 @@ function addFiles(options, extra = '') {
     ])));
 }
 function updateWorkspaceSupport(options, tree, context) {
-    const nxTree = (0, xplat_1.convertNgTreeToDevKit)(tree, context);
-    (0, devkit_1.updateJson)(nxTree, 'package.json', (json) => {
-        json.scripts = json.scripts || {};
-        json.dependencies = json.dependencies || {};
-        const angularVersion = json.dependencies['@angular/core'];
-        json.dependencies = Object.assign(Object.assign({}, json.dependencies), { '@angular/elements': angularVersion, '@webcomponents/webcomponentsjs': '^2.6.0' });
-        json.devDependencies = json.devDependencies || {};
-        json.devDependencies = Object.assign(Object.assign({}, json.devDependencies), { 'http-server': '^14.1.1', 'ngx-build-plus': '^15.0.0' });
-        return json;
-    });
+    const packagePath = 'package.json';
+    const json = (0, xplat_utils_1.getJsonFromFile)(tree, packagePath);
+    json.scripts = json.scripts || {};
+    json.dependencies = json.dependencies || {};
+    const angularVersion = json.dependencies['@angular/core'];
+    json.dependencies = Object.assign(Object.assign({}, json.dependencies), { '@angular/elements': angularVersion, '@webcomponents/webcomponentsjs': '^2.6.0' });
+    json.devDependencies = json.devDependencies || {};
+    json.devDependencies = Object.assign(Object.assign({}, json.devDependencies), { 'http-server': '^14.1.1', 'ngx-build-plus': '^16.0.0' });
+    return (0, xplat_utils_1.updateJsonFile)(tree, packagePath, json);
 }
 function createCustomElementList(componentSymbols) {
     const customElements = ['let component;'];

package/src/schematics/feature/index.js

@@ -1,7 +1,7 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 const schematics_1 = require("@angular-devkit/schematics");
-const workspace_1 = require("@nrwl/workspace");
+const workspace_1 = require("@nx/workspace");
 const xplat_1 = require("@nstudio/xplat");
 const xplat_utils_1 = require("@nstudio/xplat-utils");
 function default_1(options) {
@@ -37,7 +37,7 @@ function default_1(options) {
         // update libs index
         (tree, context) => options.onlyProject
             ? (0, schematics_1.noop)()(tree, context)
-            : xplat_1.XplatFeatureHelpers.adjustBarrelIndex(options, 'libs/xplat/features/src/lib/index.ts')(tree, context),
+            : xplat_1.XplatFeatureHelpers.adjustBarrelIndex(options, 'libs/xplat/features/src/lib/index.ts'),
         // external schematic handling
         (tree, context) => (0, schematics_1.chain)(externalChains),
         (0, workspace_1.formatFiles)({ skipFormat: options.skipFormat }),

package/src/schematics/feature/index.spec.js

@@ -12,8 +12,8 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.sandboxHomeSetup = void 0;
 const schematics_1 = require("@angular-devkit/schematics");
 const testing_1 = require("@nstudio/xplat/testing");
-const xplat_utils_1 = require("@nstudio/xplat-utils");
 const testing_2 = require("../../utils/testing");
+const xplat_utils_1 = require("@nstudio/xplat-utils");
 describe('feature schematic', () => {
     let appTree;
     const defaultOptions = {

package/src/schematics/helpers/applitools/index.d.ts

@@ -0,0 +1,2 @@
+import { IHelperConfig } from '@nstudio/xplat';
+export declare const config: IHelperConfig;

package/src/schematics/helpers/applitools/index.js

@@ -0,0 +1,115 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.config = void 0;
+const xplat_utils_1 = require("@nstudio/xplat-utils");
+exports.config = {
+    requiresTarget: true,
+    additionalSupport: applitools,
+    logNotes: note,
+};
+function applitools(helperChains, options) {
+    return (tree, context) => {
+        // update support index
+        helperChains.push((0, xplat_utils_1.updateFile)(tree, `/apps/${options.target}-e2e/src/support/index.ts`, updateCypressIndex()));
+        // update plugin index
+        helperChains.push((0, xplat_utils_1.updateFile)(tree, `/apps/${options.target}-e2e/src/plugins/index.ts`, updateCypressPlugins()));
+        // ensure supportFile points to updates
+        const cypressConfigPath = `/apps/${options.target}-e2e/cypress.json`;
+        const cypressConfig = (0, xplat_utils_1.getJsonFromFile)(tree, cypressConfigPath);
+        // console.log('cypressConfig:', cypressConfig);
+        // plugin path is always defined so ensure support matches
+        const pluginsFilePath = cypressConfig.pluginsFile;
+        // console.log('pluginsFilePath:', pluginsFilePath);
+        const outputPath = pluginsFilePath.split('plugins/')[0];
+        cypressConfig.supportFile = `${outputPath}support/index.js`;
+        // console.log('cypressConfig.supportFile:', cypressConfig.supportFile);
+        helperChains.push((0, xplat_utils_1.updateJsonFile)(tree, cypressConfigPath, cypressConfig));
+        // Add applitools modules
+        const packageJson = (0, xplat_utils_1.getJsonFromFile)(tree, 'package.json');
+        packageJson.devDependencies = packageJson.devDependencies || {};
+        packageJson.devDependencies['@applitools/eyes-cypress'] = '^3.7.1';
+        helperChains.push((0, xplat_utils_1.updateJsonFile)(tree, 'package.json', packageJson));
+        // update sample test
+        helperChains.push((0, xplat_utils_1.updateFile)(tree, `/apps/${options.target}-e2e/src/integration/app.spec.ts`, updateSampleTest()));
+    };
+}
+function note(options) {
+    if (!(0, xplat_utils_1.isTesting)()) {
+        console.log(`Applitools support added for: ${options.target}`);
+        console.log(`Ensure your APPLITOOLS_API_KEY environment variable is set: https://applitools.com/tutorials/cypress.html#step-by-step-guide-run-the-demo-app`);
+    }
+}
+function updateCypressIndex() {
+    return `// ***********************************************************
+// This example support/index.js is processed and
+// loaded automatically before your test files.
+//
+// This is a great place to put global configuration and
+// behavior that modifies Cypress.
+//
+// You can change the location of this file or turn off
+// automatically serving support files with the
+// 'supportFile' configuration option.
+//
+// You can read more here:
+// https://on.cypress.io/configuration
+// ***********************************************************
+
+// Applitools support
+import '@applitools/eyes-cypress/commands';
+
+// Import commands.js using ES2015 syntax:
+import './commands';  
+`;
+}
+function updateCypressPlugins() {
+    return `// ***********************************************************
+// This example plugins/index.js can be used to load plugins
+//
+// You can change the location of this file or turn off loading
+// the plugins file with the 'pluginsFile' configuration option.
+//
+// You can read more here:
+// https://on.cypress.io/plugins-guide
+// ***********************************************************
+
+// This function is called when a project is opened or re-opened (e.g. due to
+// the project's config changing)
+
+module.exports = (on: any, config: any) => {
+  // 'on' is used to hook into various events Cypress emits
+  // 'config' is the resolved Cypress config
+};
+
+// Applitools
+require('@applitools/eyes-cypress')(module);  
+`;
+}
+function updateSampleTest() {
+    return `import { getGreeting } from '../support/app.po';
+import { eyesOpen, eyesCheckWindow, eyesClose } from '@applitools/eyes-cypress';
+
+describe('Hello Nx', () => {
+  beforeEach(() => cy.visit('/'));
+
+  it('should display welcome message', () => {
+
+    // start applitools test
+    eyesOpen({
+      appName: 'myapp',
+      testName: 'Welcome message',
+      browser: { width: 800, height: 600 },
+    });
+
+    // check window with applitools
+    eyesCheckWindow('Main Page');
+
+    // standard cypress testing
+    getGreeting().contains('Welcome to web-myapp!');
+
+    // end applitools test
+    eyesClose();
+  });
+});  
+`;
+}

package/src/schematics/helpers/applitools/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["index.ts"],"names":[],"mappings":";;;;;AACA,uCAAwC;AAExC,mCAA8B;AAE9B,SAAgB,kBAAkB,CAAC,OAAsB;IACvD,IAAI,CAAC,iBAAS,EAAE,EAAE;QAChB,OAAO,CAAC,GAAG,CAAC,iCAAiC,OAAO,CAAC,MAAM,EAAE,CAAC,CAAC;QAC/D,OAAO,CAAC,GAAG,CAAC,+IAA+I,CAAC,CAAC;KAC9J;AACH,CAAC;AALD,gDAKC"}

package/src/schematics/helpers/index.d.ts

@@ -0,0 +1,2 @@
+import { IHelperSchema } from '@nstudio/xplat';
+export default function (options: IHelperSchema): import("@angular-devkit/schematics").Rule;

package/src/schematics/helpers/index.js

@@ -0,0 +1,27 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const xplat_1 = require("@nstudio/xplat");
+const xplat_utils_1 = require("@nstudio/xplat-utils");
+const applitools_1 = require("./applitools");
+const schematics_1 = require("@angular-devkit/schematics");
+const workspace_1 = require("@nx/workspace");
+const supportedHelpers = {
+    applitools: applitools_1.config,
+};
+function default_1(options) {
+    if (!options.name) {
+        throw new schematics_1.SchematicsException((0, xplat_1.missingArgument)('name', 'Provide the name of the helper to generate.', 'nx g @nstudio/angular:helpers applitools --target=web-myapp'));
+    }
+    const helperChain = [];
+    const helpers = options.name.split(',');
+    for (const helper of helpers) {
+        if (supportedHelpers[helper]) {
+            (0, xplat_1.buildHelperChain)(helper, options, supportedHelpers[helper], helperChain);
+        }
+        else {
+            helperChain.push((0, schematics_1.noop)());
+        }
+    }
+    return (0, schematics_1.chain)([(0, xplat_utils_1.prerun)(options), ...helperChain, (0, workspace_1.addInstallTask)()]);
+}
+exports.default = default_1;

package/src/schematics/helpers/index.spec.d.ts

@@ -0,0 +1 @@
+export {};

package/src/schematics/helpers/index.spec.js

@@ -0,0 +1,95 @@
+"use strict";
+var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
+    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
+    return new (P || (P = Promise))(function (resolve, reject) {
+        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
+        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
+        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
+        step((generator = generator.apply(thisArg, _arguments || [])).next());
+    });
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+const schematics_1 = require("@angular-devkit/schematics");
+const xplat_utils_1 = require("@nstudio/xplat-utils");
+const testing_1 = require("@nstudio/xplat/testing");
+const testing_2 = require("../../utils/testing");
+(0, xplat_utils_1.setTest)();
+xdescribe('helpers schematic', () => {
+    let appTree;
+    beforeEach(() => {
+        appTree = schematics_1.Tree.empty();
+        appTree = (0, testing_1.createXplatWithApps)(appTree);
+    });
+    it('applitools: should create all files', () => __awaiter(void 0, void 0, void 0, function* () {
+        // const optionsXplat: XPlatOptions = {
+        //   npmScope: 'testing',
+        //   prefix: 'tt',
+        //   platforms: 'web,nativescript'
+        // };
+        // appTree = schematicRunner.runSchematic('xplat', optionsXplat, appTree);
+        const appOptions = {
+            name: 'foo',
+            prefix: 'tt',
+            e2eTestRunner: 'cypress',
+            useXplat: false,
+        };
+        // console.log('appTree:', appTree);
+        appTree = yield (0, testing_2.runSchematic)('app', appOptions, appTree);
+        const cypressJsonPath = '/apps/web-foo-e2e/cypress.json';
+        let fileContent = (0, testing_1.getFileContent)(appTree, cypressJsonPath);
+        let cypressJson = (0, xplat_utils_1.jsonParse)(fileContent);
+        expect(cypressJson.supportFile).toBe(false);
+        const options = {
+            name: 'applitools',
+            target: 'web-foo',
+        };
+        // console.log('appTree:', appTree);
+        const tree = yield (0, testing_2.runSchematic)('helpers', options, appTree);
+        const files = tree.files;
+        // console.log(files);
+        expect(files.indexOf('/apps/web-foo-e2e/src/support/index.ts')).toBeGreaterThanOrEqual(0);
+        expect(files.indexOf('/apps/web-foo-e2e/src/plugins/index.ts')).toBeGreaterThanOrEqual(0);
+        // modified testing files
+        let filePath = '/apps/web-foo-e2e/src/support/index.ts';
+        fileContent = (0, testing_1.getFileContent)(tree, filePath);
+        // console.log(fileContent);
+        expect(fileContent.indexOf('@applitools/eyes-cypress/commands')).toBeGreaterThanOrEqual(0);
+        filePath = '/apps/web-foo-e2e/src/plugins/index.ts';
+        fileContent = (0, testing_1.getFileContent)(tree, filePath);
+        // console.log(fileContent);
+        expect(fileContent.indexOf(`require('@applitools/eyes-cypress')(module);`)).toBeGreaterThanOrEqual(0);
+        fileContent = (0, testing_1.getFileContent)(tree, cypressJsonPath);
+        // console.log(fileContent);
+        cypressJson = (0, xplat_utils_1.jsonParse)(fileContent);
+        expect(cypressJson.supportFile).toBe(`./src/support/index.js`);
+        filePath = '/apps/web-foo-e2e/src/integration/app.spec.ts';
+        fileContent = (0, testing_1.getFileContent)(tree, filePath);
+        // console.log(fileContent);
+        expect(fileContent.indexOf(`eyesOpen`)).toBeGreaterThanOrEqual(0);
+    }));
+    it('applitools: should throw if target is missing', () => __awaiter(void 0, void 0, void 0, function* () {
+        // const optionsXplat: XPlatOptions = {
+        //   npmScope: 'testing',
+        //   prefix: 'tt',
+        //   platforms: 'web,nativescript'
+        // };
+        // appTree = schematicRunner.runSchematic('xplat', optionsXplat, appTree);
+        const appOptions = {
+            name: 'foo',
+            prefix: 'tt',
+            e2eTestRunner: 'cypress',
+            useXplat: false,
+        };
+        // console.log('appTree:', appTree);
+        appTree = yield (0, testing_2.runSchematic)('app', appOptions, appTree);
+        const cypressJsonPath = '/apps/web-foo-e2e/cypress.json';
+        let fileContent = (0, testing_1.getFileContent)(appTree, cypressJsonPath);
+        let cypressJson = (0, xplat_utils_1.jsonParse)(fileContent);
+        expect(cypressJson.supportFile).toBe(false);
+        const options = {
+            name: 'applitools',
+        };
+        // console.log('appTree:', appTree);
+        yield expect((0, testing_2.runSchematic)('helpers', options, appTree)).rejects.toThrow(`The helper "applitools" requires the --target flag.`);
+    }));
+});

package/src/schematics/helpers/schema.json

@@ -0,0 +1,22 @@
+{
+  "$schema": "http://json-schema.org/schema",
+  "$id": "xplat-angular-helpers",
+  "title": "xplat angular helpers",
+  "type": "object",
+  "properties": {
+    "name": {
+      "type": "string",
+      "description": "Comma-delimited list of helpers to generate.",
+      "alias": "n",
+      "$default": {
+        "$source": "argv",
+        "index": 0
+      }
+    },
+    "target": {
+      "type": "string",
+      "description": "Some helpers support targeting to generate the helper for a specific target. ie: nx g @nstudio/angular:helpers applitools --target=web-myapp"
+    }
+  },
+  "required": []
+}

package/src/schematics/ngrx/_files/__name__.effects.spec.ts__tmpl__

@@ -1,7 +1,7 @@
 import { TestBed } from '@angular/core/testing';
 import { provideMockStore } from '@ngrx/store/testing';
 import { provideMockActions } from '@ngrx/effects/testing';
-import { hot } from '@nrwl/angular/testing';
+import { hot } from '@nx/angular/testing';
 
 import { <%= utils.classify(name) %>Effects } from './<%= name %>.effects';
 import { <%= utils.classify(name) %>Actions } from './<%= name %>.actions';

package/src/schematics/xplat/index.js

@@ -1,7 +1,7 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 const schematics_1 = require("@angular-devkit/schematics");
-const workspace_1 = require("@nrwl/workspace");
+const workspace_1 = require("@nx/workspace");
 const xplat_1 = require("@nstudio/xplat");
 const xplat_utils_1 = require("@nstudio/xplat-utils");
 const xplat_2 = require("../../utils/xplat");

package/src/utils/ast.d.ts

@@ -1,15 +1,78 @@
 import * as ts from 'typescript';
-import { Tree } from '@angular-devkit/schematics';
-export declare function addToCollection(source: ts.SourceFile, barrelIndexPath: string, symbolName: string, insertSpaces?: string): any[];
-export declare function addSymbolToNgModuleMetadata(source: ts.SourceFile, ngModulePath: string, metadataField: string, expression: string): any[];
-export declare function removeFromNgModule(source: ts.SourceFile, modulePath: string, property: string): any[];
-export declare function addImportToModule(source: ts.SourceFile, modulePath: string, symbolName: string): any[];
-export declare function addImportToTestBed(source: ts.SourceFile, specPath: string, symbolName: string): any[];
+import { Tree } from '@nx/devkit';
+type DecoratorName = 'Component' | 'Directive' | 'NgModule' | 'Pipe';
+export declare function addToCollection(tree: Tree, source: ts.SourceFile, barrelIndexPath: string, symbolName: string, insertSpaces?: string): ts.SourceFile;
+/**
+ * Check if the Component, Directive or Pipe is standalone
+ * @param sourceFile TS Source File containing the token to check
+ * @param decoratorName The type of decorator to check (Component, Directive, Pipe)
+ */
+export declare function isStandalone(sourceFile: ts.SourceFile, decoratorName: DecoratorName): boolean;
+export declare function getDecoratorMetadata(source: ts.SourceFile, identifier: string, module: string): ts.Node[];
+export declare function _addSymbolToNgModuleMetadata(host: Tree, source: ts.SourceFile, ngModulePath: string, metadataField: string, expression: string): ts.SourceFile;
+export declare function removeFromNgModule(host: Tree, source: ts.SourceFile, modulePath: string, property: string): ts.SourceFile;
+/**
+ * Add an import to a Standalone Component
+ * @param host Virtual Tree
+ * @param source TS Source File containing the Component
+ * @param componentPath The path to the Component
+ * @param symbolName The import to add to the Component
+ */
+export declare function addImportToComponent(host: Tree, source: ts.SourceFile, componentPath: string, symbolName: string): ts.SourceFile;
+/**
+ * Add an import to a Standalone Directive
+ * @param host Virtual Tree
+ * @param source TS Source File containing the Directive
+ * @param directivePath The path to the Directive
+ * @param symbolName The import to add to the Directive
+ */
+export declare function addImportToDirective(host: Tree, source: ts.SourceFile, directivePath: string, symbolName: string): ts.SourceFile;
+/**
+ * Add an import to a Standalone Pipe
+ * @param host Virtual Tree
+ * @param source TS Source File containing the Pipe
+ * @param pipePath The path to the Pipe
+ * @param symbolName The import to add to the Pipe
+ */
+export declare function addImportToPipe(host: Tree, source: ts.SourceFile, pipePath: string, symbolName: string): ts.SourceFile;
+/**
+ * Add an import to an NgModule
+ * @param host Virtual Tree
+ * @param source TS Source File containing the NgModule
+ * @param modulePath The path to the NgModule
+ * @param symbolName The import to add to the NgModule
+ */
+export declare function addImportToModule(host: Tree, source: ts.SourceFile, modulePath: string, symbolName: string): ts.SourceFile;
+export declare function addImportToTestBed(host: Tree, source: ts.SourceFile, specPath: string, symbolName: string): ts.SourceFile;
+export declare function addDeclarationsToTestBed(host: Tree, source: ts.SourceFile, specPath: string, symbolName: string[]): ts.SourceFile;
+export declare function replaceIntoToTestBed(host: Tree, source: ts.SourceFile, specPath: string, newSymbol: string, previousSymbol: string): ts.SourceFile;
 export declare function getBootstrapComponent(source: ts.SourceFile, moduleClassName: string): string;
-export declare function addRoute(ngModulePath: string, source: ts.SourceFile, route: string): any[];
-export declare function addProviderToModule(source: ts.SourceFile, modulePath: string, symbolName: string): any[];
-export declare function addDeclarationToModule(source: ts.SourceFile, modulePath: string, symbolName: string): any[];
-export declare function addEntryComponents(source: ts.SourceFile, modulePath: string, symbolName: string): any[];
+export declare function addRouteToNgModule(host: Tree, ngModulePath: string, source: ts.SourceFile, route: string): ts.SourceFile;
+/**
+ * Add a provider to bootstrapApplication call for Standalone Applications
+ * @param tree Virtual Tree
+ * @param filePath Path to the file containing the bootstrapApplication call
+ * @param providerToAdd Provider to add
+ */
+export declare function addProviderToBootstrapApplication(tree: Tree, filePath: string, providerToAdd: string): void;
+/**
+ * Add a provider to an NgModule
+ * @param host Virtual Tree
+ * @param source TS Source File containing the NgModule
+ * @param modulePath Path to the NgModule
+ * @param symbolName The provider to add
+ */
+export declare function addProviderToModule(host: Tree, source: ts.SourceFile, modulePath: string, symbolName: string): ts.SourceFile;
+/**
+ * Add a provider to a Standalone Component
+ * @param host Virtual Tree
+ * @param source TS Source File containing the Component
+ * @param componentPath Path to the Component
+ * @param symbolName The provider to add
+ */
+export declare function addProviderToComponent(host: Tree, source: ts.SourceFile, componentPath: string, symbolName: string): ts.SourceFile;
+export declare function addDeclarationToModule(host: Tree, source: ts.SourceFile, modulePath: string, symbolName: string): ts.SourceFile;
+export declare function addEntryComponents(host: Tree, source: ts.SourceFile, modulePath: string, symbolName: string): ts.SourceFile;
 export declare function readBootstrapInfo(host: Tree, app: string): {
     moduleSpec: string;
     modulePath: string;
@@ -20,3 +83,5 @@ export declare function readBootstrapInfo(host: Tree, app: string): {
     bootstrapComponentFileName: string;
 };
 export declare function getDecoratorPropertyValueNode(host: Tree, modulePath: string, identifier: string, property: string, module: string): ts.Node;
+export declare function getTsSourceFile(host: Tree, path: string): ts.SourceFile;
+export {};