@teambit/generator 1.0.8 → 1.0.9

package/component-generator.ts

@@ -0,0 +1,271 @@
+import Vinyl from 'vinyl';
+import fs from 'fs-extra';
+import pMapSeries from 'p-map-series';
+import path from 'path';
+import { Workspace } from '@teambit/workspace';
+import EnvsAspect, { EnvsMain } from '@teambit/envs';
+import camelcase from 'camelcase';
+import { BitError } from '@teambit/bit-error';
+import { Logger } from '@teambit/logger';
+import { TrackerMain } from '@teambit/tracker';
+import { linkToNodeModulesByIds } from '@teambit/workspace.modules.node-modules-linker';
+import { PathOsBasedRelative } from '@teambit/legacy/dist/utils/path';
+import { AbstractVinyl } from '@teambit/legacy/dist/consumer/component/sources';
+import componentIdToPackageName from '@teambit/legacy/dist/utils/bit/component-id-to-package-name';
+import DataToPersist from '@teambit/legacy/dist/consumer/component/sources/data-to-persist';
+import { NewComponentHelperMain } from '@teambit/new-component-helper';
+import { ComponentID } from '@teambit/component-id';
+import { WorkspaceConfigFilesMain } from '@teambit/workspace-config-files';
+
+import { ComponentTemplate, ComponentFile, ComponentConfig } from './component-template';
+import { CreateOptions } from './create.cmd';
+import { OnComponentCreateSlot } from './generator.main.runtime';
+
+export type GenerateResult = {
+  id: ComponentID;
+  dir: string;
+  files: string[];
+  envId: string;
+  envSetBy: string;
+  packageName: string;
+};
+
+export type OnComponentCreateFn = (generateResults: GenerateResult[]) => Promise<void>;
+
+export class ComponentGenerator {
+  constructor(
+    private workspace: Workspace,
+    private componentIds: ComponentID[],
+    private options: Partial<CreateOptions>,
+    private template: ComponentTemplate,
+    private envs: EnvsMain,
+    private newComponentHelper: NewComponentHelperMain,
+    private tracker: TrackerMain,
+    private wsConfigFiles: WorkspaceConfigFilesMain,
+    private logger: Logger,
+    private onComponentCreateSlot: OnComponentCreateSlot,
+    private aspectId: string,
+    private envId?: ComponentID
+  ) {}
+
+  async generate(): Promise<GenerateResult[]> {
+    const dirsToDeleteIfFailed: string[] = [];
+    const generateResults = await pMapSeries(this.componentIds, async (componentId) => {
+      try {
+        const componentPath = this.newComponentHelper.getNewComponentPath(
+          componentId,
+          this.options.path,
+          this.componentIds.length
+        );
+        if (fs.existsSync(path.join(this.workspace.path, componentPath))) {
+          throw new BitError(`unable to create a component at "${componentPath}", this path already exist`);
+        }
+        if (await this.workspace.hasName(componentId.fullName)) {
+          throw new BitError(
+            `unable to create a component "${componentId.fullName}", a component with the same name already exist`
+          );
+        }
+        dirsToDeleteIfFailed.push(componentPath);
+        return await this.generateOneComponent(componentId, componentPath);
+      } catch (err: any) {
+        await this.deleteGeneratedComponents(dirsToDeleteIfFailed);
+        throw err;
+      }
+    });
+
+    await this.workspace.bitMap.write();
+
+    const ids = generateResults.map((r) => r.id);
+    await this.tryLinkToNodeModules(ids);
+    await this.runOnComponentCreateHook(generateResults);
+    // We are running this after the runOnComponentCreateHook as it require
+    // the env to be installed to work properly, and the hook might install
+    // the env.
+    await this.tryWriteConfigFiles(ids);
+
+    return generateResults;
+  }
+
+  private async tryLinkToNodeModules(ids: ComponentID[]) {
+    try {
+      await linkToNodeModulesByIds(
+        this.workspace,
+        ids.map((id) => id._legacy)
+      );
+    } catch (err: any) {
+      this.logger.consoleFailure(
+        `failed linking the new components to node_modules, please run "bit link" manually. error: ${err.message}`
+      );
+    }
+  }
+
+  private async runOnComponentCreateHook(generateResults: GenerateResult[]) {
+    const fns = this.onComponentCreateSlot.values();
+    if (!fns.length) return;
+    await Promise.all(fns.map((fn) => fn(generateResults)));
+  }
+
+  /**
+   * The function `tryWriteConfigFiles` attempts to write workspace config files, and if it fails, it logs an error
+   * message.
+   * @returns If the condition `!shouldWrite` is true, then nothing is being returned. Otherwise, if the `writeConfigFiles`
+   * function is successfully executed, nothing is being returned. If an error occurs during the execution of
+   * `writeConfigFiles`, an error message is being returned.
+   */
+  private async tryWriteConfigFiles(ids: ComponentID[]) {
+    try {
+      const shouldWrite = this.wsConfigFiles.isWorkspaceConfigWriteEnabled();
+      if (!shouldWrite) return;
+      ids.map((id) => this.workspace.clearComponentCache(id));
+      await this.wsConfigFiles.writeConfigFiles({
+        clean: true,
+        silent: true,
+        dedupe: true,
+      });
+    } catch (err: any) {
+      this.logger.consoleFailure(
+        `failed generating workspace config files, please run "bit ws-config write" manually. error: ${err.message}`
+      );
+    }
+  }
+
+  private async deleteGeneratedComponents(dirs: string[]) {
+    await Promise.all(
+      dirs.map(async (dir) => {
+        const absoluteDir = path.join(this.workspace.path, dir);
+        try {
+          await fs.remove(absoluteDir);
+        } catch (err: any) {
+          if (err.code !== 'ENOENT') {
+            // if not exist, it's fine
+            throw err;
+          }
+        }
+      })
+    );
+  }
+
+  private async generateOneComponent(componentId: ComponentID, componentPath: string): Promise<GenerateResult> {
+    const name = componentId.name;
+    const namePascalCase = camelcase(name, { pascalCase: true });
+    const nameCamelCase = camelcase(name);
+    const aspectId = ComponentID.fromString(this.aspectId);
+
+    const files = await this.template.generateFiles({
+      name,
+      namePascalCase,
+      nameCamelCase,
+      componentId,
+      aspectId,
+      envId: this.envId,
+    });
+    const mainFile = files.find((file) => file.isMain);
+    await this.writeComponentFiles(componentPath, files);
+    const addResults = await this.tracker.track({
+      rootDir: componentPath,
+      mainFile: mainFile?.relativePath,
+      componentName: componentId.fullName,
+      defaultScope: this.options.scope,
+    });
+    const component = await this.workspace.get(componentId);
+    const hasEnvConfiguredOriginally = this.envs.hasEnvConfigured(component);
+    const envBeforeConfigChanges = this.envs.getEnv(component);
+    let config = this.template.config;
+    if (config && typeof config === 'function') {
+      const boundConfig = this.template.config?.bind(this.template);
+      config = boundConfig({ aspectId: this.aspectId });
+    }
+
+    if (!config && this.envId) {
+      const isInWorkspace = this.workspace.exists(this.envId);
+      config = {
+        [isInWorkspace ? this.envId.toStringWithoutVersion() : this.envId.toString()]: {},
+        'teambit.envs/envs': {
+          env: this.envId.toStringWithoutVersion(),
+        },
+      };
+    }
+
+    const templateEnv = config?.[EnvsAspect.id]?.env;
+
+    if (config && templateEnv && hasEnvConfiguredOriginally) {
+      // remove the env we got from the template.
+      delete config[templateEnv];
+      delete config[EnvsAspect.id].env;
+      if (Object.keys(config[EnvsAspect.id]).length === 0) delete config[EnvsAspect.id];
+      if (Object.keys(config).length === 0) config = undefined;
+    }
+
+    const configWithEnv = await this.addEnvIfProvidedByFlag(config);
+    if (configWithEnv) this.workspace.bitMap.setEntireConfig(component.id, configWithEnv);
+
+    const getEnvData = () => {
+      const envFromFlag = this.options.env; // env entered by the user when running `bit create --env`
+      const envFromTemplate = config?.[EnvsAspect.id]?.env;
+      if (envFromFlag) {
+        return {
+          envId: envFromFlag,
+          setBy: '--env flag',
+        };
+      }
+      if (envFromTemplate) {
+        return {
+          envId: envFromTemplate,
+          setBy: 'template',
+        };
+      }
+      return {
+        envId: envBeforeConfigChanges.id,
+        setBy: hasEnvConfiguredOriginally ? 'workspace variants' : '<default>',
+      };
+    };
+    const { envId, setBy } = getEnvData();
+    return {
+      id: componentId,
+      dir: componentPath,
+      files: addResults.files,
+      packageName: componentIdToPackageName(component.state._consumer),
+      envId,
+      envSetBy: setBy,
+    };
+  }
+
+  private async addEnvIfProvidedByFlag(config?: ComponentConfig): Promise<ComponentConfig | undefined> {
+    const userEnv = this.options.env; // env entered by the user when running `bit create --env`
+    const templateEnv = config?.[EnvsAspect.id]?.env;
+    if (!userEnv || userEnv === templateEnv) {
+      return config;
+    }
+    config = config || {};
+    if (templateEnv) {
+      // the component template has an env and the user wants a different env.
+      delete config[templateEnv];
+    }
+    await this.tracker.addEnvToConfig(userEnv, config);
+
+    return config;
+  }
+
+  /**
+   * writes the generated template files to the default directory set in the workspace config
+   */
+  private async writeComponentFiles(
+    componentPath: string,
+    templateFiles: ComponentFile[]
+  ): Promise<PathOsBasedRelative[]> {
+    const dataToPersist = new DataToPersist();
+    const vinylFiles = templateFiles.map((templateFile) => {
+      const templateFileVinyl = new Vinyl({
+        base: componentPath,
+        path: path.join(componentPath, templateFile.relativePath),
+        contents: Buffer.from(templateFile.content),
+      });
+      return AbstractVinyl.fromVinyl(templateFileVinyl);
+    });
+    const results = vinylFiles.map((v) => v.path);
+    dataToPersist.addManyFiles(vinylFiles);
+    dataToPersist.addBasePath(this.workspace.path);
+    await dataToPersist.persistAllToFS();
+    return results;
+  }
+}

package/component-template.ts

@@ -0,0 +1,122 @@
+import { ComponentID } from '@teambit/component';
+
+/**
+ * BaseComponentTemplateOptions describes the foundational properties for components.
+ */
+export interface BaseComponentTemplateOptions {
+  /**
+   * component-name as entered by the user, e.g. `use-date`.
+   * without the scope and the namespace.
+   */
+  name: string;
+
+  /**
+   * component-name as upper camel case, e.g. `use-date` becomes `UseDate`.
+   * useful when generating the file content, for example for a class name.
+   */
+  namePascalCase: string;
+
+  /**
+   * component-name as lower camel case, e.g. `use-date` becomes `useDate`.
+   * useful when generating the file content, for example for a function/variable name.
+   */
+  nameCamelCase: string;
+
+  /**
+   * component id.
+   * the name is the name+namespace. the scope is the scope entered by --scope flag or the defaultScope
+   */
+  componentId: ComponentID;
+
+  /**
+   * aspect id of the aspect that register the template itself
+   */
+  aspectId: ComponentID | string;
+
+  /**
+   * env id of the env that register the template itself.
+   * This will be usually identical to the aspectId but aspectId will always exist,
+   * while envId will be undefined if the template is not registered by an env.
+   */
+  envId?: ComponentID;
+
+  /**
+   * path of the component.
+   */
+  path?: string;
+  /**
+   * scope of the component.
+   */
+  scope?: string;
+  /**
+   * namespace of the component.
+   */
+  namespace?: string;
+}
+
+/**
+ * ComponentContext represents foundational properties for a component context.
+ */
+export type ComponentContext = BaseComponentTemplateOptions;
+
+export interface ComponentFile {
+  /**
+   * relative path of the file within the component.
+   */
+  relativePath: string;
+
+  /**
+   * file content
+   */
+  content: string;
+
+  /**
+   * whether this file will be tracked as the main file
+   */
+  isMain?: boolean;
+}
+
+export interface ConfigContext {
+  /**
+   * Aspect id of the aspect that register the template itself
+   */
+  aspectId: string;
+}
+
+export type ComponentConfig = { [aspectName: string]: any };
+
+export interface ComponentTemplate {
+  /**
+   * name of the component template. for example: `hook`, `react-component` or `module`.
+   */
+  name: string;
+
+  /**
+   * short description of the template. shown in the `bit templates` command.
+   */
+  description?: string;
+
+  /**
+   * hide this template so that it is not listed with `bit templates`
+   */
+  hidden?: boolean;
+
+  /**
+   * env to use for the component.
+   */
+  env?: string;
+
+  /**
+   * template function for generating the file of a certain component.,
+   */
+  generateFiles(context: ComponentContext): Promise<ComponentFile[]> | ComponentFile[];
+
+  /**
+   * component config. gets saved in the .bitmap file and it overrides the workspace.jsonc config.
+   * for example, you can set the env that will be used for this component as follows:
+   * "teambit.envs/envs": {
+   *    "env": "teambit.harmony/aspect"
+   * },
+   */
+  config?: ComponentConfig | ((context: ConfigContext) => ComponentConfig);
+}

package/create.cmd.ts

@@ -0,0 +1,88 @@
+import { Command, CommandOptions } from '@teambit/cli';
+import { ComponentID } from '@teambit/component';
+import chalk from 'chalk';
+import { GeneratorMain } from './generator.main.runtime';
+import type { BaseComponentTemplateOptions } from './component-template';
+
+/**
+ * CreateOptions combines foundational properties with additional options for creating a component.
+ */
+export type CreateOptions = BaseComponentTemplateOptions & {
+  env?: string;
+  aspect?: string;
+};
+
+export class CreateCmd implements Command {
+  name = 'create <template-name> <component-names...>';
+  description = 'create a new component (source files and config) using a template.';
+  alias = '';
+  loader = true;
+  helpUrl = 'reference/starters/create-starter';
+  arguments = [
+    {
+      name: 'template-name',
+      description:
+        "the template for generating the component \n(run 'bit templates' for a list of available templates)",
+    },
+    {
+      name: 'component-names...',
+      description: 'a list of component names to generate',
+    },
+  ];
+  examples = [
+    {
+      cmd: 'bit create react ui/button --aspect teambit.react/react-env',
+      description: "creates a component named 'ui/button' using the 'react' template",
+    },
+    {
+      cmd: 'bit create node utils/is-string utils/is-number --aspect teambit.node/node',
+      description:
+        "creates two components, 'utils/is-string' and 'utils/is-number' using the 'node' template from the 'node' aspect(env)",
+    },
+    {
+      cmd: 'bit create mdx docs/create-components --aspect teambit.mdx/mdx-env --scope my-org.my-scope',
+      description:
+        "creates an mdx component named 'docs/create-components' and sets it scope to 'my-org.my-scope'. \nby default, the scope is the `defaultScope` value, configured in your `workspace.jsonc`.",
+    },
+    {
+      cmd: 'bit create react ui/button --aspect teambit.react/react-env --env teambit.community/envs/community-react@3.0.3',
+      description:
+        "creates a component named 'ui/button' from the teambit.react/react-env env and sets it to use the 'community-react' env. \n(the template's default env is 'teambit.react/react-env').",
+    },
+  ];
+  group = 'development';
+  options = [
+    ['n', 'namespace <string>', `sets the component's namespace and nested dirs inside the scope`],
+    ['s', 'scope <string>', `sets the component's scope-name. if not entered, the default-scope will be used`],
+    ['a', 'aspect <string>', 'aspect-id of the template. helpful when multiple aspects use the same template name'],
+    ['t', 'template <string>', 'env-id of the template. alias for --aspect.'],
+    ['p', 'path <string>', 'relative path in the workspace. by default the path is `<scope>/<namespace>/<name>`'],
+    ['e', 'env <string>', "set the component's environment. (overrides the env from variants and the template)"],
+  ] as CommandOptions;
+
+  constructor(private generator: GeneratorMain) {}
+
+  async report(
+    [templateName, componentNames]: [string, string[]],
+    options: Partial<CreateOptions> & {
+      template?: string | ComponentID;
+    }
+  ) {
+    options.aspectId = options.aspectId ?? options.template;
+    const results = await this.generator.generateComponentTemplate(componentNames, templateName, options);
+    const title = `${results.length} component(s) were created`;
+
+    const componentsData = results
+      .map((result) => {
+        return `${chalk.bold(result.id.toString())}
+    location: ${result.dir}
+    env:      ${result.envId} (set by ${result.envSetBy})
+    package:  ${result.packageName}
+`;
+      })
+      .join('\n');
+    const footer = `env configuration is according to workspace variants, template config or --env flag.`;
+
+    return `${chalk.green(title)}\n\n${componentsData}\n\n${footer}`;
+  }
+}

package/dist/generator.composition.d.ts

@@ -1,2 +1,2 @@
-/// <reference types="react" />
-export declare const Logo: () => JSX.Element;
+import React from 'react';
+export declare const Logo: () => React.JSX.Element;

package/dist/generator.graphql.js

@@ -13,8 +13,8 @@ function _graphqlTag() {
 }
 const _excluded = ["name", "templateName"];
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
 function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return typeof key === "symbol" ? key : String(key); }
 function _toPrimitive(input, hint) { if (typeof input !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (typeof res !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }

package/dist/generator.graphql.js.map

@@ -1 +1 @@
-{"version":3,"names":["_graphqlTag","data","_interopRequireDefault","require","_excluded","obj","__esModule","default","ownKeys","object","enumerableOnly","keys","Object","getOwnPropertySymbols","symbols","filter","sym","getOwnPropertyDescriptor","enumerable","push","apply","_objectSpread","target","i","arguments","length","source","forEach","key","_defineProperty","getOwnPropertyDescriptors","defineProperties","defineProperty","value","_toPropertyKey","configurable","writable","arg","_toPrimitive","String","input","hint","prim","Symbol","toPrimitive","undefined","res","call","TypeError","Number","_objectWithoutProperties","excluded","_objectWithoutPropertiesLoose","sourceSymbolKeys","indexOf","prototype","propertyIsEnumerable","sourceKeys","generatorSchema","generator","typeDefs","gql","resolvers","Mutation","createComponent","req","_ref","name","templateName","options","generateComponentTemplate","map","component","id","toString","dir","files","Generator","templates","listTemplates","Query"],"sources":["generator.graphql.ts"],"sourcesContent":["import { Schema } from '@teambit/graphql';\nimport gql from 'graphql-tag';\nimport { GeneratorMain } from './generator.main.runtime';\nimport { CreateOptions } from './create.cmd';\n\nexport type CreateQueryOptions = CreateOptions & { templateName: string };\n\nexport function generatorSchema(generator: GeneratorMain): Schema {\n  return {\n    typeDefs: gql`\n      type GenerateResult {\n        id: String\n        dir: String\n        files: [String]\n      }\n\n      type Mutation {\n        # create Component by template\n        createComponent(\n          name: String!\n          templateName: String!\n          scope: String\n          namespace: String\n          aspect: String\n        ): [GenerateResult]\n      }\n\n      type TemplateDescriptor {\n        aspectId: String!\n        name: String!\n      }\n\n      type Generator {\n        templates: [TemplateDescriptor]\n      }\n\n      type Query {\n        generator: Generator\n      }\n    `,\n    resolvers: {\n      Mutation: {\n        createComponent: async (req: any, { name, templateName, ...options }: CreateQueryOptions) => {\n          const res = await generator.generateComponentTemplate([name], templateName, { name, ...options });\n          return res.map((component) => ({\n            id: component.id.toString(),\n            dir: component.dir,\n            files: component.files,\n          }));\n        },\n      },\n      Generator: {\n        templates: async () => {\n          return generator.listTemplates();\n        },\n      },\n      Query: {\n        generator: () => generator,\n      },\n    },\n  };\n}\n"],"mappings":"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"}
+{"version":3,"names":["_graphqlTag","data","_interopRequireDefault","require","_excluded","obj","__esModule","default","ownKeys","e","r","t","Object","keys","getOwnPropertySymbols","o","filter","getOwnPropertyDescriptor","enumerable","push","apply","_objectSpread","arguments","length","forEach","_defineProperty","getOwnPropertyDescriptors","defineProperties","defineProperty","key","value","_toPropertyKey","configurable","writable","arg","_toPrimitive","String","input","hint","prim","Symbol","toPrimitive","undefined","res","call","TypeError","Number","_objectWithoutProperties","source","excluded","target","_objectWithoutPropertiesLoose","i","sourceSymbolKeys","indexOf","prototype","propertyIsEnumerable","sourceKeys","generatorSchema","generator","typeDefs","gql","resolvers","Mutation","createComponent","req","_ref","name","templateName","options","generateComponentTemplate","map","component","id","toString","dir","files","Generator","templates","listTemplates","Query"],"sources":["generator.graphql.ts"],"sourcesContent":["import { Schema } from '@teambit/graphql';\nimport gql from 'graphql-tag';\nimport { GeneratorMain } from './generator.main.runtime';\nimport { CreateOptions } from './create.cmd';\n\nexport type CreateQueryOptions = CreateOptions & { templateName: string };\n\nexport function generatorSchema(generator: GeneratorMain): Schema {\n  return {\n    typeDefs: gql`\n      type GenerateResult {\n        id: String\n        dir: String\n        files: [String]\n      }\n\n      type Mutation {\n        # create Component by template\n        createComponent(\n          name: String!\n          templateName: String!\n          scope: String\n          namespace: String\n          aspect: String\n        ): [GenerateResult]\n      }\n\n      type TemplateDescriptor {\n        aspectId: String!\n        name: String!\n      }\n\n      type Generator {\n        templates: [TemplateDescriptor]\n      }\n\n      type Query {\n        generator: Generator\n      }\n    `,\n    resolvers: {\n      Mutation: {\n        createComponent: async (req: any, { name, templateName, ...options }: CreateQueryOptions) => {\n          const res = await generator.generateComponentTemplate([name], templateName, { name, ...options });\n          return res.map((component) => ({\n            id: component.id.toString(),\n            dir: component.dir,\n            files: component.files,\n          }));\n        },\n      },\n      Generator: {\n        templates: async () => {\n          return generator.listTemplates();\n        },\n      },\n      Query: {\n        generator: () => generator,\n      },\n    },\n  };\n}\n"],"mappings":"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"}

package/dist/generator.main.runtime.js

@@ -196,8 +196,8 @@ function _generator3() {
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
 function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return typeof key === "symbol" ? key : String(key); }
 function _toPrimitive(input, hint) { if (typeof input !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (typeof res !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
@@ -533,9 +533,10 @@ class GeneratorMain {
       remoteEnvsAspect = globals.remoteEnvsAspect;
       fullAspectId = globals.fullAspectId;
     }
-    const allIds = configEnvs === null || configEnvs === void 0 ? void 0 : configEnvs.concat(ids).concat([aspectId, fullAspectId]).filter(Boolean);
+    const allIds = [...new Set(configEnvs.concat(ids).concat([aspectId, fullAspectId]).filter(Boolean))];
     const envs = await this.loadEnvs(allIds, remoteEnvsAspect);
-    const templates = envs.flatMap(env => {
+    const uniqueEnvs = envs.filter((v, i, a) => a.findIndex(t => t.id === v.id) === i);
+    const templates = uniqueEnvs.flatMap(env => {
       if (!env.env.getGeneratorTemplates) return [];
       const tpls = env.env.getGeneratorTemplates() || [];
       const componentId = _component().ComponentID.fromString(env.id);