@teambit/scope 1.0.106 → 1.0.108

package/scope.ui-root.ts

@@ -0,0 +1,43 @@
+import { ResolveAspectsOptions } from '@teambit/component';
+import { ComponentID } from '@teambit/component-id';
+import { UIRoot } from '@teambit/ui';
+
+import type { ScopeMain } from './scope.main.runtime';
+
+export class ScopeUIRoot implements UIRoot {
+  constructor(
+    /**
+     * scope extension.
+     */
+    private scope: ScopeMain
+  ) {}
+
+  get name() {
+    return this.scope.name;
+  }
+
+  get path(): string {
+    return this.scope.path;
+  }
+
+  get configFile(): string {
+    return 'scope.jsonc';
+  }
+
+  get devServers() {
+    return Promise.resolve([]);
+  }
+
+  buildOptions = {
+    ssr: true,
+    prebundle: true,
+  };
+
+  resolveAspects(runtime: string, componentIds?: ComponentID[], opts?: ResolveAspectsOptions) {
+    return this.scope.resolveAspects(runtime, componentIds, opts);
+  }
+
+  async resolvePattern() {
+    return [];
+  }
+}

package/scope.ui.runtime.tsx

@@ -246,6 +246,7 @@ export class ScopeUI {
     const contexts = this.contextSlot.values();
     // eslint-disable-next-line react/prop-types
     const ComponentUrlFuncProvider: ScopeContextType = ({ children }) => (
+      // @ts-ignore TODO: fix this
       <ComponentUrlProvider value={componentUrlFn || this.componentUrlFunc}>{children}</ComponentUrlProvider>
     );
 

package/staged-config.ts

@@ -0,0 +1,79 @@
+import fs from 'fs-extra';
+import path from 'path';
+import { ComponentID } from '@teambit/component-id';
+import { DEFAULT_LANE, LaneId } from '@teambit/lane-id';
+import { Logger } from '@teambit/logger';
+
+const STAGED_CONFIG_DIR = 'staged-config';
+
+type Config = Record<string, any> | undefined;
+type ComponentConfig = { id: ComponentID; config: Config };
+
+export class StagedConfig {
+  hasChanged = false;
+  constructor(readonly filePath: string, private componentsConfig: ComponentConfig[], private logger: Logger) {}
+
+  static async load(scopePath: string, logger: Logger, laneId?: LaneId): Promise<StagedConfig> {
+    const lanePath = laneId ? path.join(laneId.scope, laneId.name) : DEFAULT_LANE;
+    const filePath = path.join(scopePath, STAGED_CONFIG_DIR, `${lanePath}.json`);
+    let componentsConfig: ComponentConfig[] = [];
+    try {
+      const fileContent = await fs.readJson(filePath);
+      componentsConfig = fileContent.map((item) => ({ id: ComponentID.fromObject(item.id), config: item.config }));
+    } catch (err: any) {
+      if (err.code === 'ENOENT') {
+        componentsConfig = [];
+      } else {
+        throw err;
+      }
+    }
+    return new StagedConfig(filePath, componentsConfig, logger);
+  }
+
+  toObject() {
+    return this.componentsConfig.map(({ id, config }) => ({ id: id.toObject(), config }));
+  }
+
+  async write() {
+    if (!this.hasChanged) return;
+    await fs.outputFile(this.filePath, JSON.stringify(this.toObject(), null, 2));
+  }
+
+  getConfigPerId(id: ComponentID): Config {
+    return this.componentsConfig.find((c) => c.id.isEqual(id, { ignoreVersion: true }))?.config;
+  }
+
+  getAll() {
+    return this.componentsConfig;
+  }
+
+  isEmpty() {
+    return this.componentsConfig.length === 0;
+  }
+
+  async deleteFile() {
+    this.logger.debug(`staged-config, deleting ${this.filePath}`);
+    await fs.remove(this.filePath);
+    this.componentsConfig = [];
+  }
+
+  addComponentConfig(id: ComponentID, config: Config) {
+    const exists = this.componentsConfig.find((c) => c.id.isEqual(id, { ignoreVersion: true }));
+    if (exists) {
+      exists.config = config;
+    } else {
+      this.componentsConfig.push({ id, config });
+    }
+    this.hasChanged = true;
+  }
+
+  removeComponentConfig(id: ComponentID) {
+    const componentsConfigLengthBefore = this.componentsConfig.length;
+    this.componentsConfig = this.componentsConfig.filter((c) => !c.id.isEqual(id, { ignoreVersion: true }));
+    if (this.componentsConfig.length === componentsConfigLengthBefore) {
+      this.logger.debug(`removeComponentConfig: unable to find ${id.toString()}`);
+    } else {
+      this.hasChanged = true;
+    }
+  }
+}

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/types.ts

@@ -0,0 +1,12 @@
+export type Serializable = {
+  toString(): string;
+};
+
+export type Metadata = {
+  [key: string]: Serializable;
+};
+
+export type DataToPersist = {
+  metadata: Metadata;
+  files: string[];
+};