@teambit/isolator 0.0.0-13b05e0f967d2f43d6f3398f10eace82418bdb62

package/dist/preview-1752574874379.js

@@ -0,0 +1,7 @@
+import * as compositions_0 from '/home/circleci/Library/Caches/Bit/capsules/8891be5ad/teambit.component_isolator@13b05e0f967d2f43d6f3398f10eace82418bdb62/dist/isolator.composition.js';
+import * as overview_0 from '/home/circleci/Library/Caches/Bit/capsules/8891be5ad/teambit.component_isolator@13b05e0f967d2f43d6f3398f10eace82418bdb62/dist/isolator.docs.md';
+
+export const compositions = [compositions_0];
+export const overview = [overview_0];
+
+export const compositions_metadata = {"compositions":[{"displayName":"Logo","identifier":"Logo"}]};

package/dist/symlink-dependencies-to-capsules.d.ts

@@ -0,0 +1,6 @@
+import { LinkDetail } from '@teambit/dependency-resolver';
+import { Logger } from '@teambit/logger';
+import { Capsule } from './capsule';
+import CapsuleList from './capsule-list';
+export declare function symlinkDependenciesToCapsules(capsules: Capsule[], capsuleList: CapsuleList, logger: Logger): Promise<Record<string, Record<string, string>>>;
+export declare function symlinkOnCapsuleRoot(capsuleList: CapsuleList, logger: Logger, capsuleRoot: string): Promise<LinkDetail[]>;

package/dist/symlink-dependencies-to-capsules.js

@@ -0,0 +1,61 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.symlinkDependenciesToCapsules = symlinkDependenciesToCapsules;
+exports.symlinkOnCapsuleRoot = symlinkOnCapsuleRoot;
+function _pkgModules() {
+  const data = require("@teambit/pkg.modules.component-package-name");
+  _pkgModules = function () {
+    return data;
+  };
+  return data;
+}
+function _path() {
+  const data = _interopRequireDefault(require("path"));
+  _path = function () {
+    return data;
+  };
+  return data;
+}
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+async function symlinkDependenciesToCapsules(capsules, capsuleList, logger) {
+  logger.debug(`symlinkDependenciesToCapsules, ${capsules.length} capsules`);
+  return Object.fromEntries(await Promise.all(capsules.map(capsule => {
+    return symlinkComponent(capsule.component.state._consumer, capsuleList, logger);
+  })));
+}
+async function symlinkOnCapsuleRoot(capsuleList, logger, capsuleRoot) {
+  const modulesPath = _path().default.join(capsuleRoot, 'node_modules');
+  return capsuleList.map(capsule => {
+    const packageName = (0, _pkgModules().componentIdToPackageName)(capsule.component.state._consumer);
+    const dest = _path().default.join(modulesPath, packageName);
+    return {
+      from: capsule.path,
+      to: dest,
+      packageName
+    };
+  });
+}
+async function symlinkComponent(component, capsuleList, logger) {
+  const componentCapsule = capsuleList.getCapsuleIgnoreVersion(component.id);
+  if (!componentCapsule) throw new Error(`unable to find the capsule for ${component.id.toString()}`);
+  const allDeps = component.getAllDependenciesIds();
+  const linkResults = allDeps.reduce((acc, depId) => {
+    // TODO: this is dangerous - we might have 2 capsules for the same component with different version, then we might link to the wrong place
+    const devCapsule = capsuleList.getCapsuleIgnoreVersion(depId);
+    if (!devCapsule) {
+      // happens when a dependency is not in the workspace. (it gets installed via the package manager)
+      logger.debug(`symlinkComponentToCapsule: unable to find the capsule for ${depId.toStringWithoutVersion()}. skipping`);
+      return acc;
+    }
+    const packageName = (0, _pkgModules().componentIdToPackageName)(devCapsule.component.state._consumer);
+    const devCapsulePath = devCapsule.path;
+    acc[packageName] = `link:${devCapsulePath}`;
+    return acc;
+  }, {});
+  return [componentCapsule.path, linkResults];
+}
+
+//# sourceMappingURL=symlink-dependencies-to-capsules.js.map

package/dist/symlink-dependencies-to-capsules.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_pkgModules","data","require","_path","_interopRequireDefault","e","__esModule","default","symlinkDependenciesToCapsules","capsules","capsuleList","logger","debug","length","Object","fromEntries","Promise","all","map","capsule","symlinkComponent","component","state","_consumer","symlinkOnCapsuleRoot","capsuleRoot","modulesPath","path","join","packageName","componentIdToPackageName","dest","from","to","componentCapsule","getCapsuleIgnoreVersion","id","Error","toString","allDeps","getAllDependenciesIds","linkResults","reduce","acc","depId","devCapsule","toStringWithoutVersion","devCapsulePath"],"sources":["symlink-dependencies-to-capsules.ts"],"sourcesContent":["import { LinkDetail } from '@teambit/dependency-resolver';\nimport { Logger } from '@teambit/logger';\nimport { ComponentID } from '@teambit/component-id';\nimport { ConsumerComponent } from '@teambit/legacy.consumer-component';\nimport { componentIdToPackageName } from '@teambit/pkg.modules.component-package-name';\nimport path from 'path';\n\nimport { Capsule } from './capsule';\nimport CapsuleList from './capsule-list';\n\nexport async function symlinkDependenciesToCapsules(\n  capsules: Capsule[],\n  capsuleList: CapsuleList,\n  logger: Logger\n): Promise<Record<string, Record<string, string>>> {\n  logger.debug(`symlinkDependenciesToCapsules, ${capsules.length} capsules`);\n  return Object.fromEntries(\n    await Promise.all(\n      capsules.map((capsule) => {\n        return symlinkComponent(capsule.component.state._consumer, capsuleList, logger);\n      })\n    )\n  );\n}\n\nexport async function symlinkOnCapsuleRoot(\n  capsuleList: CapsuleList,\n  logger: Logger,\n  capsuleRoot: string\n): Promise<LinkDetail[]> {\n  const modulesPath = path.join(capsuleRoot, 'node_modules');\n  return capsuleList.map((capsule) => {\n    const packageName = componentIdToPackageName(capsule.component.state._consumer);\n    const dest = path.join(modulesPath, packageName);\n    return {\n      from: capsule.path,\n      to: dest,\n      packageName,\n    };\n  });\n}\n\nasync function symlinkComponent(\n  component: ConsumerComponent,\n  capsuleList: CapsuleList,\n  logger: Logger\n): Promise<[string, Record<string, string>]> {\n  const componentCapsule = capsuleList.getCapsuleIgnoreVersion(component.id);\n  if (!componentCapsule) throw new Error(`unable to find the capsule for ${component.id.toString()}`);\n  const allDeps = component.getAllDependenciesIds();\n  const linkResults = allDeps.reduce((acc, depId: ComponentID) => {\n    // TODO: this is dangerous - we might have 2 capsules for the same component with different version, then we might link to the wrong place\n    const devCapsule = capsuleList.getCapsuleIgnoreVersion(depId);\n    if (!devCapsule) {\n      // happens when a dependency is not in the workspace. (it gets installed via the package manager)\n      logger.debug(\n        `symlinkComponentToCapsule: unable to find the capsule for ${depId.toStringWithoutVersion()}. skipping`\n      );\n      return acc;\n    }\n    const packageName = componentIdToPackageName(devCapsule.component.state._consumer);\n    const devCapsulePath = devCapsule.path;\n    acc[packageName] = `link:${devCapsulePath}`;\n    return acc;\n  }, {});\n\n  return [componentCapsule.path, linkResults];\n}\n"],"mappings":";;;;;;;AAIA,SAAAA,YAAA;EAAA,MAAAC,IAAA,GAAAC,OAAA;EAAAF,WAAA,YAAAA,CAAA;IAAA,OAAAC,IAAA;EAAA;EAAA,OAAAA,IAAA;AAAA;AACA,SAAAE,MAAA;EAAA,MAAAF,IAAA,GAAAG,sBAAA,CAAAF,OAAA;EAAAC,KAAA,YAAAA,CAAA;IAAA,OAAAF,IAAA;EAAA;EAAA,OAAAA,IAAA;AAAA;AAAwB,SAAAG,uBAAAC,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA;AAKjB,eAAeG,6BAA6BA,CACjDC,QAAmB,EACnBC,WAAwB,EACxBC,MAAc,EACmC;EACjDA,MAAM,CAACC,KAAK,CAAC,kCAAkCH,QAAQ,CAACI,MAAM,WAAW,CAAC;EAC1E,OAAOC,MAAM,CAACC,WAAW,CACvB,MAAMC,OAAO,CAACC,GAAG,CACfR,QAAQ,CAACS,GAAG,CAAEC,OAAO,IAAK;IACxB,OAAOC,gBAAgB,CAACD,OAAO,CAACE,SAAS,CAACC,KAAK,CAACC,SAAS,EAAEb,WAAW,EAAEC,MAAM,CAAC;EACjF,CAAC,CACH,CACF,CAAC;AACH;AAEO,eAAea,oBAAoBA,CACxCd,WAAwB,EACxBC,MAAc,EACdc,WAAmB,EACI;EACvB,MAAMC,WAAW,GAAGC,eAAI,CAACC,IAAI,CAACH,WAAW,EAAE,cAAc,CAAC;EAC1D,OAAOf,WAAW,CAACQ,GAAG,CAAEC,OAAO,IAAK;IAClC,MAAMU,WAAW,GAAG,IAAAC,sCAAwB,EAACX,OAAO,CAACE,SAAS,CAACC,KAAK,CAACC,SAAS,CAAC;IAC/E,MAAMQ,IAAI,GAAGJ,eAAI,CAACC,IAAI,CAACF,WAAW,EAAEG,WAAW,CAAC;IAChD,OAAO;MACLG,IAAI,EAAEb,OAAO,CAACQ,IAAI;MAClBM,EAAE,EAAEF,IAAI;MACRF;IACF,CAAC;EACH,CAAC,CAAC;AACJ;AAEA,eAAeT,gBAAgBA,CAC7BC,SAA4B,EAC5BX,WAAwB,EACxBC,MAAc,EAC6B;EAC3C,MAAMuB,gBAAgB,GAAGxB,WAAW,CAACyB,uBAAuB,CAACd,SAAS,CAACe,EAAE,CAAC;EAC1E,IAAI,CAACF,gBAAgB,EAAE,MAAM,IAAIG,KAAK,CAAC,kCAAkChB,SAAS,CAACe,EAAE,CAACE,QAAQ,CAAC,CAAC,EAAE,CAAC;EACnG,MAAMC,OAAO,GAAGlB,SAAS,CAACmB,qBAAqB,CAAC,CAAC;EACjD,MAAMC,WAAW,GAAGF,OAAO,CAACG,MAAM,CAAC,CAACC,GAAG,EAAEC,KAAkB,KAAK;IAC9D;IACA,MAAMC,UAAU,GAAGnC,WAAW,CAACyB,uBAAuB,CAACS,KAAK,CAAC;IAC7D,IAAI,CAACC,UAAU,EAAE;MACf;MACAlC,MAAM,CAACC,KAAK,CACV,6DAA6DgC,KAAK,CAACE,sBAAsB,CAAC,CAAC,YAC7F,CAAC;MACD,OAAOH,GAAG;IACZ;IACA,MAAMd,WAAW,GAAG,IAAAC,sCAAwB,EAACe,UAAU,CAACxB,SAAS,CAACC,KAAK,CAACC,SAAS,CAAC;IAClF,MAAMwB,cAAc,GAAGF,UAAU,CAAClB,IAAI;IACtCgB,GAAG,CAACd,WAAW,CAAC,GAAG,QAAQkB,cAAc,EAAE;IAC3C,OAAOJ,GAAG;EACZ,CAAC,EAAE,CAAC,CAAC,CAAC;EAEN,OAAO,CAACT,gBAAgB,CAACP,IAAI,EAAEc,WAAW,CAAC;AAC7C","ignoreList":[]}

package/esm.mjs

@@ -0,0 +1,13 @@
+// eslint-disable-next-line import/no-unresolved
+import cjsModule from './index.js';
+
+export const CAPSULE_READY_FILE = cjsModule.CAPSULE_READY_FILE;
+export const Network = cjsModule.Network;
+export const FsContainer = cjsModule.FsContainer;
+export const Capsule = cjsModule.Capsule;
+export const ContainerExec = cjsModule.ContainerExec;
+export const IsolatorAspect = cjsModule.IsolatorAspect;
+export const CapsuleList = cjsModule.CapsuleList;
+
+export default cjsModule;
+

package/isolator.composition.tsx

@@ -0,0 +1,7 @@
+import React from 'react';
+
+export const Logo = () => (
+  <div style={{ height: '100%', display: 'flex', justifyContent: 'center' }}>
+    <img style={{ width: 70 }} src="https://static.bit.dev/extensions-icons/isolator.svg" />
+  </div>
+);

package/isolator.docs.md

@@ -0,0 +1,41 @@
+---
+description: Isolate components for build, debugging, development and testing.
+labels: ['isolation', 'component', 'core aspect']
+---
+
+## Isolate a component
+
+```bash
+bit create-capsule ui/button
+```
+
+## Entities
+
+### Capsule
+
+Bit implements a filesystem capsule, which is an isolated folder containing the component files.
+Capsules include the component files and links to other capsules that include the component's dependencies.
+
+### Network
+
+A network is a group of capsules, related to one another by their dependencies.
+A network includes a graph of all seed components given to it, as well as a list of the capsules.
+
+Example:
+
+```javascript
+const Network = {
+  graph: Graph,
+  capsules: CapsuleList,
+};
+```
+
+## API
+
+The exact particularities of this API are beyond the scope of this readme. Instead, this document opts to
+provide a general description of the methods of this API and their purpose.
+
+### Isolator.isolateComponents
+
+This method receives a list of components, create capsule for the components and write the components data into the capsule.
+It returns a list of capsules.

package/package.json

@@ -0,0 +1,93 @@
+{
+  "name": "@teambit/isolator",
+  "version": "0.0.0-13b05e0f967d2f43d6f3398f10eace82418bdb62",
+  "homepage": "https://bit.cloud/teambit/component/isolator",
+  "main": "dist/index.js",
+  "componentId": {
+    "scope": "teambit.component",
+    "name": "isolator",
+    "version": "13b05e0f967d2f43d6f3398f10eace82418bdb62"
+  },
+  "dependencies": {
+    "chalk": "4.1.2",
+    "fs-extra": "10.0.0",
+    "lodash": "4.17.21",
+    "object-hash": "2.1.1",
+    "p-map": "4.0.0",
+    "rimraf": "3.0.2",
+    "semver": "7.7.1",
+    "uuid": "8.3.2",
+    "@teambit/any-fs": "0.0.5",
+    "@teambit/capsule": "0.0.12",
+    "filenamify": "4.2.0",
+    "glob": "7.1.6",
+    "debug": "4.3.4",
+    "execa": "2.1.0",
+    "@teambit/component-id": "1.2.4",
+    "@teambit/graph.cleargraph": "0.0.11",
+    "@teambit/harmony": "0.4.7",
+    "@teambit/component": "0.0.0-3d9d268ead0c62a707430649104c753747a9cf3d",
+    "@teambit/dependency-resolver": "0.0.0-14c6cb2c67f08764229d9406620622549d9c47f5",
+    "@teambit/aspect-loader": "0.0.0-5f72409f70e9646c70610ac8f4941fddece270d4",
+    "@teambit/cli": "0.0.0-6994b27e4c68e32213f598d96cd073368758bd3b",
+    "@teambit/component-package-version": "0.0.438",
+    "@teambit/component.sources": "0.0.107",
+    "@teambit/config-store": "0.0.0-f5fbcd535d1a1050fc2537a592c05df35b10ce4d",
+    "@teambit/dependencies.fs.linked-dependencies": "0.0.31",
+    "@teambit/global-config": "0.0.0-a52ccc2c970efc0cfd58af9b2b0bccf67afe6f85",
+    "@teambit/graph": "0.0.0-822e7ee20eb575cea24c94a878797ea073fccbea",
+    "@teambit/harmony.modules.concurrency": "0.0.13",
+    "@teambit/legacy.constants": "0.0.12",
+    "@teambit/legacy.consumer-component": "0.0.56",
+    "@teambit/legacy.scope": "0.0.55",
+    "@teambit/legacy.utils": "0.0.21",
+    "@teambit/logger": "0.0.0-f5e3748543c4b1cc2ee84be8ebb0af38bc77daec",
+    "@teambit/objects": "0.0.0-f03d52e4caff861760856aa8dde248d8ac3f0f2e",
+    "@teambit/pkg.modules.component-package-name": "0.0.62",
+    "@teambit/workspace.modules.node-modules-linker": "0.0.283"
+  },
+  "devDependencies": {
+    "@types/fs-extra": "9.0.7",
+    "@types/lodash": "4.14.165",
+    "@types/object-hash": "1.3.4",
+    "@types/semver": "7.5.8",
+    "@types/uuid": "8.3.4",
+    "@types/mocha": "9.1.0",
+    "@teambit/harmony.envs.core-aspect-env": "0.0.69"
+  },
+  "peerDependencies": {
+    "react": "^17.0.0 || ^18.0.0",
+    "@types/react": "^17.0.73"
+  },
+  "license": "Apache-2.0",
+  "optionalDependencies": {},
+  "peerDependenciesMeta": {},
+  "exports": {
+    ".": {
+      "node": {
+        "require": "./dist/index.js",
+        "import": "./dist/esm.mjs"
+      },
+      "default": "./dist/index.js"
+    },
+    "./dist/*": "./dist/*",
+    "./artifacts/*": "./artifacts/*",
+    "./*": "./*.ts"
+  },
+  "private": false,
+  "engines": {
+    "node": ">=16.0.0"
+  },
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/teambit/bit"
+  },
+  "keywords": [
+    "bit",
+    "bit-aspect",
+    "bit-core-aspect",
+    "components",
+    "collaboration",
+    "web"
+  ]
+}

package/types/asset.d.ts

@@ -0,0 +1,41 @@
+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;
+}
+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;
+}
+declare module '*.otf' {
+  const value: any;
+  export = value;
+}
+declare module '*.woff' {
+  const value: any;
+  export = value;
+}
+declare module '*.woff2' {
+  const value: any;
+  export = value;
+}

package/types/style.d.ts

@@ -0,0 +1,42 @@
+declare module '*.module.css' {
+  const classes: { readonly [key: string]: string };
+  export default classes;
+}
+declare module '*.module.scss' {
+  const classes: { readonly [key: string]: string };
+  export default classes;
+}
+declare module '*.module.sass' {
+  const classes: { readonly [key: string]: string };
+  export default classes;
+}
+
+declare module '*.module.less' {
+  const classes: { readonly [key: string]: string };
+  export default classes;
+}
+
+declare module '*.less' {
+  const classes: { readonly [key: string]: string };
+  export default classes;
+}
+
+declare module '*.css' {
+  const classes: { readonly [key: string]: string };
+  export default classes;
+}
+
+declare module '*.sass' {
+  const classes: { readonly [key: string]: string };
+  export default classes;
+}
+
+declare module '*.scss' {
+  const classes: { readonly [key: string]: string };
+  export default classes;
+}
+
+declare module '*.mdx' {
+  const component: any;
+  export default component;
+}