build(sb): fixing branch for merge

apps/web/.eslintignore

+node_modules/*
+node_modules/
+node_modules

apps/web/.eslintrc.json

+{
+  "extends": ["plugin:react-hooks/recommended"],
+  "parserOptions": {
+    "sourceType": "module",
+    "ecmaVersion": "latest",
+    "ecmaFeatures": {
+      "jsx": true
+    }
+  },
+  "ignorePatterns": ["!**/*"],
+  "overrides": [
+    {
+      "files": ["*.ts", "*.tsx", "*.js", "*.jsx"],
+      "rules": {}
+    },
+    {
+      "files": ["*.ts", "*.tsx"],
+      "rules": {}
+    },
+    {
+      "files": ["*.js", "*.jsx"],
+      "rules": {}
+    }
+  ]
+}

apps/web/cssmodule.d.ts

-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 '*.module.styl' {
-    const classes: { readonly [key: string]: string };
-    export default classes;
-}

apps/web/image.d.ts

-/// <reference types="react" />
-/// <reference types="react-dom" />
-
-declare module '*.svg' {
-    import * as React from 'react';
-
-    export const ReactComponent: React.FunctionComponent<
-        React.SVGProps<SVGSVGElement> & { title?: string }
-    >;
-
-    const src: string;
-    export default src;
-}
-
-declare module '*.bmp' {
-    const src: string;
-    export default src;
-}
-
-declare module '*.gif' {
-    const src: string;
-    export default src;
-}
-
-declare module '*.jpg' {
-    const src: string;
-    export default src;
-}
-
-declare module '*.jpeg' {
-    const src: string;
-    export default src;
-}
-
-declare module '*.png' {
-    const src: string;
-    export default src;
-}
-
-declare module '*.avif' {
-    const src: string;
-    export default src;
-}
-
-declare module '*.webp' {
-    const src: string;
-    export default src;
-}

apps/web/package.json

@@ -7,7 +7,9 @@
     "dev": "vite --host local.graphpolaris.com --port 4200",
     "dev2": "vite --host local.graphpolaris.com --port 4200",
     "build": "tsc && vite build",
-    "preview": "vite preview"
+    "preview": "vite preview",
+    "lint": "eslint *.ts*",
+    "test": "vitest run"
   },
   "dependencies": {
     "@graphpolaris/shared": "workspace:*",
@@ -37,6 +39,7 @@
     "react-is": "^18.2.0",
     "typescript": "^4.9.3",
     "vite": "^4.2.0",
+    "vite-plugin-dts": "^2.1.0",
     "vitest": "^0.29.2"
   }
 }

apps/web/vite.config.ts

@@ -3,10 +3,14 @@ import { defineConfig } from 'vite';
 import react from '@vitejs/plugin-react-swc';
 import path from 'path';
 import basicSsl from '@vitejs/plugin-basic-ssl';
+import dts from 'vite-plugin-dts';
 
 // https://vitejs.dev/config/
 export default defineConfig({
-  plugins: [react(), basicSsl()],
+  plugins: [react(), basicSsl(),
+  dts({
+    insertTypesEntry: true,
+  }),],
   resolve: {
     alias: {
       '@graphpolaris/shared/lib': path.resolve(

libs/shared/.eslintrc.json

 {
   "extends": ["plugin:react-hooks/recommended"],
+  "parserOptions": {
+    "sourceType": "module",
+    "ecmaVersion": "latest",
+    "ecmaFeatures": {
+      "jsx": true
+    }
+  },
   "ignorePatterns": ["!**/*"],
   "overrides": [
     {

libs/shared/index.tsx

-export * from './index'
+// export * from './index';

libs/storybook/.storybook/main.ts

@@ -9,7 +9,8 @@ const config: StorybookConfig = {
     // "../src/**/*.stories.@(js|jsx|ts|tsx)",
     // "../node_modules/@graphpolaris/**/*.stories.@(js|jsx|ts|tsx)"
     "../node_modules/@graphpolaris/shared/lib/**/*.stories.@(js|jsx|ts|tsx)",
-    "../../../apps/web/src/**/*.stories.@(js|jsx|ts|tsx)",
+    // "../node_modules/web/src/**/*.stories.@(js|jsx|ts|tsx)",
+    // "../../../apps/web/src/**/*.stories.@(js|jsx|ts|tsx)",
   ],
   addons: [
     "@storybook/addon-links",
@@ -18,10 +19,10 @@ const config: StorybookConfig = {
     {
       name: '@storybook/addon-styling',
       options: {
-        sass: {
-          // Require your Sass preprocessor here
-          implementation: require('sass'),
-        },
+        // sass: {
+        // Require your Sass preprocessor here
+        // implementation: require('sass'),
+        // },
       },
     },
     {

libs/storybook/package.json

@@ -10,21 +10,21 @@
   },
   "dependencies": {
     "@graphpolaris/shared": "workspace:*",
+    "web": "workspace:*",
     "postcss-scss": "^4.0.6",
     "react": "^18.2.0",
-    "react-dom": "^18.2.0",
-    "ui": "workspace:*"
+    "react-dom": "^18.2.0"
   },
   "devDependencies": {
     "@storybook/addon-essentials": "next",
     "@storybook/addon-interactions": "next",
-    "@storybook/addon-links": "^7.0.5",
-    "@storybook/addon-styling": "^0.3.2",
-    "@storybook/blocks": "^7.0.5",
+    "@storybook/addon-links": "^7.0.7",
+    "@storybook/addon-styling": "^1.0.5",
+    "@storybook/blocks": "^7.0.7",
     "@storybook/preset-scss": "^1.0.3",
-    "@storybook/react": "^7.0.5",
-    "@storybook/react-vite": "^7.0.5",
-    "@storybook/testing-library": "0.0.14-next.1",
+    "@storybook/react": "^7.0.7",
+    "@storybook/react-vite": "^7.0.7",
+    "@storybook/testing-library": "0.1.0",
     "@types/node": "18.13.0",
     "@types/react": "^18.0.28",
     "@types/react-dom": "^18.0.11",
@@ -36,7 +36,7 @@
     "prop-types": "15.8.1",
     "sass": "^1.59.3",
     "sass-loader": "^13.2.2",
-    "storybook": "^7.0.5",
+    "storybook": "^7.0.7",
     "typescript": "^4.9.3",
     "vite": "^4.2.0",
     "vite-plugin-sass-dts": "^1.3.2",

libs/workspace/ui/Button.tsx

-interface Props {
-  primary?: boolean;
-  size?: "small" | "large";
-  label?: string;
-}
-
-export const Button = ({
-  primary = false,
-  label = "Boop",
-  size = "small",
-}: Props) => {
-  return (
-    <button
-      style={{
-        backgroundColor: primary ? "red" : "blue",
-        fontSize: size === "large" ? "24px" : "14px",
-      }}
-    >
-      {label}
-    </button>
-  );
-};

libs/workspace/ui/index.tsx

-import * as React from "react";
-export * from "./Button";

libs/workspace/ui/package.json

-{
-  "name": "ui",
-  "version": "0.0.0",
-  "main": "./index.tsx",
-  "types": "./index.tsx",
-  "license": "MIT",
-  "scripts": {
-    "lint": "eslint *.ts*"
-  },
-  "devDependencies": {
-    "@types/react": "^18.0.17",
-    "@types/react-dom": "^18.0.6",
-    "eslint": "^7.32.0",
-    "eslint-config-custom": "workspace:*",
-    "react": "^18.2.0",
-    "tsconfig": "workspace:*",
-    "typescript": "^4.5.2"
-  }
-}

libs/workspace/ui/tsconfig.json

-{
-  "extends": "tsconfig/react-library.json",
-  "include": ["."],
-  "exclude": ["dist", "build", "node_modules"]
-}