@teambit/install 0.0.1

package/dist/uninstall.cmd.js

@@ -0,0 +1,43 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+require("core-js/modules/es.array.iterator.js");
+
+require("core-js/modules/es.promise.js");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+function _defineProperty2() {
+  const data = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+
+  _defineProperty2 = function () {
+    return data;
+  };
+
+  return data;
+}
+
+class UninstallCmd {
+  constructor(install) {
+    this.install = install;
+    (0, _defineProperty2().default)(this, "name", 'uninstall [packages...]');
+    (0, _defineProperty2().default)(this, "description", 'uninstall dependencies');
+    (0, _defineProperty2().default)(this, "alias", 'un');
+    (0, _defineProperty2().default)(this, "group", 'development');
+    (0, _defineProperty2().default)(this, "options", []);
+  }
+
+  async report([packages = []]) {
+    await this.install.uninstallDependencies(packages);
+    return '';
+  }
+
+}
+
+exports.default = UninstallCmd;
+
+//# sourceMappingURL=uninstall.cmd.js.map

package/dist/uninstall.cmd.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["UninstallCmd","constructor","install","report","packages","uninstallDependencies"],"sources":["uninstall.cmd.tsx"],"sourcesContent":["import { Command, CommandOptions } from '@teambit/cli';\n\nimport { InstallMain } from './install.main.runtime';\n\nexport default class UninstallCmd implements Command {\n  name = 'uninstall [packages...]';\n  description = 'uninstall dependencies';\n  alias = 'un';\n  group = 'development';\n  options = [] as CommandOptions;\n\n  constructor(private install: InstallMain) {}\n\n  async report([packages = []]: [string[]]) {\n    await this.install.uninstallDependencies(packages);\n    return '';\n  }\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;AAIe,MAAMA,YAAN,CAAsC;EAOnDC,WAAW,CAASC,OAAT,EAA+B;IAAA,KAAtBA,OAAsB,GAAtBA,OAAsB;IAAA,8CANnC,yBAMmC;IAAA,qDAL5B,wBAK4B;IAAA,+CAJlC,IAIkC;IAAA,+CAHlC,aAGkC;IAAA,iDAFhC,EAEgC;EAAE;;EAEhC,MAANC,MAAM,CAAC,CAACC,QAAQ,GAAG,EAAZ,CAAD,EAA8B;IACxC,MAAM,KAAKF,OAAL,CAAaG,qBAAb,CAAmCD,QAAnC,CAAN;IACA,OAAO,EAAP;EACD;;AAZkD"}

package/dist/update.cmd.d.ts

@@ -0,0 +1,16 @@
+import { Command, CommandOptions } from '@teambit/cli';
+import { InstallMain } from './install.main.runtime';
+declare type UpdateCmdOptions = {
+    yes?: boolean;
+};
+export default class UpdateCmd implements Command {
+    private install;
+    name: string;
+    description: string;
+    alias: string;
+    group: string;
+    options: CommandOptions;
+    constructor(install: InstallMain);
+    report(args: [string[]], options: UpdateCmdOptions): Promise<string>;
+}
+export {};

package/dist/update.cmd.js

@@ -0,0 +1,43 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+require("core-js/modules/es.promise.js");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+function _defineProperty2() {
+  const data = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+
+  _defineProperty2 = function () {
+    return data;
+  };
+
+  return data;
+}
+
+class UpdateCmd {
+  constructor(install) {
+    this.install = install;
+    (0, _defineProperty2().default)(this, "name", 'update');
+    (0, _defineProperty2().default)(this, "description", 'update dependencies');
+    (0, _defineProperty2().default)(this, "alias", 'up');
+    (0, _defineProperty2().default)(this, "group", 'development');
+    (0, _defineProperty2().default)(this, "options", [['y', 'yes', 'automatically update all outdated packages']]);
+  }
+
+  async report(args, options) {
+    await this.install.updateDependencies({
+      all: options.yes === true
+    });
+    return '';
+  }
+
+}
+
+exports.default = UpdateCmd;
+
+//# sourceMappingURL=update.cmd.js.map

package/dist/update.cmd.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["UpdateCmd","constructor","install","report","args","options","updateDependencies","all","yes"],"sources":["update.cmd.tsx"],"sourcesContent":["import { Command, CommandOptions } from '@teambit/cli';\n\nimport { InstallMain } from './install.main.runtime';\n\ntype UpdateCmdOptions = {\n  yes?: boolean;\n};\n\nexport default class UpdateCmd implements Command {\n  name = 'update';\n  description = 'update dependencies';\n  alias = 'up';\n  group = 'development';\n  options = [['y', 'yes', 'automatically update all outdated packages']] as CommandOptions;\n\n  constructor(private install: InstallMain) {}\n\n  async report(args: [string[]], options: UpdateCmdOptions) {\n    await this.install.updateDependencies({\n      all: options.yes === true,\n    });\n    return '';\n  }\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;AAQe,MAAMA,SAAN,CAAmC;EAOhDC,WAAW,CAASC,OAAT,EAA+B;IAAA,KAAtBA,OAAsB,GAAtBA,OAAsB;IAAA,8CANnC,QAMmC;IAAA,qDAL5B,qBAK4B;IAAA,+CAJlC,IAIkC;IAAA,+CAHlC,aAGkC;IAAA,iDAFhC,CAAC,CAAC,GAAD,EAAM,KAAN,EAAa,4CAAb,CAAD,CAEgC;EAAE;;EAEhC,MAANC,MAAM,CAACC,IAAD,EAAmBC,OAAnB,EAA8C;IACxD,MAAM,KAAKH,OAAL,CAAaI,kBAAb,CAAgC;MACpCC,GAAG,EAAEF,OAAO,CAACG,GAAR,KAAgB;IADe,CAAhC,CAAN;IAGA,OAAO,EAAP;EACD;;AAd+C"}

package/exceptions/dependency-type-not-supported-in-policy.ts

@@ -0,0 +1,7 @@
+import { BitError } from '@teambit/bit-error';
+
+export class DependencyTypeNotSupportedInPolicy extends BitError {
+  constructor(type: string) {
+    super(`the workspace policy does not support ${type} dependencies`);
+  }
+}

package/exceptions/index.ts

@@ -0,0 +1 @@
+export { DependencyTypeNotSupportedInPolicy } from './dependency-type-not-supported-in-policy';

package/install.cmd.tsx

@@ -0,0 +1,74 @@
+import { Command, CommandOptions } from '@teambit/cli';
+import { WorkspaceDependencyLifecycleType } from '@teambit/dependency-resolver';
+import { Logger } from '@teambit/logger';
+import chalk from 'chalk';
+
+import { Workspace } from '@teambit/workspace';
+import { InstallMain, WorkspaceInstallOptions } from './install.main.runtime';
+
+type InstallCmdOptions = {
+  variants: string;
+  type: WorkspaceDependencyLifecycleType;
+  skipDedupe: boolean;
+  skipImport: boolean;
+  updateExisting: boolean;
+  savePrefix: string;
+  addMissingPeers: boolean;
+};
+
+export default class InstallCmd implements Command {
+  name = 'install [packages...]';
+  description = 'installs workspace dependencies';
+  extendedDescription =
+    'when no package is specified, all workspace dependencies are installed and all workspace components are imported.';
+  arguments = [{ name: 'packages...', description: 'a list of packages to install (separated by spaces)' }];
+  alias = 'in';
+  group = 'development';
+  options = [
+    ['v', 'variants <variants>', 'add packages to specific variants'],
+    ['t', 'type [lifecycleType]', '"runtime" (default) or "peer" (dev is not a valid option)'],
+    ['u', 'update-existing [updateExisting]', 'update existing dependencies version and types'],
+    ['', 'save-prefix [savePrefix]', 'set the prefix to use when adding dependency to workspace.jsonc'],
+    ['', 'skip-dedupe [skipDedupe]', 'do not dedupe dependencies on installation'],
+    ['', 'skip-import [skipImport]', 'do not import bit objects post installation'],
+    ['', 'add-missing-peers [addMissingPeers]', 'install all missing peer dependencies'],
+  ] as CommandOptions;
+
+  constructor(
+    private install: InstallMain,
+    /**
+     * workspace extension.
+     */
+    private workspace: Workspace,
+
+    /**
+     * logger extension.
+     */
+    private logger: Logger
+  ) {}
+
+  async report([packages = []]: [string[]], options: InstallCmdOptions) {
+    const startTime = Date.now();
+    this.logger.console(`Resolving component dependencies for workspace: '${chalk.cyan(this.workspace.name)}'`);
+    const installOpts: WorkspaceInstallOptions = {
+      variants: options.variants,
+      lifecycleType: options.addMissingPeers ? 'peer' : options.type,
+      dedupe: !options.skipDedupe,
+      import: !options.skipImport,
+      updateExisting: options.updateExisting,
+      savePrefix: options.savePrefix,
+      addMissingPeers: options.addMissingPeers,
+    };
+    const components = await this.install.install(packages, installOpts);
+    const endTime = Date.now();
+    const executionTime = calculateTime(startTime, endTime);
+    return `Successfully resolved dependencies for ${chalk.cyan(
+      components.toArray().length.toString()
+    )} component(s) in ${chalk.cyan(executionTime.toString())} seconds`;
+  }
+}
+
+function calculateTime(startTime: number, endTime: number) {
+  const diff = endTime - startTime;
+  return diff / 1000;
+}

package/link/component-list-links.ts

@@ -0,0 +1,50 @@
+import chalk from 'chalk';
+import { LinksResult as LegacyLinksResult } from '@teambit/legacy/dist/links/node-modules-linker';
+import { getPackageNameFromTarget } from './get-package-name-from-target';
+import { LinkRow, VerboseLinkRow } from './link-row';
+
+type ComponentListLinksProps = {
+  componentListLinks?: LegacyLinksResult[];
+  verbose: boolean;
+};
+
+export function ComponentListLinks({ componentListLinks, verbose = false }: ComponentListLinksProps) {
+  if (!componentListLinks || !componentListLinks.length) {
+    return chalk.cyan('No components link were generated');
+  }
+  const title = chalk.bold.cyan('Components links');
+  const links = componentListLinks.map((componentLinks) => ComponentLinks({ componentLinks, verbose })).join('\n');
+
+  return `${title}\n${links}`;
+}
+
+type ComponentLinksProps = {
+  componentLinks: LegacyLinksResult;
+  verbose: boolean;
+};
+function ComponentLinks({ componentLinks, verbose = false }: ComponentLinksProps) {
+  if (!componentLinks.bound || componentLinks.bound.length < 1) return '';
+  if (verbose) return VerboseComponentLinks({ componentLinks });
+  return RegularComponentLinks({ componentLinks });
+}
+
+type RegularComponentLinksProps = {
+  componentLinks: LegacyLinksResult;
+};
+function RegularComponentLinks({ componentLinks }: RegularComponentLinksProps) {
+  const id = componentLinks.id.toString();
+  if (!componentLinks.bound || componentLinks.bound.length < 1) return '';
+  const packagePath = getPackageNameFromTarget(componentLinks.bound[0].to);
+  return LinkRow({ title: id, target: packagePath, padding: 50 });
+}
+
+type VerboseComponentLinksProps = {
+  componentLinks: LegacyLinksResult;
+};
+function VerboseComponentLinks({ componentLinks }: VerboseComponentLinksProps) {
+  const id = componentLinks.id.toString();
+  if (!componentLinks.bound || componentLinks.bound.length < 1) return '';
+  const title = chalk.bold.cyan(id);
+  const links = componentLinks.bound.map((link) => VerboseLinkRow({ from: link.from, to: link.to })).join('\n');
+  return `${title}\n${links}\n`;
+}

package/link/core-aspects-links.ts

@@ -0,0 +1,50 @@
+import { CoreAspectLinkResult } from '@teambit/dependency-resolver';
+import chalk from 'chalk';
+
+import { getPackageNameFromTarget } from './get-package-name-from-target';
+import { LinkRow, VerboseLinkRow } from './link-row';
+
+type CoreAspectsLinksProps = {
+  coreAspectsLinks?: CoreAspectLinkResult[];
+  verbose: boolean;
+};
+
+export function CoreAspectsLinks({ coreAspectsLinks, verbose = false }: CoreAspectsLinksProps) {
+  if (!coreAspectsLinks || !coreAspectsLinks.length) {
+    return chalk.cyan('No core aspects were linked');
+  }
+  const title = chalk.cyan('Core aspects links');
+  const links = coreAspectsLinks.map((link) => CoreAspectLinkRow({ coreAspectLink: link, verbose })).join('\n');
+  return `${title}\n${links}`;
+}
+
+type CoreAspectLinkProps = {
+  coreAspectLink: CoreAspectLinkResult;
+  verbose: boolean;
+};
+function CoreAspectLinkRow({ coreAspectLink, verbose = false }: CoreAspectLinkProps) {
+  if (verbose) return VerboseCoreAspectLink({ coreAspectLink });
+  return RegularCoreAspectLink({ coreAspectLink });
+}
+
+type RegularCoreAspectLinkProps = {
+  coreAspectLink: CoreAspectLinkResult;
+};
+function RegularCoreAspectLink({ coreAspectLink }: RegularCoreAspectLinkProps) {
+  const id = coreAspectLink.aspectId.toString();
+  const packagePath = getPackageNameFromTarget(coreAspectLink.linkDetail.to);
+  return LinkRow({ title: id, target: packagePath, padding: 50 });
+}
+
+type VerboseCoreAspectLinkProps = {
+  coreAspectLink: CoreAspectLinkResult;
+};
+function VerboseCoreAspectLink({ coreAspectLink }: VerboseCoreAspectLinkProps) {
+  const id = coreAspectLink.aspectId.toString();
+  const title = chalk.bold.cyan(id);
+  const link = VerboseLinkRow({
+    from: coreAspectLink.linkDetail.from,
+    to: coreAspectLink.linkDetail.to,
+  });
+  return `${title}\n${link}`;
+}

package/link/get-package-name-from-target.ts

@@ -0,0 +1,5 @@
+export function getPackageNameFromTarget(targetPath: string): string {
+  const subPath = targetPath.substring(targetPath.lastIndexOf('node_modules'));
+  const packagePath = subPath.split('/').slice(0, 3).join('/');
+  return `./${packagePath}`;
+}

package/link/index.ts

@@ -0,0 +1 @@
+export { LinkCommand } from './link.cmd';

package/link/link-row.ts

@@ -0,0 +1,20 @@
+import chalk from 'chalk';
+
+type LinkRowProps = {
+  title: string;
+  target: string;
+  padding?: number;
+};
+export function LinkRow({ title, target, padding = 50 }: LinkRowProps) {
+  return chalk.bold(`${title.padEnd(padding)} ${'>'} ${target}`);
+}
+
+type VerboseLinkRowProps = {
+  from: string;
+  to: string;
+};
+export function VerboseLinkRow({ from, to }: VerboseLinkRowProps) {
+  return `${chalk.bold('from')}: ${from}
+${chalk.bold('to')}: ${to}
+`;
+}

package/link/link-to-dir.ts

@@ -0,0 +1,13 @@
+import { LinkToDirResult } from '@teambit/dependency-resolver';
+import chalk from 'chalk';
+import { LinkRow } from './link-row';
+
+export function linkToDir(links?: LinkToDirResult[]) {
+  if (!links || !links.length) return '';
+  const title = chalk.bold.cyan('Target Links');
+  const linksOutput = links
+    .map(({ componentId, linksDetail }) => LinkRow({ title: componentId, target: linksDetail.to }))
+    .join('\n');
+
+  return `${title}\n${linksOutput}\n`;
+}

package/link/link.cmd.ts

@@ -0,0 +1,102 @@
+import { Command, CommandOptions } from '@teambit/cli';
+import { LinkResults } from '@teambit/dependency-resolver';
+import { Logger } from '@teambit/logger';
+import { timeFormat } from '@teambit/toolbox.time.time-format';
+import chalk from 'chalk';
+import { Workspace } from '@teambit/workspace';
+import { InstallMain, WorkspaceLinkOptions } from '../install.main.runtime';
+import { ComponentListLinks } from './component-list-links';
+import { CoreAspectsLinks } from './core-aspects-links';
+import { NestedComponentLinksLinks } from './nested-deps-in-nm-links';
+import { RewireRow } from './rewire-row';
+import { linkToDir } from './link-to-dir';
+
+type LinkCommandOpts = {
+  rewire: boolean;
+  verbose: boolean;
+  target: string;
+  skipFetchingObjects?: boolean;
+};
+export class LinkCommand implements Command {
+  name = 'link [component-names...]';
+  alias = '';
+  description = 'create links in the node_modules directory, to core aspects and to components in the workspace';
+  extendedDescription: string;
+  group = 'development';
+  private = false;
+  arguments = [{ name: 'component-names...', description: 'names or IDs of the components to link' }];
+  options = [
+    ['j', 'json', 'return the output as JSON'],
+    ['', 'verbose', 'verbose output'],
+    ['r', 'rewire', 'Replace relative paths with module paths in code (e.g. "../foo" => "@bit/foo")'],
+    [
+      '',
+      'target <dir>',
+      'EXPERIMENTAL. link to an external directory (similar to npm-link) so other projects could use these components',
+    ],
+    ['', 'skip-fetching-objects', 'skip fetch missing objects from remotes before linking'],
+  ] as CommandOptions;
+
+  constructor(
+    private install: InstallMain,
+    /**
+     * workspace extension.
+     */
+    private workspace: Workspace,
+
+    /**
+     * logger extension.
+     */
+    private logger: Logger,
+
+    private docsDomain: string
+  ) {
+    this.extendedDescription = `https://${this.docsDomain}/workspace/component-links`;
+  }
+
+  async report([ids]: [string[]], opts: LinkCommandOpts) {
+    const startTime = Date.now();
+    const linkResults = await this.json([ids], opts);
+    const endTime = Date.now();
+    const numOfComponents = linkResults.legacyLinkResults?.length;
+    const timeDiff = timeFormat(endTime - startTime);
+    const coreAspectsLinksWithMainAspect = linkResults.coreAspectsLinks || [];
+    if (linkResults.teambitBitLink) {
+      coreAspectsLinksWithMainAspect.unshift(linkResults.teambitBitLink);
+    }
+    const numOfCoreAspects = coreAspectsLinksWithMainAspect.length;
+
+    const title = `Linked ${numOfComponents} components and ${numOfCoreAspects} core aspects to node_modules for workspace: ${this.workspace.name}`;
+    const coreLinks = CoreAspectsLinks({
+      coreAspectsLinks: coreAspectsLinksWithMainAspect,
+      verbose: opts.verbose,
+    });
+    const compsLinks = ComponentListLinks({ componentListLinks: linkResults.legacyLinkResults, verbose: opts.verbose });
+    const rewireRow = RewireRow({ legacyCodemodResults: linkResults.legacyLinkCodemodResults });
+    const nestedLinks = NestedComponentLinksLinks({
+      nestedDepsInNmLinks: linkResults.nestedDepsInNmLinks,
+      verbose: opts.verbose,
+    });
+    const targetLinks = linkToDir(linkResults.linkToDirResults);
+    const footer = `Finished. ${timeDiff}`;
+    return `${title}\n${coreLinks}\n${compsLinks}\n${rewireRow}${nestedLinks}${targetLinks}${footer}`;
+  }
+
+  // eslint-disable-next-line @typescript-eslint/no-unused-vars
+  async json([ids]: [string[]], opts: LinkCommandOpts): Promise<LinkResults> {
+    this.logger.console(
+      `Linking components and core aspects to node_modules for workspaces: '${chalk.cyan(this.workspace.name)}'`
+    );
+
+    const linkOpts: WorkspaceLinkOptions = {
+      legacyLink: true,
+      rewire: opts.rewire,
+      linkCoreAspects: true,
+      linkTeambitBit: true,
+      linkToDir: opts.target,
+      fetchObject: !opts.skipFetchingObjects,
+    };
+    const linkResults = await this.install.link(linkOpts);
+    return linkResults;
+  }
+}

package/link/nested-deps-in-nm-links.ts

@@ -0,0 +1,47 @@
+import chalk from 'chalk';
+import { NestedNMDepsLinksResult } from '@teambit/dependency-resolver';
+import { VerboseLinkRow } from './link-row';
+
+type NestedComponentLinksLinksProps = {
+  nestedDepsInNmLinks?: NestedNMDepsLinksResult[];
+  verbose: boolean;
+};
+
+export function NestedComponentLinksLinks({ nestedDepsInNmLinks, verbose = false }: NestedComponentLinksLinksProps) {
+  if (!verbose) return '';
+  if (!nestedDepsInNmLinks || !nestedDepsInNmLinks.length) {
+    return '';
+  }
+  const title = chalk.bold.cyan('Nested dependencies links');
+  const links = nestedDepsInNmLinks
+    .map((nestedComponentLinks) =>
+      NestedComponentLinks({
+        nestedComponentLinks,
+        verbose,
+      })
+    )
+    .join('\n');
+  return `${title}\n${links}\n`;
+}
+
+type NestedComponentLinksProps = {
+  nestedComponentLinks: NestedNMDepsLinksResult;
+  verbose: boolean;
+};
+function NestedComponentLinks({ nestedComponentLinks, verbose = false }: NestedComponentLinksProps) {
+  if (!nestedComponentLinks.linksDetail || nestedComponentLinks.linksDetail.length < 1) return '';
+  if (verbose) return VerboseNestedComponentLinks({ nestedComponentLinks });
+  return '';
+}
+
+type VerboseNestedComponentLinksProps = {
+  nestedComponentLinks: NestedNMDepsLinksResult;
+};
+function VerboseNestedComponentLinks({ nestedComponentLinks }: VerboseNestedComponentLinksProps) {
+  const id = nestedComponentLinks.componentId.toString();
+  const title = chalk.cyan.bold(id);
+  const links = nestedComponentLinks.linksDetail
+    .map((link) => VerboseLinkRow({ from: link.from, to: link.to }))
+    .join('\n');
+  return `${title}\n${links}\n`;
+}

package/link/rewire-row.ts

@@ -0,0 +1,17 @@
+import { CodemodResult } from '@teambit/legacy/dist/consumer/component-ops/codemod-components';
+import chalk from 'chalk';
+
+type RewireRowProps = {
+  legacyCodemodResults?: CodemodResult[];
+};
+export function RewireRow({ legacyCodemodResults }: RewireRowProps) {
+  if (!legacyCodemodResults || legacyCodemodResults.length < 1) return '';
+  const totalComps = legacyCodemodResults?.length;
+  const totalFiles = legacyCodemodResults.reduce((acc, curr) => {
+    return acc + curr.changedFiles.length || 0;
+  }, 0);
+
+  return `rewired ${chalk.cyan(totalComps.toString())} components and total of ${chalk.cyan(
+    totalFiles.toString()
+  )} files\n`;
+}

package/package.json

@@ -0,0 +1,59 @@
+{
+  "name": "@teambit/install",
+  "version": "0.0.1",
+  "main": "dist/index.js",
+  "componentId": {
+    "scope": "teambit.workspace",
+    "name": "install",
+    "version": "0.0.1"
+  },
+  "dependencies": {
+    "chalk": "2.4.2",
+    "lodash": "4.17.21",
+    "@pnpm/colorize-semver-diff": "1.0.1",
+    "@pnpm/semver-diff": "1.1.0",
+    "enquirer": "2.3.6",
+    "semver": "7.3.4",
+    "table": "5.4.6",
+    "@babel/runtime": "7.12.18",
+    "core-js": "^3.0.0",
+    "@teambit/harmony": "0.3.3",
+    "@teambit/bit-error": "0.0.400",
+    "@teambit/toolbox.time.time-format": "0.0.489"
+  },
+  "devDependencies": {
+    "@types/lodash": "4.14.165",
+    "@types/semver": "7.3.4",
+    "@types/mocha": "9.1.0",
+    "@types/testing-library__jest-dom": "5.9.5",
+    "@types/jest": "^26.0.0",
+    "@types/react-dom": "^17.0.5",
+    "@types/react": "^17.0.8",
+    "@types/node": "12.20.4"
+  },
+  "peerDependencies": {
+    "@teambit/legacy": "1.0.345",
+    "react-dom": "^16.8.0 || ^17.0.0",
+    "react": "^16.8.0 || ^17.0.0"
+  },
+  "license": "Apache-2.0",
+  "private": false,
+  "engines": {
+    "node": ">=12.22.0"
+  },
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/teambit/bit"
+  },
+  "keywords": [
+    "bit",
+    "bit-aspect",
+    "components",
+    "collaboration",
+    "web",
+    "react",
+    "react-components",
+    "angular",
+    "angular-components"
+  ]
+}

package/preview-1662608124038.js

@@ -0,0 +1,5 @@
+;
+;
+
+export const compositions = [];
+export const overview = [];

package/tsconfig.json

@@ -0,0 +1,40 @@
+{
+  "compilerOptions": {
+    "lib": [
+      "es2019",
+      "DOM",
+      "ES6",
+      "DOM.Iterable",
+      "ScriptHost"
+    ],
+    "target": "es2015",
+    "module": "commonjs",
+    "jsx": "react",
+    "allowJs": true,
+    "composite": true,
+    "declaration": true,
+    "sourceMap": true,
+    "skipLibCheck": true,
+    "experimentalDecorators": true,
+    "outDir": "dist",
+    "moduleResolution": "node",
+    "esModuleInterop": true,
+    "rootDir": ".",
+    "resolveJsonModule": true,
+    "emitDeclarationOnly": true,
+    "emitDecoratorMetadata": true,
+    "allowSyntheticDefaultImports": true,
+    "strictPropertyInitialization": false,
+    "strict": true,
+    "noImplicitAny": false,
+    "preserveConstEnums": true
+  },
+  "exclude": [
+    "dist",
+    "package.json"
+  ],
+  "include": [
+    "**/*",
+    "**/*.json"
+  ]
+}

package/types/asset.d.ts

@@ -0,0 +1,29 @@
+declare module '*.png' {
+  const value: any;
+  export = value;
+}
+declare module '*.svg' {
+  import type { FunctionComponent, SVGProps } from 'react';
+
+  export const ReactComponent: FunctionComponent<SVGProps<SVGSVGElement> & { title?: string }>;
+  const src: string;
+  export default src;
+}
+
+// @TODO Gilad
+declare module '*.jpg' {
+  const value: any;
+  export = value;
+}
+declare module '*.jpeg' {
+  const value: any;
+  export = value;
+}
+declare module '*.gif' {
+  const value: any;
+  export = value;
+}
+declare module '*.bmp' {
+  const value: any;
+  export = value;
+}