@teambit/node 0.0.706 → 0.0.709

package/artifacts/env-template/public/static/css/{previewRoot.a16607da.css → previewRoot.c0db5bec.css}

@@ -1 +1 @@
-.card_card__37xow{box-sizing:border-box;padding:20px}.elevations_low__1hVha{box-shadow:var(--bit-shadow-hover-low)}.elevations_medium__3klNF{box-shadow:var(--bit-shadow-hover-medium)}.elevations_high__34Cbm{box-shadow:var(--bit-shadow-hover-high)}.roundness_sharp__HxXUj{border-radius:2px}.roundness_default__2lyQQ{border-radius:5px}.roundness_small__3Cwbi{border-radius:8px}.roundness_medium__rMVHV{border-radius:10px}.roundness_circle__18nMU{border-radius:50%}.background_bedrock__3FKrB{background:var(--bit-bg-bedrock)}.background_base__29SaX,.background_layer__Sl4XN{background:var(--bit-bg-color)}.background_crust__3IFae{background:var(--bit-bg-tooltip)}.background_topping__bd7wA{background:var(--bit-bg-color)}.background_topping__bd7wA:hover{background:var(--bit-bg-heavy)}.background_dent__3lLeg{background:var(--bit-bg-dent)}.accent-color_primary__3frqn{--bit-accent-color:#6c5ce7;--bit-accent-heavy:#5d4aec;--bit-accent-light:#897dec;--bit-accent-text:#6c5ce7;--bit-accent-text-heavy:#5d4aec;--bit-text-on-accent:#fff;--bit-accent-bg:#eceaff;--bit-accent-bg-heavy:#c9c3f6}.accent-color_complementary__2hAqH{--bit-accent-color:#f83d6c;--bit-accent-heavy:#f7174f;--bit-accent-light:#f96389;--bit-accent-text:#f83d6c;--bit-accent-text-heavy:#f7174f;--bit-text-on-accent:#fff;--bit-accent-bg:#ffe2ea;--bit-accent-bg-heavy:#fb9cb4}.accent-color_impulsive__A1-5J{--bit-accent-color:#e62e5c;--bit-accent-heavy:#d31948;--bit-accent-light:#f086a0;--bit-accent-text:#e62e5c;--bit-accent-text-heavy:#d31948;--bit-text-on-accent:#fff;--bit-accent-bg:#fdeff2;--bit-accent-bg-heavy:#f7bac9}.accent-color_hungry__2f4vr{--bit-accent-color:#ffc640;--bit-accent-heavy:#ff991f;--bit-accent-light:#ffe380;--bit-accent-text:#ffc640;--bit-accent-text-heavy:#ff991f;--bit-text-on-accent:#0c0c0c;--bit-accent-bg:#fff5dd;--bit-accent-bg-heavy:#fff0b3}.accent-color_success__bd5oL{--bit-accent-color:#37b26c;--bit-accent-heavy:#2e945a;--bit-accent-light:#94deb4;--bit-accent-text:#37b26c;--bit-accent-text-heavy:#2e945a;--bit-text-on-accent:#fff;--bit-accent-bg:#eefaf3;--bit-accent-bg-heavy:#d0f1de}.accent-color_process__2YrEO{--bit-accent-color:#0984e3;--bit-accent-heavy:#3d5afe;--bit-accent-light:#95ccf5;--bit-accent-text:#0984e3;--bit-accent-text-heavy:#3d5afe;--bit-text-on-accent:#fff;--bit-accent-bg:#f3faff;--bit-accent-bg-heavy:#d2ecfe}.accent-color_emphasized__3yGcN{--bit-accent-color:#2b2b2b;--bit-accent-heavy:#0c0c0c;--bit-accent-light:#414141;--bit-accent-text:#2b2b2b;--bit-accent-text-heavy:#0c0c0c;--bit-text-on-accent:#fff;--bit-accent-bg:#ededed;--bit-accent-bg-heavy:#cccfd4}.accent-color_neutral__gff6l{--bit-accent-color:#414141;--bit-accent-heavy:#2b2b2b;--bit-accent-light:#6c707c;--bit-accent-text:#414141;--bit-accent-text-heavy:#2b2b2b;--bit-text-on-accent:#fff;--bit-accent-bg:#f6f6f6;--bit-accent-bg-heavy:#ededed}.button_vanillaButton__2NQrx{cursor:pointer;font:inherit;transition:all .18s ease-in-out;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.dots-loader_dotsLoader__3AHki{letter-spacing:.6em;text-indent:.6em}.dots-loader_dotsLoader__3AHki>*{-webkit-animation:1.27s ease-in-out infinite both;animation:1.27s ease-in-out infinite both;-webkit-animation-name:dots-loader_scale-down__3P_ea;animation-name:dots-loader_scale-down__3P_ea;display:inline-block}.dots-loader_dotsLoader__3AHki>:first-child{-webkit-animation-delay:-.37s;animation-delay:-.37s}.dots-loader_dotsLoader__3AHki>:nth-child(2){-webkit-animation-delay:-185ms;animation-delay:-185ms}@-webkit-keyframes dots-loader_scale-down__3P_ea{0%,20%,to{transform:scale(0)}60%{transform:scale(1)}}@keyframes dots-loader_scale-down__3P_ea{0%,20%,to{transform:scale(0)}60%{transform:scale(1)}}.icon-button_iconButton__2YTx9{align-items:center;border-radius:8px;display:flex;padding:7px 16px;transition:background-color .3s ease-in-out}.icon-button_iconButton__2YTx9.icon-button_iconOnly__mU2Gj{padding:6px 8px}.icon-button_iconButton__2YTx9[data-priority=ghost]{background-color:#fff;background-color:var(--bit-bg-color,#fff);border:1px solid #ededed;border:1px solid var(--bit-border-color-lightest,#ededed);color:#2b2b2b;color:var(--bit-text-color-heavy,#2b2b2b)}.icon-button_iconButton__2YTx9[data-priority=ghost].icon-button_active__3NW_G{border-color:#6c5ce7;border-color:var(--bit-accent-color,#6c5ce7);color:#6c5ce7;color:var(--bit-accent-color,#6c5ce7)}.icon-button_iconButton__2YTx9[data-priority=ghost]:hover{background-color:#f6f6f6;background-color:var(--bit-bg-heavy,#f6f6f6)}.icon-button_iconButton__2YTx9[data-priority=ghost]:active{background-color:#ededed;background-color:var(--bit-bg-heaviest,#ededed)}.icon-button_iconButton__2YTx9[data-priority=ghost]:disabled:hover{background-color:#fff;background-color:var(--bit-bg-color,#fff)}.icon-button_iconButton__2YTx9[data-priority=cta]{background-color:#6c5ce7;background-color:var(--bit-accent-color,#6c5ce7);border:1px solid #6c5ce7;border:1px solid var(--bit-accent-color,#6c5ce7);color:#fff;color:var(--bit-bg-color,#fff)}.icon-button_iconButton__2YTx9[data-priority=cta]:hover:not(:disabled){background-color:#5d4aec;background-color:var(--bit-accent-heavy,#5d4aec);border:1px solid #5d4aec;border:1px solid var(--bit-accent-heavy,#5d4aec)}.icon-button_iconButton__2YTx9[data-priority=cta]:disabled{background-color:#f6f6f6;background-color:var(--bit-bg-heavy,#f6f6f6);border-color:#f6f6f6;border-color:var(--bit-bg-heavy,#f6f6f6)}.icon-button_iconButton__2YTx9:disabled{color:#babec9;color:var(--bit-border-color,#babec9);cursor:not-allowed}.icon-button_iconButton__2YTx9:focus{box-shadow:0 0 0 .125em #eceaff;box-shadow:0 0 0 .125em var(--bit-accent-bg,#eceaff);outline:none}.icon-button_icon__24uLr{color:inherit;font-size:16px}.icon-button_margin__tDWIN{margin-right:8px}.sizes_buttonSizes__2RvCY[data-size=m]{font-size:14px;height:32px}.sizes_buttonSizes__2RvCY[data-size=l]{font-size:14px;height:40px}.flex-center_flexCenter__1OE5Q{align-items:center;display:flex;flex-direction:column;justify-content:center}.error-fallback_icon__22fU3{background-color:#fff;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='512' height='512'%3E%3Cpath fill='%23e62e5c' d='M256 512c141.385 0 256-114.615 256-256S397.385 0 256 0 0 114.615 0 256s114.615 256 256 256zm120.262-340.502-86.038 84.5 86.038 84.511c10.451 10.275 10.183 25.962 0 35.968-10.077 9.891-25.68 10.17-36.038 0l-84.222-82.743-84.235 82.743c-10.345 10.17-25.949 9.891-36.026 0-10.182-10.007-10.461-25.693 0-35.968l86.038-84.511-86.038-84.501c-10.461-10.286-10.182-25.971 0-35.978 10.077-9.891 25.681-10.159 36.026 0l84.235 82.743 84.222-82.743c10.358-10.159 25.962-9.891 36.038 0 10.183 10.007 10.451 25.692 0 35.978z'/%3E%3C/svg%3E");background-size:contain;border-radius:100%;height:24px;margin-bottom:16px;width:24px}.error-fallback_message__7TfMY{color:#e62e5c;color:var(--bit-error-color,#e62e5c);margin-bottom:8px}.error-fallback_errorFallback__3WyiR{-webkit-animation:error-fallback_enter__3s9LR .3s ease-in forwards;animation:error-fallback_enter__3s9LR .3s ease-in forwards;border:4px solid #f086a0;border:4px solid var(--bit-error-light,#f086a0);border-radius:4px;box-sizing:border-box;color:#e62e5c;color:var(--bit-error-color,#e62e5c);font-family:sans-serif;height:100%;padding:8px}.error-fallback_errorFallback__3WyiR>*{flex:none}@-webkit-keyframes error-fallback_enter__3s9LR{0%{opacity:.1}to{opacity:1}}@keyframes error-fallback_enter__3s9LR{0%{opacity:.1}to{opacity:1}}.themed-text_themedText__-5NI1{color:#6c5ce7;color:var(--bit-accent-color,#6c5ce7)}.composition-card_compositionCard__1TGzH{background-color:#fff;background-color:var(--bit-bg-color,#fff);box-shadow:var(--bit-shadow-raised-low);display:flex;flex:none;flex-direction:column;min-height:122px;min-width:199px;padding:0}.composition-card_compositionCard__1TGzH:hover .composition-card_linkToComposition__uWeCP{opacity:1;visibility:visible}.composition-card_compositionContainer__1fvHN{box-sizing:border-box;margin:auto;max-width:100%;overflow:auto;padding:16px;position:relative;transform:translateZ(0)}.composition-card_title__1pxwS{align-items:center;border-top:1px solid #ededed;border-top:1px solid var(--bit-border-color-lightest,#ededed);display:flex;flex:none;font-size:.875em;justify-content:space-between;padding:8px 16px}.composition-card_title__1pxwS>span{margin-right:8px}.composition-card_linkToComposition__uWeCP{color:#2b2b2b;color:var(--bit-text-color-heavy,#2b2b2b);opacity:0;text-decoration:none;transition:opacity .3s,visibility .3s ease-in-out;visibility:hidden}.composition-card_compositionCardError__1YDP3{border-radius:4px 4px 0 0}.compositions-overview_background__3z-mR{background:#f6f6f6;background:var(--bit-bg-dent,#f6f6f6);border:1px solid #ededed;border:1px solid var(--bit-border-color-lightest,#ededed);border-radius:6px;display:flex;max-height:500px;overflow-x:auto;padding:12px}.compositions-overview_background__3z-mR>*{margin-right:16px}.compositions-overview_background__3z-mR>:last-child{margin:0}.frame_overlayBorder__16yQg{border:2px solid #eebcc9;border:2px solid var(--bit-highlighter-color,#eebcc9);border-radius:11px;box-sizing:border-box;padding:4px;pointer-events:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.frame_hidden__2sf70{display:none}.label_othersContainer__1ExfG>*{margin-bottom:8px}.label_othersContainer__1ExfG>:last-child{margin-bottom:unset}.label_othersTooltip__1HBaz{cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.label_othersTooltip__1HBaz:before{content:"▾";display:inline-block;transition:transform .3s}.label_othersTooltip__1HBaz.label_active__7E4-a:before{transform:rotate(-180deg)}.label_hidden__3j8Bq{pointer-events:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;visibility:hidden}.component-strip_componentStrip__3tWW4{border-radius:.5em;box-shadow:var(--bit-highlighter-shadow);display:flex;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.component-strip_componentStrip__3tWW4>*{background:#eebcc9;background:var(--bit-highlighter-color,#eebcc9);line-height:1.5;margin-right:.125em;padding:0 .5em;transform:translateZ(0);transition:filter .3s,background-color .3s}.component-strip_componentStrip__3tWW4>:link,.component-strip_componentStrip__3tWW4>:visited{color:inherit;text-decoration:inherit}.component-strip_componentStrip__3tWW4>:link:hover,.component-strip_componentStrip__3tWW4>:visited:hover{background:#f6dae2;background:var(--bit-highlighter-color-hover,#f6dae2)}.component-strip_componentStrip__3tWW4>:link:active,.component-strip_componentStrip__3tWW4>:visited:active{background:#e79db1;background:var(--bit-highlighter-color-active,#e79db1);color:inherit}.component-strip_componentStrip__3tWW4>:first-child{border-bottom-left-radius:.5em;border-top-left-radius:.5em}.component-strip_componentStrip__3tWW4>:last-child{border-bottom-right-radius:.5em;border-top-right-radius:.5em;margin-right:unset}.element-highlighter_label__zdp2_{padding:8px}.element-highlighter_frame__Ra14a,.element-highlighter_label__zdp2_{z-index:15500}.highlighter-provider_highlighter__124yM{border:solid #ededed;border:0 solid var(--bit-border-color-lightest,#ededed);box-sizing:border-box;height:100%;transition:border .3s}.highlighter-provider_highlighter__124yM.highlighter-provider_active__oBUtA{border-width:8px;overflow:auto}.highlighter-provider_label__rMBbJ{font-family:sans-serif;font-size:12px}
+.card_card__37xow{box-sizing:border-box;padding:20px}.elevations_low__1hVha{box-shadow:var(--bit-shadow-hover-low)}.elevations_medium__3klNF{box-shadow:var(--bit-shadow-hover-medium)}.elevations_high__34Cbm{box-shadow:var(--bit-shadow-hover-high)}.roundness_sharp__HxXUj{border-radius:2px}.roundness_default__2lyQQ{border-radius:5px}.roundness_small__3Cwbi{border-radius:8px}.roundness_medium__rMVHV{border-radius:10px}.roundness_circle__18nMU{border-radius:50%}.background_bedrock__3FKrB{background:var(--bit-bg-bedrock)}.background_base__29SaX,.background_layer__Sl4XN{background:var(--bit-bg-color)}.background_crust__3IFae{background:var(--bit-bg-tooltip)}.background_topping__bd7wA{background:var(--bit-bg-color)}.background_topping__bd7wA:hover{background:var(--bit-bg-heavy)}.background_dent__3lLeg{background:var(--bit-bg-dent)}.accent-color_primary__3frqn{--bit-accent-color:#6c5ce7;--bit-accent-heavy:#5d4aec;--bit-accent-light:#897dec;--bit-accent-text:#6c5ce7;--bit-accent-text-heavy:#5d4aec;--bit-text-on-accent:#fff;--bit-accent-bg:#eceaff;--bit-accent-bg-heavy:#c9c3f6}.accent-color_complementary__2hAqH{--bit-accent-color:#f83d6c;--bit-accent-heavy:#f7174f;--bit-accent-light:#f96389;--bit-accent-text:#f83d6c;--bit-accent-text-heavy:#f7174f;--bit-text-on-accent:#fff;--bit-accent-bg:#ffe2ea;--bit-accent-bg-heavy:#fb9cb4}.accent-color_impulsive__A1-5J{--bit-accent-color:#e62e5c;--bit-accent-heavy:#d31948;--bit-accent-light:#f086a0;--bit-accent-text:#e62e5c;--bit-accent-text-heavy:#d31948;--bit-text-on-accent:#fff;--bit-accent-bg:#fdeff2;--bit-accent-bg-heavy:#f7bac9}.accent-color_hungry__2f4vr{--bit-accent-color:#ffc640;--bit-accent-heavy:#ff991f;--bit-accent-light:#ffe380;--bit-accent-text:#ffc640;--bit-accent-text-heavy:#ff991f;--bit-text-on-accent:#0c0c0c;--bit-accent-bg:#fff5dd;--bit-accent-bg-heavy:#fff0b3}.accent-color_success__bd5oL{--bit-accent-color:#37b26c;--bit-accent-heavy:#2e945a;--bit-accent-light:#94deb4;--bit-accent-text:#37b26c;--bit-accent-text-heavy:#2e945a;--bit-text-on-accent:#fff;--bit-accent-bg:#eefaf3;--bit-accent-bg-heavy:#d0f1de}.accent-color_process__2YrEO{--bit-accent-color:#0984e3;--bit-accent-heavy:#3d5afe;--bit-accent-light:#95ccf5;--bit-accent-text:#0984e3;--bit-accent-text-heavy:#3d5afe;--bit-text-on-accent:#fff;--bit-accent-bg:#f3faff;--bit-accent-bg-heavy:#d2ecfe}.accent-color_emphasized__3yGcN{--bit-accent-color:#2b2b2b;--bit-accent-heavy:#0c0c0c;--bit-accent-light:#414141;--bit-accent-text:#2b2b2b;--bit-accent-text-heavy:#0c0c0c;--bit-text-on-accent:#fff;--bit-accent-bg:#ededed;--bit-accent-bg-heavy:#cccfd4}.accent-color_neutral__gff6l{--bit-accent-color:#414141;--bit-accent-heavy:#2b2b2b;--bit-accent-light:#6c707c;--bit-accent-text:#414141;--bit-accent-text-heavy:#2b2b2b;--bit-text-on-accent:#fff;--bit-accent-bg:#f6f6f6;--bit-accent-bg-heavy:#ededed}.button_vanillaButton__1ij7P{cursor:pointer;font:inherit;transition:all .18s ease-in-out;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.dots-loader_dotsLoader__3X0DS{letter-spacing:.6em;text-indent:.6em}.dots-loader_dotsLoader__3X0DS>*{-webkit-animation:1.27s ease-in-out infinite both;animation:1.27s ease-in-out infinite both;-webkit-animation-name:dots-loader_scale-down__3btxF;animation-name:dots-loader_scale-down__3btxF;display:inline-block}.dots-loader_dotsLoader__3X0DS>:first-child{-webkit-animation-delay:-.37s;animation-delay:-.37s}.dots-loader_dotsLoader__3X0DS>:nth-child(2){-webkit-animation-delay:-185ms;animation-delay:-185ms}@-webkit-keyframes dots-loader_scale-down__3btxF{0%,20%,to{transform:scale(0)}60%{transform:scale(1)}}@keyframes dots-loader_scale-down__3btxF{0%,20%,to{transform:scale(0)}60%{transform:scale(1)}}.icon-button_iconButton__2YTx9{align-items:center;border-radius:8px;display:flex;padding:7px 16px;transition:background-color .3s ease-in-out}.icon-button_iconButton__2YTx9.icon-button_iconOnly__mU2Gj{padding:6px 8px}.icon-button_iconButton__2YTx9[data-priority=ghost]{background-color:#fff;background-color:var(--bit-bg-color,#fff);border:1px solid #ededed;border:1px solid var(--bit-border-color-lightest,#ededed);color:#2b2b2b;color:var(--bit-text-color-heavy,#2b2b2b)}.icon-button_iconButton__2YTx9[data-priority=ghost].icon-button_active__3NW_G{border-color:#6c5ce7;border-color:var(--bit-accent-color,#6c5ce7);color:#6c5ce7;color:var(--bit-accent-color,#6c5ce7)}.icon-button_iconButton__2YTx9[data-priority=ghost]:hover{background-color:#f6f6f6;background-color:var(--bit-bg-heavy,#f6f6f6)}.icon-button_iconButton__2YTx9[data-priority=ghost]:active{background-color:#ededed;background-color:var(--bit-bg-heaviest,#ededed)}.icon-button_iconButton__2YTx9[data-priority=ghost]:disabled:hover{background-color:#fff;background-color:var(--bit-bg-color,#fff)}.icon-button_iconButton__2YTx9[data-priority=cta]{background-color:#6c5ce7;background-color:var(--bit-accent-color,#6c5ce7);border:1px solid #6c5ce7;border:1px solid var(--bit-accent-color,#6c5ce7);color:#fff;color:var(--bit-bg-color,#fff)}.icon-button_iconButton__2YTx9[data-priority=cta]:hover:not(:disabled){background-color:#5d4aec;background-color:var(--bit-accent-heavy,#5d4aec);border:1px solid #5d4aec;border:1px solid var(--bit-accent-heavy,#5d4aec)}.icon-button_iconButton__2YTx9[data-priority=cta]:disabled{background-color:#f6f6f6;background-color:var(--bit-bg-heavy,#f6f6f6);border-color:#f6f6f6;border-color:var(--bit-bg-heavy,#f6f6f6)}.icon-button_iconButton__2YTx9:disabled{color:#babec9;color:var(--bit-border-color,#babec9);cursor:not-allowed}.icon-button_iconButton__2YTx9:focus{box-shadow:0 0 0 .125em #eceaff;box-shadow:0 0 0 .125em var(--bit-accent-bg,#eceaff);outline:none}.icon-button_icon__24uLr{color:inherit;font-size:16px}.icon-button_margin__tDWIN{margin-right:8px}.sizes_buttonSizes__2RvCY[data-size=m]{font-size:14px;height:32px}.sizes_buttonSizes__2RvCY[data-size=l]{font-size:14px;height:40px}.flex-center_flexCenter__1OE5Q{align-items:center;display:flex;flex-direction:column;justify-content:center}.error-fallback_icon__22fU3{background-color:#fff;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='512' height='512'%3E%3Cpath fill='%23e62e5c' d='M256 512c141.385 0 256-114.615 256-256S397.385 0 256 0 0 114.615 0 256s114.615 256 256 256zm120.262-340.502-86.038 84.5 86.038 84.511c10.451 10.275 10.183 25.962 0 35.968-10.077 9.891-25.68 10.17-36.038 0l-84.222-82.743-84.235 82.743c-10.345 10.17-25.949 9.891-36.026 0-10.182-10.007-10.461-25.693 0-35.968l86.038-84.511-86.038-84.501c-10.461-10.286-10.182-25.971 0-35.978 10.077-9.891 25.681-10.159 36.026 0l84.235 82.743 84.222-82.743c10.358-10.159 25.962-9.891 36.038 0 10.183 10.007 10.451 25.692 0 35.978z'/%3E%3C/svg%3E");background-size:contain;border-radius:100%;height:24px;margin-bottom:16px;width:24px}.error-fallback_message__7TfMY{color:#e62e5c;color:var(--bit-error-color,#e62e5c);margin-bottom:8px}.error-fallback_errorFallback__3WyiR{-webkit-animation:error-fallback_enter__3s9LR .3s ease-in forwards;animation:error-fallback_enter__3s9LR .3s ease-in forwards;border:4px solid #f086a0;border:4px solid var(--bit-error-light,#f086a0);border-radius:4px;box-sizing:border-box;color:#e62e5c;color:var(--bit-error-color,#e62e5c);font-family:sans-serif;height:100%;padding:8px}.error-fallback_errorFallback__3WyiR>*{flex:none}@-webkit-keyframes error-fallback_enter__3s9LR{0%{opacity:.1}to{opacity:1}}@keyframes error-fallback_enter__3s9LR{0%{opacity:.1}to{opacity:1}}.themed-text_themedText__-5NI1{color:#6c5ce7;color:var(--bit-accent-color,#6c5ce7)}.composition-card_compositionCard__1TGzH{background-color:#fff;background-color:var(--bit-bg-color,#fff);box-shadow:var(--bit-shadow-raised-low);display:flex;flex:none;flex-direction:column;min-height:122px;min-width:199px;padding:0}.composition-card_compositionCard__1TGzH:hover .composition-card_linkToComposition__uWeCP{opacity:1;visibility:visible}.composition-card_compositionContainer__1fvHN{box-sizing:border-box;margin:auto;max-width:100%;overflow:auto;padding:16px;position:relative;transform:translateZ(0)}.composition-card_title__1pxwS{align-items:center;border-top:1px solid #ededed;border-top:1px solid var(--bit-border-color-lightest,#ededed);display:flex;flex:none;font-size:.875em;justify-content:space-between;padding:8px 16px}.composition-card_title__1pxwS>span{margin-right:8px}.composition-card_linkToComposition__uWeCP{color:#2b2b2b;color:var(--bit-text-color-heavy,#2b2b2b);opacity:0;text-decoration:none;transition:opacity .3s,visibility .3s ease-in-out;visibility:hidden}.composition-card_compositionCardError__1YDP3{border-radius:4px 4px 0 0}.compositions-overview_background__3z-mR{background:#f6f6f6;background:var(--bit-bg-dent,#f6f6f6);border:1px solid #ededed;border:1px solid var(--bit-border-color-lightest,#ededed);border-radius:6px;display:flex;max-height:500px;overflow-x:auto;padding:12px}.compositions-overview_background__3z-mR>*{margin-right:16px}.compositions-overview_background__3z-mR>:last-child{margin:0}.frame_overlayBorder__16yQg{border:2px solid #eebcc9;border:2px solid var(--bit-highlighter-color,#eebcc9);border-radius:11px;box-sizing:border-box;padding:4px;pointer-events:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.frame_hidden__2sf70{display:none}.label_othersContainer__1ExfG>*{margin-bottom:8px}.label_othersContainer__1ExfG>:last-child{margin-bottom:unset}.label_othersTooltip__1HBaz{cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.label_othersTooltip__1HBaz:before{content:"▾";display:inline-block;transition:transform .3s}.label_othersTooltip__1HBaz.label_active__7E4-a:before{transform:rotate(-180deg)}.label_hidden__3j8Bq{pointer-events:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;visibility:hidden}.component-strip_componentStrip__3tWW4{border-radius:.5em;box-shadow:var(--bit-highlighter-shadow);display:flex;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.component-strip_componentStrip__3tWW4>*{background:#eebcc9;background:var(--bit-highlighter-color,#eebcc9);line-height:1.5;margin-right:.125em;padding:0 .5em;transform:translateZ(0);transition:filter .3s,background-color .3s}.component-strip_componentStrip__3tWW4>:link,.component-strip_componentStrip__3tWW4>:visited{color:inherit;text-decoration:inherit}.component-strip_componentStrip__3tWW4>:link:hover,.component-strip_componentStrip__3tWW4>:visited:hover{background:#f6dae2;background:var(--bit-highlighter-color-hover,#f6dae2)}.component-strip_componentStrip__3tWW4>:link:active,.component-strip_componentStrip__3tWW4>:visited:active{background:#e79db1;background:var(--bit-highlighter-color-active,#e79db1);color:inherit}.component-strip_componentStrip__3tWW4>:first-child{border-bottom-left-radius:.5em;border-top-left-radius:.5em}.component-strip_componentStrip__3tWW4>:last-child{border-bottom-right-radius:.5em;border-top-right-radius:.5em;margin-right:unset}.element-highlighter_label__zdp2_{padding:8px}.element-highlighter_frame__Ra14a,.element-highlighter_label__zdp2_{z-index:15500}.highlighter-provider_highlighter__124yM{border:solid #ededed;border:0 solid var(--bit-border-color-lightest,#ededed);box-sizing:border-box;height:100%;transition:border .3s}.highlighter-provider_highlighter__124yM.highlighter-provider_active__oBUtA{border-width:8px;overflow:auto}.highlighter-provider_label__rMBbJ{font-family:sans-serif;font-size:12px}

package/artifacts/preview/teambit_harmony_node-preview.js

@@ -1,4 +1,4 @@
-(function(root,factory){typeof exports=="object"&&typeof module=="object"?module.exports=factory():typeof define=="function"&&define.amd?define([],factory):typeof exports=="object"?exports["teambit.harmony/node-preview"]=factory():root["teambit.harmony/node-preview"]=factory()})(self,function(){return(()=>{var __webpack_modules__={88244:module2=>{function _interopRequireDefault(obj){return obj&&obj.__esModule?obj:{default:obj}}module2.exports=_interopRequireDefault},90126:(__unused_webpack_module,__webpack_exports__2,__webpack_require__2)=>{"use strict";__webpack_require__2.r(__webpack_exports__2),__webpack_require__2.d(__webpack_exports__2,{default:()=>MDXContent});var external_React_=__webpack_require__2(63804),external_MdxJsReact_=__webpack_require__2(85057);const external_TeambitMdxUiMdxScopeContext_namespaceObject=TeambitMdxUiMdxScopeContext;var dist=__webpack_require__2(41644),_excluded=["components"];function _extends(){return _extends=Object.assign||function(target){for(var i=1;i<arguments.length;i++){var source=arguments[i];for(var key in source)Object.prototype.hasOwnProperty.call(source,key)&&(target[key]=source[key])}return target},_extends.apply(this,arguments)}function _objectWithoutProperties(source,excluded){if(source==null)return{};var target=_objectWithoutPropertiesLoose(source,excluded),key,i;if(Object.getOwnPropertySymbols){var sourceSymbolKeys=Object.getOwnPropertySymbols(source);for(i=0;i<sourceSymbolKeys.length;i++)key=sourceSymbolKeys[i],!(excluded.indexOf(key)>=0)&&(!Object.prototype.propertyIsEnumerable.call(source,key)||(target[key]=source[key]))}return target}function _objectWithoutPropertiesLoose(source,excluded){if(source==null)return{};var target={},sourceKeys=Object.keys(source),key,i;for(i=0;i<sourceKeys.length;i++)key=sourceKeys[i],!(excluded.indexOf(key)>=0)&&(target[key]=source[key]);return target}var layoutProps={},MDXLayout="wrapper";function MDXContent(_ref){var components=_ref.components,props=_objectWithoutProperties(_ref,_excluded);return(0,external_MdxJsReact_.mdx)(MDXLayout,_extends({},layoutProps,props,{components,mdxType:"MDXLayout"}),(0,external_MdxJsReact_.mdx)(external_TeambitMdxUiMdxScopeContext_namespaceObject.MDXScopeProvider,{components:{Node:dist.N},mdxType:"MDXScopeProvider"},(0,external_MdxJsReact_.mdx)(dist.N,{mdxType:"Node"})))}MDXContent.isMDXComponent=!0},41644:(__unused_webpack_module,exports2,__webpack_require__2)=>{"use strict";var __webpack_unused_export__,__bit_component={id:"teambit.harmony/aspect-docs/node@0.0.136",homepage:"https://bit.dev/teambit/harmony/aspect-docs/node",exported:!0};__webpack_unused_export__={value:!0},Object.defineProperty(exports2,"N",{enumerable:!0,get:function(){return _node.default}});var _node=_interopRequireDefault(__webpack_require__2(69781));function _interopRequireDefault(obj){return obj&&obj.__esModule?obj:{default:obj}}_interopRequireDefault.__bit_component=__bit_component},69781:(__unused_webpack_module,exports2,__webpack_require__2)=>{"use strict";var __bit_component={id:"teambit.harmony/aspect-docs/node@0.0.136",homepage:"https://bit.dev/teambit/harmony/aspect-docs/node",exported:!0};Object.defineProperty(exports2,"__esModule",{value:!0}),exports2.default=MDXContent;var _react=_interopRequireDefault(__webpack_require__2(63804)),_react2=__webpack_require__2(85057),_excluded=["components"];function _interopRequireDefault(obj){return obj&&obj.__esModule?obj:{default:obj}}_interopRequireDefault.__bit_component=__bit_component;function _extends(){return _extends=Object.assign||function(target){for(var i=1;i<arguments.length;i++){var source=arguments[i];for(var key in source)Object.prototype.hasOwnProperty.call(source,key)&&(target[key]=source[key])}return target},_extends.apply(this,arguments)}_extends.__bit_component=__bit_component;function _objectWithoutProperties(source,excluded){if(source==null)return{};var target=_objectWithoutPropertiesLoose(source,excluded),key,i;if(Object.getOwnPropertySymbols){var sourceSymbolKeys=Object.getOwnPropertySymbols(source);for(i=0;i<sourceSymbolKeys.length;i++)key=sourceSymbolKeys[i],!(excluded.indexOf(key)>=0)&&(!Object.prototype.propertyIsEnumerable.call(source,key)||(target[key]=source[key]))}return target}_objectWithoutProperties.__bit_component=__bit_component;function _objectWithoutPropertiesLoose(source,excluded){if(source==null)return{};var target={},sourceKeys=Object.keys(source),key,i;for(i=0;i<sourceKeys.length;i++)key=sourceKeys[i],!(excluded.indexOf(key)>=0)&&(target[key]=source[key]);return target}_objectWithoutPropertiesLoose.__bit_component=__bit_component;var layoutProps={},MDXLayout="wrapper";function MDXContent(_ref){var components=_ref.components,props=_objectWithoutProperties(_ref,_excluded);return(0,_react2.mdx)(MDXLayout,_extends({},layoutProps,props,{components,mdxType:"MDXLayout"}),(0,_react2.mdx)("p",null,"The built-in ",(0,_react2.mdx)("a",{parentName:"p",href:"https://bit.dev/teambit/harmony/node"},"Node Component Development Environment")," is a concrete composition of the ",(0,_react2.mdx)("a",{parentName:"p",href:"https://bit.dev/teambit/envs/envs"},"Env Aspect"),". Use it when getting started with Node components with Bit and later as a base for any future customization of your Node-based workflow."),(0,_react2.mdx)("p",null,"Node environment is composed out of the base ",(0,_react2.mdx)("a",{parentName:"p",href:"https://bit.dev/teambit/react/react"},"React Environment")," with some specific overrides for dependency management."),(0,_react2.mdx)("h2",null,"Use Node environment"),(0,_react2.mdx)("p",null,"To use this environment for your components, add it to any of the ",(0,_react2.mdx)("inlineCode",{parentName:"p"},"variants")," in your ",(0,_react2.mdx)("inlineCode",{parentName:"p"},"workspace.jsonc")," file as follows:"),(0,_react2.mdx)("pre",null,(0,_react2.mdx)("code",{parentName:"pre",className:"language-json",metastring:'title="workspace.jsonc"',title:'"workspace.jsonc"'},`{
+(function(root,factory){typeof exports=="object"&&typeof module=="object"?module.exports=factory():typeof define=="function"&&define.amd?define([],factory):typeof exports=="object"?exports["teambit.harmony/node-preview"]=factory():root["teambit.harmony/node-preview"]=factory()})(self,function(){return(()=>{var __webpack_modules__={88244:module2=>{function _interopRequireDefault(obj){return obj&&obj.__esModule?obj:{default:obj}}module2.exports=_interopRequireDefault},77625:(__unused_webpack_module,__webpack_exports__2,__webpack_require__2)=>{"use strict";__webpack_require__2.r(__webpack_exports__2),__webpack_require__2.d(__webpack_exports__2,{default:()=>MDXContent});var external_React_=__webpack_require__2(63804),external_MdxJsReact_=__webpack_require__2(85057);const external_TeambitMdxUiMdxScopeContext_namespaceObject=TeambitMdxUiMdxScopeContext;var dist=__webpack_require__2(41644),_excluded=["components"];function _extends(){return _extends=Object.assign||function(target){for(var i=1;i<arguments.length;i++){var source=arguments[i];for(var key in source)Object.prototype.hasOwnProperty.call(source,key)&&(target[key]=source[key])}return target},_extends.apply(this,arguments)}function _objectWithoutProperties(source,excluded){if(source==null)return{};var target=_objectWithoutPropertiesLoose(source,excluded),key,i;if(Object.getOwnPropertySymbols){var sourceSymbolKeys=Object.getOwnPropertySymbols(source);for(i=0;i<sourceSymbolKeys.length;i++)key=sourceSymbolKeys[i],!(excluded.indexOf(key)>=0)&&(!Object.prototype.propertyIsEnumerable.call(source,key)||(target[key]=source[key]))}return target}function _objectWithoutPropertiesLoose(source,excluded){if(source==null)return{};var target={},sourceKeys=Object.keys(source),key,i;for(i=0;i<sourceKeys.length;i++)key=sourceKeys[i],!(excluded.indexOf(key)>=0)&&(target[key]=source[key]);return target}var layoutProps={},MDXLayout="wrapper";function MDXContent(_ref){var components=_ref.components,props=_objectWithoutProperties(_ref,_excluded);return(0,external_MdxJsReact_.mdx)(MDXLayout,_extends({},layoutProps,props,{components,mdxType:"MDXLayout"}),(0,external_MdxJsReact_.mdx)(external_TeambitMdxUiMdxScopeContext_namespaceObject.MDXScopeProvider,{components:{Node:dist.N},mdxType:"MDXScopeProvider"},(0,external_MdxJsReact_.mdx)(dist.N,{mdxType:"Node"})))}MDXContent.isMDXComponent=!0},41644:(__unused_webpack_module,exports2,__webpack_require__2)=>{"use strict";var __webpack_unused_export__,__bit_component={id:"teambit.harmony/aspect-docs/node@0.0.136",homepage:"https://bit.dev/teambit/harmony/aspect-docs/node",exported:!0};__webpack_unused_export__={value:!0},Object.defineProperty(exports2,"N",{enumerable:!0,get:function(){return _node.default}});var _node=_interopRequireDefault(__webpack_require__2(69781));function _interopRequireDefault(obj){return obj&&obj.__esModule?obj:{default:obj}}_interopRequireDefault.__bit_component=__bit_component},69781:(__unused_webpack_module,exports2,__webpack_require__2)=>{"use strict";var __bit_component={id:"teambit.harmony/aspect-docs/node@0.0.136",homepage:"https://bit.dev/teambit/harmony/aspect-docs/node",exported:!0};Object.defineProperty(exports2,"__esModule",{value:!0}),exports2.default=MDXContent;var _react=_interopRequireDefault(__webpack_require__2(63804)),_react2=__webpack_require__2(85057),_excluded=["components"];function _interopRequireDefault(obj){return obj&&obj.__esModule?obj:{default:obj}}_interopRequireDefault.__bit_component=__bit_component;function _extends(){return _extends=Object.assign||function(target){for(var i=1;i<arguments.length;i++){var source=arguments[i];for(var key in source)Object.prototype.hasOwnProperty.call(source,key)&&(target[key]=source[key])}return target},_extends.apply(this,arguments)}_extends.__bit_component=__bit_component;function _objectWithoutProperties(source,excluded){if(source==null)return{};var target=_objectWithoutPropertiesLoose(source,excluded),key,i;if(Object.getOwnPropertySymbols){var sourceSymbolKeys=Object.getOwnPropertySymbols(source);for(i=0;i<sourceSymbolKeys.length;i++)key=sourceSymbolKeys[i],!(excluded.indexOf(key)>=0)&&(!Object.prototype.propertyIsEnumerable.call(source,key)||(target[key]=source[key]))}return target}_objectWithoutProperties.__bit_component=__bit_component;function _objectWithoutPropertiesLoose(source,excluded){if(source==null)return{};var target={},sourceKeys=Object.keys(source),key,i;for(i=0;i<sourceKeys.length;i++)key=sourceKeys[i],!(excluded.indexOf(key)>=0)&&(target[key]=source[key]);return target}_objectWithoutPropertiesLoose.__bit_component=__bit_component;var layoutProps={},MDXLayout="wrapper";function MDXContent(_ref){var components=_ref.components,props=_objectWithoutProperties(_ref,_excluded);return(0,_react2.mdx)(MDXLayout,_extends({},layoutProps,props,{components,mdxType:"MDXLayout"}),(0,_react2.mdx)("p",null,"The built-in ",(0,_react2.mdx)("a",{parentName:"p",href:"https://bit.dev/teambit/harmony/node"},"Node Component Development Environment")," is a concrete composition of the ",(0,_react2.mdx)("a",{parentName:"p",href:"https://bit.dev/teambit/envs/envs"},"Env Aspect"),". Use it when getting started with Node components with Bit and later as a base for any future customization of your Node-based workflow."),(0,_react2.mdx)("p",null,"Node environment is composed out of the base ",(0,_react2.mdx)("a",{parentName:"p",href:"https://bit.dev/teambit/react/react"},"React Environment")," with some specific overrides for dependency management."),(0,_react2.mdx)("h2",null,"Use Node environment"),(0,_react2.mdx)("p",null,"To use this environment for your components, add it to any of the ",(0,_react2.mdx)("inlineCode",{parentName:"p"},"variants")," in your ",(0,_react2.mdx)("inlineCode",{parentName:"p"},"workspace.jsonc")," file as follows:"),(0,_react2.mdx)("pre",null,(0,_react2.mdx)("code",{parentName:"pre",className:"language-json",metastring:'title="workspace.jsonc"',title:'"workspace.jsonc"'},`{
   "teambit.workspace/variants": {
     "some/path": {
       "teambit.harmony/node": {}
@@ -169,4 +169,4 @@ export class CustomNode {
     // ...
   }
 }
-`)))}MDXContent.__bit_component=__bit_component,MDXContent.isMDXComponent=!0},81559:(__unused_webpack_module,exports2,__webpack_require__2)=>{"use strict";var __bit_component={id:"teambit.harmony/node@0.0.706",homepage:"https://bit.dev/teambit/harmony/node",exported:!0},_interopRequireDefault=__webpack_require__2(88244);Object.defineProperty(exports2,"__esModule",{value:!0}),exports2.Logo=void 0;function _react(){const data=_interopRequireDefault(__webpack_require__2(63804));return _react=function(){return data},data}_react.__bit_component=__bit_component;const Logo=()=>_react().default.createElement("div",{style:{height:"100%",display:"flex",justifyContent:"center"}},_react().default.createElement("img",{style:{width:70},src:"https://static.bit.dev/extensions-icons/node.svg"}));Logo.__bit_component=__bit_component,exports2.Logo=Logo},85057:module2=>{"use strict";module2.exports=MdxJsReact},63804:module2=>{"use strict";module2.exports=React}},__webpack_module_cache__={};function __webpack_require__(moduleId){var cachedModule=__webpack_module_cache__[moduleId];if(cachedModule!==void 0)return cachedModule.exports;var module2=__webpack_module_cache__[moduleId]={exports:{}};return __webpack_modules__[moduleId](module2,module2.exports,__webpack_require__),module2.exports}__webpack_require__.d=(exports2,definition)=>{for(var key in definition)__webpack_require__.o(definition,key)&&!__webpack_require__.o(exports2,key)&&Object.defineProperty(exports2,key,{enumerable:!0,get:definition[key]})},__webpack_require__.o=(obj,prop)=>Object.prototype.hasOwnProperty.call(obj,prop),__webpack_require__.r=exports2=>{typeof Symbol<"u"&&Symbol.toStringTag&&Object.defineProperty(exports2,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(exports2,"__esModule",{value:!0})};var __webpack_exports__={};return(()=>{"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{compositions:()=>compositions,overview:()=>overview});const compositions=[__webpack_require__(81559)],overview=[__webpack_require__(90126)]})(),__webpack_exports__})()});
+`)))}MDXContent.__bit_component=__bit_component,MDXContent.isMDXComponent=!0},1745:(__unused_webpack_module,exports2,__webpack_require__2)=>{"use strict";var __bit_component={id:"teambit.harmony/node@0.0.709",homepage:"https://bit.dev/teambit/harmony/node",exported:!0},_interopRequireDefault=__webpack_require__2(88244);Object.defineProperty(exports2,"__esModule",{value:!0}),exports2.Logo=void 0;function _react(){const data=_interopRequireDefault(__webpack_require__2(63804));return _react=function(){return data},data}_react.__bit_component=__bit_component;const Logo=()=>_react().default.createElement("div",{style:{height:"100%",display:"flex",justifyContent:"center"}},_react().default.createElement("img",{style:{width:70},src:"https://static.bit.dev/extensions-icons/node.svg"}));Logo.__bit_component=__bit_component,exports2.Logo=Logo},85057:module2=>{"use strict";module2.exports=MdxJsReact},63804:module2=>{"use strict";module2.exports=React}},__webpack_module_cache__={};function __webpack_require__(moduleId){var cachedModule=__webpack_module_cache__[moduleId];if(cachedModule!==void 0)return cachedModule.exports;var module2=__webpack_module_cache__[moduleId]={exports:{}};return __webpack_modules__[moduleId](module2,module2.exports,__webpack_require__),module2.exports}__webpack_require__.d=(exports2,definition)=>{for(var key in definition)__webpack_require__.o(definition,key)&&!__webpack_require__.o(exports2,key)&&Object.defineProperty(exports2,key,{enumerable:!0,get:definition[key]})},__webpack_require__.o=(obj,prop)=>Object.prototype.hasOwnProperty.call(obj,prop),__webpack_require__.r=exports2=>{typeof Symbol<"u"&&Symbol.toStringTag&&Object.defineProperty(exports2,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(exports2,"__esModule",{value:!0})};var __webpack_exports__={};return(()=>{"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{compositions:()=>compositions,overview:()=>overview});const compositions=[__webpack_require__(1745)],overview=[__webpack_require__(77625)]})(),__webpack_exports__})()});

package/dist/templates/node-env/files/aspect.d.ts

@@ -0,0 +1,2 @@
+import { ComponentContext } from '@teambit/generator';
+export declare function aspectFile({ namePascalCase: Name, componentId }: ComponentContext): string;

package/dist/templates/node-env/files/aspect.js

@@ -0,0 +1,20 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.aspectFile = aspectFile;
+
+function aspectFile({
+  namePascalCase: Name,
+  componentId
+}) {
+  return `import { Aspect } from '@teambit/harmony';
+
+export const ${Name}Aspect = Aspect.create({
+  id: '${componentId}',
+});
+`;
+}
+
+//# sourceMappingURL=aspect.js.map

package/dist/templates/node-env/files/aspect.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["aspect.ts"],"names":["aspectFile","namePascalCase","Name","componentId"],"mappings":";;;;;;;AAEO,SAASA,UAAT,CAAoB;AAAEC,EAAAA,cAAc,EAAEC,IAAlB;AAAwBC,EAAAA;AAAxB,CAApB,EAA6E;AAClF,SAAQ;AACV;AACA,eAAeD,IAAK;AACpB,SAASC,WAAY;AACrB;AACA,CALE;AAMD","sourcesContent":["import { ComponentContext } from '@teambit/generator';\n\nexport function aspectFile({ namePascalCase: Name, componentId }: ComponentContext) {\n  return `import { Aspect } from '@teambit/harmony';\n\nexport const ${Name}Aspect = Aspect.create({\n  id: '${componentId}',\n});\n`;\n}\n"]}

package/dist/templates/node-env/files/doc.d.ts

@@ -1 +1,2 @@
-export declare function docFile(): string;
+import { ComponentContext } from '@teambit/generator';
+export declare function docFile({ name, componentId }: ComponentContext): string;

package/dist/templates/node-env/files/doc.js

@@ -5,15 +5,183 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.docFile = docFile;
 
-function docFile() {
+function docFile({
+  name,
+  componentId
+}) {
   return `---
-labels: ['extension', 'node', 'env', 'environment']
-description: 'A customized extension for Node environment.'
+description: 'A standard Node component development environment'
+labels: ['node', 'typescript', 'env', 'extension']
 ---
 
-This is a customized extension for Node, based of the [Node Aspect](https://bit.cloud/teambit/harmony/node).
+## Overview
 
-Explain here the modified configurations and tools applied.
+A customized version which extends the default Node component development environment created by teambit.
+
+This environment can be applied to all your components or a set of components via the command \`bit env set <pattern or component_id> ${componentId}\`, or under the variants of your \`workspace.json\` file.
+That means they will use your custom environment instead of the default environment. Environment components are just like any other Bit components in that they can be
+exported and then shared and used in various projects which makes it easier to create standards when working with many teams.
+
+### Usage instructions
+
+#### Recommended usage:
+
+Run the command \`bit env set <"pattern" or component_id> ${componentId}\` where the pattern is a glob pattern to select multiple components. This will put the env
+config in your component's entry in the \`.bitmap\` file.
+
+:::Note - this will override any variants policy that tries to set an env for this component in the workspace.jsonc
+:::
+
+#### Alternative Usage
+Under the **variant** section of your \`workspace.json\` file choose which components you want to have the custom environment set. You can find the id of the extension in the \`${name}.aspect.ts\` file.
+
+\`\`\`json
+{
+  "teambit.workspace/variants": {
+    "{ui/**}, {pages/**}": {
+      "${componentId}": {}
+    }
+  }
+}
+\`\`\`
+
+This usage may be deprecated in future in favour of the recommended usage above
+
+## Runtime Configurations
+
+Extend the \`main.runtime\` file when you want to add custom configurations at runtime.
+
+### Compilation
+
+By default, Component compilation is done with the TypeScript compiler. Target format is \`ES2015\` which
+supports execution from both NodeJS and browser runtimes for server-side rendering. You can modify the \`tsconfig.json\` file to add your own compiler options which will then be merged with the default configs set by teambit.
+
+Example:
+
+\`\`\`json
+{
+  "compilerOptions": {
+    "target": "es2017",
+    "module": "es2015",
+    "moduleResolution": "node",
+    "lib": ["es2017", "dom"],
+    "experimentalDecorators": true,
+    "esModuleInterop": true,
+    "outDir": "dist",
+    "sourceMap": true,
+    "emitDecoratorMetadata": true,
+    "allowJs": true,
+    "baseUrl": ".",
+    "jsx": "react"
+  }
+}
+\`\`\`
+
+### Testing
+
+Component testing is done through [Jest](https://jestjs.io/) with the default \`teambit.react/react\` environment. You can modify the \`jestconfig.js\` file to add your own configurations which will then be merged with the default configs set by teambit.
+
+Example:
+
+To Override the Jest config to ignore transpiling from specific folders add this to the \`jestconfig.js\` file:
+
+\`\`\`js
+const reactJestConfig = require('@teambit/react/jest/jest.config');
+module.exports = {
+  ...reactJestConfig,
+  transformIgnorePatterns: ['/node_modules/(?!(prop-types|@teambit))']
+};
+\`\`\`
+
+### Webpack
+
+Bit uses webpack 5 to bundle components. You can modify the \`webpack.config.js\` file to add your own configurations which will then be merged with the default configs set by teambit.
+
+Example:
+
+\`\`\`ts
+module.exports = {
+  module: {
+    // add your custom rules here
+    rules: []
+  }
+};
+\`\`\`
+
+### ESLint
+
+Bit uses ESLint to lint your components. You can add your own rules in the \`${name}.main.runtime\` file.
+
+Example:
+
+\`\`\`ts
+react.useEslint({
+  transformers: [
+    (config) => {
+      config.setRule('no-console', ['error']);
+      // add more rules here
+      return config;
+    }
+  ]
+}),
+\`\`\`
+
+To use ESLint:
+
+\`\`\`bash
+bit lint
+bit lint --fix
+\`\`\`
+
+### Formatting
+
+Bit uses Prettier to format your components. You can add your own rules in the \`${name}.main.runtime\` file.
+
+Example:
+
+\`\`\`ts
+react.usePrettier({
+  transformers: [
+    (config) => {
+      config.setKey('tabWidth', 2);
+      // add more rules here
+      return config;
+    }
+  ]
+}),
+\`\`\`
+
+To use Prettier:
+
+\`\`\`bash
+bit format --check
+bit format
+\`\`\`
+
+### Dependencies
+
+Override the default dependencies in the \`${name}.main.runtime\` file to include react types of a different version for example.
+
+\`\`\`ts
+react.overrideDependencies({
+  devDependencies: {
+    '@types/react': '17.0.3'
+  }
+});
+\`\`\`
+
+## Preview Configurations
+
+Extend the \`${name}.preview.runtime\` file when you want to add your own customizations only for previewing in the Bit UI.
+
+### Adding a Theme
+
+A custom theme has been added to the env which wraps all the composition files with the required theme so they can be developed with the correct themeing rather than the browsers default. This is added only in the preview runtime and not in the main runtime meaning it is only applied to compositions and not when consuming components. Adding a theme when consuming should be done at App level as you component may be consumed in various apps and have different themes applied depending on where it is consumed.
+
+Example:
+
+\`\`\`ts
+react.registerProvider([ThemeCompositions]);
 `;
 }
 

package/dist/templates/node-env/files/doc.js.map

@@ -1 +1 @@
-{"version":3,"sources":["doc.ts"],"names":["docFile"],"mappings":";;;;;;;AAAO,SAASA,OAAT,GAAmB;AACxB,SAAQ;AACV;AACA;AACA;AACA;AACA;AACA;AACA;AACA,CARE;AASD","sourcesContent":["export function docFile() {\n  return `---\nlabels: ['extension', 'node', 'env', 'environment']\ndescription: 'A customized extension for Node environment.'\n---\n\nThis is a customized extension for Node, based of the [Node Aspect](https://bit.cloud/teambit/harmony/node).\n\nExplain here the modified configurations and tools applied.\n`;\n}\n"]}
+{"version":3,"sources":["doc.ts"],"names":["docFile","name","componentId"],"mappings":";;;;;;;AAEO,SAASA,OAAT,CAAiB;AAAEC,EAAAA,IAAF;AAAQC,EAAAA;AAAR,CAAjB,EAA0D;AAC/D,SAAQ;AACV;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,wIAAwIA,WAAY;AACpJ;AACA;AACA;AACA;AACA;AACA;AACA;AACA,4DAA4DA,WAAY;AACxE;AACA;AACA;AACA;AACA;AACA;AACA,mLAAmLD,IAAK;AACxL;AACA;AACA;AACA;AACA;AACA,SAASC,WAAY;AACrB;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,+EAA+ED,IAAK;AACpF;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,mFAAmFA,IAAK;AACxF;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,6CAA6CA,IAAK;AAClD;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,eAAeA,IAAK;AACpB;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,CA7KE;AA8KD","sourcesContent":["import { ComponentContext } from '@teambit/generator';\n\nexport function docFile({ name, componentId }: ComponentContext) {\n  return `---\ndescription: 'A standard Node component development environment'\nlabels: ['node', 'typescript', 'env', 'extension']\n---\n\n## Overview\n\nA customized version which extends the default Node component development environment created by teambit.\n\nThis environment can be applied to all your components or a set of components via the command \\`bit env set <pattern or component_id> ${componentId}\\`, or under the variants of your \\`workspace.json\\` file.\nThat means they will use your custom environment instead of the default environment. Environment components are just like any other Bit components in that they can be\nexported and then shared and used in various projects which makes it easier to create standards when working with many teams.\n\n### Usage instructions\n\n#### Recommended usage:\n\nRun the command \\`bit env set <\"pattern\" or component_id> ${componentId}\\` where the pattern is a glob pattern to select multiple components. This will put the env\nconfig in your component's entry in the \\`.bitmap\\` file.\n\n:::Note - this will override any variants policy that tries to set an env for this component in the workspace.jsonc\n:::\n\n#### Alternative Usage\nUnder the **variant** section of your \\`workspace.json\\` file choose which components you want to have the custom environment set. You can find the id of the extension in the \\`${name}.aspect.ts\\` file.\n\n\\`\\`\\`json\n{\n  \"teambit.workspace/variants\": {\n    \"{ui/**}, {pages/**}\": {\n      \"${componentId}\": {}\n    }\n  }\n}\n\\`\\`\\`\n\nThis usage may be deprecated in future in favour of the recommended usage above\n\n## Runtime Configurations\n\nExtend the \\`main.runtime\\` file when you want to add custom configurations at runtime.\n\n### Compilation\n\nBy default, Component compilation is done with the TypeScript compiler. Target format is \\`ES2015\\` which\nsupports execution from both NodeJS and browser runtimes for server-side rendering. You can modify the \\`tsconfig.json\\` file to add your own compiler options which will then be merged with the default configs set by teambit.\n\nExample:\n\n\\`\\`\\`json\n{\n  \"compilerOptions\": {\n    \"target\": \"es2017\",\n    \"module\": \"es2015\",\n    \"moduleResolution\": \"node\",\n    \"lib\": [\"es2017\", \"dom\"],\n    \"experimentalDecorators\": true,\n    \"esModuleInterop\": true,\n    \"outDir\": \"dist\",\n    \"sourceMap\": true,\n    \"emitDecoratorMetadata\": true,\n    \"allowJs\": true,\n    \"baseUrl\": \".\",\n    \"jsx\": \"react\"\n  }\n}\n\\`\\`\\`\n\n### Testing\n\nComponent testing is done through [Jest](https://jestjs.io/) with the default \\`teambit.react/react\\` environment. You can modify the \\`jestconfig.js\\` file to add your own configurations which will then be merged with the default configs set by teambit.\n\nExample:\n\nTo Override the Jest config to ignore transpiling from specific folders add this to the \\`jestconfig.js\\` file:\n\n\\`\\`\\`js\nconst reactJestConfig = require('@teambit/react/jest/jest.config');\nmodule.exports = {\n  ...reactJestConfig,\n  transformIgnorePatterns: ['/node_modules/(?!(prop-types|@teambit))']\n};\n\\`\\`\\`\n\n### Webpack\n\nBit uses webpack 5 to bundle components. You can modify the \\`webpack.config.js\\` file to add your own configurations which will then be merged with the default configs set by teambit.\n\nExample:\n\n\\`\\`\\`ts\nmodule.exports = {\n  module: {\n    // add your custom rules here\n    rules: []\n  }\n};\n\\`\\`\\`\n\n### ESLint\n\nBit uses ESLint to lint your components. You can add your own rules in the \\`${name}.main.runtime\\` file.\n\nExample:\n\n\\`\\`\\`ts\nreact.useEslint({\n  transformers: [\n    (config) => {\n      config.setRule('no-console', ['error']);\n      // add more rules here\n      return config;\n    }\n  ]\n}),\n\\`\\`\\`\n\nTo use ESLint:\n\n\\`\\`\\`bash\nbit lint\nbit lint --fix\n\\`\\`\\`\n\n### Formatting\n\nBit uses Prettier to format your components. You can add your own rules in the \\`${name}.main.runtime\\` file.\n\nExample:\n\n\\`\\`\\`ts\nreact.usePrettier({\n  transformers: [\n    (config) => {\n      config.setKey('tabWidth', 2);\n      // add more rules here\n      return config;\n    }\n  ]\n}),\n\\`\\`\\`\n\nTo use Prettier:\n\n\\`\\`\\`bash\nbit format --check\nbit format\n\\`\\`\\`\n\n### Dependencies\n\nOverride the default dependencies in the \\`${name}.main.runtime\\` file to include react types of a different version for example.\n\n\\`\\`\\`ts\nreact.overrideDependencies({\n  devDependencies: {\n    '@types/react': '17.0.3'\n  }\n});\n\\`\\`\\`\n\n## Preview Configurations\n\nExtend the \\`${name}.preview.runtime\\` file when you want to add your own customizations only for previewing in the Bit UI.\n\n### Adding a Theme\n\nA custom theme has been added to the env which wraps all the composition files with the required theme so they can be developed with the correct themeing rather than the browsers default. This is added only in the preview runtime and not in the main runtime meaning it is only applied to compositions and not when consuming components. Adding a theme when consuming should be done at App level as you component may be consumed in various apps and have different themes applied depending on where it is consumed.\n\nExample:\n\n\\`\\`\\`ts\nreact.registerProvider([ThemeCompositions]);\n`;\n}\n"]}

package/dist/templates/node-env/files/index.js

@@ -9,9 +9,11 @@ function indexFile({
   namePascalCase: Name,
   name
 }) {
-  return `import { ${Name}Extension } from './${name}.extension';
-export { ${Name}Extension };
-export default ${Name}Extension;
+  return `import { ${Name}Aspect } from './${name}.aspect';
+
+export type { ${Name}Main } from './${name}.main.runtime';
+export default ${Name}Aspect;
+export { ${Name}Aspect };
 `;
 }
 

package/dist/templates/node-env/files/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["index.ts"],"names":["indexFile","namePascalCase","Name","name"],"mappings":";;;;;;;AAEO,SAASA,SAAT,CAAmB;AAAEC,EAAAA,cAAc,EAAEC,IAAlB;AAAwBC,EAAAA;AAAxB,CAAnB,EAAqE;AAC1E,SAAQ,YAAWD,IAAK,uBAAsBC,IAAK;AACrD,WAAWD,IAAK;AAChB,iBAAiBA,IAAK;AACtB,CAHE;AAID","sourcesContent":["import { ComponentContext } from '@teambit/generator';\n\nexport function indexFile({ namePascalCase: Name, name }: ComponentContext) {\n  return `import { ${Name}Extension } from './${name}.extension';\nexport { ${Name}Extension };\nexport default ${Name}Extension;\n`;\n}\n"]}
+{"version":3,"sources":["index.ts"],"names":["indexFile","namePascalCase","Name","name"],"mappings":";;;;;;;AAEO,SAASA,SAAT,CAAmB;AAAEC,EAAAA,cAAc,EAAEC,IAAlB;AAAwBC,EAAAA;AAAxB,CAAnB,EAAqE;AAC1E,SAAQ,YAAWD,IAAK,oBAAmBC,IAAK;AAClD;AACA,gBAAgBD,IAAK,kBAAiBC,IAAK;AAC3C,iBAAiBD,IAAK;AACtB,WAAWA,IAAK;AAChB,CALE;AAMD","sourcesContent":["import { ComponentContext } from '@teambit/generator';\n\nexport function indexFile({ namePascalCase: Name, name }: ComponentContext) {\n  return `import { ${Name}Aspect } from './${name}.aspect';\n\nexport type { ${Name}Main } from './${name}.main.runtime';\nexport default ${Name}Aspect;\nexport { ${Name}Aspect };\n`;\n}\n"]}

package/dist/templates/node-env/files/jest.config.d.ts

@@ -0,0 +1 @@
+export declare function jestConfigFile(): string;

package/dist/templates/node-env/files/jest.config.js

@@ -0,0 +1,30 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.jestConfigFile = jestConfigFile;
+
+function jestConfigFile() {
+  return `
+  // Override the Jest config to ignore transpiling from specific folders
+  // See the base Jest config: https://bit.cloud/teambit/react/react/~code/jest/jest.config.js
+
+  // const reactJestConfig = require('@teambit/react/jest/jest.config');
+  // uncomment the line below and install the package if you want to use this function
+  // const {
+  //   generateNodeModulesPattern,
+  // } = require('@teambit/dependencies.modules.packages-excluder');
+  // const packagesToExclude = ['@my-org', 'my-package-name'];
+
+  // module.exports = {
+  //   ...reactJestConfig,
+  //   transformIgnorePatterns: [
+  //     '^.+\\.module\\.(css|sass|scss)$',
+  //     generateNodeModulesPattern({ packages: packagesToExclude }),
+  //   ],
+  // };
+  `;
+}
+
+//# sourceMappingURL=jest.config.js.map

package/dist/templates/node-env/files/jest.config.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["jest.config.ts"],"names":["jestConfigFile"],"mappings":";;;;;;;AAAO,SAASA,cAAT,GAA0B;AAC/B,SAAQ;AACV;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,GAlBE;AAmBD","sourcesContent":["export function jestConfigFile() {\n  return `\n  // Override the Jest config to ignore transpiling from specific folders\n  // See the base Jest config: https://bit.cloud/teambit/react/react/~code/jest/jest.config.js\n\n  // const reactJestConfig = require('@teambit/react/jest/jest.config');\n  // uncomment the line below and install the package if you want to use this function\n  // const {\n  //   generateNodeModulesPattern,\n  // } = require('@teambit/dependencies.modules.packages-excluder');\n  // const packagesToExclude = ['@my-org', 'my-package-name'];\n\n  // module.exports = {\n  //   ...reactJestConfig,\n  //   transformIgnorePatterns: [\n  //     '^.+\\\\.module\\\\.(css|sass|scss)$',\n  //     generateNodeModulesPattern({ packages: packagesToExclude }),\n  //   ],\n  // };\n  `;\n}\n"]}

package/dist/templates/node-env/files/main.runtime.d.ts

@@ -0,0 +1,2 @@
+import { ComponentContext } from '@teambit/generator';
+export declare function mainRuntimeFile({ namePascalCase: Name, name }: ComponentContext): string;

package/dist/templates/node-env/files/main.runtime.js

@@ -0,0 +1,103 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.mainRuntimeFile = mainRuntimeFile;
+
+function mainRuntimeFile({
+  namePascalCase: Name,
+  name
+}) {
+  return `import { MainRuntime } from '@teambit/cli';
+import { NodeAspect, NodeMain } from '@teambit/node'
+import { EnvsAspect, EnvsMain } from '@teambit/envs';
+import { ${Name}Aspect } from './${name}.aspect';
+//import {
+//  previewConfigTransformer,
+//  devServerConfigTransformer
+//} from './webpack/webpack-transformers';
+//import {
+//  devConfigTransformer,
+//  buildConfigTransformer,
+//} from "./typescript/ts-transformers";
+
+export class ${Name}Main {
+  static slots = [];
+
+  static dependencies = [NodeAspect, EnvsAspect];
+
+  static runtime = MainRuntime;
+
+  //const webpackModifiers: UseWebpackModifiers = {
+  //  previewConfig: [previewConfigTransformer],
+  //  devServerConfig: [devServerConfigTransformer],
+  //};
+
+  //const tsModifiers: UseTypescriptModifiers = {
+  //  devConfig: [devConfigTransformer],
+  //  buildConfig: [buildConfigTransformer],
+  //};
+
+  static async provider([node, envs]: [NodeMain, EnvsMain]) {
+    const ${Name}Env = node.compose([
+      /**
+       * Uncomment to override the config files for TypeScript, Webpack or Jest
+       * Your config gets merged with the defaults
+       */
+
+      // node.useTypescript(tsModifiers),  // note: this cannot be used in conjunction with node.overrideCompiler
+      // node.useWebpack(webpackModifiers),
+      // node.overrideJestConfig(require.resolve('./jest/jest.config')),
+
+      /**
+       * override the ESLint default config here then check your files for lint errors
+       * @example
+       * bit lint
+       * bit lint --fix
+       */
+      node.useEslint({
+        transformers: [
+          (config) => {
+            config.setRule('no-console', ['error']);
+            return config;
+          }
+        ]
+      }),
+
+      /**
+       * override the Prettier default config here the check your formatting
+       * @example
+       * bit format --check
+       * bit format
+       */
+      node.usePrettier({
+        transformers: [
+          (config) => {
+            config.setKey('tabWidth', 2);
+            return config;
+          }
+        ]
+      }),
+
+      /**
+       * override dependencies here
+       * @example
+       * Uncomment types to include version 17.0.3 of the types package
+       */
+      node.overrideDependencies({
+        devDependencies: {
+          // '@types/node': '16.11.7'
+        }
+      })
+    ]);
+    envs.registerEnv(${Name}Env);
+    return new ${Name}Main();
+  }
+}
+
+${Name}Aspect.addRuntime(${Name}Main);
+`;
+}
+
+//# sourceMappingURL=main.runtime.js.map

package/dist/templates/node-env/files/main.runtime.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["main.runtime.ts"],"names":["mainRuntimeFile","namePascalCase","Name","name"],"mappings":";;;;;;;AAEO,SAASA,eAAT,CAAyB;AAAEC,EAAAA,cAAc,EAAEC,IAAlB;AAAwBC,EAAAA;AAAxB,CAAzB,EAA2E;AAChF,SAAQ;AACV;AACA;AACA,WAAWD,IAAK,oBAAmBC,IAAK;AACxC;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,eAAeD,IAAK;AACpB;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,YAAYA,IAAK;AACjB;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,uBAAuBA,IAAK;AAC5B,iBAAiBA,IAAK;AACtB;AACA;AACA;AACA,EAAEA,IAAK,qBAAoBA,IAAK;AAChC,CAxFE;AAyFD","sourcesContent":["import { ComponentContext } from '@teambit/generator';\n\nexport function mainRuntimeFile({ namePascalCase: Name, name }: ComponentContext) {\n  return `import { MainRuntime } from '@teambit/cli';\nimport { NodeAspect, NodeMain } from '@teambit/node'\nimport { EnvsAspect, EnvsMain } from '@teambit/envs';\nimport { ${Name}Aspect } from './${name}.aspect';\n//import {\n//  previewConfigTransformer,\n//  devServerConfigTransformer\n//} from './webpack/webpack-transformers';\n//import {\n//  devConfigTransformer,\n//  buildConfigTransformer,\n//} from \"./typescript/ts-transformers\";\n\nexport class ${Name}Main {\n  static slots = [];\n\n  static dependencies = [NodeAspect, EnvsAspect];\n\n  static runtime = MainRuntime;\n\n  //const webpackModifiers: UseWebpackModifiers = {\n  //  previewConfig: [previewConfigTransformer],\n  //  devServerConfig: [devServerConfigTransformer],\n  //};\n\n  //const tsModifiers: UseTypescriptModifiers = {\n  //  devConfig: [devConfigTransformer],\n  //  buildConfig: [buildConfigTransformer],\n  //};\n\n  static async provider([node, envs]: [NodeMain, EnvsMain]) {\n    const ${Name}Env = node.compose([\n      /**\n       * Uncomment to override the config files for TypeScript, Webpack or Jest\n       * Your config gets merged with the defaults\n       */\n\n      // node.useTypescript(tsModifiers),  // note: this cannot be used in conjunction with node.overrideCompiler\n      // node.useWebpack(webpackModifiers),\n      // node.overrideJestConfig(require.resolve('./jest/jest.config')),\n\n      /**\n       * override the ESLint default config here then check your files for lint errors\n       * @example\n       * bit lint\n       * bit lint --fix\n       */\n      node.useEslint({\n        transformers: [\n          (config) => {\n            config.setRule('no-console', ['error']);\n            return config;\n          }\n        ]\n      }),\n\n      /**\n       * override the Prettier default config here the check your formatting\n       * @example\n       * bit format --check\n       * bit format\n       */\n      node.usePrettier({\n        transformers: [\n          (config) => {\n            config.setKey('tabWidth', 2);\n            return config;\n          }\n        ]\n      }),\n\n      /**\n       * override dependencies here\n       * @example\n       * Uncomment types to include version 17.0.3 of the types package\n       */\n      node.overrideDependencies({\n        devDependencies: {\n          // '@types/node': '16.11.7'\n        }\n      })\n    ]);\n    envs.registerEnv(${Name}Env);\n    return new ${Name}Main();\n  }\n}\n\n${Name}Aspect.addRuntime(${Name}Main);\n`;\n}\n"]}

package/dist/templates/node-env/files/preview.runtime.d.ts

@@ -0,0 +1,2 @@
+import { ComponentContext } from '@teambit/generator';
+export declare function previewRuntimeFile({ namePascalCase: Name, nameCamelCase: nameCamel, name }: ComponentContext): string;

package/dist/templates/node-env/files/preview.runtime.js

@@ -0,0 +1,38 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.previewRuntimeFile = previewRuntimeFile;
+
+function previewRuntimeFile({
+  namePascalCase: Name,
+  nameCamelCase: nameCamel,
+  name
+}) {
+  return `import { PreviewRuntime } from '@teambit/preview';
+import { ReactAspect, ReactPreview } from '@teambit/react'; // the node env uses the react env's preview feature
+// uncomment the line below and install the theme if you want to use our theme or create your own and import it here
+// import { ThemeCompositions } from '@teambit/documenter.theme.theme-compositions';
+
+import { ${Name}Aspect } from './${name}.aspect';
+
+export class ${Name}PreviewMain {
+  static runtime = PreviewRuntime;
+
+  static dependencies = [ReactAspect];
+
+  static async provider([react]: [ReactPreview]) {
+    const ${nameCamel}PreviewMain = new ${Name}PreviewMain();
+    // uncomment the line below to register a new provider to wrap all compositions using this environment with a custom theme.
+    // react.registerProvider([ThemeCompositions]);
+
+    return ${nameCamel}PreviewMain;
+  }
+}
+
+${Name}Aspect.addRuntime(${Name}PreviewMain);
+`;
+}
+
+//# sourceMappingURL=preview.runtime.js.map

package/dist/templates/node-env/files/preview.runtime.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["preview.runtime.ts"],"names":["previewRuntimeFile","namePascalCase","Name","nameCamelCase","nameCamel","name"],"mappings":";;;;;;;AAEO,SAASA,kBAAT,CAA4B;AAAEC,EAAAA,cAAc,EAAEC,IAAlB;AAAwBC,EAAAA,aAAa,EAAEC,SAAvC;AAAkDC,EAAAA;AAAlD,CAA5B,EAAwG;AAC7G,SAAQ;AACV;AACA;AACA;AACA;AACA,WAAWH,IAAK,oBAAmBG,IAAK;AACxC;AACA,eAAeH,IAAK;AACpB;AACA;AACA;AACA;AACA;AACA,YAAYE,SAAU,qBAAoBF,IAAK;AAC/C;AACA;AACA;AACA,aAAaE,SAAU;AACvB;AACA;AACA;AACA,EAAEF,IAAK,qBAAoBA,IAAK;AAChC,CAtBE;AAuBD","sourcesContent":["import { ComponentContext } from '@teambit/generator';\n\nexport function previewRuntimeFile({ namePascalCase: Name, nameCamelCase: nameCamel, name }: ComponentContext) {\n  return `import { PreviewRuntime } from '@teambit/preview';\nimport { ReactAspect, ReactPreview } from '@teambit/react'; // the node env uses the react env's preview feature\n// uncomment the line below and install the theme if you want to use our theme or create your own and import it here\n// import { ThemeCompositions } from '@teambit/documenter.theme.theme-compositions';\n\nimport { ${Name}Aspect } from './${name}.aspect';\n\nexport class ${Name}PreviewMain {\n  static runtime = PreviewRuntime;\n\n  static dependencies = [ReactAspect];\n\n  static async provider([react]: [ReactPreview]) {\n    const ${nameCamel}PreviewMain = new ${Name}PreviewMain();\n    // uncomment the line below to register a new provider to wrap all compositions using this environment with a custom theme.\n    // react.registerProvider([ThemeCompositions]);\n\n    return ${nameCamel}PreviewMain;\n  }\n}\n\n${Name}Aspect.addRuntime(${Name}PreviewMain);\n`;\n}\n"]}

package/dist/templates/node-env/files/typescript/styles.d.ts

@@ -0,0 +1 @@
+export declare function globalStylesFile(): string;

package/dist/templates/node-env/files/typescript/styles.js

@@ -0,0 +1,16 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.globalStylesFile = globalStylesFile;
+
+function globalStylesFile() {
+  return `
+  /*
+  Add your global styles here to be added for any component using this env
+  */
+  `;
+}
+
+//# sourceMappingURL=styles.js.map

package/dist/templates/node-env/files/typescript/styles.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["styles.ts"],"names":["globalStylesFile"],"mappings":";;;;;;;AAAO,SAASA,gBAAT,GAA4B;AACjC,SAAQ;AACV;AACA;AACA;AACA,GAJE;AAKD","sourcesContent":["export function globalStylesFile() {\n  return `\n  /*\n  Add your global styles here to be added for any component using this env\n  */\n  `\n}\n"]}

package/dist/templates/node-env/files/typescript/ts-transformer.d.ts

@@ -0,0 +1 @@
+export declare function tsTransformerFile(): string;