@teambit/workspace 0.0.605 → 0.0.607
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
|
@@ -248,7 +248,6 @@ class WorkspaceUI {
|
|
|
248
248
|
}
|
|
249
249
|
|
|
250
250
|
uiRoot() {
|
|
251
|
-
this.sidebar.registerDrawer(new (_workspaceComponentsDrawer().WorkspaceComponentsDrawer)(this.sidebarSlot));
|
|
252
251
|
this.commandBarUI.addSearcher(this.componentSearcher);
|
|
253
252
|
const [setKeyBindHandler] = this.commandBarUI.addCommand({
|
|
254
253
|
id: 'sidebar.toggle',
|
|
@@ -277,6 +276,7 @@ class WorkspaceUI {
|
|
|
277
276
|
static async provider([ui, componentUi, sidebar, componentTree, commandBarUI, reactRouterUI, graphUI], config, [routeSlot, menuSlot, menuItemSlot, sidebarSlot, sidebarItemSlot]) {
|
|
278
277
|
componentTree.registerTreeNode(new (_componentTree2().ComponentTreeWidget)());
|
|
279
278
|
sidebarSlot.register(new (_componentTree2().ComponentTreeWidget)());
|
|
279
|
+
sidebar.registerDrawer(new (_workspaceComponentsDrawer().WorkspaceComponentsDrawer)(sidebarSlot));
|
|
280
280
|
graphUI.registerComponentWidget(new (_componentTree2().ComponentTreeWidget)().widget);
|
|
281
281
|
const workspaceUI = new WorkspaceUI(routeSlot, componentUi, menuSlot, menuItemSlot, sidebar, sidebarSlot, sidebarItemSlot, commandBarUI, reactRouterUI);
|
|
282
282
|
ui.registerRoot(workspaceUI.uiRoot.bind(workspaceUI));
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["workspace.ui.runtime.tsx"],"names":["WorkspaceUI","constructor","routeSlot","componentUi","menuSlot","menuItemSlot","sidebar","sidebarSlot","sidebarItemSlot","commandBarUI","reactRouterUI","menuItems","register","components","componentSearcher","update","links","category","title","keyChar","handler","run","ComponentSearcher","navigateTo","registerRoute","route","registerSidebarWidget","componentTreeNode","uiRoot","registerDrawer","WorkspaceComponentsDrawer","addSearcher","setKeyBindHandler","addCommand","id","displayName","keybinding","routes","path","children","provider","ui","componentTree","graphUI","config","registerTreeNode","ComponentTreeWidget","registerComponentWidget","widget","workspaceUI","registerRoot","bind","registerMenuItem","registerSidebarLink","exact","routePath","getMenu","WorkspaceAspect","getComponentUI","UIAspect","ComponentAspect","SidebarAspect","ComponentTreeAspect","CommandBarAspect","ReactRouterAspect","GraphAspect","UIRuntime","Slot","withType","addRuntime"],"mappings":"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","sourcesContent":["import { ComponentAspect, ComponentUI, ComponentModel } from '@teambit/component';\nimport { ComponentTreeAspect, ComponentTreeUI, ComponentTreeNode } from '@teambit/component-tree';\nimport { Slot, SlotRegistry } from '@teambit/harmony';\nimport ReactRouterAspect, { ReactRouterUI } from '@teambit/react-router';\nimport { RouteSlot } from '@teambit/ui-foundation.ui.react-router.slot-router';\nimport { Menu } from '@teambit/ui-foundation.ui.menu';\nimport SidebarAspect, { SidebarUI, SidebarItem, SidebarItemSlot } from '@teambit/sidebar';\nimport { MenuItemSlot, MenuItem } from '@teambit/ui-foundation.ui.main-dropdown';\nimport { UIAspect, UIRootUI as UIRoot, UIRuntime, UiUI } from '@teambit/ui';\nimport { GraphAspect, GraphUI } from '@teambit/graph';\nimport React from 'react';\nimport { RouteProps } from 'react-router-dom';\nimport CommandBarAspect, { CommandBarUI, ComponentSearcher, CommandHandler } from '@teambit/command-bar';\nimport { MenuLinkItem } from '@teambit/design.ui.surfaces.menu.link-item';\nimport { WorkspaceComponentsDrawer } from './ui/workspace-components-drawer';\nimport { ComponentTreeWidget } from './component-tree.widget';\nimport { Workspace } from './ui';\nimport { WorkspaceAspect } from './workspace.aspect';\n\nexport type SidebarWidgetSlot = SlotRegistry<ComponentTreeNode>;\n\nexport class WorkspaceUI {\n constructor(\n /**\n * route slot.\n */\n private routeSlot: RouteSlot,\n\n /**\n * component ui extension.\n */\n private componentUi: ComponentUI,\n\n /**\n * menu slot\n */\n private menuSlot: RouteSlot,\n\n private menuItemSlot: MenuItemSlot,\n\n private sidebar: SidebarUI,\n\n private sidebarSlot: SidebarWidgetSlot,\n\n /**\n * sidebar link slot\n */\n private sidebarItemSlot: SidebarItemSlot,\n\n private commandBarUI: CommandBarUI,\n\n reactRouterUI: ReactRouterUI\n ) {\n this.componentSearcher = new ComponentSearcher(reactRouterUI.navigateTo);\n }\n\n private setKeyBindHandler: (updated: CommandHandler) => void = () => {};\n\n /**\n * register a route to the workspace.\n */\n registerRoute(route: RouteProps) {\n this.routeSlot.register(route);\n return this;\n }\n\n registerSidebarWidget(componentTreeNode: ComponentTreeNode) {\n this.sidebarSlot.register(componentTreeNode);\n return this;\n }\n\n registerMenuItem = (menuItems: MenuItem[]) => {\n this.menuItemSlot.register(menuItems);\n };\n\n setComponents = (components: ComponentModel[]) => {\n this.componentSearcher.update(components);\n };\n\n registerSidebarLink = (...links: SidebarItem[]) => {\n this.sidebarItemSlot.register(links);\n };\n\n componentSearcher: ComponentSearcher;\n\n uiRoot(): UIRoot {\n this.sidebar.registerDrawer(new WorkspaceComponentsDrawer(this.sidebarSlot));\n this.commandBarUI.addSearcher(this.componentSearcher);\n const [setKeyBindHandler] = this.commandBarUI.addCommand({\n id: 'sidebar.toggle', // TODO - extract to a component!\n handler: () => {},\n displayName: 'Toggle component list',\n keybinding: 'alt+s',\n });\n this.setKeyBindHandler = setKeyBindHandler;\n\n return {\n routes: [\n {\n path: '/',\n children: (\n <Workspace\n menuSlot={this.menuSlot}\n routeSlot={this.routeSlot}\n sidebar={<this.sidebar.render itemSlot={this.sidebarItemSlot} />}\n workspaceUI={this}\n onSidebarTogglerChange={this.setKeyBindHandler}\n />\n ),\n },\n ],\n };\n }\n\n private menuItems: MenuItem[] = [\n {\n category: 'general',\n title: 'Open command bar',\n keyChar: 'mod+k',\n handler: () => this.commandBarUI?.run('command-bar.open'),\n },\n {\n category: 'general',\n title: 'Toggle component list',\n keyChar: 'alt+s',\n handler: () => this.commandBarUI?.run('sidebar.toggle'),\n },\n ];\n\n static dependencies = [\n UIAspect,\n ComponentAspect,\n SidebarAspect,\n ComponentTreeAspect,\n CommandBarAspect,\n ReactRouterAspect,\n GraphAspect,\n ];\n\n static runtime = UIRuntime;\n\n static slots = [\n Slot.withType<RouteProps>(),\n Slot.withType<RouteProps>(),\n Slot.withType<ComponentTreeNode>(),\n Slot.withType<MenuItemSlot>(),\n Slot.withType<SidebarItemSlot>(),\n ];\n\n static async provider(\n [ui, componentUi, sidebar, componentTree, commandBarUI, reactRouterUI, graphUI]: [\n UiUI,\n ComponentUI,\n SidebarUI,\n ComponentTreeUI,\n CommandBarUI,\n ReactRouterUI,\n GraphUI\n ],\n config,\n [routeSlot, menuSlot, menuItemSlot, sidebarSlot, sidebarItemSlot]: [\n RouteSlot,\n RouteSlot,\n MenuItemSlot,\n SidebarWidgetSlot,\n SidebarItemSlot\n ]\n ) {\n componentTree.registerTreeNode(new ComponentTreeWidget());\n sidebarSlot.register(new ComponentTreeWidget());\n graphUI.registerComponentWidget(new ComponentTreeWidget().widget);\n\n const workspaceUI = new WorkspaceUI(\n routeSlot,\n componentUi,\n menuSlot,\n menuItemSlot,\n sidebar,\n sidebarSlot,\n sidebarItemSlot,\n commandBarUI,\n reactRouterUI\n );\n ui.registerRoot(workspaceUI.uiRoot.bind(workspaceUI));\n workspaceUI.registerMenuItem(workspaceUI.menuItems);\n\n workspaceUI.registerSidebarLink(() => (\n <MenuLinkItem exact href=\"/\" icon=\"comps\">\n Gallery\n </MenuLinkItem>\n ));\n\n workspaceUI.menuSlot.register([\n {\n exact: true,\n path: '/',\n children: <Menu menuItemSlot={workspaceUI.menuItemSlot} />,\n },\n {\n path: workspaceUI.componentUi.routePath,\n children: workspaceUI.componentUi.getMenu(WorkspaceAspect.id),\n },\n ]);\n\n workspaceUI.routeSlot.register({\n path: workspaceUI.componentUi.routePath,\n children: workspaceUI.componentUi.getComponentUI(WorkspaceAspect.id),\n });\n return workspaceUI;\n }\n}\n\nexport default WorkspaceUI;\n\nWorkspaceAspect.addRuntime(WorkspaceUI);\n"]}
|
|
1
|
+
{"version":3,"sources":["workspace.ui.runtime.tsx"],"names":["WorkspaceUI","constructor","routeSlot","componentUi","menuSlot","menuItemSlot","sidebar","sidebarSlot","sidebarItemSlot","commandBarUI","reactRouterUI","menuItems","register","components","componentSearcher","update","links","category","title","keyChar","handler","run","ComponentSearcher","navigateTo","registerRoute","route","registerSidebarWidget","componentTreeNode","uiRoot","addSearcher","setKeyBindHandler","addCommand","id","displayName","keybinding","routes","path","children","provider","ui","componentTree","graphUI","config","registerTreeNode","ComponentTreeWidget","registerDrawer","WorkspaceComponentsDrawer","registerComponentWidget","widget","workspaceUI","registerRoot","bind","registerMenuItem","registerSidebarLink","exact","routePath","getMenu","WorkspaceAspect","getComponentUI","UIAspect","ComponentAspect","SidebarAspect","ComponentTreeAspect","CommandBarAspect","ReactRouterAspect","GraphAspect","UIRuntime","Slot","withType","addRuntime"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;;AAAA;AAAA;AAAA;;AAAA;AAAA;;AACA;AAAA;;AAAA;AAAA;AAAA;;AAAA;AAAA;;AACA;AAAA;;AAAA;AAAA;AAAA;;AAAA;AAAA;;AACA;AAAA;;AAAA;AAAA;AAAA;;AAAA;AAAA;;AAEA;AAAA;;AAAA;AAAA;AAAA;;AAAA;AAAA;;AACA;AAAA;;AAAA;AAAA;AAAA;;AAAA;AAAA;;AAEA;AAAA;;AAAA;AAAA;AAAA;;AAAA;AAAA;;AACA;AAAA;;AAAA;AAAA;AAAA;;AAAA;AAAA;;AACA;AAAA;;AAAA;AAAA;AAAA;;AAAA;AAAA;;AAEA;AAAA;;AAAA;AAAA;AAAA;;AAAA;AAAA;;AACA;AAAA;;AAAA;AAAA;AAAA;;AAAA;AAAA;;AACA;AAAA;;AAAA;AAAA;AAAA;;AAAA;AAAA;;AACA;AAAA;;AAAA;AAAA;AAAA;;AAAA;AAAA;;AACA;AAAA;;AAAA;AAAA;AAAA;;AAAA;AAAA;;AACA;AAAA;;AAAA;AAAA;AAAA;;AAAA;AAAA;;;;;;AAIO,MAAMA,WAAN,CAAkB;AACvBC,EAAAA,WAAW;AACT;AACJ;AACA;AACYC,EAAAA,SAJC;AAMT;AACJ;AACA;AACYC,EAAAA,WATC;AAWT;AACJ;AACA;AACYC,EAAAA,QAdC,EAgBDC,YAhBC,EAkBDC,OAlBC,EAoBDC,WApBC;AAsBT;AACJ;AACA;AACYC,EAAAA,eAzBC,EA2BDC,YA3BC,EA6BTC,aA7BS,EA8BT;AAAA,SA1BQR,SA0BR,GA1BQA,SA0BR;AAAA,SArBQC,WAqBR,GArBQA,WAqBR;AAAA,SAhBQC,QAgBR,GAhBQA,QAgBR;AAAA,SAdQC,YAcR,GAdQA,YAcR;AAAA,SAZQC,OAYR,GAZQA,OAYR;AAAA,SAVQC,WAUR,GAVQA,WAUR;AAAA,SALQC,eAKR,GALQA,eAKR;AAAA,SAHQC,YAGR,GAHQA,YAGR;AAAA,+DAI6D,MAAM,CAAE,CAJrE;AAAA,8DAmBkBE,SAAD,IAA2B;AAC5C,WAAKN,YAAL,CAAkBO,QAAlB,CAA2BD,SAA3B;AACD,KArBC;AAAA,2DAuBeE,UAAD,IAAkC;AAChD,WAAKC,iBAAL,CAAuBC,MAAvB,CAA8BF,UAA9B;AACD,KAzBC;AAAA,iEA2BoB,CAAC,GAAGG,KAAJ,KAA6B;AACjD,WAAKR,eAAL,CAAqBI,QAArB,CAA8BI,KAA9B;AACD,KA7BC;AAAA;AAAA,uDA6D8B,CAC9B;AACEC,MAAAA,QAAQ,EAAE,SADZ;AAEEC,MAAAA,KAAK,EAAE,kBAFT;AAGEC,MAAAA,OAAO,EAAE,OAHX;AAIEC,MAAAA,OAAO,EAAE;AAAA;;AAAA,qCAAM,KAAKX,YAAX,uDAAM,mBAAmBY,GAAnB,CAAuB,kBAAvB,CAAN;AAAA;AAJX,KAD8B,EAO9B;AACEJ,MAAAA,QAAQ,EAAE,SADZ;AAEEC,MAAAA,KAAK,EAAE,uBAFT;AAGEC,MAAAA,OAAO,EAAE,OAHX;AAIEC,MAAAA,OAAO,EAAE;AAAA;;AAAA,sCAAM,KAAKX,YAAX,wDAAM,oBAAmBY,GAAnB,CAAuB,gBAAvB,CAAN;AAAA;AAJX,KAP8B,CA7D9B;AACA,SAAKP,iBAAL,GAAyB,KAAIQ,+BAAJ,EAAsBZ,aAAa,CAACa,UAApC,CAAzB;AACD;;AAID;AACF;AACA;AACEC,EAAAA,aAAa,CAACC,KAAD,EAAoB;AAC/B,SAAKvB,SAAL,CAAeU,QAAf,CAAwBa,KAAxB;AACA,WAAO,IAAP;AACD;;AAEDC,EAAAA,qBAAqB,CAACC,iBAAD,EAAuC;AAC1D,SAAKpB,WAAL,CAAiBK,QAAjB,CAA0Be,iBAA1B;AACA,WAAO,IAAP;AACD;;AAgBDC,EAAAA,MAAM,GAAW;AACf,SAAKnB,YAAL,CAAkBoB,WAAlB,CAA8B,KAAKf,iBAAnC;AACA,UAAM,CAACgB,iBAAD,IAAsB,KAAKrB,YAAL,CAAkBsB,UAAlB,CAA6B;AACvDC,MAAAA,EAAE,EAAE,gBADmD;AACjC;AACtBZ,MAAAA,OAAO,EAAE,MAAM,CAAE,CAFsC;AAGvDa,MAAAA,WAAW,EAAE,uBAH0C;AAIvDC,MAAAA,UAAU,EAAE;AAJ2C,KAA7B,CAA5B;AAMA,SAAKJ,iBAAL,GAAyBA,iBAAzB;AAEA,WAAO;AACLK,MAAAA,MAAM,EAAE,CACN;AACEC,QAAAA,IAAI,EAAE,GADR;AAEEC,QAAAA,QAAQ,eACN,+BAAC,gBAAD;AACE,UAAA,QAAQ,EAAE,KAAKjC,QADjB;AAEE,UAAA,SAAS,EAAE,KAAKF,SAFlB;AAGE,UAAA,OAAO,eAAE,oCAAM,OAAN,CAAc,MAAd;AAAqB,YAAA,QAAQ,EAAE,KAAKM;AAApC,YAHX;AAIE,UAAA,WAAW,EAAE,IAJf;AAKE,UAAA,sBAAsB,EAAE,KAAKsB;AAL/B;AAHJ,OADM;AADH,KAAP;AAgBD;;AAqCoB,eAARQ,QAAQ,CACnB,CAACC,EAAD,EAAKpC,WAAL,EAAkBG,OAAlB,EAA2BkC,aAA3B,EAA0C/B,YAA1C,EAAwDC,aAAxD,EAAuE+B,OAAvE,CADmB,EAUnBC,MAVmB,EAWnB,CAACxC,SAAD,EAAYE,QAAZ,EAAsBC,YAAtB,EAAoCE,WAApC,EAAiDC,eAAjD,CAXmB,EAkBnB;AACAgC,IAAAA,aAAa,CAACG,gBAAd,CAA+B,KAAIC,qCAAJ,GAA/B;AACArC,IAAAA,WAAW,CAACK,QAAZ,CAAqB,KAAIgC,qCAAJ,GAArB;AACAtC,IAAAA,OAAO,CAACuC,cAAR,CAAuB,KAAIC,sDAAJ,EAA8BvC,WAA9B,CAAvB;AACAkC,IAAAA,OAAO,CAACM,uBAAR,CAAgC,KAAIH,qCAAJ,IAA0BI,MAA1D;AAEA,UAAMC,WAAW,GAAG,IAAIjD,WAAJ,CAClBE,SADkB,EAElBC,WAFkB,EAGlBC,QAHkB,EAIlBC,YAJkB,EAKlBC,OALkB,EAMlBC,WANkB,EAOlBC,eAPkB,EAQlBC,YARkB,EASlBC,aATkB,CAApB;AAWA6B,IAAAA,EAAE,CAACW,YAAH,CAAgBD,WAAW,CAACrB,MAAZ,CAAmBuB,IAAnB,CAAwBF,WAAxB,CAAhB;AACAA,IAAAA,WAAW,CAACG,gBAAZ,CAA6BH,WAAW,CAACtC,SAAzC;AAEAsC,IAAAA,WAAW,CAACI,mBAAZ,CAAgC,mBAC9B,+BAAC,oCAAD;AAAc,MAAA,KAAK,MAAnB;AAAoB,MAAA,IAAI,EAAC,GAAzB;AAA6B,MAAA,IAAI,EAAC;AAAlC,iBADF;AAMAJ,IAAAA,WAAW,CAAC7C,QAAZ,CAAqBQ,QAArB,CAA8B,CAC5B;AACE0C,MAAAA,KAAK,EAAE,IADT;AAEElB,MAAAA,IAAI,EAAE,GAFR;AAGEC,MAAAA,QAAQ,eAAE,+BAAC,sBAAD;AAAM,QAAA,YAAY,EAAEY,WAAW,CAAC5C;AAAhC;AAHZ,KAD4B,EAM5B;AACE+B,MAAAA,IAAI,EAAEa,WAAW,CAAC9C,WAAZ,CAAwBoD,SADhC;AAEElB,MAAAA,QAAQ,EAAEY,WAAW,CAAC9C,WAAZ,CAAwBqD,OAAxB,CAAgCC,6BAAgBzB,EAAhD;AAFZ,KAN4B,CAA9B;AAYAiB,IAAAA,WAAW,CAAC/C,SAAZ,CAAsBU,QAAtB,CAA+B;AAC7BwB,MAAAA,IAAI,EAAEa,WAAW,CAAC9C,WAAZ,CAAwBoD,SADD;AAE7BlB,MAAAA,QAAQ,EAAEY,WAAW,CAAC9C,WAAZ,CAAwBuD,cAAxB,CAAuCD,6BAAgBzB,EAAvD;AAFmB,KAA/B;AAIA,WAAOiB,WAAP;AACD;;AA5LsB;;;gCAAZjD,W,kBA2GW,CACpB2D,cADoB,EAEpBC,4BAFoB,EAGpBC,kBAHoB,EAIpBC,oCAJoB,EAKpBC,qBALoB,EAMpBC,sBANoB,EAOpBC,oBAPoB,C;gCA3GXjE,W,aAqHMkE,e;gCArHNlE,W,WAuHI,CACbmE,gBAAKC,QAAL,EADa,EAEbD,gBAAKC,QAAL,EAFa,EAGbD,gBAAKC,QAAL,EAHa,EAIbD,gBAAKC,QAAL,EAJa,EAKbD,gBAAKC,QAAL,EALa,C;eAwEFpE,W;;;AAEfyD,6BAAgBY,UAAhB,CAA2BrE,WAA3B","sourcesContent":["import { ComponentAspect, ComponentUI, ComponentModel } from '@teambit/component';\nimport { ComponentTreeAspect, ComponentTreeUI, ComponentTreeNode } from '@teambit/component-tree';\nimport { Slot, SlotRegistry } from '@teambit/harmony';\nimport ReactRouterAspect, { ReactRouterUI } from '@teambit/react-router';\nimport { RouteSlot } from '@teambit/ui-foundation.ui.react-router.slot-router';\nimport { Menu } from '@teambit/ui-foundation.ui.menu';\nimport SidebarAspect, { SidebarUI, SidebarItem, SidebarItemSlot } from '@teambit/sidebar';\nimport { MenuItemSlot, MenuItem } from '@teambit/ui-foundation.ui.main-dropdown';\nimport { UIAspect, UIRootUI as UIRoot, UIRuntime, UiUI } from '@teambit/ui';\nimport { GraphAspect, GraphUI } from '@teambit/graph';\nimport React from 'react';\nimport { RouteProps } from 'react-router-dom';\nimport CommandBarAspect, { CommandBarUI, ComponentSearcher, CommandHandler } from '@teambit/command-bar';\nimport { MenuLinkItem } from '@teambit/design.ui.surfaces.menu.link-item';\nimport { WorkspaceComponentsDrawer } from './ui/workspace-components-drawer';\nimport { ComponentTreeWidget } from './component-tree.widget';\nimport { Workspace } from './ui';\nimport { WorkspaceAspect } from './workspace.aspect';\n\nexport type SidebarWidgetSlot = SlotRegistry<ComponentTreeNode>;\n\nexport class WorkspaceUI {\n constructor(\n /**\n * route slot.\n */\n private routeSlot: RouteSlot,\n\n /**\n * component ui extension.\n */\n private componentUi: ComponentUI,\n\n /**\n * menu slot\n */\n private menuSlot: RouteSlot,\n\n private menuItemSlot: MenuItemSlot,\n\n private sidebar: SidebarUI,\n\n private sidebarSlot: SidebarWidgetSlot,\n\n /**\n * sidebar link slot\n */\n private sidebarItemSlot: SidebarItemSlot,\n\n private commandBarUI: CommandBarUI,\n\n reactRouterUI: ReactRouterUI\n ) {\n this.componentSearcher = new ComponentSearcher(reactRouterUI.navigateTo);\n }\n\n private setKeyBindHandler: (updated: CommandHandler) => void = () => {};\n\n /**\n * register a route to the workspace.\n */\n registerRoute(route: RouteProps) {\n this.routeSlot.register(route);\n return this;\n }\n\n registerSidebarWidget(componentTreeNode: ComponentTreeNode) {\n this.sidebarSlot.register(componentTreeNode);\n return this;\n }\n\n registerMenuItem = (menuItems: MenuItem[]) => {\n this.menuItemSlot.register(menuItems);\n };\n\n setComponents = (components: ComponentModel[]) => {\n this.componentSearcher.update(components);\n };\n\n registerSidebarLink = (...links: SidebarItem[]) => {\n this.sidebarItemSlot.register(links);\n };\n\n componentSearcher: ComponentSearcher;\n\n uiRoot(): UIRoot {\n this.commandBarUI.addSearcher(this.componentSearcher);\n const [setKeyBindHandler] = this.commandBarUI.addCommand({\n id: 'sidebar.toggle', // TODO - extract to a component!\n handler: () => {},\n displayName: 'Toggle component list',\n keybinding: 'alt+s',\n });\n this.setKeyBindHandler = setKeyBindHandler;\n\n return {\n routes: [\n {\n path: '/',\n children: (\n <Workspace\n menuSlot={this.menuSlot}\n routeSlot={this.routeSlot}\n sidebar={<this.sidebar.render itemSlot={this.sidebarItemSlot} />}\n workspaceUI={this}\n onSidebarTogglerChange={this.setKeyBindHandler}\n />\n ),\n },\n ],\n };\n }\n\n private menuItems: MenuItem[] = [\n {\n category: 'general',\n title: 'Open command bar',\n keyChar: 'mod+k',\n handler: () => this.commandBarUI?.run('command-bar.open'),\n },\n {\n category: 'general',\n title: 'Toggle component list',\n keyChar: 'alt+s',\n handler: () => this.commandBarUI?.run('sidebar.toggle'),\n },\n ];\n\n static dependencies = [\n UIAspect,\n ComponentAspect,\n SidebarAspect,\n ComponentTreeAspect,\n CommandBarAspect,\n ReactRouterAspect,\n GraphAspect,\n ];\n\n static runtime = UIRuntime;\n\n static slots = [\n Slot.withType<RouteProps>(),\n Slot.withType<RouteProps>(),\n Slot.withType<ComponentTreeNode>(),\n Slot.withType<MenuItemSlot>(),\n Slot.withType<SidebarItemSlot>(),\n ];\n\n static async provider(\n [ui, componentUi, sidebar, componentTree, commandBarUI, reactRouterUI, graphUI]: [\n UiUI,\n ComponentUI,\n SidebarUI,\n ComponentTreeUI,\n CommandBarUI,\n ReactRouterUI,\n GraphUI\n ],\n config,\n [routeSlot, menuSlot, menuItemSlot, sidebarSlot, sidebarItemSlot]: [\n RouteSlot,\n RouteSlot,\n MenuItemSlot,\n SidebarWidgetSlot,\n SidebarItemSlot\n ]\n ) {\n componentTree.registerTreeNode(new ComponentTreeWidget());\n sidebarSlot.register(new ComponentTreeWidget());\n sidebar.registerDrawer(new WorkspaceComponentsDrawer(sidebarSlot));\n graphUI.registerComponentWidget(new ComponentTreeWidget().widget);\n\n const workspaceUI = new WorkspaceUI(\n routeSlot,\n componentUi,\n menuSlot,\n menuItemSlot,\n sidebar,\n sidebarSlot,\n sidebarItemSlot,\n commandBarUI,\n reactRouterUI\n );\n ui.registerRoot(workspaceUI.uiRoot.bind(workspaceUI));\n workspaceUI.registerMenuItem(workspaceUI.menuItems);\n\n workspaceUI.registerSidebarLink(() => (\n <MenuLinkItem exact href=\"/\" icon=\"comps\">\n Gallery\n </MenuLinkItem>\n ));\n\n workspaceUI.menuSlot.register([\n {\n exact: true,\n path: '/',\n children: <Menu menuItemSlot={workspaceUI.menuItemSlot} />,\n },\n {\n path: workspaceUI.componentUi.routePath,\n children: workspaceUI.componentUi.getMenu(WorkspaceAspect.id),\n },\n ]);\n\n workspaceUI.routeSlot.register({\n path: workspaceUI.componentUi.routePath,\n children: workspaceUI.componentUi.getComponentUI(WorkspaceAspect.id),\n });\n return workspaceUI;\n }\n}\n\nexport default WorkspaceUI;\n\nWorkspaceAspect.addRuntime(WorkspaceUI);\n"]}
|
|
Binary file
|
package/package.json
CHANGED
|
@@ -1,12 +1,12 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@teambit/workspace",
|
|
3
|
-
"version": "0.0.
|
|
3
|
+
"version": "0.0.607",
|
|
4
4
|
"homepage": "https://bit.dev/teambit/workspace/workspace",
|
|
5
5
|
"main": "dist/index.js",
|
|
6
6
|
"componentId": {
|
|
7
7
|
"scope": "teambit.workspace",
|
|
8
8
|
"name": "workspace",
|
|
9
|
-
"version": "0.0.
|
|
9
|
+
"version": "0.0.607"
|
|
10
10
|
},
|
|
11
11
|
"dependencies": {
|
|
12
12
|
"lodash": "4.17.21",
|
|
@@ -41,39 +41,39 @@
|
|
|
41
41
|
"@teambit/component-id": "0.0.398",
|
|
42
42
|
"@teambit/bit-error": "0.0.394",
|
|
43
43
|
"@teambit/legacy-bit-id": "0.0.397",
|
|
44
|
-
"@teambit/logger": "0.0.
|
|
45
|
-
"@teambit/scope": "0.0.
|
|
46
|
-
"@teambit/cli": "0.0.
|
|
47
|
-
"@teambit/isolator": "0.0.
|
|
48
|
-
"@teambit/component-tree": "0.0.
|
|
44
|
+
"@teambit/logger": "0.0.508",
|
|
45
|
+
"@teambit/scope": "0.0.607",
|
|
46
|
+
"@teambit/cli": "0.0.419",
|
|
47
|
+
"@teambit/isolator": "0.0.607",
|
|
48
|
+
"@teambit/component-tree": "0.0.403",
|
|
49
49
|
"@teambit/component.ui.component-status-resolver": "0.0.490",
|
|
50
50
|
"@teambit/harmony.modules.resolved-component": "0.0.483",
|
|
51
|
-
"@teambit/dependency-resolver": "0.0.
|
|
52
|
-
"@teambit/compiler": "0.0.
|
|
53
|
-
"@teambit/component": "0.0.
|
|
54
|
-
"@teambit/graphql": "0.0.
|
|
55
|
-
"@teambit/aspect-loader": "0.0.
|
|
56
|
-
"@teambit/bundler": "0.0.
|
|
57
|
-
"@teambit/envs": "0.0.
|
|
58
|
-
"@teambit/pubsub": "0.0.
|
|
59
|
-
"@teambit/ui": "0.0.
|
|
60
|
-
"@teambit/variants": "0.0.
|
|
51
|
+
"@teambit/dependency-resolver": "0.0.607",
|
|
52
|
+
"@teambit/compiler": "0.0.607",
|
|
53
|
+
"@teambit/component": "0.0.607",
|
|
54
|
+
"@teambit/graphql": "0.0.607",
|
|
55
|
+
"@teambit/aspect-loader": "0.0.607",
|
|
56
|
+
"@teambit/bundler": "0.0.607",
|
|
57
|
+
"@teambit/envs": "0.0.607",
|
|
58
|
+
"@teambit/pubsub": "0.0.607",
|
|
59
|
+
"@teambit/ui": "0.0.607",
|
|
60
|
+
"@teambit/variants": "0.0.510",
|
|
61
61
|
"@teambit/component-issues": "0.0.45",
|
|
62
|
-
"@teambit/config": "0.0.
|
|
62
|
+
"@teambit/config": "0.0.431",
|
|
63
63
|
"@teambit/harmony.modules.requireable-component": "0.0.483",
|
|
64
|
-
"@teambit/importer": "0.0.
|
|
64
|
+
"@teambit/importer": "0.0.44",
|
|
65
65
|
"@teambit/workspace.modules.match-pattern": "0.0.487",
|
|
66
|
-
"@teambit/command-bar": "0.0.
|
|
66
|
+
"@teambit/command-bar": "0.0.607",
|
|
67
67
|
"@teambit/design.ui.surfaces.menu.link-item": "0.0.375",
|
|
68
|
-
"@teambit/graph": "0.0.
|
|
69
|
-
"@teambit/react-router": "0.0.
|
|
70
|
-
"@teambit/sidebar": "0.0.
|
|
68
|
+
"@teambit/graph": "0.0.607",
|
|
69
|
+
"@teambit/react-router": "0.0.607",
|
|
70
|
+
"@teambit/sidebar": "0.0.607",
|
|
71
71
|
"@teambit/ui-foundation.ui.main-dropdown": "0.0.485",
|
|
72
72
|
"@teambit/ui-foundation.ui.menu": "0.0.485",
|
|
73
73
|
"@teambit/ui-foundation.ui.react-router.slot-router": "0.0.487",
|
|
74
74
|
"@teambit/toolbox.time.time-format": "0.0.482",
|
|
75
75
|
"@teambit/ui-foundation.ui.hooks.use-data-query": "0.0.486",
|
|
76
|
-
"@teambit/deprecation": "0.0.
|
|
76
|
+
"@teambit/deprecation": "0.0.607",
|
|
77
77
|
"@teambit/ui-foundation.ui.constants.z-indexes": "0.0.486",
|
|
78
78
|
"@teambit/ui-foundation.ui.buttons.collapser": "0.0.192",
|
|
79
79
|
"@teambit/ui-foundation.ui.corner": "0.0.493",
|
|
@@ -106,7 +106,7 @@
|
|
|
106
106
|
},
|
|
107
107
|
"peerDependencies": {
|
|
108
108
|
"@apollo/client": "^3.0.0",
|
|
109
|
-
"@teambit/legacy": "1.0.
|
|
109
|
+
"@teambit/legacy": "1.0.202",
|
|
110
110
|
"react-dom": "^16.8.0 || ^17.0.0",
|
|
111
111
|
"react": "^16.8.0 || ^17.0.0"
|
|
112
112
|
},
|
|
@@ -134,7 +134,7 @@
|
|
|
134
134
|
"react": "-"
|
|
135
135
|
},
|
|
136
136
|
"peerDependencies": {
|
|
137
|
-
"@teambit/legacy": "1.0.
|
|
137
|
+
"@teambit/legacy": "1.0.202",
|
|
138
138
|
"react-dom": "^16.8.0 || ^17.0.0",
|
|
139
139
|
"react": "^16.8.0 || ^17.0.0"
|
|
140
140
|
}
|
package/workspace.ui.runtime.tsx
CHANGED
|
@@ -84,7 +84,6 @@ export class WorkspaceUI {
|
|
|
84
84
|
componentSearcher: ComponentSearcher;
|
|
85
85
|
|
|
86
86
|
uiRoot(): UIRoot {
|
|
87
|
-
this.sidebar.registerDrawer(new WorkspaceComponentsDrawer(this.sidebarSlot));
|
|
88
87
|
this.commandBarUI.addSearcher(this.componentSearcher);
|
|
89
88
|
const [setKeyBindHandler] = this.commandBarUI.addCommand({
|
|
90
89
|
id: 'sidebar.toggle', // TODO - extract to a component!
|
|
@@ -168,6 +167,7 @@ export class WorkspaceUI {
|
|
|
168
167
|
) {
|
|
169
168
|
componentTree.registerTreeNode(new ComponentTreeWidget());
|
|
170
169
|
sidebarSlot.register(new ComponentTreeWidget());
|
|
170
|
+
sidebar.registerDrawer(new WorkspaceComponentsDrawer(sidebarSlot));
|
|
171
171
|
graphUI.registerComponentWidget(new ComponentTreeWidget().widget);
|
|
172
172
|
|
|
173
173
|
const workspaceUI = new WorkspaceUI(
|
|
Binary file
|