@teambit/aspect 1.0.504 → 1.0.506

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -1 +1 @@
1
- !function(e,t){"object"==typeof exports&&"object"==typeof module?module.exports=t():"function"==typeof define&&define.amd?define([],t):"object"==typeof exports?exports["teambit.harmony/aspect-preview"]=t():e["teambit.harmony/aspect-preview"]=t()}(self,(()=>(()=>{"use strict";var e={4287:(e,t,o)=>{var n={id:"teambit.harmony/aspect@1.0.504",homepage:"https://bit.cloud/teambit/harmony/aspect",exported:!0};function r(){const e=a(o(1594));return r=function(){return e},e}function a(e){return e&&e.__esModule?e:{default:e}}Object.defineProperty(t,"__esModule",{value:!0}),t.Logo=void 0,r.__bit_component=n,a.__bit_component=n;const i=()=>r().default.createElement("div",{style:{height:"100%",display:"flex",justifyContent:"center"}},r().default.createElement("img",{style:{width:70},src:"https://static.bit.dev/extensions-icons/aspect.svg"}));i.__bit_component=n,t.Logo=i},1594:e=>{e.exports=React}},t={};function o(n){var r=t[n];if(void 0!==r)return r.exports;var a=t[n]={exports:{}};return e[n](a,a.exports,o),a.exports}o.d=(e,t)=>{for(var n in t)o.o(t,n)&&!o.o(e,n)&&Object.defineProperty(e,n,{enumerable:!0,get:t[n]})},o.o=(e,t)=>Object.prototype.hasOwnProperty.call(e,t),o.r=e=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})};var n={};o.r(n),o.d(n,{compositions:()=>m,compositions_metadata:()=>h,overview:()=>f});var r={};o.r(r),o.d(r,{default:()=>u});var a=o(4287);o(1594);const i=MdxJsReact,s=TeambitMdxUiMdxScopeContext;var p=["components"];function c(){return c=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var o=arguments[t];for(var n in o)({}).hasOwnProperty.call(o,n)&&(e[n]=o[n])}return e},c.apply(null,arguments)}var l={},d="wrapper";function u(e){var t=e.components,o=function(e,t){if(null==e)return{};var o,n,r=function(e,t){if(null==e)return{};var o={};for(var n in e)if({}.hasOwnProperty.call(e,n)){if(t.includes(n))continue;o[n]=e[n]}return o}(e,t);if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(e);for(n=0;n<a.length;n++)o=a[n],t.includes(o)||{}.propertyIsEnumerable.call(e,o)&&(r[o]=e[o])}return r}(e,p);return(0,i.mdx)(d,c({},l,o,{components:t,mdxType:"MDXLayout"}),(0,i.mdx)(s.MDXScopeProvider,{components:{},mdxType:"MDXScopeProvider"},(0,i.mdx)("h2",null,"Overview"),(0,i.mdx)("p",null,"Aspects can be configured on a component is various ways, some more general and some more specific. Once a component is loaded, Bit calculates all the sources and comes up with the final list of aspects. Each aspect has its config and data.\nConfig is what the user entered, Data is a result of the aspect process."),(0,i.mdx)("h2",null,"Debugging aspects"),(0,i.mdx)("p",null,"To help understanding why a component has these specific aspects, ",(0,i.mdx)("inlineCode",{parentName:"p"},"bit aspect get --debug")," shows each one of the sources, from the more specific one to the general one. At the end, it shows the merged result of all sources.\nThe various sources are as follows:"),(0,i.mdx)("pre",null,(0,i.mdx)("code",{parentName:"pre"},"'BitmapFile'\n'Model'\n'WorkspaceVariants'\n'ComponentJsonFile'\n")),(0,i.mdx)("p",null,"Since the list of all the config+data can be very long and hard to follow, the flag ",(0,i.mdx)("inlineCode",{parentName:"p"},"--json")," is very helpful.\nThis with help of ",(0,i.mdx)("a",{parentName:"p",href:"https://github.com/antonmedv/fx"},"fx"),", it's easy to extract the data needed."),(0,i.mdx)("p",null,"If for example, we're interested in one source only, we can run the following:"),(0,i.mdx)("pre",null,(0,i.mdx)("code",{parentName:"pre"},"bit aspect get ui/text --debug --json | fx .BitmapFile\n")),(0,i.mdx)("p",null,"It's possible to run any arbitrary javascript code with fx, so for example, if you want to debug just one specific aspect, and see its config/data per each one of the source, you can do something like this:"),(0,i.mdx)("pre",null,(0,i.mdx)("code",{parentName:"pre"},"bit aspect get ui/text --debug --json | fx 'Object.keys(this).map(origin => ({ origin, value: this[origin].extensions[\"teambit.pkg/pkg\"] }))'\n")),(0,i.mdx)("p",null,"Another data shown with the ",(0,i.mdx)("inlineCode",{parentName:"p"},"--debug")," flag is the rules in the workspace.jsonc#variants applied to this component. It shows the list of these rules sorted with the data about the specifity.")))}u.isMDXComponent=!0;const m=[a],f=[r],h={compositions:[{displayName:"Logo",identifier:"Logo"}]};return n})()));
1
+ !function(e,t){"object"==typeof exports&&"object"==typeof module?module.exports=t():"function"==typeof define&&define.amd?define([],t):"object"==typeof exports?exports["teambit.harmony/aspect-preview"]=t():e["teambit.harmony/aspect-preview"]=t()}(self,(()=>(()=>{"use strict";var e={23069:(e,t,o)=>{var n={id:"teambit.harmony/aspect@1.0.506",homepage:"https://bit.cloud/teambit/harmony/aspect",exported:!0};function r(){const e=a(o(41594));return r=function(){return e},e}function a(e){return e&&e.__esModule?e:{default:e}}Object.defineProperty(t,"__esModule",{value:!0}),t.Logo=void 0,r.__bit_component=n,a.__bit_component=n;const i=()=>r().default.createElement("div",{style:{height:"100%",display:"flex",justifyContent:"center"}},r().default.createElement("img",{style:{width:70},src:"https://static.bit.dev/extensions-icons/aspect.svg"}));i.__bit_component=n,t.Logo=i},41594:e=>{e.exports=React}},t={};function o(n){var r=t[n];if(void 0!==r)return r.exports;var a=t[n]={exports:{}};return e[n](a,a.exports,o),a.exports}o.d=(e,t)=>{for(var n in t)o.o(t,n)&&!o.o(e,n)&&Object.defineProperty(e,n,{enumerable:!0,get:t[n]})},o.o=(e,t)=>Object.prototype.hasOwnProperty.call(e,t),o.r=e=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})};var n={};o.r(n),o.d(n,{compositions:()=>m,compositions_metadata:()=>h,overview:()=>f});var r={};o.r(r),o.d(r,{default:()=>u});var a=o(23069);o(41594);const i=MdxJsReact,s=TeambitMdxUiMdxScopeContext;var p=["components"];function c(){return c=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var o=arguments[t];for(var n in o)({}).hasOwnProperty.call(o,n)&&(e[n]=o[n])}return e},c.apply(null,arguments)}var l={},d="wrapper";function u(e){var t=e.components,o=function(e,t){if(null==e)return{};var o,n,r=function(e,t){if(null==e)return{};var o={};for(var n in e)if({}.hasOwnProperty.call(e,n)){if(t.includes(n))continue;o[n]=e[n]}return o}(e,t);if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(e);for(n=0;n<a.length;n++)o=a[n],t.includes(o)||{}.propertyIsEnumerable.call(e,o)&&(r[o]=e[o])}return r}(e,p);return(0,i.mdx)(d,c({},l,o,{components:t,mdxType:"MDXLayout"}),(0,i.mdx)(s.MDXScopeProvider,{components:{},mdxType:"MDXScopeProvider"},(0,i.mdx)("h2",null,"Overview"),(0,i.mdx)("p",null,"Aspects can be configured on a component is various ways, some more general and some more specific. Once a component is loaded, Bit calculates all the sources and comes up with the final list of aspects. Each aspect has its config and data.\nConfig is what the user entered, Data is a result of the aspect process."),(0,i.mdx)("h2",null,"Debugging aspects"),(0,i.mdx)("p",null,"To help understanding why a component has these specific aspects, ",(0,i.mdx)("inlineCode",{parentName:"p"},"bit aspect get --debug")," shows each one of the sources, from the more specific one to the general one. At the end, it shows the merged result of all sources.\nThe various sources are as follows:"),(0,i.mdx)("pre",null,(0,i.mdx)("code",{parentName:"pre"},"'BitmapFile'\n'Model'\n'WorkspaceVariants'\n'ComponentJsonFile'\n")),(0,i.mdx)("p",null,"Since the list of all the config+data can be very long and hard to follow, the flag ",(0,i.mdx)("inlineCode",{parentName:"p"},"--json")," is very helpful.\nThis with help of ",(0,i.mdx)("a",{parentName:"p",href:"https://github.com/antonmedv/fx"},"fx"),", it's easy to extract the data needed."),(0,i.mdx)("p",null,"If for example, we're interested in one source only, we can run the following:"),(0,i.mdx)("pre",null,(0,i.mdx)("code",{parentName:"pre"},"bit aspect get ui/text --debug --json | fx .BitmapFile\n")),(0,i.mdx)("p",null,"It's possible to run any arbitrary javascript code with fx, so for example, if you want to debug just one specific aspect, and see its config/data per each one of the source, you can do something like this:"),(0,i.mdx)("pre",null,(0,i.mdx)("code",{parentName:"pre"},"bit aspect get ui/text --debug --json | fx 'Object.keys(this).map(origin => ({ origin, value: this[origin].extensions[\"teambit.pkg/pkg\"] }))'\n")),(0,i.mdx)("p",null,"Another data shown with the ",(0,i.mdx)("inlineCode",{parentName:"p"},"--debug")," flag is the rules in the workspace.jsonc#variants applied to this component. It shows the list of these rules sorted with the data about the specifity.")))}u.isMDXComponent=!0;const m=[a],f=[r],h={compositions:[{displayName:"Logo",identifier:"Logo"}]};return n})()));
@@ -2050,7 +2050,7 @@
2050
2050
  "_legacy": {
2051
2051
  "scope": "teambit.harmony",
2052
2052
  "name": "aspect",
2053
- "version": "1.0.504"
2053
+ "version": "1.0.506"
2054
2054
  },
2055
2055
  "_scope": "teambit.harmony"
2056
2056
  }
@@ -2077,7 +2077,7 @@
2077
2077
  "_legacy": {
2078
2078
  "scope": "teambit.harmony",
2079
2079
  "name": "aspect",
2080
- "version": "1.0.504"
2080
+ "version": "1.0.506"
2081
2081
  },
2082
2082
  "_scope": "teambit.harmony"
2083
2083
  }
@@ -2104,7 +2104,7 @@
2104
2104
  "_legacy": {
2105
2105
  "scope": "teambit.harmony",
2106
2106
  "name": "aspect",
2107
- "version": "1.0.504"
2107
+ "version": "1.0.506"
2108
2108
  },
2109
2109
  "_scope": "teambit.harmony"
2110
2110
  }
@@ -4240,7 +4240,7 @@
4240
4240
  "_legacy": {
4241
4241
  "scope": "teambit.harmony",
4242
4242
  "name": "aspect",
4243
- "version": "1.0.504"
4243
+ "version": "1.0.506"
4244
4244
  },
4245
4245
  "_scope": "teambit.harmony"
4246
4246
  }
@@ -4267,7 +4267,7 @@
4267
4267
  "_legacy": {
4268
4268
  "scope": "teambit.harmony",
4269
4269
  "name": "aspect",
4270
- "version": "1.0.504"
4270
+ "version": "1.0.506"
4271
4271
  },
4272
4272
  "_scope": "teambit.harmony"
4273
4273
  }
@@ -4294,7 +4294,7 @@
4294
4294
  "_legacy": {
4295
4295
  "scope": "teambit.harmony",
4296
4296
  "name": "aspect",
4297
- "version": "1.0.504"
4297
+ "version": "1.0.506"
4298
4298
  },
4299
4299
  "_scope": "teambit.harmony"
4300
4300
  }
@@ -4421,7 +4421,7 @@
4421
4421
  "componentId": {
4422
4422
  "scope": "teambit.harmony",
4423
4423
  "name": "aspect",
4424
- "version": "1.0.504"
4424
+ "version": "1.0.506"
4425
4425
  },
4426
4426
  "taggedModuleExports": []
4427
4427
  }
@@ -1,5 +1,5 @@
1
1
 
2
- import { linkModules } from '/home/circleci/.bvm/versions/1.9.27/bit-1.9.27/node_modules/@teambit/preview/dist/preview-modules.js';
2
+ import { linkModules } from '/home/circleci/.bvm/versions/1.9.28/bit-1.9.28/node_modules/@teambit/preview/dist/preview-modules.js';
3
3
 
4
4
  import {defaultMainModule} from "/home/circleci/bit/bit/node_modules/@teambit/_local/preview-modules-68b147035e4e910b00e4b8a4a3ce04a0de2e2e59.mjs";
5
5
 
@@ -1,5 +1,5 @@
1
- import * as compositions_0 from '/home/circleci/Library/Caches/Bit/capsules/8891be5ad/teambit.harmony_aspect@1.0.504/dist/aspect.composition.js';
2
- import * as overview_0 from '/home/circleci/Library/Caches/Bit/capsules/8891be5ad/teambit.harmony_aspect@1.0.504/dist/aspect.docs.mdx';
1
+ import * as compositions_0 from '/home/circleci/Library/Caches/Bit/capsules/8891be5ad/teambit.harmony_aspect@1.0.506/dist/aspect.composition.js';
2
+ import * as overview_0 from '/home/circleci/Library/Caches/Bit/capsules/8891be5ad/teambit.harmony_aspect@1.0.506/dist/aspect.docs.mdx';
3
3
 
4
4
  export const compositions = [compositions_0];
5
5
  export const overview = [overview_0];
@@ -1,5 +1,5 @@
1
1
 
2
- import { linkModules } from '/home/circleci/.bvm/versions/1.9.27/bit-1.9.27/node_modules/@teambit/preview/dist/preview-modules.js';
2
+ import { linkModules } from '/home/circleci/.bvm/versions/1.9.28/bit-1.9.28/node_modules/@teambit/preview/dist/preview-modules.js';
3
3
 
4
4
  import {defaultMainModule} from "/home/circleci/bit/bit/node_modules/@teambit/_local/preview-modules-9b89befd045d1080499f8437aaaa95b3d5125fd8.mjs";
5
5
 
package/package.json CHANGED
@@ -1,12 +1,12 @@
1
1
  {
2
2
  "name": "@teambit/aspect",
3
- "version": "1.0.504",
3
+ "version": "1.0.506",
4
4
  "homepage": "https://bit.cloud/teambit/harmony/aspect",
5
5
  "main": "dist/index.js",
6
6
  "componentId": {
7
7
  "scope": "teambit.harmony",
8
8
  "name": "aspect",
9
- "version": "1.0.504"
9
+ "version": "1.0.506"
10
10
  },
11
11
  "dependencies": {
12
12
  "chalk": "2.4.2",
@@ -36,34 +36,34 @@
36
36
  "@bitdev/symphony.generators.symphony-templates": "1.0.5",
37
37
  "@teambit/design.ui.empty-box": "0.0.363",
38
38
  "@teambit/cli-table": "0.0.49",
39
- "@teambit/cli": "0.0.1081",
39
+ "@teambit/cli": "0.0.1083",
40
40
  "@teambit/legacy.constants": "0.0.4",
41
- "@teambit/legacy.extension-data": "0.0.13",
42
- "@teambit/aspect-loader": "1.0.504",
43
- "@teambit/builder": "1.0.504",
44
- "@teambit/bundler": "1.0.504",
45
- "@teambit/compiler": "1.0.504",
46
- "@teambit/dev-files": "1.0.504",
47
- "@teambit/envs": "1.0.504",
48
- "@teambit/logger": "0.0.1174",
49
- "@teambit/pkg": "1.0.504",
50
- "@teambit/preview": "1.0.504",
51
- "@teambit/react": "1.0.504",
52
- "@teambit/tester": "1.0.504",
41
+ "@teambit/legacy.extension-data": "0.0.15",
42
+ "@teambit/aspect-loader": "1.0.506",
43
+ "@teambit/builder": "1.0.506",
44
+ "@teambit/bundler": "1.0.506",
45
+ "@teambit/compiler": "1.0.506",
46
+ "@teambit/dev-files": "1.0.506",
47
+ "@teambit/envs": "1.0.506",
48
+ "@teambit/logger": "0.0.1176",
49
+ "@teambit/pkg": "1.0.506",
50
+ "@teambit/preview": "1.0.506",
51
+ "@teambit/react": "1.0.506",
52
+ "@teambit/tester": "1.0.506",
53
53
  "@teambit/toolbox.path.path": "0.0.5",
54
- "@teambit/typescript": "1.0.504",
55
- "@teambit/webpack": "1.0.504",
56
- "@teambit/worker": "0.0.1385",
57
- "@teambit/workspace-config-files": "1.0.504",
58
- "@teambit/component": "1.0.504",
59
- "@teambit/dependency-resolver": "1.0.504",
60
- "@teambit/generator": "1.0.505",
61
- "@teambit/workspace": "1.0.504",
62
- "@teambit/compositions": "1.0.504",
63
- "@teambit/ui": "1.0.504",
64
- "@teambit/isolator": "1.0.504",
54
+ "@teambit/typescript": "1.0.506",
55
+ "@teambit/webpack": "1.0.506",
56
+ "@teambit/worker": "0.0.1387",
57
+ "@teambit/workspace-config-files": "1.0.506",
58
+ "@teambit/component": "1.0.506",
59
+ "@teambit/dependency-resolver": "1.0.506",
60
+ "@teambit/generator": "1.0.507",
61
+ "@teambit/workspace": "1.0.506",
62
+ "@teambit/compositions": "1.0.506",
63
+ "@teambit/ui": "1.0.506",
64
+ "@teambit/isolator": "1.0.506",
65
65
  "@teambit/react.eslint-config-bit-react": "1.0.224",
66
- "@teambit/node": "1.0.504"
66
+ "@teambit/node": "1.0.506"
67
67
  },
68
68
  "devDependencies": {
69
69
  "@types/lodash": "4.14.165",
@@ -1 +0,0 @@
1
- "use strict";(self.__loadChunks_EnvTemplate=self.__loadChunks_EnvTemplate||[]).push([[384],{22169:(__unused_webpack_module,__unused_webpack___webpack_exports__,__webpack_require__)=>{var _home_circleci_bvm_versions_1_9_27_bit_1_9_27_node_modules_teambit_preview_dist_preview_modules_js__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__(69611),_home_circleci_bit_bit_node_modules_teambit_local_preview_modules_68b147035e4e910b00e4b8a4a3ce04a0de2e2e59_mjs__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__(48137);(0,_home_circleci_bvm_versions_1_9_27_bit_1_9_27_node_modules_teambit_preview_dist_preview_modules_js__WEBPACK_IMPORTED_MODULE_0__.Bu)("compositions",{modulesMap:{default:_home_circleci_bit_bit_node_modules_teambit_local_preview_modules_68b147035e4e910b00e4b8a4a3ce04a0de2e2e59_mjs__WEBPACK_IMPORTED_MODULE_1__.Y},isSplitComponentBundle:!1,componentMap:{}})}},__webpack_require__=>{var __webpack_exec__=moduleId=>__webpack_require__(__webpack_require__.s=moduleId);__webpack_require__.O(0,[218,782,636,629],()=>__webpack_exec__(22169));var __webpack_exports__=__webpack_require__.O()}]);
@@ -1 +0,0 @@
1
- (self.__loadChunks_EnvTemplate=self.__loadChunks_EnvTemplate||[]).push([[340],{77034:(__unused_webpack_module,__unused_webpack___webpack_exports__,__webpack_require__)=>{"use strict";var _home_circleci_bvm_versions_1_9_27_bit_1_9_27_node_modules_teambit_preview_dist_preview_modules_js__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__(69611),_home_circleci_bit_bit_node_modules_teambit_local_preview_modules_9b89befd045d1080499f8437aaaa95b3d5125fd8_mjs__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__(1182);(0,_home_circleci_bvm_versions_1_9_27_bit_1_9_27_node_modules_teambit_preview_dist_preview_modules_js__WEBPACK_IMPORTED_MODULE_0__.Bu)("overview",{modulesMap:{default:_home_circleci_bit_bit_node_modules_teambit_local_preview_modules_9b89befd045d1080499f8437aaaa95b3d5125fd8_mjs__WEBPACK_IMPORTED_MODULE_1__.Y},isSplitComponentBundle:!1,componentMap:{}})},27127:()=>{},5010:()=>{},93624:()=>{},87942:()=>{},82880:()=>{}},__webpack_require__=>{var __webpack_exec__=moduleId=>__webpack_require__(__webpack_require__.s=moduleId);__webpack_require__.O(0,[182,782,636,629,218,384],()=>__webpack_exec__(77034));var __webpack_exports__=__webpack_require__.O()}]);