@ui5/webcomponents-ngx 0.0.1-rc.0

package/schematics/ng-add/index.ts

@@ -0,0 +1,92 @@
+import {
+  Rule,
+  SchematicContext,
+  Tree,
+  chain,
+  schematic
+} from '@angular-devkit/schematics';
+import { RunSchematicTask } from '@angular-devkit/schematics/tasks';
+import { Schema } from '../schema';
+import { askQuestion } from '../utils/promt';
+import { AvailableThemes } from './available-themes';
+import { CommonCssParts } from './common-css-parts';
+
+export function ngAdd(options: Schema): Rule {
+  return async (_: Tree, context: SchematicContext) => {
+    const userConfig = await collectConfig();
+    options = { ...options, ...userConfig };
+
+    console.log(options);
+    // First, queue dependency installation task.
+    const dependenciesTaskId = context.addTask(new RunSchematicTask('add-dependencies', options));
+
+    // Wait for dependencies to be installed and proceed with main schematics.
+    context.addTask(new RunSchematicTask('proceed-with-schematics', options), [dependenciesTaskId]);
+
+    return chain([]);
+
+    // return tree;
+  };
+}
+
+async function collectConfig(): Promise<Partial<Schema>> {
+  const schema: Partial<Schema> = {
+    commonCss: [],
+    defaultTheme: 'sap_horizon'
+  };
+
+  const includeCommonCss = await askCommonCssDependency();
+
+  if (includeCommonCss) {
+    schema.commonCss = await askCommonCssParts();
+  }
+
+  schema.theming = await askThemingDependency();
+
+  if (schema.theming) {
+    schema.defaultTheme = await askDefaultTheme();
+  }
+
+  return schema;
+}
+
+async function askCommonCssDependency(): Promise<boolean> {
+  return await askQuestion({
+    type: 'confirm',
+    message: 'Would you like to add Common CSS into your application?',
+    default: false,
+  });
+}
+
+async function askCommonCssParts(): Promise<string[]> {
+  return await askQuestion({
+    type: 'checkbox',
+    message: 'Please select desired Common CSS features',
+    choices: CommonCssParts,
+  });
+}
+
+async function askThemingDependency(): Promise<boolean> {
+  return await askQuestion({
+    type: 'confirm',
+    message:
+      'Would you like to add Theming capabilities into your application?',
+    default: true,
+  });
+}
+
+async function askDefaultTheme(): Promise<string> {
+  return await askQuestion({
+    type: 'list',
+    message: 'Please select desired Common CSS features',
+    default: 'sap_horizon',
+    choices: AvailableThemes,
+  });
+}
+
+export function proceedWithSchematics(options: Schema): Rule {
+    return chain([
+        schematic('add-styles', options),
+        schematic('add-theming', options)
+    ]);
+}

package/schematics/ng-add/schema.json

@@ -0,0 +1,16 @@
+{
+  "$schema": "http://json-schema.org/schema",
+  "$id": "SchematicsMySchematic",
+  "title": "My Schematic Schema",
+  "type": "object",
+  "properties": {
+    "project": {
+      "type": "string",
+      "description": "The name of the project.",
+      "$default": {
+        "$source": "projectName"
+      }
+    }
+  },
+  "required": []
+}

package/schematics/schema.d.ts

@@ -0,0 +1,6 @@
+export interface Schema {
+    project: string;
+    theming: boolean;
+    defaultTheme: string;
+    commonCss: string[];
+}

package/schematics/schema.js

@@ -0,0 +1,3 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+//# sourceMappingURL=schema.js.map

package/schematics/schema.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"schema.js","sourceRoot":"","sources":["../../../../libs/ui5-angular/schematics/schema.ts"],"names":[],"mappings":""}

package/schematics/schema.ts

@@ -0,0 +1,6 @@
+export interface Schema {
+  project: string;
+  theming: boolean;
+  defaultTheme: string;
+  commonCss: string[];
+}

package/schematics/types.d.ts

@@ -0,0 +1 @@
+declare module 'inquirer';

package/schematics/utils/package-config.d.ts

@@ -0,0 +1,5 @@
+import { Tree } from '@angular-devkit/schematics';
+/** Adds a package to the package.json in the given host tree. */
+export declare function addPackageToPackageJson(host: Tree, pkg: string, version: string): Tree;
+/** Gets the version of the specified package by looking at the package.json in the given tree. */
+export declare function getPackageVersionFromPackageJson(tree: Tree, name: string): string | null;

package/schematics/utils/package-config.js

@@ -0,0 +1,45 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.getPackageVersionFromPackageJson = exports.addPackageToPackageJson = void 0;
+/**
+ * Sorts the keys of the given object.
+ * @returns A new object instance with sorted keys
+ */
+function sortObjectByKeys(obj) {
+    return Object.keys(obj)
+        .sort()
+        .reduce((result, key) => {
+        result[key] = obj[key];
+        return result;
+    }, {});
+}
+/** Adds a package to the package.json in the given host tree. */
+function addPackageToPackageJson(host, pkg, version) {
+    if (host.exists('package.json')) {
+        const sourceText = host.read('package.json').toString('utf-8');
+        const json = JSON.parse(sourceText);
+        if (!json.dependencies) {
+            json.dependencies = {};
+        }
+        if (!json.dependencies[pkg]) {
+            json.dependencies[pkg] = version;
+            json.dependencies = sortObjectByKeys(json.dependencies);
+        }
+        host.overwrite('package.json', JSON.stringify(json, null, 2));
+    }
+    return host;
+}
+exports.addPackageToPackageJson = addPackageToPackageJson;
+/** Gets the version of the specified package by looking at the package.json in the given tree. */
+function getPackageVersionFromPackageJson(tree, name) {
+    if (!tree.exists('package.json')) {
+        return null;
+    }
+    const packageJson = JSON.parse(tree.read('package.json').toString('utf8'));
+    if (packageJson.dependencies && packageJson.dependencies[name]) {
+        return packageJson.dependencies[name];
+    }
+    return null;
+}
+exports.getPackageVersionFromPackageJson = getPackageVersionFromPackageJson;
+//# sourceMappingURL=package-config.js.map

package/schematics/utils/package-config.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"package-config.js","sourceRoot":"","sources":["../../../../../libs/ui5-angular/schematics/utils/package-config.ts"],"names":[],"mappings":";;;AAOA;;;GAGG;AACH,SAAS,gBAAgB,CAAC,GAA2B;IACnD,OAAO,MAAM,CAAC,IAAI,CAAC,GAAG,CAAC;SACpB,IAAI,EAAE;SACN,MAAM,CAAC,CAAC,MAAM,EAAE,GAAG,EAAE,EAAE;QACtB,MAAM,CAAC,GAAG,CAAC,GAAG,GAAG,CAAC,GAAG,CAAC,CAAC;QACvB,OAAO,MAAM,CAAC;IAChB,CAAC,EAAE,EAA4B,CAAC,CAAC;AACrC,CAAC;AAED,iEAAiE;AACjE,SAAgB,uBAAuB,CAAC,IAAU,EAAE,GAAW,EAAE,OAAe;IAC9E,IAAI,IAAI,CAAC,MAAM,CAAC,cAAc,CAAC,EAAE;QAC/B,MAAM,UAAU,GAAG,IAAI,CAAC,IAAI,CAAC,cAAc,CAAE,CAAC,QAAQ,CAAC,OAAO,CAAC,CAAC;QAChE,MAAM,IAAI,GAAG,IAAI,CAAC,KAAK,CAAC,UAAU,CAAgB,CAAC;QAEnD,IAAI,CAAC,IAAI,CAAC,YAAY,EAAE;YACtB,IAAI,CAAC,YAAY,GAAG,EAAE,CAAC;SACxB;QAED,IAAI,CAAC,IAAI,CAAC,YAAY,CAAC,GAAG,CAAC,EAAE;YAC3B,IAAI,CAAC,YAAY,CAAC,GAAG,CAAC,GAAG,OAAO,CAAC;YACjC,IAAI,CAAC,YAAY,GAAG,gBAAgB,CAAC,IAAI,CAAC,YAAY,CAAC,CAAC;SACzD;QAED,IAAI,CAAC,SAAS,CAAC,cAAc,EAAE,IAAI,CAAC,SAAS,CAAC,IAAI,EAAE,IAAI,EAAE,CAAC,CAAC,CAAC,CAAC;KAC/D;IAED,OAAO,IAAI,CAAC;AACd,CAAC;AAlBD,0DAkBC;AAED,kGAAkG;AAClG,SAAgB,gCAAgC,CAAC,IAAU,EAAE,IAAY;IACvE,IAAI,CAAC,IAAI,CAAC,MAAM,CAAC,cAAc,CAAC,EAAE;QAChC,OAAO,IAAI,CAAC;KACb;IAED,MAAM,WAAW,GAAG,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,IAAI,CAAC,cAAc,CAAE,CAAC,QAAQ,CAAC,MAAM,CAAC,CAAgB,CAAC;IAE3F,IAAI,WAAW,CAAC,YAAY,IAAI,WAAW,CAAC,YAAY,CAAC,IAAI,CAAC,EAAE;QAC9D,OAAO,WAAW,CAAC,YAAY,CAAC,IAAI,CAAC,CAAC;KACvC;IAED,OAAO,IAAI,CAAC;AACd,CAAC;AAZD,4EAYC"}

package/schematics/utils/package-config.ts

@@ -0,0 +1,55 @@
+import {Tree} from '@angular-devkit/schematics';
+
+interface PackageJson {
+  dependencies: Record<string, string>;
+  devDependencies: Record<string, string>;
+}
+
+/**
+ * Sorts the keys of the given object.
+ * @returns A new object instance with sorted keys
+ */
+function sortObjectByKeys(obj: Record<string, string>) {
+  return Object.keys(obj)
+    .sort()
+    .reduce((result, key) => {
+      result[key] = obj[key];
+      return result;
+    }, {} as Record<string, string>);
+}
+
+/** Adds a package to the package.json in the given host tree. */
+export function addPackageToPackageJson(host: Tree, pkg: string, version: string): Tree {
+  if (host.exists('package.json')) {
+    const sourceText = host.read('package.json')!.toString('utf-8');
+    const json = JSON.parse(sourceText) as PackageJson;
+
+    if (!json.dependencies) {
+      json.dependencies = {};
+    }
+
+    if (!json.dependencies[pkg]) {
+      json.dependencies[pkg] = version;
+      json.dependencies = sortObjectByKeys(json.dependencies);
+    }
+
+    host.overwrite('package.json', JSON.stringify(json, null, 2));
+  }
+
+  return host;
+}
+
+/** Gets the version of the specified package by looking at the package.json in the given tree. */
+export function getPackageVersionFromPackageJson(tree: Tree, name: string): string | null {
+  if (!tree.exists('package.json')) {
+    return null;
+  }
+
+  const packageJson = JSON.parse(tree.read('package.json')!.toString('utf8')) as PackageJson;
+
+  if (packageJson.dependencies && packageJson.dependencies[name]) {
+    return packageJson.dependencies[name];
+  }
+
+  return null;
+}

package/schematics/utils/promt.d.ts

@@ -0,0 +1 @@
+export declare function askQuestion(config: any): Promise<any>;

package/schematics/utils/promt.js

@@ -0,0 +1,22 @@
+"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 });
+exports.askQuestion = void 0;
+function askQuestion(config) {
+    return __awaiter(this, void 0, void 0, function* () {
+        const { prompt } = yield Promise.resolve().then(() => require('inquirer'));
+        config.name = 'question';
+        const result = yield prompt([config]);
+        return result.question;
+    });
+}
+exports.askQuestion = askQuestion;
+//# sourceMappingURL=promt.js.map

package/schematics/utils/promt.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"promt.js","sourceRoot":"","sources":["../../../../../libs/ui5-angular/schematics/utils/promt.ts"],"names":[],"mappings":";;;;;;;;;;;;AAAA,SAAsB,WAAW,CAAC,MAAW;;QAC3C,MAAM,EAAE,MAAM,EAAE,GAAG,2CAAa,UAAU,EAAC,CAAC;QAC5C,MAAM,CAAC,IAAI,GAAG,UAAU,CAAC;QACzB,MAAM,MAAM,GAAG,MAAM,MAAM,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC;QACtC,OAAO,MAAM,CAAC,QAAQ,CAAC;IACzB,CAAC;CAAA;AALD,kCAKC"}

package/schematics/utils/promt.ts

@@ -0,0 +1,6 @@
+export async function askQuestion(config: any): Promise<any> {
+  const { prompt } = await import('inquirer');
+  config.name = 'question';
+  const result = await prompt([config]);
+  return result.question;
+}

package/ui5-angular.module.d.ts

@@ -0,0 +1,10 @@
+import * as i0 from "@angular/core";
+import * as i1 from "./fiori/ui5-fiori.module";
+import * as i2 from "./main/ui5-main.module";
+import * as i3 from "./main/ui5-webcomponents-theming.module";
+declare class Ui5AngularModule {
+    static ɵfac: i0.ɵɵFactoryDeclaration<Ui5AngularModule, never>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<Ui5AngularModule, never, [typeof i1.Ui5FioriModule, typeof i2.Ui5MainModule, typeof i3.Ui5WebcomponentsThemingModule], [typeof i1.Ui5FioriModule, typeof i2.Ui5MainModule, typeof i3.Ui5WebcomponentsThemingModule]>;
+    static ɵinj: i0.ɵɵInjectorDeclaration<Ui5AngularModule>;
+}
+export { Ui5AngularModule };