Setup Github Actions

Author: tajo

Diff for: .github/workflows/ci.yml

@@ -48,9 +48,12 @@ jobs:
       - name: Build
         run: pnpm build
 
-      - name: Unit and e2e tests
+      - name: Unit tests
         run: pnpm test
 
+      - name: E2e tests
+        run: pnpm test:e2e
+
       - uses: actions/upload-artifact@v3
         if: always()
         with:

Diff for: .husky/pre-commit

@@ -0,0 +1,4 @@
+#!/bin/sh
+. "$(dirname "$0")/_/husky.sh"
+
+pnpm exec lint-staged

Diff for: .ladle/vite-plugin-node.js

@@ -1,14 +1,12 @@
 /* eslint-env node */
 
-import { builtinModules, createRequire } from "node:module";
+import { builtinModules } from "node:module";
 import nodeLibsBrowser from "node-libs-browser";
 
-const require = createRequire(import.meta.url);
-
 function NodeBuiltinsPolyfillPlugin() {
   return {
     name: "vite:node-builtins-polyfill",
-    config(config) {
+    config() {
       const aliasEntries = [];
       for (let moduleName of builtinModules) {
         const polyfillPath = nodeLibsBrowser[moduleName];

Diff for: .lintstagedrc

@@ -0,0 +1,7 @@
+{
+  "*.{js,ts,tsx,css,scss,postcss,md,json}": [
+    "prettier --write --plugin-search-dir=.",
+    "prettier --check --plugin-search-dir=."
+  ],
+  "*.{js,ts,tsx}": "eslint"
+}

Diff for: LICENSE-HEAD

@@ -21,13 +21,13 @@
   "sideEffects": false,
   "scripts": {
     "build": "tsc --p tsconfig.lib.json && tsc --p tsconfig.es.json",
-    "lint": "eslint '{examples,src}/**/*.{js,ts,tsx}' vite.config.js",
+    "lint": "eslint '{examples,src}/**/*.{js,ts,tsx}' vite.config.js .ladle",
     "prebuild": "rimraf dist",
-    "test": "tsc && yarn lint && vitest src",
-    "test:unit": "vitest src",
-    "test:e2e": "pnpm test:e2e:dev && pnpm test:e2e:prod",
-    "test:e2e:dev": "export TYPE=dev && pnpm exec playwright test",
-    "test:e2e:prod": "export TYPE=prod && pnpm exec playwright test",
+    "test": "vitest src --run",
+    "test:dev": "vitest src",
+    "test:e2e": " pnpm test:e2e:dev && pnpm test:e2e:prod",
+    "test:e2e:dev": "TYPE=dev && pnpm exec playwright test",
+    "test:e2e:prod": "TYPE=prod && pnpm exec playwright test",
     "typecheck": "tsc"
   },
   "dependencies": {
@@ -65,6 +65,8 @@
     "eslint-config-prettier": "^9.0.0",
     "eslint-plugin-prettier": "^5.0.1",
     "eslint-plugin-react": "^7.33.2",
+    "husky": "^8.0.3",
+    "lint-staged": "^15.1.0",
     "node-libs-browser": "^2.2.1",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",

Diff for: package.json

@@ -20,12 +20,12 @@ const config: PlaywrightTestConfig = {
   // Opt out of parallel tests on CI.
   workers: process.env.CI ? 1 : undefined,
   use: {
-    baseURL: `http://localhost:61000`,
+    baseURL: `http://127.0.0.1:${process.env.TYPE === "dev" ? 61000 : 8080}`,
   },
   webServer: {
     reuseExistingServer: true,
     command: getCommand(process.env.TYPE),
-    url: `http://localhost:61000`,
+    url: `http://127.0.0.1:${process.env.TYPE === "dev" ? 61000 : 8080}`,
   },
 };