chore(tsc): exclude test/stories/mock files only from build (#451)

* chore(tsc): exclude test/stories/mock files only from build

Signed-off-by: Nastya Rusina <nastya@union.ai>

packages/plugins/components/package.json

@@ -13,8 +13,8 @@
     },
     "scripts": {
         "build": "yarn build:esm && yarn build:cjs",
-        "build:esm": "tsc --module esnext --outDir lib/esm",
-        "build:cjs": "tsc",
+        "build:esm": "tsc --module esnext --outDir lib/esm --project ./tsconfig.build.json",
+        "build:cjs": "tsc --project ./tsconfig.build.json",
         "test": "NODE_ENV=test jest"
     },
     "dependencies": {

packages/plugins/components/src/NavBar/index.tsx

@@ -7,7 +7,7 @@ import { DefaultNavBarContent } from './defaultContent';
 
 export const navBarContentId = 'nav-bar-content';
 
-interface NavBarProps {
+export interface NavBarProps {
   useCustomContent?: boolean; // rename to show that it is a backNavigation
   className?: string;
 }

packages/plugins/components/src/NavBar/navbar.stories.tsx

@@ -9,7 +9,7 @@ export default {
   component: NavBar,
 } as ComponentMeta<typeof NavBar>;
 
-const useStyles = makeStyles((theme: Theme) => ({
+const useStyles = makeStyles((_theme: Theme) => ({
   updatedOne: {
     backgroundColor: 'lightblue',
     color: 'black',

packages/plugins/components/tsconfig.build.json

@@ -0,0 +1,15 @@
+{
+    "extends": "./tsconfig.json",
+    "exclude": [
+        // files excluded from the build, we can not put it inro default tsconfig
+        // as it will screw VSCode IntelliSence
+        "**/test",
+        "**/mocks",
+        "**/__mocks__",
+        "**/__stories__",
+        "src/**/*.spec.*",
+        "src/**/*.test.*",
+        "src/**/*.mock.*",
+        "src/**/*.stories.*"
+    ]
+}

packages/zapp/console/tsconfig.build.json

@@ -0,0 +1,15 @@
+{
+    "extends": "./tsconfig.json",
+    "exclude": [
+        // files excluded from the build, we can not put it inro default tsconfig
+        // as it will screw VSCode IntelliSence
+        "**/test",
+        "**/mocks",
+        "**/__mocks__",
+        "**/__stories__",
+        "src/**/*.spec.*",
+        "src/**/*.test.*",
+        "src/**/*.mock.*",
+        "src/**/*.stories.*"
+    ]
+}

packages/zapp/console/tsconfig.json

@@ -12,5 +12,9 @@
         "noImplicitOverride": false
     },
     "references": [{ "path": "../../plugins/components" }],
-    "include": ["src/**/*"]
+    "include": [
+        "src/**/*",
+        // TODO: *.json could be removed when tsconfig.build.json would be properly consumed by webpack
+        "src/**/*.json"
+    ]
 }

tsconfig.base.json

@@ -46,16 +46,5 @@
             "@flyteconsole/*": ["./packages/plugins/*/src", "./packages/zapp/*/src"]
         }
     },
-    "exclude": [
-        "**/node_modules",
-        "**/dist",
-        "**/lib",
-        "**/src/**/*.spec.*",
-        "**/src/**/*.test.*",
-        "**/src/**/*.stories.*",
-        // old code patterns
-        "**/__mocks__",
-        "**/test",
-        "**/mocks"
-    ]
+    "exclude": ["**/node_modules", "**/dist", "**/lib"]
 }