@teambit/lanes 0.0.315 → 0.0.316

package/dist/lanes.ui.runtime.d.ts

@@ -21,9 +21,7 @@ export declare class LanesUI {
     private scope?;
     static dependencies: import("@teambit/harmony").Aspect[];
     static runtime: import("@teambit/harmony").RuntimeDefinition;
-    static slots: (((registerFn: () => string) => import("@teambit/harmony").SlotRegistry<RouteProps<string, {
-        [x: string]: string | undefined;
-    }>>) | ((registerFn: () => string) => import("@teambit/harmony").SlotRegistry<NavigationSlot>) | ((registerFn: () => string) => import("@teambit/harmony").SlotRegistry<LaneOverviewLineSlot>))[];
+    static slots: (((registerFn: () => string) => import("@teambit/harmony").SlotRegistry<RouteProps>) | ((registerFn: () => string) => import("@teambit/harmony").SlotRegistry<NavigationSlot>) | ((registerFn: () => string) => import("@teambit/harmony").SlotRegistry<LaneOverviewLineSlot>))[];
     constructor(componentUi: ComponentUI, routeSlot: RouteSlot, navSlot: LanesOrderedNavigationSlot, menuWidgetSlot: MenuWidgetSlot, 
     /**
      * overview line slot to add new lines beneath the overview section

package/dist/lanes.ui.runtime.js

@@ -31,6 +31,16 @@ function _react() {
   return data;
 }
 
+function _reactRouterDom() {
+  const data = require("react-router-dom");
+
+  _reactRouterDom = function () {
+    return data;
+  };
+
+  return data;
+}
+
 function _harmony() {
   const data = require("@teambit/harmony");
 
@@ -71,6 +81,16 @@ function _lanesUi() {
   return data;
 }
 
+function _designUiPages() {
+  const data = require("@teambit/design.ui.pages.not-found");
+
+  _designUiPages = function () {
+    return data;
+  };
+
+  return data;
+}
+
 function _scope() {
   const data = _interopRequireDefault(require("@teambit/scope"));
 
@@ -140,40 +160,48 @@ class LanesUI {
   registerHostAspectRoutes() {
     if (!this.hostAspect) return;
     this.hostAspect.registerRoutes([{
-      path: _lanesUi().LanesModel.laneComponentUrlRegex,
-      children: this.componentUi.getComponentUI(this.host)
-    }, {
-      path: `${_lanesUi().LanesModel.laneRouteUrlRegex}/~readme`,
-      children: /*#__PURE__*/_react().default.createElement(_lanesUi().LaneReadmeOverview, {
-        host: this.host,
-        overviewSlot: this.overviewSlot,
-        routeSlot: this.routeSlot
-      })
-    }, {
-      path: `${_lanesUi().LanesModel.laneRouteUrlRegex}/~gallery`,
-      children: /*#__PURE__*/_react().default.createElement(_lanesUi().LaneGallery, {
-        routeSlot: this.routeSlot,
-        overviewSlot: this.overviewSlot,
-        host: this.lanesHost
-      })
-    }, {
-      exact: true,
-      path: `${_lanesUi().LanesModel.laneRouteUrlRegex}`,
-      children: /*#__PURE__*/_react().default.createElement(_lanesUi().LaneReadmeOverview, {
-        host: this.host,
-        overviewSlot: this.overviewSlot,
-        routeSlot: this.routeSlot
-      })
+      path: _lanesUi().LanesModel.lanesPrefix,
+      children: /*#__PURE__*/_react().default.createElement(_react().default.Fragment, null, /*#__PURE__*/_react().default.createElement(_reactRouterDom().Route, {
+        path: _lanesUi().LanesModel.lanePath
+      }, /*#__PURE__*/_react().default.createElement(_reactRouterDom().Route, {
+        index: true,
+        element: /*#__PURE__*/_react().default.createElement(_lanesUi().LaneReadmeOverview, {
+          host: this.host,
+          overviewSlot: this.overviewSlot,
+          routeSlot: this.routeSlot
+        })
+      }), /*#__PURE__*/_react().default.createElement(_reactRouterDom().Route, {
+        path: "~gallery",
+        element: /*#__PURE__*/_react().default.createElement(_lanesUi().LaneGallery, {
+          routeSlot: this.routeSlot,
+          overviewSlot: this.overviewSlot,
+          host: this.lanesHost
+        })
+      }), /*#__PURE__*/_react().default.createElement(_reactRouterDom().Route, {
+        path: "~component/*",
+        element: this.componentUi.getComponentUI(this.host)
+      }), /*#__PURE__*/_react().default.createElement(_reactRouterDom().Route, {
+        path: "*",
+        element: /*#__PURE__*/_react().default.createElement(_designUiPages().NotFoundPage, null)
+      })), /*#__PURE__*/_react().default.createElement(_reactRouterDom().Route, {
+        path: "*",
+        element: /*#__PURE__*/_react().default.createElement(_designUiPages().NotFoundPage, null)
+      }))
     }]);
     this.hostAspect.registerMenuRoutes([{
-      path: _lanesUi().LanesModel.laneComponentUrlRegex,
-      children: this.componentUi.getMenu(this.host)
-    }, {
-      path: _lanesUi().LanesModel.laneRouteUrlRegex,
-      children: /*#__PURE__*/_react().default.createElement(_lanesUi().LanesOverviewMenu, {
-        navigationSlot: this.navSlot,
-        widgetSlot: this.menuWidgetSlot
-      })
+      path: _lanesUi().LanesModel.lanesPrefix,
+      children: /*#__PURE__*/_react().default.createElement(_reactRouterDom().Route, {
+        path: `${_lanesUi().LanesModel.lanePath}/*`
+      }, /*#__PURE__*/_react().default.createElement(_reactRouterDom().Route, {
+        path: "*",
+        element: /*#__PURE__*/_react().default.createElement(_lanesUi().LanesOverviewMenu, {
+          navigationSlot: this.navSlot,
+          widgetSlot: this.menuWidgetSlot
+        })
+      }), /*#__PURE__*/_react().default.createElement(_reactRouterDom().Route, {
+        path: "~component/*",
+        element: this.componentUi.getMenu(this.host)
+      }))
     }]);
   }
 
@@ -184,7 +212,8 @@ class LanesUI {
   registerLanesRoutes() {
     this.registerNavigation([{
       props: {
-        href: '',
+        href: '.',
+        exact: true,
         children: 'README'
       },
       order: 1,
@@ -197,7 +226,8 @@ class LanesUI {
     }, {
       props: {
         href: '~gallery',
-        children: 'Gallery'
+        children: 'Gallery',
+        exact: true
       },
       order: 1
     }]);

package/dist/lanes.ui.runtime.js.map

@@ -1 +1 @@
-{"version":3,"names":["LanesUI","constructor","componentUi","routeSlot","navSlot","menuWidgetSlot","overviewSlot","workspace","scope","children","hostAspect","lanesHost","host","WorkspaceAspect","id","ScopeAspect","registerHostAspectRoutes","registerRoutes","path","LanesModel","laneComponentUrlRegex","getComponentUI","laneRouteUrlRegex","exact","registerMenuRoutes","getMenu","registerMenuWidget","menuItems","register","registerLanesRoutes","registerNavigation","props","href","order","hide","lanesContext","useLanesContext","viewedLane","readmeComponent","registerRoute","route","registerOverviewLine","lines","routes","provider","uiUi","workspaceUi","scopeUi","sidebarUi","_","harmony","config","String","get","lanesUi","registerRenderHooks","reactContext","renderContext","drawer","LanesDrawer","showScope","registerDrawer","UIAspect","ComponentAspect","SidebarAspect","UIRuntime","Slot","withType","LanesAspect","addRuntime"],"sources":["lanes.ui.runtime.tsx"],"sourcesContent":["import React, { ReactNode } from 'react';\nimport { RouteProps } from 'react-router-dom';\nimport { Slot, Harmony } from '@teambit/harmony';\nimport { UIRuntime, UiUI, UIAspect } from '@teambit/ui';\nimport { LanesAspect } from '@teambit/lanes';\nimport { NavigationSlot, RouteSlot } from '@teambit/ui-foundation.ui.react-router.slot-router';\nimport {\n  LanesDrawer,\n  LanesHost,\n  LaneGallery,\n  LanesOrderedNavigationSlot,\n  LanesModel,\n  LanesOverviewMenu,\n  ViewedLaneFromUrl,\n  LaneOverviewLineSlot,\n  LaneOverviewLine,\n  UseLaneMenu,\n  useLanesContext,\n  LanesNavPlugin,\n  LaneReadmeOverview,\n} from '@teambit/lanes.ui.lanes';\nimport ScopeAspect, { ScopeUI } from '@teambit/scope';\nimport WorkspaceAspect, { WorkspaceUI } from '@teambit/workspace';\nimport ComponentAspect, { ComponentUI } from '@teambit/component';\nimport SidebarAspect, { SidebarUI } from '@teambit/sidebar';\nimport { MenuWidget, MenuWidgetSlot } from '@teambit/ui-foundation.ui.menu';\n\nexport class LanesUI {\n  static dependencies = [UIAspect, ComponentAspect, WorkspaceAspect, ScopeAspect, SidebarAspect];\n  static runtime = UIRuntime;\n  static slots = [\n    Slot.withType<RouteProps>(),\n    Slot.withType<LaneOverviewLineSlot>(),\n    Slot.withType<NavigationSlot>(),\n    Slot.withType<MenuWidgetSlot>(),\n  ];\n\n  constructor(\n    private componentUi: ComponentUI,\n    private routeSlot: RouteSlot,\n    private navSlot: LanesOrderedNavigationSlot,\n    private menuWidgetSlot: MenuWidgetSlot,\n    /**\n     * overview line slot to add new lines beneath the overview section\n     */\n    private overviewSlot: LaneOverviewLineSlot,\n    private workspace?: WorkspaceUI,\n    private scope?: ScopeUI\n  ) {\n    this.hostAspect = workspace || scope;\n    this.lanesHost = workspace ? 'workspace' : 'scope';\n    this.host = workspace ? WorkspaceAspect.id : ScopeAspect.id;\n  }\n\n  private readonly lanesHost: LanesHost;\n  private readonly hostAspect?: WorkspaceUI | ScopeUI;\n  private readonly host: string;\n\n  private registerHostAspectRoutes() {\n    if (!this.hostAspect) return;\n    this.hostAspect.registerRoutes([\n      {\n        path: LanesModel.laneComponentUrlRegex,\n        children: this.componentUi.getComponentUI(this.host),\n      },\n      {\n        path: `${LanesModel.laneRouteUrlRegex}/~readme`,\n        children: <LaneReadmeOverview host={this.host} overviewSlot={this.overviewSlot} routeSlot={this.routeSlot} />,\n      },\n      {\n        path: `${LanesModel.laneRouteUrlRegex}/~gallery`,\n        children: <LaneGallery routeSlot={this.routeSlot} overviewSlot={this.overviewSlot} host={this.lanesHost}/>,\n      },\n      {\n        exact: true,\n        path: `${LanesModel.laneRouteUrlRegex}`,\n        children: <LaneReadmeOverview host={this.host} overviewSlot={this.overviewSlot} routeSlot={this.routeSlot} />,\n      },\n    ]);\n    this.hostAspect.registerMenuRoutes([\n      {\n        path: LanesModel.laneComponentUrlRegex,\n        children: this.componentUi.getMenu(this.host),\n      },\n      {\n        path: LanesModel.laneRouteUrlRegex,\n        children: <LanesOverviewMenu navigationSlot={this.navSlot} widgetSlot={this.menuWidgetSlot} />,\n      },\n    ]);\n  }\n\n  registerMenuWidget(...menuItems: MenuWidget[]) {\n    this.menuWidgetSlot.register(menuItems);\n  }\n\n  private registerLanesRoutes() {\n    this.registerNavigation([\n      {\n        props: {\n          href: '',\n          children: 'README',\n        },\n        order: 1,\n        hide: () => {\n          const lanesContext = useLanesContext();\n          return !lanesContext?.viewedLane?.readmeComponent;\n        },\n      },\n      {\n        props: {\n          href: '~gallery',\n          children: 'Gallery',\n        },\n        order: 1,\n      },\n    ]);\n  }\n\n  private registerRoutes() {\n    this.registerHostAspectRoutes();\n    this.registerLanesRoutes();\n  }\n\n  private renderContext = ({ children }: { children: ReactNode }) => {\n    return <ViewedLaneFromUrl>{children}</ViewedLaneFromUrl>;\n  };\n\n  registerRoute(route: RouteProps) {\n    this.routeSlot.register(route);\n    return this;\n  }\n\n  /**\n   * register a new line beneath the lane overview section.\n   */\n  registerOverviewLine(...lines: LaneOverviewLine[]) {\n    this.overviewSlot.register(lines);\n    return this;\n  }\n\n  registerNavigation(routes: LanesNavPlugin[]) {\n    this.navSlot.register(routes);\n  }\n\n  static async provider(\n    [uiUi, componentUi, workspaceUi, scopeUi, sidebarUi]: [UiUI, ComponentUI, WorkspaceUI, ScopeUI, SidebarUI],\n    _,\n    [routeSlot, overviewSlot, navSlot, menuWidgetSlot]: [\n      RouteSlot,\n      LaneOverviewLineSlot,\n      LanesOrderedNavigationSlot,\n      MenuWidgetSlot\n    ],\n    harmony: Harmony\n  ) {\n    const { config } = harmony;\n    const host = String(config.get('teambit.harmony/bit'));\n    let workspace: WorkspaceUI | undefined;\n    let scope: ScopeUI | undefined;\n    if (host === WorkspaceAspect.id) {\n      workspace = workspaceUi;\n    }\n    if (host === ScopeAspect.id) {\n      scope = scopeUi;\n    }\n    const lanesUi = new LanesUI(componentUi, routeSlot, navSlot, overviewSlot, menuWidgetSlot, workspace, scope);\n    uiUi.registerRenderHooks({ reactContext: lanesUi.renderContext });\n    const drawer = new LanesDrawer({ showScope: lanesUi.lanesHost === 'workspace' });\n    sidebarUi.registerDrawer(drawer);\n    lanesUi.registerRoutes();\n    lanesUi.registerMenuWidget(() => <UseLaneMenu host={lanesUi.lanesHost} />);\n    return lanesUi;\n  }\n}\n\nexport default LanesUI;\n\nLanesAspect.addRuntime(LanesUI);\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;AAAA;EAAA;;EAAA;IAAA;EAAA;;EAAA;AAAA;;AAEA;EAAA;;EAAA;IAAA;EAAA;;EAAA;AAAA;;AACA;EAAA;;EAAA;IAAA;EAAA;;EAAA;AAAA;;AACA;EAAA;;EAAA;IAAA;EAAA;;EAAA;AAAA;;AAEA;EAAA;;EAAA;IAAA;EAAA;;EAAA;AAAA;;AAeA;EAAA;;EAAA;IAAA;EAAA;;EAAA;AAAA;;AACA;EAAA;;EAAA;IAAA;EAAA;;EAAA;AAAA;;AACA;EAAA;;EAAA;IAAA;EAAA;;EAAA;AAAA;;AACA;EAAA;;EAAA;IAAA;EAAA;;EAAA;AAAA;;AAGO,MAAMA,OAAN,CAAc;EAUnBC,WAAW,CACDC,WADC,EAEDC,SAFC,EAGDC,OAHC,EAIDC,cAJC;EAKT;AACJ;AACA;EACYC,YARC,EASDC,SATC,EAUDC,KAVC,EAWT;IAAA,KAVQN,WAUR,GAVQA,WAUR;IAAA,KATQC,SASR,GATQA,SASR;IAAA,KARQC,OAQR,GARQA,OAQR;IAAA,KAPQC,cAOR,GAPQA,cAOR;IAAA,KAHQC,YAGR,GAHQA,YAGR;IAAA,KAFQC,SAER,GAFQA,SAER;IAAA,KADQC,KACR,GADQA,KACR;IAAA;IAAA;IAAA;IAAA,uDA2EsB,CAAC;MAAEC;IAAF,CAAD,KAA2C;MACjE,oBAAO,+BAAC,4BAAD,QAAoBA,QAApB,CAAP;IACD,CA7EC;IACA,KAAKC,UAAL,GAAkBH,SAAS,IAAIC,KAA/B;IACA,KAAKG,SAAL,GAAiBJ,SAAS,GAAG,WAAH,GAAiB,OAA3C;IACA,KAAKK,IAAL,GAAYL,SAAS,GAAGM,oBAAA,CAAgBC,EAAnB,GAAwBC,gBAAA,CAAYD,EAAzD;EACD;;EAMOE,wBAAwB,GAAG;IACjC,IAAI,CAAC,KAAKN,UAAV,EAAsB;IACtB,KAAKA,UAAL,CAAgBO,cAAhB,CAA+B,CAC7B;MACEC,IAAI,EAAEC,qBAAA,CAAWC,qBADnB;MAEEX,QAAQ,EAAE,KAAKP,WAAL,CAAiBmB,cAAjB,CAAgC,KAAKT,IAArC;IAFZ,CAD6B,EAK7B;MACEM,IAAI,EAAG,GAAEC,qBAAA,CAAWG,iBAAkB,UADxC;MAEEb,QAAQ,eAAE,+BAAC,6BAAD;QAAoB,IAAI,EAAE,KAAKG,IAA/B;QAAqC,YAAY,EAAE,KAAKN,YAAxD;QAAsE,SAAS,EAAE,KAAKH;MAAtF;IAFZ,CAL6B,EAS7B;MACEe,IAAI,EAAG,GAAEC,qBAAA,CAAWG,iBAAkB,WADxC;MAEEb,QAAQ,eAAE,+BAAC,sBAAD;QAAa,SAAS,EAAE,KAAKN,SAA7B;QAAwC,YAAY,EAAE,KAAKG,YAA3D;QAAyE,IAAI,EAAE,KAAKK;MAApF;IAFZ,CAT6B,EAa7B;MACEY,KAAK,EAAE,IADT;MAEEL,IAAI,EAAG,GAAEC,qBAAA,CAAWG,iBAAkB,EAFxC;MAGEb,QAAQ,eAAE,+BAAC,6BAAD;QAAoB,IAAI,EAAE,KAAKG,IAA/B;QAAqC,YAAY,EAAE,KAAKN,YAAxD;QAAsE,SAAS,EAAE,KAAKH;MAAtF;IAHZ,CAb6B,CAA/B;IAmBA,KAAKO,UAAL,CAAgBc,kBAAhB,CAAmC,CACjC;MACEN,IAAI,EAAEC,qBAAA,CAAWC,qBADnB;MAEEX,QAAQ,EAAE,KAAKP,WAAL,CAAiBuB,OAAjB,CAAyB,KAAKb,IAA9B;IAFZ,CADiC,EAKjC;MACEM,IAAI,EAAEC,qBAAA,CAAWG,iBADnB;MAEEb,QAAQ,eAAE,+BAAC,4BAAD;QAAmB,cAAc,EAAE,KAAKL,OAAxC;QAAiD,UAAU,EAAE,KAAKC;MAAlE;IAFZ,CALiC,CAAnC;EAUD;;EAEDqB,kBAAkB,CAAC,GAAGC,SAAJ,EAA6B;IAC7C,KAAKtB,cAAL,CAAoBuB,QAApB,CAA6BD,SAA7B;EACD;;EAEOE,mBAAmB,GAAG;IAC5B,KAAKC,kBAAL,CAAwB,CACtB;MACEC,KAAK,EAAE;QACLC,IAAI,EAAE,EADD;QAELvB,QAAQ,EAAE;MAFL,CADT;MAKEwB,KAAK,EAAE,CALT;MAMEC,IAAI,EAAE,MAAM;QAAA;;QACV,MAAMC,YAAY,GAAG,IAAAC,0BAAA,GAArB;QACA,OAAO,EAACD,YAAD,aAACA,YAAD,wCAACA,YAAY,CAAEE,UAAf,kDAAC,sBAA0BC,eAA3B,CAAP;MACD;IATH,CADsB,EAYtB;MACEP,KAAK,EAAE;QACLC,IAAI,EAAE,UADD;QAELvB,QAAQ,EAAE;MAFL,CADT;MAKEwB,KAAK,EAAE;IALT,CAZsB,CAAxB;EAoBD;;EAEOhB,cAAc,GAAG;IACvB,KAAKD,wBAAL;IACA,KAAKa,mBAAL;EACD;;EAMDU,aAAa,CAACC,KAAD,EAAoB;IAC/B,KAAKrC,SAAL,CAAeyB,QAAf,CAAwBY,KAAxB;IACA,OAAO,IAAP;EACD;EAED;AACF;AACA;;;EACEC,oBAAoB,CAAC,GAAGC,KAAJ,EAA+B;IACjD,KAAKpC,YAAL,CAAkBsB,QAAlB,CAA2Bc,KAA3B;IACA,OAAO,IAAP;EACD;;EAEDZ,kBAAkB,CAACa,MAAD,EAA2B;IAC3C,KAAKvC,OAAL,CAAawB,QAAb,CAAsBe,MAAtB;EACD;;EAEoB,aAARC,QAAQ,CACnB,CAACC,IAAD,EAAO3C,WAAP,EAAoB4C,WAApB,EAAiCC,OAAjC,EAA0CC,SAA1C,CADmB,EAEnBC,CAFmB,EAGnB,CAAC9C,SAAD,EAAYG,YAAZ,EAA0BF,OAA1B,EAAmCC,cAAnC,CAHmB,EASnB6C,OATmB,EAUnB;IACA,MAAM;MAAEC;IAAF,IAAaD,OAAnB;IACA,MAAMtC,IAAI,GAAGwC,MAAM,CAACD,MAAM,CAACE,GAAP,CAAW,qBAAX,CAAD,CAAnB;IACA,IAAI9C,SAAJ;IACA,IAAIC,KAAJ;;IACA,IAAII,IAAI,KAAKC,oBAAA,CAAgBC,EAA7B,EAAiC;MAC/BP,SAAS,GAAGuC,WAAZ;IACD;;IACD,IAAIlC,IAAI,KAAKG,gBAAA,CAAYD,EAAzB,EAA6B;MAC3BN,KAAK,GAAGuC,OAAR;IACD;;IACD,MAAMO,OAAO,GAAG,IAAItD,OAAJ,CAAYE,WAAZ,EAAyBC,SAAzB,EAAoCC,OAApC,EAA6CE,YAA7C,EAA2DD,cAA3D,EAA2EE,SAA3E,EAAsFC,KAAtF,CAAhB;IACAqC,IAAI,CAACU,mBAAL,CAAyB;MAAEC,YAAY,EAAEF,OAAO,CAACG;IAAxB,CAAzB;IACA,MAAMC,MAAM,GAAG,KAAIC,sBAAJ,EAAgB;MAAEC,SAAS,EAAEN,OAAO,CAAC3C,SAAR,KAAsB;IAAnC,CAAhB,CAAf;IACAqC,SAAS,CAACa,cAAV,CAAyBH,MAAzB;IACAJ,OAAO,CAACrC,cAAR;IACAqC,OAAO,CAAC5B,kBAAR,CAA2B,mBAAM,+BAAC,sBAAD;MAAa,IAAI,EAAE4B,OAAO,CAAC3C;IAA3B,EAAjC;IACA,OAAO2C,OAAP;EACD;;AAjJkB;;;gCAARtD,O,kBACW,CAAC8D,cAAD,EAAWC,oBAAX,EAA4BlD,oBAA5B,EAA6CE,gBAA7C,EAA0DiD,kBAA1D,C;gCADXhE,O,aAEMiE,e;gCAFNjE,O,WAGI,CACbkE,eAAA,CAAKC,QAAL,EADa,EAEbD,eAAA,CAAKC,QAAL,EAFa,EAGbD,eAAA,CAAKC,QAAL,EAHa,EAIbD,eAAA,CAAKC,QAAL,EAJa,C;eAiJFnE,O;;;AAEfoE,oBAAA,CAAYC,UAAZ,CAAuBrE,OAAvB"}
+{"version":3,"names":["LanesUI","constructor","componentUi","routeSlot","navSlot","menuWidgetSlot","overviewSlot","workspace","scope","children","hostAspect","lanesHost","host","WorkspaceAspect","id","ScopeAspect","registerHostAspectRoutes","registerRoutes","path","LanesModel","lanesPrefix","lanePath","getComponentUI","registerMenuRoutes","getMenu","registerMenuWidget","menuItems","register","registerLanesRoutes","registerNavigation","props","href","exact","order","hide","lanesContext","useLanesContext","viewedLane","readmeComponent","registerRoute","route","registerOverviewLine","lines","routes","provider","uiUi","workspaceUi","scopeUi","sidebarUi","_","harmony","config","String","get","lanesUi","registerRenderHooks","reactContext","renderContext","drawer","LanesDrawer","showScope","registerDrawer","UIAspect","ComponentAspect","SidebarAspect","UIRuntime","Slot","withType","LanesAspect","addRuntime"],"sources":["lanes.ui.runtime.tsx"],"sourcesContent":["import React, { ReactNode } from 'react';\nimport { Route, RouteProps } from 'react-router-dom';\nimport { Slot, Harmony } from '@teambit/harmony';\nimport { UIRuntime, UiUI, UIAspect } from '@teambit/ui';\nimport { LanesAspect } from '@teambit/lanes';\nimport { NavigationSlot, RouteSlot } from '@teambit/ui-foundation.ui.react-router.slot-router';\nimport {\n  LanesDrawer,\n  LanesHost,\n  LaneGallery,\n  LanesOrderedNavigationSlot,\n  LanesModel,\n  LanesOverviewMenu,\n  ViewedLaneFromUrl,\n  LaneOverviewLineSlot,\n  LaneOverviewLine,\n  UseLaneMenu,\n  useLanesContext,\n  LanesNavPlugin,\n  LaneReadmeOverview,\n} from '@teambit/lanes.ui.lanes';\nimport { NotFoundPage } from '@teambit/design.ui.pages.not-found';\nimport ScopeAspect, { ScopeUI } from '@teambit/scope';\nimport WorkspaceAspect, { WorkspaceUI } from '@teambit/workspace';\nimport ComponentAspect, { ComponentUI } from '@teambit/component';\nimport SidebarAspect, { SidebarUI } from '@teambit/sidebar';\nimport { MenuWidget, MenuWidgetSlot } from '@teambit/ui-foundation.ui.menu';\n\nexport class LanesUI {\n  static dependencies = [UIAspect, ComponentAspect, WorkspaceAspect, ScopeAspect, SidebarAspect];\n  static runtime = UIRuntime;\n  static slots = [\n    Slot.withType<RouteProps>(),\n    Slot.withType<LaneOverviewLineSlot>(),\n    Slot.withType<NavigationSlot>(),\n    Slot.withType<MenuWidgetSlot>(),\n  ];\n\n  constructor(\n    private componentUi: ComponentUI,\n    private routeSlot: RouteSlot,\n    private navSlot: LanesOrderedNavigationSlot,\n    private menuWidgetSlot: MenuWidgetSlot,\n    /**\n     * overview line slot to add new lines beneath the overview section\n     */\n    private overviewSlot: LaneOverviewLineSlot,\n    private workspace?: WorkspaceUI,\n    private scope?: ScopeUI\n  ) {\n    this.hostAspect = workspace || scope;\n    this.lanesHost = workspace ? 'workspace' : 'scope';\n    this.host = workspace ? WorkspaceAspect.id : ScopeAspect.id;\n  }\n\n  private readonly lanesHost: LanesHost;\n  private readonly hostAspect?: WorkspaceUI | ScopeUI;\n  private readonly host: string;\n\n  private registerHostAspectRoutes() {\n    if (!this.hostAspect) return;\n    this.hostAspect.registerRoutes([\n      {\n        path: LanesModel.lanesPrefix,\n        children: (\n          <>\n            <Route path={LanesModel.lanePath}>\n              <Route\n                index\n                element={\n                  <LaneReadmeOverview host={this.host} overviewSlot={this.overviewSlot} routeSlot={this.routeSlot} />\n                }\n              />\n              <Route\n                path=\"~gallery\"\n                element={\n                  <LaneGallery routeSlot={this.routeSlot} overviewSlot={this.overviewSlot} host={this.lanesHost} />\n                }\n              />\n              <Route path=\"~component/*\" element={this.componentUi.getComponentUI(this.host)} />\n              <Route path=\"*\" element={<NotFoundPage />} />\n            </Route>\n            <Route path=\"*\" element={<NotFoundPage />} />\n          </>\n        ),\n      },\n    ]);\n    this.hostAspect.registerMenuRoutes([\n      {\n        path: LanesModel.lanesPrefix,\n        children: (\n          <Route path={`${LanesModel.lanePath}/*`}>\n            <Route\n              path=\"*\"\n              element={<LanesOverviewMenu navigationSlot={this.navSlot} widgetSlot={this.menuWidgetSlot} />}\n            />\n            <Route path=\"~component/*\" element={this.componentUi.getMenu(this.host)} />\n          </Route>\n        ),\n      },\n    ]);\n  }\n\n  registerMenuWidget(...menuItems: MenuWidget[]) {\n    this.menuWidgetSlot.register(menuItems);\n  }\n\n  private registerLanesRoutes() {\n    this.registerNavigation([\n      {\n        props: {\n          href: '.',\n          exact: true,\n          children: 'README',\n        },\n        order: 1,\n        hide: () => {\n          const lanesContext = useLanesContext();\n          return !lanesContext?.viewedLane?.readmeComponent;\n        },\n      },\n      {\n        props: {\n          href: '~gallery',\n          children: 'Gallery',\n          exact: true,\n        },\n        order: 1,\n      },\n    ]);\n  }\n\n  private registerRoutes() {\n    this.registerHostAspectRoutes();\n    this.registerLanesRoutes();\n  }\n\n  private renderContext = ({ children }: { children: ReactNode }) => {\n    return <ViewedLaneFromUrl>{children}</ViewedLaneFromUrl>;\n  };\n\n  registerRoute(route: RouteProps) {\n    this.routeSlot.register(route);\n    return this;\n  }\n\n  /**\n   * register a new line beneath the lane overview section.\n   */\n  registerOverviewLine(...lines: LaneOverviewLine[]) {\n    this.overviewSlot.register(lines);\n    return this;\n  }\n\n  registerNavigation(routes: LanesNavPlugin[]) {\n    this.navSlot.register(routes);\n  }\n\n  static async provider(\n    [uiUi, componentUi, workspaceUi, scopeUi, sidebarUi]: [UiUI, ComponentUI, WorkspaceUI, ScopeUI, SidebarUI],\n    _,\n    [routeSlot, overviewSlot, navSlot, menuWidgetSlot]: [\n      RouteSlot,\n      LaneOverviewLineSlot,\n      LanesOrderedNavigationSlot,\n      MenuWidgetSlot\n    ],\n    harmony: Harmony\n  ) {\n    const { config } = harmony;\n    const host = String(config.get('teambit.harmony/bit'));\n    let workspace: WorkspaceUI | undefined;\n    let scope: ScopeUI | undefined;\n    if (host === WorkspaceAspect.id) {\n      workspace = workspaceUi;\n    }\n    if (host === ScopeAspect.id) {\n      scope = scopeUi;\n    }\n    const lanesUi = new LanesUI(componentUi, routeSlot, navSlot, overviewSlot, menuWidgetSlot, workspace, scope);\n    uiUi.registerRenderHooks({ reactContext: lanesUi.renderContext });\n    const drawer = new LanesDrawer({ showScope: lanesUi.lanesHost === 'workspace' });\n    sidebarUi.registerDrawer(drawer);\n    lanesUi.registerRoutes();\n    lanesUi.registerMenuWidget(() => <UseLaneMenu host={lanesUi.lanesHost} />);\n    return lanesUi;\n  }\n}\n\nexport default LanesUI;\n\nLanesAspect.addRuntime(LanesUI);\n"],"mappings":"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"}

package/lanes.ui.runtime.tsx

@@ -1,5 +1,5 @@
 import React, { ReactNode } from 'react';
-import { RouteProps } from 'react-router-dom';
+import { Route, RouteProps } from 'react-router-dom';
 import { Slot, Harmony } from '@teambit/harmony';
 import { UIRuntime, UiUI, UIAspect } from '@teambit/ui';
 import { LanesAspect } from '@teambit/lanes';
@@ -19,6 +19,7 @@ import {
   LanesNavPlugin,
   LaneReadmeOverview,
 } from '@teambit/lanes.ui.lanes';
+import { NotFoundPage } from '@teambit/design.ui.pages.not-found';
 import ScopeAspect, { ScopeUI } from '@teambit/scope';
 import WorkspaceAspect, { WorkspaceUI } from '@teambit/workspace';
 import ComponentAspect, { ComponentUI } from '@teambit/component';
@@ -60,31 +61,42 @@ export class LanesUI {
     if (!this.hostAspect) return;
     this.hostAspect.registerRoutes([
       {
-        path: LanesModel.laneComponentUrlRegex,
-        children: this.componentUi.getComponentUI(this.host),
-      },
-      {
-        path: `${LanesModel.laneRouteUrlRegex}/~readme`,
-        children: <LaneReadmeOverview host={this.host} overviewSlot={this.overviewSlot} routeSlot={this.routeSlot} />,
-      },
-      {
-        path: `${LanesModel.laneRouteUrlRegex}/~gallery`,
-        children: <LaneGallery routeSlot={this.routeSlot} overviewSlot={this.overviewSlot} host={this.lanesHost}/>,
-      },
-      {
-        exact: true,
-        path: `${LanesModel.laneRouteUrlRegex}`,
-        children: <LaneReadmeOverview host={this.host} overviewSlot={this.overviewSlot} routeSlot={this.routeSlot} />,
+        path: LanesModel.lanesPrefix,
+        children: (
+          <>
+            <Route path={LanesModel.lanePath}>
+              <Route
+                index
+                element={
+                  <LaneReadmeOverview host={this.host} overviewSlot={this.overviewSlot} routeSlot={this.routeSlot} />
+                }
+              />
+              <Route
+                path="~gallery"
+                element={
+                  <LaneGallery routeSlot={this.routeSlot} overviewSlot={this.overviewSlot} host={this.lanesHost} />
+                }
+              />
+              <Route path="~component/*" element={this.componentUi.getComponentUI(this.host)} />
+              <Route path="*" element={<NotFoundPage />} />
+            </Route>
+            <Route path="*" element={<NotFoundPage />} />
+          </>
+        ),
       },
     ]);
     this.hostAspect.registerMenuRoutes([
       {
-        path: LanesModel.laneComponentUrlRegex,
-        children: this.componentUi.getMenu(this.host),
-      },
-      {
-        path: LanesModel.laneRouteUrlRegex,
-        children: <LanesOverviewMenu navigationSlot={this.navSlot} widgetSlot={this.menuWidgetSlot} />,
+        path: LanesModel.lanesPrefix,
+        children: (
+          <Route path={`${LanesModel.lanePath}/*`}>
+            <Route
+              path="*"
+              element={<LanesOverviewMenu navigationSlot={this.navSlot} widgetSlot={this.menuWidgetSlot} />}
+            />
+            <Route path="~component/*" element={this.componentUi.getMenu(this.host)} />
+          </Route>
+        ),
       },
     ]);
   }
@@ -97,7 +109,8 @@ export class LanesUI {
     this.registerNavigation([
       {
         props: {
-          href: '',
+          href: '.',
+          exact: true,
           children: 'README',
         },
         order: 1,
@@ -110,6 +123,7 @@ export class LanesUI {
         props: {
           href: '~gallery',
           children: 'Gallery',
+          exact: true,
         },
         order: 1,
       },

package/package.json

@@ -1,45 +1,44 @@
 {
   "name": "@teambit/lanes",
-  "version": "0.0.315",
+  "version": "0.0.316",
   "homepage": "https://bit.dev/teambit/lanes/lanes",
   "main": "dist/index.js",
   "componentId": {
     "scope": "teambit.lanes",
     "name": "lanes",
-    "version": "0.0.315"
+    "version": "0.0.316"
   },
   "dependencies": {
     "chalk": "2.4.2",
     "yn": "2.0.0",
     "graphql-tag": "2.12.1",
     "lodash": "4.17.21",
-    "react-router-dom": "5.2.0",
     "p-map-series": "2.1.0",
     "@babel/runtime": "7.12.18",
     "core-js": "^3.0.0",
     "@teambit/harmony": "0.3.3",
     "@teambit/bit-error": "0.0.394",
     "@teambit/cli": "0.0.493",
-    "@teambit/merging": "0.0.58",
-    "@teambit/scope": "0.0.743",
-    "@teambit/workspace": "0.0.743",
-    "@teambit/graphql": "0.0.743",
+    "@teambit/merging": "0.0.59",
+    "@teambit/scope": "0.0.744",
+    "@teambit/workspace": "0.0.744",
+    "@teambit/graphql": "0.0.744",
     "@teambit/community": "0.0.41",
-    "@teambit/component": "0.0.743",
+    "@teambit/component": "0.0.744",
     "@teambit/lane-id": "0.0.12",
     "@teambit/lanes.modules.diff": "0.0.120",
     "@teambit/legacy-bit-id": "0.0.399",
-    "@teambit/logger": "0.0.585",
-    "@teambit/lanes.ui.lanes": "0.0.59",
-    "@teambit/sidebar": "0.0.743",
+    "@teambit/logger": "0.0.586",
+    "@teambit/design.ui.pages.not-found": "0.0.355",
+    "@teambit/lanes.ui.lanes": "0.0.60",
+    "@teambit/sidebar": "0.0.744",
     "@teambit/ui-foundation.ui.menu": "0.0.487",
-    "@teambit/ui-foundation.ui.react-router.slot-router": "0.0.489",
-    "@teambit/ui": "0.0.743"
+    "@teambit/ui-foundation.ui.react-router.slot-router": "0.0.490",
+    "@teambit/ui": "0.0.744"
   },
   "devDependencies": {
     "@types/react": "^17.0.8",
     "@types/lodash": "4.14.165",
-    "@types/react-router-dom": "5.1.7",
     "@types/mocha": "9.1.0",
     "@types/testing-library__jest-dom": "5.9.5",
     "@types/jest": "^26.0.0",
@@ -50,6 +49,7 @@
     "@teambit/workspace.testing.mock-workspace": "0.0.5"
   },
   "peerDependencies": {
+    "react-router-dom": "^6.0.0",
     "@teambit/legacy": "1.0.273",
     "react-dom": "^16.8.0 || ^17.0.0",
     "react": "^16.8.0 || ^17.0.0"

package/{preview-1653708349111.js → preview-1653827208409.js}

@@ -1,2 +1,2 @@
-export const compositions = [require('/home/circleci/Library/Caches/Bit/capsules/8891be5ad3d35bfc38b9cd90c0e05b598a5a55af/teambit.lanes_lanes@0.0.315/dist/lanes.composition.js')]
-export const overview = [require('/home/circleci/Library/Caches/Bit/capsules/8891be5ad3d35bfc38b9cd90c0e05b598a5a55af/teambit.lanes_lanes@0.0.315/dist/lanes.docs.mdx')]
+export const compositions = [require('/home/circleci/Library/Caches/Bit/capsules/8891be5ad3d35bfc38b9cd90c0e05b598a5a55af/teambit.lanes_lanes@0.0.316/dist/lanes.composition.js')]
+export const overview = [require('/home/circleci/Library/Caches/Bit/capsules/8891be5ad3d35bfc38b9cd90c0e05b598a5a55af/teambit.lanes_lanes@0.0.316/dist/lanes.docs.mdx')]