@teambit/formatter 0.0.117 → 0.0.121

package/formatter.service.tsx

@@ -0,0 +1,71 @@
+import { defaults } from 'lodash';
+import React from 'react';
+import { EnvService, ExecutionContext, EnvDefinition } from '@teambit/envs';
+import { Text, Newline } from 'ink';
+import highlight from 'cli-highlight';
+import { Formatter, FormatResults } from './formatter';
+import { FormatterContext, FormatterOptions } from './formatter-context';
+import { FormatterConfig } from './formatter.main.runtime';
+
+export type FormatterServiceOptions = FormatterOptions & {
+  check?: boolean;
+};
+
+export class FormatterService implements EnvService<FormatResults> {
+  name = 'formatter';
+
+  constructor(private formatterConfig: FormatterConfig) {}
+
+  async run(context: ExecutionContext, options: FormatterServiceOptions): Promise<FormatResults> {
+    const mergedOpts = this.optionsWithDefaults(options);
+    const formatterContext: FormatterContext = this.mergeContext(mergedOpts, context);
+    const formatter: Formatter = context.env.getFormatter(formatterContext);
+
+    const results = options.check ? await formatter.check(formatterContext) : await formatter.format(formatterContext);
+    return results;
+  }
+
+  private optionsWithDefaults(options: FormatterServiceOptions): FormatterServiceOptions {
+    return defaults(options, this.formatterConfig);
+  }
+
+  private mergeContext(options: FormatterServiceOptions, context?: ExecutionContext): FormatterContext {
+    const formatterContext: FormatterContext = Object.assign({}, options, context);
+    return formatterContext;
+  }
+
+  render(env: EnvDefinition) {
+    const descriptor = this.getDescriptor(env);
+
+    return (
+      <Text key={descriptor?.id}>
+        <Text color="cyan">configured formatter: </Text>
+        <Text>
+          {descriptor?.id} ({descriptor?.displayName} @ {descriptor?.version})
+        </Text>
+        <Newline />
+        <Text color="cyan">formatter config:</Text>
+        <Newline />
+        <Text>
+          {descriptor?.config && highlight(descriptor?.config, { language: 'javascript', ignoreIllegals: true })}
+        </Text>
+        <Newline />
+      </Text>
+    );
+  }
+
+  getDescriptor(env: EnvDefinition) {
+    if (!env.env.getFormatter) return undefined;
+    const mergedOpts = this.optionsWithDefaults({});
+    const formatterContext = this.mergeContext(mergedOpts);
+    const formatter = env.env.getFormatter(formatterContext);
+
+    return {
+      id: formatter.id,
+      icon: formatter.icon,
+      config: formatter.displayConfig ? formatter.displayConfig() : undefined,
+      version: formatter.version ? formatter.version() : '?',
+      displayName: formatter.displayName ? formatter.displayName : '?',
+    };
+  }
+}

package/package.json

@@ -1,12 +1,12 @@
 {
   "name": "@teambit/formatter",
-  "version": "0.0.117",
+  "version": "0.0.121",
   "homepage": "https://bit.dev/teambit/defender/formatter",
   "main": "dist/index.js",
   "componentId": {
     "scope": "teambit.defender",
     "name": "formatter",
-    "version": "0.0.117"
+    "version": "0.0.121"
   },
   "dependencies": {
     "chalk": "2.4.2",
@@ -17,12 +17,12 @@
     "ink": "3.0.8",
     "@babel/runtime": "7.12.18",
     "core-js": "^3.0.0",
-    "@teambit/cli": "0.0.393",
-    "@teambit/component": "0.0.566",
-    "@teambit/envs": "0.0.566",
-    "@teambit/workspace": "0.0.566",
-    "@teambit/builder": "0.0.566",
-    "@teambit/logger": "0.0.478"
+    "@teambit/cli": "0.0.395",
+    "@teambit/component": "0.0.570",
+    "@teambit/envs": "0.0.570",
+    "@teambit/workspace": "0.0.570",
+    "@teambit/builder": "0.0.570",
+    "@teambit/logger": "0.0.482"
   },
   "devDependencies": {
     "@types/lodash": "4.14.165",
@@ -34,7 +34,7 @@
     "@types/node": "12.20.4"
   },
   "peerDependencies": {
-    "@teambit/legacy": "1.0.179",
+    "@teambit/legacy": "1.0.181",
     "react-dom": "^16.8.0 || ^17.0.0",
     "react": "^16.8.0 || ^17.0.0"
   },
@@ -62,27 +62,12 @@
         "react": "-"
       },
       "peerDependencies": {
-        "@teambit/legacy": "1.0.179",
+        "@teambit/legacy": "1.0.181",
         "react-dom": "^16.8.0 || ^17.0.0",
         "react": "^16.8.0 || ^17.0.0"
       }
     }
   },
-  "files": [
-    "dist",
-    "!dist/tsconfig.tsbuildinfo",
-    "**/*.md",
-    "**/*.mdx",
-    "**/*.js",
-    "**/*.json",
-    "**/*.sass",
-    "**/*.scss",
-    "**/*.less",
-    "**/*.css",
-    "**/*.css",
-    "**/*.jpeg",
-    "**/*.gif"
-  ],
   "private": false,
   "engines": {
     "node": ">=12.22.0"

package/types/asset.d.ts

@@ -0,0 +1,29 @@
+declare module '*.png' {
+  const value: any;
+  export = value;
+}
+declare module '*.svg' {
+  import type { FunctionComponent, SVGProps } from 'react';
+
+  export const ReactComponent: FunctionComponent<SVGProps<SVGSVGElement> & { title?: string }>;
+  const src: string;
+  export default src;
+}
+
+// @TODO Gilad
+declare module '*.jpg' {
+  const value: any;
+  export = value;
+}
+declare module '*.jpeg' {
+  const value: any;
+  export = value;
+}
+declare module '*.gif' {
+  const value: any;
+  export = value;
+}
+declare module '*.bmp' {
+  const value: any;
+  export = value;
+}

package/types/style.d.ts

@@ -0,0 +1,42 @@
+declare module '*.module.css' {
+  const classes: { readonly [key: string]: string };
+  export default classes;
+}
+declare module '*.module.scss' {
+  const classes: { readonly [key: string]: string };
+  export default classes;
+}
+declare module '*.module.sass' {
+  const classes: { readonly [key: string]: string };
+  export default classes;
+}
+
+declare module '*.module.less' {
+  const classes: { readonly [key: string]: string };
+  export default classes;
+}
+
+declare module '*.less' {
+  const classes: { readonly [key: string]: string };
+  export default classes;
+}
+
+declare module '*.css' {
+  const classes: { readonly [key: string]: string };
+  export default classes;
+}
+
+declare module '*.sass' {
+  const classes: { readonly [key: string]: string };
+  export default classes;
+}
+
+declare module '*.scss' {
+  const classes: { readonly [key: string]: string };
+  export default classes;
+}
+
+declare module '*.mdx' {
+  const component: any;
+  export default component;
+}