@teambit/harmony-ui-app 1.0.106 → 1.0.108

package/dist/harmony-app-options.d.ts

@@ -1,5 +1,5 @@
 import { AspectDefinition } from '@teambit/aspect-loader';
-export declare type HarmonyAppOptions = {
+export type HarmonyAppOptions = {
     /**
      * name of the app. e.g. 'ripple-ci'
      */

package/dist/harmony-ui-app.compositions.d.ts

@@ -1,2 +1,2 @@
-import React from 'react';
-export declare const Logo: () => React.JSX.Element;
+/// <reference types="react" />
+export declare const Logo: () => JSX.Element;

package/dist/harmony-ui-app.main.runtime.d.ts

@@ -11,7 +11,7 @@ export declare class HarmonyUiAppMain {
      * register a new harmony UI application.
      */
     registerHarmonyApp(options: HarmonyAppOptions): this;
-    static slots: never[];
+    static slots: any[];
     static dependencies: import("@teambit/harmony").Aspect[];
     static runtime: import("@teambit/harmony").RuntimeDefinition;
     static provider([application, ui, componentAspect]: [ApplicationMain, UiMain, ComponentMain]): Promise<HarmonyUiAppMain>;

package/dist/{preview-1703505948637.js → preview-1703647408454.js}

@@ -1,5 +1,5 @@
-import * as compositions_0 from '/home/circleci/Library/Caches/Bit/capsules/8891be5ad3d35bfc38b9cd90c0e05b598a5a55af/teambit.ui-foundation_harmony-ui-app@1.0.106/dist/harmony-ui-app.compositions.js';
-import * as overview_0 from '/home/circleci/Library/Caches/Bit/capsules/8891be5ad3d35bfc38b9cd90c0e05b598a5a55af/teambit.ui-foundation_harmony-ui-app@1.0.106/dist/harmony-ui-app.docs.mdx';
+import * as compositions_0 from '/home/circleci/Library/Caches/Bit/capsules/8891be5ad3d35bfc38b9cd90c0e05b598a5a55af/teambit.ui-foundation_harmony-ui-app@1.0.108/dist/harmony-ui-app.compositions.js';
+import * as overview_0 from '/home/circleci/Library/Caches/Bit/capsules/8891be5ad3d35bfc38b9cd90c0e05b598a5a55af/teambit.ui-foundation_harmony-ui-app@1.0.108/dist/harmony-ui-app.docs.mdx';
 
 export const compositions = [compositions_0];
 export const overview = [overview_0];

package/harmony-app-options.ts

@@ -0,0 +1,10 @@
+import { AspectDefinition } from '@teambit/aspect-loader';
+
+export type HarmonyAppOptions = {
+  /**
+   * name of the app. e.g. 'ripple-ci'
+   */
+  name: string;
+
+  aspectDefs: AspectDefinition[];
+};

package/harmony-ui-app.aspect.ts

@@ -0,0 +1,5 @@
+import { Aspect } from '@teambit/harmony';
+
+export const HarmonyUiAppAspect = Aspect.create({
+  id: 'teambit.ui-foundation/harmony-ui-app',
+});

package/harmony-ui-app.main.runtime.ts

@@ -0,0 +1,44 @@
+import { ApplicationAspect, ApplicationMain } from '@teambit/application';
+import { MainRuntime } from '@teambit/cli';
+import UIAspect, { UiMain } from '@teambit/ui';
+import { ComponentAspect, ComponentMain } from '@teambit/component';
+import { HarmonyAppOptions } from './harmony-app-options';
+import { HarmonyUiAppAspect } from './harmony-ui-app.aspect';
+// import { HarmonyUIApp } from './ui.application';
+
+export class HarmonyUiAppMain {
+  constructor(private application: ApplicationMain, private ui: UiMain, private componentAspect: ComponentMain) {}
+
+  /**
+   * register a new harmony UI application.
+   */
+  registerHarmonyApp(options: HarmonyAppOptions) {
+    this.ui.registerUiRoot({
+      name: options.name,
+      path: this.componentAspect.getHost().path,
+      configFile: '',
+      async resolvePattern() {
+        return [];
+      },
+      async resolveAspects() {
+        return options.aspectDefs;
+      },
+    });
+
+    // this.application.registerApp(new HarmonyUIApp(options.name, this.ui));
+
+    return this;
+  }
+
+  static slots = [];
+
+  static dependencies = [ApplicationAspect, UIAspect, ComponentAspect];
+
+  static runtime = MainRuntime;
+
+  static async provider([application, ui, componentAspect]: [ApplicationMain, UiMain, ComponentMain]) {
+    return new HarmonyUiAppMain(application, ui, componentAspect);
+  }
+}
+
+HarmonyUiAppAspect.addRuntime(HarmonyUiAppMain);

package/index.ts

@@ -0,0 +1,5 @@
+import { HarmonyUiAppAspect } from './harmony-ui-app.aspect';
+
+export type { HarmonyUiAppMain } from './harmony-ui-app.main.runtime';
+export default HarmonyUiAppAspect;
+export { HarmonyUiAppAspect };

package/package.json

@@ -1,35 +1,31 @@
 {
   "name": "@teambit/harmony-ui-app",
-  "version": "1.0.106",
+  "version": "1.0.108",
   "homepage": "https://bit.cloud/teambit/ui-foundation/harmony-ui-app",
   "main": "dist/index.js",
   "componentId": {
     "scope": "teambit.ui-foundation",
     "name": "harmony-ui-app",
-    "version": "1.0.106"
+    "version": "1.0.108"
   },
   "dependencies": {
-    "core-js": "^3.0.0",
-    "@babel/runtime": "7.20.0",
     "@teambit/harmony": "0.4.6",
-    "@teambit/aspect-loader": "1.0.106",
-    "@teambit/application": "1.0.106",
-    "@teambit/cli": "0.0.839",
-    "@teambit/component": "1.0.106",
-    "@teambit/ui": "1.0.106"
+    "@teambit/aspect-loader": "1.0.108",
+    "@teambit/application": "1.0.108",
+    "@teambit/cli": "0.0.840",
+    "@teambit/component": "1.0.108",
+    "@teambit/ui": "1.0.108"
   },
   "devDependencies": {
-    "@types/react": "^17.0.8",
     "@types/mocha": "9.1.0",
-    "@types/node": "12.20.4",
-    "@types/react-dom": "^17.0.5",
-    "@types/jest": "^26.0.0",
-    "@types/testing-library__jest-dom": "5.9.5"
+    "@types/jest": "^29.2.2",
+    "@types/testing-library__jest-dom": "^5.9.5",
+    "@teambit/harmony.envs.core-aspect-env": "0.0.13"
   },
   "peerDependencies": {
-    "@teambit/legacy": "1.0.624",
-    "react": "^16.8.0 || ^17.0.0",
-    "react-dom": "^16.8.0 || ^17.0.0"
+    "react": "^17.0.0 || ^18.0.0",
+    "@types/react": "^18.2.12",
+    "@teambit/legacy": "1.0.624"
   },
   "license": "Apache-2.0",
   "optionalDependencies": {},
@@ -43,7 +39,7 @@
   },
   "private": false,
   "engines": {
-    "node": ">=12.22.0"
+    "node": ">=16.0.0"
   },
   "repository": {
     "type": "git",
@@ -52,12 +48,9 @@
   "keywords": [
     "bit",
     "bit-aspect",
+    "bit-core-aspect",
     "components",
     "collaboration",
-    "web",
-    "react",
-    "react-components",
-    "angular",
-    "angular-components"
+    "web"
   ]
 }

package/tsconfig.json

@@ -1,38 +1,33 @@
 {
   "compilerOptions": {
     "lib": [
-      "es2019",
-      "DOM",
-      "ES6",
-      "DOM.Iterable",
-      "ScriptHost"
+      "esnext",
+      "dom",
+      "dom.Iterable"
     ],
-    "target": "es2015",
-    "module": "CommonJS",
-    "jsx": "react",
-    "allowJs": true,
-    "composite": true,
+    "target": "es2020",
+    "module": "es2020",
+    "jsx": "react-jsx",
     "declaration": true,
     "sourceMap": true,
-    "skipLibCheck": true,
     "experimentalDecorators": true,
-    "outDir": "dist",
+    "skipLibCheck": true,
     "moduleResolution": "node",
     "esModuleInterop": true,
-    "rootDir": ".",
     "resolveJsonModule": true,
-    "emitDeclarationOnly": true,
-    "emitDecoratorMetadata": true,
-    "allowSyntheticDefaultImports": true,
-    "strictPropertyInitialization": false,
-    "strict": true,
-    "noImplicitAny": false,
-    "preserveConstEnums": true
+    "allowJs": true,
+    "outDir": "dist",
+    "emitDeclarationOnly": true
   },
   "exclude": [
+    "artifacts",
+    "public",
     "dist",
+    "node_modules",
+    "package.json",
     "esm.mjs",
-    "package.json"
+    "**/*.cjs",
+    "./dist"
   ],
   "include": [
     "**/*",

package/types/asset.d.ts

@@ -5,12 +5,12 @@ declare module '*.png' {
 declare module '*.svg' {
   import type { FunctionComponent, SVGProps } from 'react';
 
-  export const ReactComponent: FunctionComponent<SVGProps<SVGSVGElement> & { title?: string }>;
+  export const ReactComponent: FunctionComponent<
+    SVGProps<SVGSVGElement> & { title?: string }
+  >;
   const src: string;
   export default src;
 }
-
-// @TODO Gilad
 declare module '*.jpg' {
   const value: any;
   export = value;
@@ -27,3 +27,15 @@ declare module '*.bmp' {
   const value: any;
   export = value;
 }
+declare module '*.otf' {
+  const value: any;
+  export = value;
+}
+declare module '*.woff' {
+  const value: any;
+  export = value;
+}
+declare module '*.woff2' {
+  const value: any;
+  export = value;
+}

package/ui.application.ts

@@ -0,0 +1,19 @@
+// import { Application } from '@teambit/application';
+// import { UiMain } from '@teambit/ui';
+
+// export class HarmonyUIApp implements Application {
+//   constructor(readonly name: string, private uiAspect: UiMain) {}
+
+//   async run() {
+//     const uiServer = await this.uiAspect.createRuntime({
+//       uiRootName: this.name,
+//       dev: true,
+//     });
+
+//     await uiServer.dev();
+//   }
+
+//   // async deploy() {
+//   //   return '';
+//   // }
+// }