feat: 🎸 add merge translation files command

Author: itayod

schematics/package-lock.json

@@ -23,5 +23,8 @@
     "ora": "^3.4.0",
     "replace-in-file": "^4.1.2",
     "typescript": "~3.4.3"
+  },
+  "devDependencies": {
+    "@types/glob": "^7.1.1"
   }
 }

schematics/package.json

@@ -31,6 +31,11 @@
       "factory": "./upgrade/",
       "schema": "./upgrade/schema.json",
       "description": "Run an upgrade script."
+    },
+    "merge": {
+      "factory": "./merge/",
+      "schema": "./merge/schema.json",
+      "description": "Merge the translation files into one."
     }
   }
 }

schematics/src/collection.json

@@ -0,0 +1,109 @@
+import { PathFragment } from '@angular-devkit/core';
+import { Rule, Tree, SchematicContext, DirEntry, SchematicsException, EmptyTree } from '@angular-devkit/schematics';
+import { from } from 'rxjs';
+import { getProject } from '../utils/projects';
+import { SchemaOptions } from './schema';
+const glob = require('glob');
+
+const p = require('path');
+
+function getFileContent(fileName: PathFragment, dir: DirEntry) {
+  return JSON.parse(dir.file(fileName).content.toString('utf-8'));
+}
+
+function hasSubdirs(dir: DirEntry) {
+  return dir.subdirs && dir.subdirs.length;
+}
+
+function getTranslationKey(prefix = '', key) {
+  return prefix ? `${prefix}.${key}` : key;
+}
+
+function reduceTranslations(host: Tree, dir: DirEntry, translationJson, lang: string, prefix = '') {
+  if (!hasSubdirs(dir)) return translationJson;
+  dir.subdirs.forEach(subDirName => {
+    const subDir = dir.dir(subDirName);
+    const key = getTranslationKey(prefix, subDirName);
+    subDir.subfiles
+      .filter(fileName => fileName.includes(`${lang}.json`))
+      .forEach(fileName => {
+        if (translationJson[key]) {
+          throw new SchematicsException(
+            `key: ${key} is already exist in translation file, please rename it and rerun the command.`
+          );
+        }
+        translationJson[key] = getFileContent(fileName, subDir);
+      });
+    if (hasSubdirs(subDir)) {
+      reduceTranslations(host, subDir, translationJson, lang, key);
+    }
+  });
+
+  return translationJson;
+}
+
+function reduceTranslations2(path: string, translationJson: object, lang: string, prefix = '') {
+  glob(path, {}, function(er, files) {
+    console.log(files);
+  });
+}
+
+function getTranslationsRoot(host: Tree, options: SchemaOptions): string {
+  const project = getProject(host, options.project);
+  const rootPath = (project && project.sourceRoot) || 'src';
+
+  return options.rootTranslationPath ? options.rootTranslationPath : p.join(rootPath, 'assets', 'i18n');
+}
+
+function getRootTranslationFiles(host: Tree, root: string): { lang: string; translation: Object }[] {
+  const rootDir = host.getDir(root);
+  return rootDir.subfiles.map(fileName => ({
+    lang: fileName.split('.')[0],
+    translation: getFileContent(fileName, rootDir)
+  }));
+}
+
+function getTranslationEntryPaths(options: SchemaOptions, rootDir: string): string[] {
+  if (Array.isArray(options.translationPaths)) {
+    return options.translationPaths;
+  } else if (typeof options.translationPaths === 'string') {
+    return options.translationPaths.split(',');
+  }
+
+  return [rootDir];
+}
+
+export default function(options: SchemaOptions): Rule {
+  return (host: Tree, context: SchematicContext) => {
+    const path = process.cwd();
+    // console.log(p.join(path, 'src/assets/**/*.json'));
+    //   console.log(glob);
+    // const promise = new Promise((res, rej) => {
+    //
+    //   glob(`**/*.ts`, {}, function(er, files) {
+    //     console.log(files);
+    //     console.log(er);
+    //     res();
+    //   });
+    // });
+    //console.log(a);
+    const root = getTranslationsRoot(host, options);
+    const rootTranslations = getRootTranslationFiles(host, root);
+    const translationEntryPaths = getTranslationEntryPaths(options, root);
+
+    const output = rootTranslations.map(t => ({
+      lang: t.lang,
+      translation: translationEntryPaths.reduce((acc, path) => {
+        return reduceTranslations(host, host.getDir(path), t.translation, t.lang);
+      }, t.translation)
+    }));
+
+    const treeSource = new EmptyTree();
+    output.forEach(o => {
+      treeSource.create(`${options.outDir}/${o.lang}.json`, JSON.stringify(o.translation, null, 2));
+    });
+
+    // return from(promise) as any;
+    return treeSource;
+  };
+}

schematics/src/merge/index.ts

@@ -0,0 +1,40 @@
+{
+  "$schema": "http://json-schema.org/schema",
+  "id": "SchematicsTranslocoScope",
+  "title": "Add new transloco scope module, along with translation files.",
+  "type": "object",
+  "properties": {
+    "rootTranslationPath": {
+      "type": "string",
+      "description": "The folder that contain the root translation files.",
+      "x-prompt": "Enter the root translation files path",
+      "default": "src/assets/i18n",
+      "alias": "root"
+    },
+    "translationPaths": {
+      "type": "string",
+      "description": "A list of all the translation files Path.",
+      "x-prompt": "Enter all the translation files path containing folder paths",
+      "default": "src/assets/i18n",
+      "alias": "paths"
+    },
+    "outDir": {
+      "type": "string",
+      "description": "The output directory.",
+      "x-prompt": "Enter output directory path.",
+      "default": "dist-i18n",
+      "alias": "o"
+    },
+    "translateFormat": {
+      "type": "string",
+      "description": "The translation files format.",
+      "default": "JSON",
+      "enum": ["JSON", "Typescript"]
+    },
+    "project": {
+      "type": "string",
+      "description": "The root project name."
+    }
+  },
+  "required": []
+}

schematics/src/merge/schema.json

@@ -0,0 +1,29 @@
+import { Schema } from '@schematics/angular/module/schema';
+
+export enum TranslationFileTypes {
+  Typescript = 'Typescript',
+  JSON = 'JSON'
+}
+
+export interface SchemaOptions extends Schema {
+  /**
+   * The folder that contain the root translation files.
+   */
+  rootTranslationPath: string;
+  /**
+   * A list of all the translation files Path.
+   */
+  translationPaths: string | string[];
+  /**
+   * The output directory.
+   */
+  outDir: string;
+  /**
+   * The translation files format.
+   */
+  translateFormat: TranslationFileTypes;
+  /**
+   * The root project name.
+   */
+  project: string;
+}