npm - @teambit/ui - Versions diffs - 0.0.551 → 0.0.556 - Mend

@teambit/ui 0.0.551 → 0.0.556

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.

Files changed (53) hide show

package/dist/compose.d.ts +5 -0
package/dist/open-browser.d.ts +4 -0
package/dist/render-lifecycle.d.ts +31 -0
package/dist/ssr/request-browser.d.ts +35 -0
package/dist/ssr/request-server.d.ts +3 -0
package/dist/start-plugin.d.ts +7 -0
package/dist/start.cmd.d.ts +8 -1
package/dist/ui-build.cmd.d.ts +8 -1
package/dist/ui-root.d.ts +24 -0
package/dist/ui-server.d.ts +14 -0
package/dist/ui.main.runtime.d.ts +141 -1
package/dist/ui.ui.runtime.d.ts +31 -1
package/dist/webpack/html.d.ts +1 -0
package/package.json +30 -24
package/compose.tsx +0 -27
package/create-root.ts +0 -94
package/events/index.ts +0 -1
package/events/ui-server-started-event.ts +0 -14
package/exceptions/index.ts +0 -2
package/exceptions/unknown-build-error.ts +0 -5
package/exceptions/unknown-ui.ts +0 -9
package/index.ts +0 -18
package/open-browser.ts +0 -128
package/package-tar/teambit-ui-0.0.551.tgz +0 -0
package/render-lifecycle.tsx +0 -56
package/ssr/render-middleware.ts +0 -129
package/ssr/request-browser.ts +0 -86
package/ssr/request-server.ts +0 -10
package/ssr/ssr-content.ts +0 -9
package/start-plugin.ts +0 -25
package/start.cmd.tsx +0 -93
package/tsconfig.json +0 -35
package/types/asset.d.ts +0 -29
package/types/style.d.ts +0 -42
package/ui/client-context.module.scss +0 -4
package/ui/client-context.tsx +0 -28
package/ui-build.cmd.tsx +0 -27
package/ui-root.tsx +0 -59
package/ui-root.ui.ts +0 -7
package/ui-server.ts +0 -249
package/ui.aspect.ts +0 -10
package/ui.cli.rt.tsx +0 -10
package/ui.docs.md +0 -118
package/ui.main.runtime.ts +0 -573
package/ui.route.ts +0 -0
package/ui.runtime.ts +0 -21
package/ui.ui.runtime.tsx +0 -277
package/webpack/html.ts +0 -24
package/webpack/postcss.config.ts +0 -22
package/webpack/webpack.base.config.ts +0 -392
package/webpack/webpack.browser.config.ts +0 -125
package/webpack/webpack.dev.config.ts +0 -336
package/webpack/webpack.ssr.config.ts +0 -38

package/ui.docs.md DELETED Viewed

@@ -1,118 +0,0 @@
-## Server-side rendering
-Server side rendering (or SSR) is done in the following form:
-```tsx
-/** at server: */
-const dom = ReactDom.renderToString(<MountPoint>{app}</MountPoint>);
-const assets = { headers, scripts, ... };
-const html = ReactDom.renderStaticMarkup(<Html assets={assets}/>);
-Html.fillContent(html, dom);
-send(html);
-/** at client: */
-ReactDom.render(app, mountPoint);
- // or .hydrate()
-```
-We can then enrich the page with hooks:
-```tsx
-/** at server: */
-let context = hooks.serverInit();
-const app = (
-	<hooks.reactContext value={context}>
-		<App />
-	</hooks.reactContext>
-);
-context = hooks.onBeforeRender(app, context);
-const dom = ...
-const assets = hooks.serialize(context);
-const html = ...
-send(html);
-/** at client: */
-const parsed = hooks.deserialize();
-const context = hooks.browserInit(parsed);
-const app = (
-	<hooks.reactContext value={context}>
-		<App />
-	</hooks.reactContext>
-)
-hooks.onBeforeHydrate(app, context);
-const ref = ReactDom.render(app, mountPoint);
-hooks.onHydrate(ref, context);
-```
-The rendering flow will ensure that the rendering Context will be unique per request, and separate between aspects.
-### Hiding elements before JS execution
-Certain items look bad in the static HTML, and only get decent after JS executes. Tooltips are a notable example. They take up space in the DOM and only hide once their react code runs.
-For these cases, use the convenience class `--ssr-hidden`. Add this to any misbehaving elements, and it will hide them using `display: none` until reactDom.render() is complete.
-### .rehydrate vs .render()
-.rehydrate() attach a React virtual dom to a mount point, without asserting the virtual-dom matches the actual dom.
-.render() updates the mount point to match the react virtual dom.
-On paper, `.rehydrate()` should be the preferred option, with better performance.
-In practice, `.render()` is backward compatible to React 15, and will know to "hydrate" according to the `data-reactroot` attribute on the mount point, with similar performance, and without revalidating the DOM.
-ReactDOM will also show warnings in dev mode about mismatch between ssr dom and the client side dom.
-### Best practices
-- Use ReactContext instead of trying to mutate `App`.
-- Use existing context object.
-- Do not use other Aspects' context object.
-- Try to keep process symmetrical between server and client;
-#### Example: Server side GraphQL
-Graphql adds extra instructions to pre-fetch queries on the server:
-```tsx
- // .registerRenderHooks() ?
-.registerRenderLifecycle({
-	serverInit: ({ browser }) => {
-		const { cookie } = browser;
-		return { client: new Client(GQL_INTERNAL, { cookie }) };
-	},
-	beforeRender: ({ client }, app) => {
-		await getDataFromTree(app);
-	},
-	serialize: ({ client }, app) => {
-		return { json: JSON.stringify(client.extract()) };
-	},
-	deserialize: (raw) => {
-		return { state: JSON.parse(raw) };
-	},
-	browserInit: ({ state }) => {
-		return { client: new GraphqlClient(GQL_EXTERNAL, { cache: state })}
-	},
-	ReactContext: ({state, children}) =>
-		<GqlContext client={state.client}>{children}</GqlContext>
-});
-```
-#### Example: Server side Styled-components
-StyledComponents extracts css from page, and adds it to the `<head/>`:
-```tsx
-.registerRenderLifecycle({
-	init: () => {
-		return { sheet: new ServerStyleSheet() };
-	},
-	serialize: (app, { sheet }) => {
-		return { styles: sheet.getStyleTags() };
-	};
-	ReactContext: ({state, children}) =>
-		<StyleSheetManager sheet={state.sheet}>{children}</StyleSheetManager>
-});
-```

package/ui.main.runtime.ts DELETED Viewed

@@ -1,573 +0,0 @@
-import type { AspectMain } from '@teambit/aspect';
-import { ComponentType } from 'react';
-import { AspectDefinition } from '@teambit/aspect-loader';
-import { CacheAspect, CacheMain } from '@teambit/cache';
-import { CLIAspect, CLIMain, MainRuntime } from '@teambit/cli';
-import type { ComponentMain } from '@teambit/component';
-import { ComponentAspect } from '@teambit/component';
-import { ExpressAspect, ExpressMain } from '@teambit/express';
-import type { GraphqlMain } from '@teambit/graphql';
-import { GraphqlAspect } from '@teambit/graphql';
-import chalk from 'chalk';
-import { Slot, SlotRegistry, Harmony } from '@teambit/harmony';
-import { Logger, LoggerAspect, LoggerMain } from '@teambit/logger';
-import PubsubAspect, { PubsubMain } from '@teambit/pubsub';
-import { sha1 } from '@teambit/legacy/dist/utils';
-import fs from 'fs-extra';
-import { Port } from '@teambit/toolbox.network.get-port';
-import { join, resolve } from 'path';
-import { promisify } from 'util';
-import webpack from 'webpack';
-import { UiServerStartedEvent } from './events';
-import { createRoot } from './create-root';
-import { UnknownUI, UnknownBuildError } from './exceptions';
-import { StartCmd } from './start.cmd';
-import { UIBuildCmd } from './ui-build.cmd';
-import { UIRoot } from './ui-root';
-import { UIServer } from './ui-server';
-import { UIAspect, UIRuntime } from './ui.aspect';
-import { OpenBrowser } from './open-browser';
-import createWebpackConfig from './webpack/webpack.browser.config';
-import createSsrWebpackConfig from './webpack/webpack.ssr.config';
-import { StartPlugin, StartPluginOptions } from './start-plugin';
-export type UIDeps = [PubsubMain, CLIMain, GraphqlMain, ExpressMain, ComponentMain, CacheMain, LoggerMain, AspectMain];
-export type UIRootRegistry = SlotRegistry<UIRoot>;
-export type PreStart = (preStartOpts: PreStartOpts) => Promise<void>;
-export type PreStartOpts = { skipCompilation?: boolean };
-export type OnStart = () => Promise<undefined | ComponentType<{}>>;
-export type StartPluginSlot = SlotRegistry<StartPlugin>;
-export type PublicDirOverwrite = (uiRoot: UIRoot) => Promise<string | undefined>;
-export type BuildMethodOverwrite = (name: string, uiRoot: UIRoot, rebuild?: boolean) => Promise<string>;
-export type PreStartSlot = SlotRegistry<PreStart>;
-export type OnStartSlot = SlotRegistry<OnStart>;
-export type PublicDirOverwriteSlot = SlotRegistry<PublicDirOverwrite>;
-export type BuildMethodOverwriteSlot = SlotRegistry<BuildMethodOverwrite>;
-export type UIConfig = {
-  /**
-   * port for the UI root to use.
-   */
-  port?: number;
-  /**
-   * port range for the UI root to use.
-   */
-  portRange: [number, number];
-  /**
-   * host for the UI root
-   */
-  host: string;
-  /**
-   * directory in workspace to use for public assets.
-   * always relative to the workspace root directory.
-   */
-  publicDir: string;
-  /** the url to display when server is listening. Note that bit does not provide proxying to this url */
-  publicUrl?: string;
-};
-export type RuntimeOptions = {
-  /**
-   * determine whether to initiate on verbose mode.
-   */
-  verbose?: boolean;
-  /**
-   * name of the UI root to load.
-   */
-  uiRootName?: string;
-  /**
-   * component selector pattern to load.
-   */
-  pattern?: string;
-  /**
-   * determine whether to start a dev server (defaults to false).
-   */
-  dev?: boolean;
-  /**
-   * port of the config.
-   */
-  port?: number;
-  /**
-   * determine whether to rebuild the UI before start.
-   */
-  rebuild?: boolean;
-};
-export class UiMain {
-  constructor(
-    /**
-     * Pubsub extension.
-     */
-    private pubsub: PubsubMain,
-    private config: UIConfig,
-    /**
-     * graphql extension.
-     */
-    private graphql: GraphqlMain,
-    /**
-     * slot registry of ui roots.
-     */
-    private uiRootSlot: UIRootRegistry,
-    /**
-     * express extension.
-     */
-    private express: ExpressMain,
-    /**
-     * pre-start slot
-     */
-    private preStartSlot: PreStartSlot,
-    /**
-     * on start slot
-     */
-    private onStartSlot: OnStartSlot,
-    /**
-     * Overwrite the public dir Slot
-     */
-    private publicDirOverwriteSlot: PublicDirOverwriteSlot,
-    /**
-     * Overwrite the build ui method
-     */
-    private buildMethodOverwriteSlot: BuildMethodOverwriteSlot,
-    /**
-     * component extension.
-     */
-    private componentExtension: ComponentMain,
-    /**
-     * ui logger instance.
-     */
-    private cache: CacheMain,
-    /**
-     * ui logger instance.
-     */
-    private logger: Logger,
-    private harmony: Harmony,
-    private startPluginSlot: StartPluginSlot
-  ) {}
-  async publicDir(uiRoot: UIRoot) {
-    const overwriteFn = this.getOverwritePublic();
-    if (overwriteFn) {
-      const hasDir = await overwriteFn(uiRoot);
-      if (hasDir) return hasDir;
-    }
-    if (this.config.publicDir.startsWith('/')) {
-      return this.config.publicDir.substring(1);
-    }
-    return this.config.publicDir;
-  }
-  private getUiByName(name: string) {
-    const roots = this.uiRootSlot.toArray();
-    const [, root] =
-      roots.find(([, uiRoot]) => {
-        return uiRoot.name === name;
-      }) || [];
-    return root;
-  }
-  /**
-   * create a build of the given UI root.
-   */
-  async build(uiRootName?: string): Promise<webpack.MultiStats | undefined> {
-    // TODO: change to MultiStats from webpack once they export it in their types
-    this.logger.debug(`build, uiRootName: "${uiRootName}"`);
-    const maybeUiRoot = this.getUi(uiRootName);
-    if (!maybeUiRoot) throw new UnknownUI(uiRootName, this.possibleUis());
-    const [name, uiRoot] = maybeUiRoot;
-    // TODO: @uri refactor all dev server related code to use the bundler extension instead.
-    const ssr = uiRoot.buildOptions?.ssr || false;
-    const mainEntry = await this.generateRoot(await uiRoot.resolveAspects(UIRuntime.name), name);
-    const browserConfig = createWebpackConfig(uiRoot.path, [mainEntry], uiRoot.name, await this.publicDir(uiRoot));
-    const ssrConfig = ssr && createSsrWebpackConfig(uiRoot.path, [mainEntry], await this.publicDir(uiRoot));
-    const config = [browserConfig, ssrConfig].filter((x) => !!x) as webpack.Configuration[];
-    const compiler = webpack(config);
-    this.logger.debug(`build, uiRootName: "${uiRootName}" running webpack`);
-    const compilerRun = promisify(compiler.run.bind(compiler));
-    const results = await compilerRun();
-    this.logger.debug(`build, uiRootName: "${uiRootName}" completed webpack`);
-    if (!results) throw new UnknownBuildError();
-    if (results?.hasErrors()) {
-      this.clearConsole();
-      throw new Error(results?.toString());
-    }
-    return results;
-  }
-  registerStartPlugin(startPlugin: StartPlugin) {
-    this.startPluginSlot.register(startPlugin);
-    return this;
-  }
-  private async initiatePlugins(options: StartPluginOptions) {
-    const plugins = this.startPluginSlot.values();
-    await Promise.all(plugins.map((plugin) => plugin.initiate(options)));
-    return plugins;
-  }
-  /**
-   * create a Bit UI runtime.
-   */
-  async createRuntime({ uiRootName, pattern, dev, port, rebuild, verbose }: RuntimeOptions) {
-    const maybeUiRoot = this.getUi(uiRootName);
-    if (!maybeUiRoot) throw new UnknownUI(uiRootName, this.possibleUis());
-    const [name, uiRoot] = maybeUiRoot;
-    const plugins = await this.initiatePlugins({
-      verbose,
-      pattern,
-    });
-    if (this.componentExtension.isHost(name)) this.componentExtension.setHostPriority(name);
-    const uiServer = UIServer.create({
-      express: this.express,
-      graphql: this.graphql,
-      uiRoot,
-      uiRootExtension: name,
-      ui: this,
-      logger: this.logger,
-      publicDir: await this.publicDir(uiRoot),
-      startPlugins: plugins,
-    });
-    // Adding signal listeners to make sure we immediately close the process on sigint / sigterm (otherwise webpack dev server closing will take time)
-    this.addSignalListener();
-    if (dev) {
-      await uiServer.dev({ portRange: port || this.config.portRange });
-    } else {
-      await this.buildUI(name, uiRoot, rebuild);
-      await uiServer.start({ portRange: port || this.config.portRange });
-    }
-    this.pubsub.pub(UIAspect.id, this.createUiServerStartedEvent(this.config.host, uiServer.port, uiRoot));
-    return uiServer;
-  }
-  private addSignalListener() {
-    process.on('SIGTERM', () => {
-      process.exit();
-    });
-    process.on('SIGINT', () => {
-      process.exit();
-    });
-  }
-  async getPort(port?: number): Promise<number> {
-    if (port) return port;
-    return this.config.port || this.selectPort();
-  }
-  /**
-   * Events
-   */
-  private createUiServerStartedEvent = (targetHost, targetPort, uiRoot) => {
-    return new UiServerStartedEvent(Date.now(), targetHost, targetPort, uiRoot);
-  };
-  /**
-   * pre-start events are triggered and *completed* before the webserver started.
-   * (the promise is awaited)
-   */
-  registerPreStart(preStartFn: PreStart) {
-    this.preStartSlot.register(preStartFn);
-  }
-  /**
-   * bind to ui server start event.
-   */
-  registerOnStart(onStartFn: OnStart) {
-    this.onStartSlot.register(onStartFn);
-    return this;
-  }
-  /**
-   * overwrite the build ui function
-   */
-  registerBuildUIOverwrite(fn: BuildMethodOverwrite) {
-    this.buildMethodOverwriteSlot.register(fn);
-    return this;
-  }
-  /**
-   * overwrite the build ui function
-   */
-  registerPublicDirOverwrite(fn: PublicDirOverwrite) {
-    this.publicDirOverwriteSlot.register(fn);
-    return this;
-  }
-  private getOverwriteBuildFn() {
-    const buildMethodOverwrite = this.buildMethodOverwriteSlot.toArray();
-    if (buildMethodOverwrite[0]) {
-      const [, fn] = buildMethodOverwrite[0];
-      return fn;
-    }
-    return undefined;
-  }
-  private getOverwritePublic() {
-    const overwritePublic = this.publicDirOverwriteSlot.toArray();
-    if (overwritePublic[0]) {
-      const [, fn] = overwritePublic[0];
-      return fn;
-    }
-    return undefined;
-  }
-  async invokePreStart(preStartOpts: PreStartOpts): Promise<void> {
-    const promises = this.preStartSlot.values().map((fn) => fn(preStartOpts));
-    await Promise.all(promises);
-  }
-  async invokeOnStart(): Promise<ComponentType[]> {
-    const promises = this.onStartSlot.values().map((fn) => fn());
-    const startPlugins = await Promise.all(promises);
-    return startPlugins.filter((plugin) => !!plugin) as ComponentType[];
-  }
-  /**
-   * register a UI slot.
-   */
-  registerUiRoot(uiRoot: UIRoot) {
-    return this.uiRootSlot.register(uiRoot);
-  }
-  /**
-   * get a UI runtime instance.
-   */
-  getUi(uiRootName?: string): [string, UIRoot] | undefined {
-    if (uiRootName) {
-      const root = this.uiRootSlot.get(uiRootName) || this.getUiByName(uiRootName);
-      if (!root) return undefined;
-      return [uiRootName, root];
-    }
-    const uis = this.uiRootSlot.toArray();
-    if (uis.length === 1) return uis[0];
-    return uis.find(([, root]) => root.priority);
-  }
-  getUiName(uiRootName?: string): string | undefined {
-    const [, ui] = this.getUi(uiRootName) || [];
-    if (!ui) return undefined;
-    return ui.name;
-  }
-  private possibleUis() {
-    return this.uiRootSlot.toArray().map(([id]) => id);
-  }
-  createLink(aspectDefs: AspectDefinition[], rootExtensionName: string) {
-    return createRoot(aspectDefs, rootExtensionName);
-  }
-  /**
-   * generate the root file of the UI runtime.
-   */
-  async generateRoot(
-    aspectDefs: AspectDefinition[],
-    rootExtensionName: string,
-    runtimeName = UIRuntime.name,
-    rootAspect = UIAspect.id
-  ) {
-    const contents = await createRoot(
-      aspectDefs,
-      rootExtensionName,
-      rootAspect,
-      runtimeName,
-      this.harmony.config.toObject()
-    );
-    const filepath = resolve(join(__dirname, `${runtimeName}.root${sha1(contents)}.js`));
-    if (fs.existsSync(filepath)) return filepath;
-    fs.outputFileSync(filepath, contents);
-    return filepath;
-  }
-  private async selectPort() {
-    const [from, to] = this.config.portRange;
-    const usedPorts = (await this.cache.get<number[]>(`${from}${to}`)) || [];
-    const port = await Port.getPort(from, to, usedPorts);
-    // this will lock the port for 1 min to avoid race conditions
-    await this.cache.set(`${from}${to}`, usedPorts.concat(port), 5000);
-    return port;
-  }
-  private async buildUI(name: string, uiRoot: UIRoot, rebuild?: boolean): Promise<string> {
-    this.logger.debug(`buildUI, name ${name}`);
-    const overwrite = this.getOverwriteBuildFn();
-    if (overwrite) return overwrite(name, uiRoot, rebuild);
-    const hash = await this.buildIfChanged(name, uiRoot, rebuild);
-    await this.buildIfNoBundle(name, uiRoot);
-    return hash;
-  }
-  async buildUiHash(uiRoot: UIRoot, runtime = 'ui'): Promise<string> {
-    const aspects = await uiRoot.resolveAspects(runtime);
-    aspects.sort((a, b) => (a.aspectPath > b.aspectPath ? 1 : -1));
-    const hash = aspects.map((aspect) => {
-      return [aspect.aspectPath, aspect.runtimePath].join('');
-    });
-    return sha1(hash.join(''));
-  }
-  async buildIfChanged(name: string, uiRoot: UIRoot, force: boolean | undefined): Promise<string> {
-    this.logger.debug(`buildIfChanged, name ${name}`);
-    const hash = await this.buildUiHash(uiRoot);
-    const hashed = await this.cache.get(uiRoot.path);
-    if (hash === hashed && !force) {
-      this.logger.debug(`buildIfChanged, name ${name}, returned from cache`);
-      return hash;
-    }
-    if (!hashed) {
-      this.logger.console(
-        `Building UI assets for '${chalk.cyan(uiRoot.name)}' in target directory: ${chalk.cyan(
-          await this.publicDir(uiRoot)
-        )}. The first time we build the UI it may take a few minutes.`
-      );
-    } else {
-      this.logger.console(
-        `Rebuilding UI assets for '${chalk.cyan(uiRoot.name)} in target directory: ${chalk.cyan(
-          await this.publicDir(uiRoot)
-        )}' as ${uiRoot.configFile} has been changed.`
-      );
-    }
-    await this.build(name);
-    await this.cache.set(uiRoot.path, hash);
-    return hash;
-  }
-  clearConsole() {
-    process.stdout.write(process.platform === 'win32' ? '\x1B[2J\x1B[0f' : '\x1B[2J\x1B[3J\x1B[H');
-  }
-  async buildIfNoBundle(name: string, uiRoot: UIRoot) {
-    const config = createWebpackConfig(
-      uiRoot.path,
-      [await this.generateRoot(await uiRoot.resolveAspects(UIRuntime.name), name)],
-      uiRoot.name,
-      await this.publicDir(uiRoot)
-    );
-    if (config.output?.path && fs.pathExistsSync(config.output.path)) return;
-    const hash = await this.buildUiHash(uiRoot);
-    await this.build(name);
-    await this.cache.set(uiRoot.path, hash);
-  }
-  get publicUrl() {
-    return this.config.publicUrl;
-  }
-  private async openBrowser(url: string) {
-    const openBrowser = new OpenBrowser(this.logger);
-    openBrowser.open(url);
-  }
-  static defaultConfig: UIConfig = {
-    publicDir: 'public/bit',
-    portRange: [3000, 3100],
-    host: 'localhost',
-  };
-  static runtime = MainRuntime;
-  static dependencies = [
-    PubsubAspect,
-    CLIAspect,
-    GraphqlAspect,
-    ExpressAspect,
-    ComponentAspect,
-    CacheAspect,
-    LoggerAspect,
-  ];
-  static slots = [
-    Slot.withType<UIRoot>(),
-    Slot.withType<PreStart>(),
-    Slot.withType<OnStart>(),
-    Slot.withType<PublicDirOverwriteSlot>(),
-    Slot.withType<BuildMethodOverwriteSlot>(),
-    Slot.withType<StartPlugin>(),
-  ];
-  static async provider(
-    [pubsub, cli, graphql, express, componentExtension, cache, loggerMain]: UIDeps,
-    config,
-    [uiRootSlot, preStartSlot, onStartSlot, publicDirOverwriteSlot, buildMethodOverwriteSlot, proxyGetterSlot]: [
-      UIRootRegistry,
-      PreStartSlot,
-      OnStartSlot,
-      PublicDirOverwriteSlot,
-      BuildMethodOverwriteSlot,
-      StartPluginSlot
-    ],
-    harmony: Harmony
-  ) {
-    // aspectExtension.registerRuntime(new RuntimeDefinition('ui', []))
-    const logger = loggerMain.createLogger(UIAspect.id);
-    const ui = new UiMain(
-      pubsub,
-      config,
-      graphql,
-      uiRootSlot,
-      express,
-      preStartSlot,
-      onStartSlot,
-      publicDirOverwriteSlot,
-      buildMethodOverwriteSlot,
-      componentExtension,
-      cache,
-      logger,
-      harmony,
-      proxyGetterSlot
-    );
-    cli.register(new StartCmd(ui, logger), new UIBuildCmd(ui));
-    return ui;
-  }
-}
-UIAspect.addRuntime(UiMain);

package/ui.route.ts DELETED Viewed

File without changes

package/ui.runtime.ts DELETED Viewed

@@ -1,21 +0,0 @@
-// import harmony from '@teambit/harmony';
-// import { UIRuntimeExtension } from './ui.ui';
-// import { DocsUI } from '../docs/docs.ui';
-// import { TesterUI } from '../tester/tester.ui';
-// import { ChangeLogUI } from '../changelog/changelog.ui';
-// import { ComponentUI } from '../component';
-// import { CompositionsUI } from '../compositions/compositions.ui';
-// /**
-//  * configure all core extensions
-//  * TODO: pass all other extensions from above.
-//  */
-// harmony
-//   .run([UIRuntimeExtension, TesterUI, ChangeLogUI, CompositionsUI, DocsUI, ComponentUI])
-//   .then(() => {
-//     const uiExtension = harmony.get<UIRuntimeExtension>('UIRuntimeExtension');
-//     uiExtension.render();
-//   })
-//   .catch((err) => {
-//     throw err;
-//   });