@teambit/typescript 0.0.568 → 0.0.569

package/cmds/check-types.cmd.ts

@@ -0,0 +1,44 @@
+import { Command, CommandOptions } from '@teambit/cli';
+import { ConsumerNotFound } from '@teambit/legacy/dist/consumer/exceptions';
+import { Logger } from '@teambit/logger';
+import { Workspace } from '@teambit/workspace';
+import chalk from 'chalk';
+import { TypescriptMain } from '../typescript.main.runtime';
+
+export class CheckTypesCmd implements Command {
+  name = 'check-types [pattern]';
+  description = 'check typescript types';
+  alias = '';
+  group = 'development';
+  options = [
+    ['a', 'all', 'check-types for all components, not only modified and new'],
+    ['', 'strict', 'in case issues found, exit with code 1'],
+  ] as CommandOptions;
+
+  constructor(private typescript: TypescriptMain, private workspace: Workspace, private logger: Logger) {}
+
+  async report([userPattern]: [string], { all = false, strict = false }: { all: boolean; strict: boolean }) {
+    if (!this.workspace) throw new ConsumerNotFound();
+    const components = await this.workspace.getComponentsByUserInput(all, userPattern);
+    this.logger.setStatusLine(`checking types for ${components.length} components`);
+    const files = this.typescript.getSupportedFilesForTsserver(components);
+    await this.typescript.initTsserverClientFromWorkspace({ printTypeErrors: true }, files);
+    const tsserver = this.typescript.getTsserverClient();
+    if (!tsserver) throw new Error(`unable to start tsserver`);
+    const start = Date.now();
+    await tsserver.getDiagnostic(files);
+    const end = Date.now() - start;
+    const msg = `completed type checking (${end / 1000} sec)`;
+    tsserver.killTsServer();
+    if (tsserver.lastDiagnostics.length) {
+      return {
+        code: strict ? 1 : 0,
+        data: chalk.red(`${msg}. found errors in ${tsserver.lastDiagnostics.length} files.`),
+      };
+    }
+    return {
+      code: 0,
+      data: chalk.green(`${msg}. no errors were found.`),
+    };
+  }
+}

package/package.json

@@ -1,12 +1,12 @@
 {
   "name": "@teambit/typescript",
-  "version": "0.0.568",
+  "version": "0.0.569",
   "homepage": "https://bit.dev/teambit/typescript/typescript",
   "main": "dist/index.js",
   "componentId": {
     "scope": "teambit.typescript",
     "name": "typescript",
-    "version": "0.0.568"
+    "version": "0.0.569"
   },
   "dependencies": {
     "@teambit/harmony": "0.2.11",
@@ -17,18 +17,18 @@
     "chalk": "2.4.2",
     "@babel/runtime": "7.12.18",
     "core-js": "^3.0.0",
-    "@teambit/compiler": "0.0.568",
-    "@teambit/typescript.modules.ts-config-mutator": "0.0.51",
-    "@teambit/bit-error": "0.0.380",
-    "@teambit/builder": "0.0.568",
-    "@teambit/isolator": "0.0.568",
-    "@teambit/logger": "0.0.480",
-    "@teambit/component": "0.0.568",
-    "@teambit/schema": "0.0.568",
-    "@teambit/cli": "0.0.394",
-    "@teambit/pkg": "0.0.568",
-    "@teambit/ts-server": "0.0.17",
-    "@teambit/workspace": "0.0.568"
+    "@teambit/compiler": "0.0.569",
+    "@teambit/typescript.modules.ts-config-mutator": "0.0.52",
+    "@teambit/bit-error": "0.0.381",
+    "@teambit/builder": "0.0.569",
+    "@teambit/isolator": "0.0.569",
+    "@teambit/logger": "0.0.481",
+    "@teambit/component": "0.0.569",
+    "@teambit/schema": "0.0.569",
+    "@teambit/cli": "0.0.395",
+    "@teambit/pkg": "0.0.569",
+    "@teambit/ts-server": "0.0.18",
+    "@teambit/workspace": "0.0.569"
   },
   "devDependencies": {
     "chai": "4.3.0",
@@ -40,10 +40,10 @@
     "@types/jest": "^26.0.0",
     "@types/react-dom": "^17.0.5",
     "@types/node": "12.20.4",
-    "@teambit/typescript.aspect-docs.typescript": "0.0.114"
+    "@teambit/typescript.aspect-docs.typescript": "0.0.115"
   },
   "peerDependencies": {
-    "@teambit/legacy": "1.0.180",
+    "@teambit/legacy": "1.0.181",
     "react-dom": "^16.8.0 || ^17.0.0",
     "react": "^16.8.0 || ^17.0.0"
   },
@@ -71,27 +71,12 @@
         "react": "-"
       },
       "peerDependencies": {
-        "@teambit/legacy": "1.0.180",
+        "@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;
+}

package/typescript.composition.tsx

@@ -0,0 +1,7 @@
+import React from 'react';
+
+export const Logo = () => (
+  <div style={{ height: '100%', display: 'flex', justifyContent: 'center' }}>
+    <img style={{ width: 70 }} src="https://static.bit.dev/brands/logo-typescript.svg" />
+  </div>
+);