Merge pull request #89 from stone-lyl/main

build: optimize the build issues with core and ui

.eslintignore

@@ -1,8 +1,14 @@
 # Ignore all files in the 'dist' directory
-dist/*
+
+**/dist/**/*
 
 # Ignore all '.min.js' files
 *.min.js
 
 # Temporary measure while migrating nodes
-holding/**/*
+holding/**/*
+.github
+.husky
+.turbo
+.yarn
+

cypress.config.ts

@@ -11,7 +11,6 @@ export default defineConfig({
   },
 
   e2e: {
-
     baseUrl: 'http://localhost:3000',
     setupNodeEvents(on, config) {
       // implement node event listeners here

cypress/support/component.ts

@@ -18,7 +18,7 @@ import './commands'
 
 // Alternatively you can use CommonJS syntax:
 // require('./commands')
-import '../../packages/ui/output.css';
+import '@data-story/ui/data-story.css';
 
 import { mount } from 'cypress/react18'
 

package.json

@@ -58,9 +58,11 @@
     "husky": "^8.0.0",
     "kill-port": "^2.0.1",
     "lint-staged": "^15.0.2",
+    "postcss-cli": "^11.0.0",
     "release-it": "^17.0.0",
     "start-server-and-test": "^2.0.3",
     "turbo": "^1.10.12",
-    "vitest": "^0.29.2"
+    "vitest": "^0.29.2",
+    "webpack-bundle-analyzer": "^4.10.1"
   }
 }

packages/core/package.json

@@ -12,7 +12,7 @@
     "tinker": "npx ts-node ./src/tinker.ts",
     "test": "yarn run -T vitest run",
     "watch:test": "yarn run -T vitest",
-    "build": "tsc",
+    "build": "tsc -p tsconfig.build.json",
     "release": "yarn run -T release-it"
   },
   "release-it": {

packages/core/tsconfig.build.json

@@ -0,0 +1,42 @@
+{
+  "compilerOptions": {
+    "target": "ES6",
+    "lib": [
+      "esnext"
+    ],
+    "allowJs": true,
+    "checkJs": false,
+    "skipLibCheck": true,
+    "strict": true,
+    "forceConsistentCasingInFileNames": true,
+    "outDir": "dist",
+    "esModuleInterop": true,
+    "module": "commonjs",
+    "sourceMap": true,
+    "moduleResolution": "node",
+    "resolveJsonModule": true,
+    "isolatedModules": true,
+    "incremental": true,
+    "noImplicitAny": true,
+    "types": [
+      "vitest/globals"
+    ],
+    "declaration": true
+  },
+  "ts-node": {
+    "compilerOptions": {
+      "module": "CommonJS"
+    }
+  },
+  "include": [
+    "./src/**/*.ts",
+    "global.d.ts"
+  ],
+  "exclude": [
+    "./node_modules",
+    "./src/**/*.spec.ts",
+    "./src/**/*.test.ts",
+    "./src/**/*.cy.ts",
+    "./src/**/*.d.ts",
+  ]
+}

packages/docs/components/Playground.tsx

@@ -1,5 +1,4 @@
 import { DataStory } from '@data-story/ui'
-import '@data-story/ui/dist/data-story.css';
 import { coreNodeProvider, Application, DiagramBuilder } from '@data-story/core';
 
 export default ({ mode}: { mode?: 'js' | 'node' }) => {

packages/docs/components/demos/DocsFlow.tsx

@@ -1,5 +1,4 @@
 import { DataStory } from '@data-story/ui'
-import '@data-story/ui/dist/data-story.css';
 import {
   Application,
   DiagramBuilder,
@@ -46,4 +45,4 @@ export default () => {
       />
     </div>   
   );
-};
+};

packages/docs/components/demos/HeroFlow.tsx

@@ -1,5 +1,4 @@
 import { DataStory } from '@data-story/ui'
-import '@data-story/ui/dist/data-story.css';
 import {
   Application,
   DiagramBuilder,
@@ -66,4 +65,4 @@ export default () => {
       />
     </div>   
   );
-};
+};

packages/docs/components/demos/NodeDemo.tsx

@@ -1,5 +1,4 @@
 import { DataStory, DataStoryNodeComponent } from '@data-story/ui'
-import '@data-story/ui/dist/data-story.css';
 import { Application, DiagramBuilder, nodes, coreNodeProvider } from '@data-story/core';
 
 export default ({ nodeName }: { nodeName: string}) => {
@@ -24,4 +23,4 @@ export default ({ nodeName }: { nodeName: string}) => {
     </div>
   </div>
   );
-};
+};

packages/docs/components/pitchdeck/1.tsx

@@ -1,5 +1,4 @@
 import { DataStory } from '@data-story/ui'
-import '@data-story/ui/dist/data-story.css';
 import { coreNodeProvider, Application, DiagramBuilder, multiline } from '@data-story/core';
 import { ConsoleLog, Map, Signal, Fake, Comment } from '@data-story/core/dist/computers';
 
@@ -62,4 +61,4 @@ export default () => {
       />
     </div>   
   );
-};
+};

packages/docs/components/pitchdeck/2.tsx

@@ -1,5 +1,4 @@
 import { DataStory } from '@data-story/ui'
-import '@data-story/ui/dist/data-story.css';
 import { coreNodeProvider, Application, DiagramBuilder, multiline } from '@data-story/core';
 import { ConsoleLog, Map, Signal, Fake, Comment } from '@data-story/core/dist/computers';
 
@@ -56,4 +55,4 @@ export default () => {
       />
     </div>   
   );
-};
+};

packages/docs/globals.css

@@ -1,3 +1,5 @@
+@import '@data-story/ui/data-story.css';
+
 @tailwind base;
 @tailwind components;
-@tailwind utilities;
+@tailwind utilities;

packages/docs/pages/getting-started.mdx

@@ -9,7 +9,7 @@ yarn add @data-story/ui
 
 ```js copy
 import { DataStory } from '@data-story/ui'
-import '@data-story/ui/dist/data-story.css';
+import '@data-story/ui/data-story.css';
 
 export default function Home() {
   return (

packages/docs/pages/local.tsx

@@ -1,8 +1,7 @@
 import { DataStory } from '@data-story/ui';
-import '@data-story/ui/dist/data-story.css';
 
 export default function Home() {
   return <div className="w-full" style={{ height: '100vh' }}>
     <DataStory server={{type: 'SOCKET', url: 'http://localhost:3000'}} />
   </div>
-}
+}

packages/ui/cypress-webpack.config.ts

@@ -19,11 +19,7 @@ const config: webpack.Configuration = {
       {
         test: /\.css$/,
         use: ['style-loader', 'css-loader'],
-      },
-      {
-        test: /\.(png|svg|jpg|jpeg|gif)$/i,
-        type: 'asset/resource'
-      },
+      }
     ],
   },
   resolve: {