Merge branch 'main' into docs/readme

.changeset/beige-eyes-brake.md

@@ -0,0 +1,5 @@
+---
+"@fepack/image": patch
+---
+
+refactor: Build System - Switch from esbuild to tsup

.changeset/config.json

@@ -7,5 +7,13 @@
   "access": "restricted",
   "baseBranch": "main",
   "updateInternalDependencies": "patch",
-  "ignore": ["@fepack/demo-image"]
+  "ignore": [
+    "@fepack/eslint-config",
+    "@fepack/eslint-config-js",
+    "@fepack/eslint-config-ts",
+    "@fepack/tsconfig",
+    "@fepack/demo-image",
+    "@fepack/demo-react-image-next",
+    "@fepack/image-documentation"
+  ]
 }

.github/workflows/ci.yml

@@ -22,7 +22,7 @@ jobs:
       - uses: actions/checkout@v3
       - uses: pnpm/action-setup@v2
         with:
-          version: 8.5.1
+          version: 8.6.10
       - uses: actions/setup-node@v3
         with:
           cache: "pnpm"

.github/workflows/code-coverage.yml

@@ -15,7 +15,7 @@ jobs:
       - uses: actions/checkout@v3
       - uses: pnpm/action-setup@v2
         with:
-          version: 8.5.1
+          version: 8.6.10
       - uses: actions/setup-node@v3
         with:
           cache: "pnpm"

.github/workflows/graph.yml

@@ -21,7 +21,7 @@ jobs:
       - uses: actions/checkout@v3
       - uses: pnpm/action-setup@v2
         with:
-          version: 8.5.1
+          version: 8.6.10
       - uses: actions/setup-node@v3
         with:
           cache: 'pnpm'

.github/workflows/release.yml

@@ -12,7 +12,7 @@ jobs:
       - uses: actions/checkout@v3
       - uses: pnpm/action-setup@v2
         with:
-          version: 8.5.1
+          version: 8.6.10
       - uses: actions/setup-node@v3
         with:
           cache: 'pnpm'

configs/eslint-config-js/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@fepack/eslint-config-js",
-  "version": "0.0.1",
+  "version": "0.0.0",
   "private": true,
   "main": "javascript.js",
   "files": [

configs/eslint-config-ts/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@fepack/eslint-config-ts",
-  "version": "0.0.1",
+  "version": "0.0.0",
   "private": true,
   "main": "typescript.js",
   "files": [

configs/eslint-config/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@fepack/eslint-config",
-  "version": "0.0.1",
+  "version": "0.0.0",
   "private": true,
   "files": [
     "react-js.js",

package.json

@@ -31,16 +31,27 @@
     "lint:pub": "turbo run lint:pub",
     "prepack": "turbo run prepack",
     "test": "turbo run test",
+    "test:watch": "turbo run test:watch",
     "type:check": "turbo run type:check --parallel"
   },
   "devDependencies": {
     "@changesets/cli": "^2.26.2",
+    "@fepack/eslint-config": "workspace:*",
+    "@fepack/eslint-config-js": "workspace:*",
+    "@fepack/eslint-config-ts": "workspace:*",
+    "@fepack/tsconfig": "workspace:*",
+    "@vitest/browser": "^0.34.4",
+    "@vitest/coverage-istanbul": "^0.34.4",
+    "@vitest/ui": "^0.34.4",
     "eslint": "^7.32.0",
+    "jsdom": "^22.1.0",
     "packlint": "^0.2.4",
     "prettier": "^2.5.1",
     "publint": "^0.2.2",
     "rimraf": "^5.0.1",
+    "tsup": "^7.1.0",
     "turbo": "latest",
-    "typescript": "5.1.6"
+    "typescript": "5.1.6",
+    "vitest": "^0.34.3"
   }
 }

packages/image/package.json

@@ -1,19 +1,21 @@
 {
   "name": "@fepack/image",
   "version": "0.2.1",
-  "description": "Image preloader for fepack",
+  "description": "easy image control",
   "keywords": [
     "fepack",
-    "image",
-    "preloader"
+    "image"
   ],
   "repository": {
     "type": "git",
     "url": "https://github.com/fepack/image.git",
     "directory": "packages/image"
   },
   "license": "MIT",
-  "author": "tooooo1",
+  "author": {
+    "name": "Chung-il Jung",
+    "email": "[email protected]"
+  },
   "sideEffects": false,
   "type": "module",
   "exports": {
@@ -29,35 +31,26 @@
     },
     "./package.json": "./package.json"
   },
-  "main": "dist/index.js",
+  "main": "dist/index.cjs",
   "types": "dist/index.d.ts",
   "files": [
     "dist",
     "src"
   ],
   "scripts": {
-    "build": "pnpm clean && pnpm build:tsc && pnpm build:js && pnpm copy:cts",
-    "build:js": "node ./esbuild.config.js",
-    "build:tsc": "tsc --emitDeclarationOnly",
-    "clean": "rm -rf dist",
-    "copy:cts": "cp dist/index.d.ts dist/index.d.cts",
+    "build": "tsup",
+    "build:watch": "tsup --watch",
+    "clean": "rimraf ./dist && rimraf ./coverage",
     "lint": "eslint \"**/*.ts*\"",
     "lint:pub": "publint --strict",
     "prepack": "pnpm build",
     "test": "vitest run --coverage",
-    "test:watch": "vitest"
+    "test:watch": "vitest --ui --coverage.enabled=true",
+    "type:check": "tsc --noEmit"
   },
   "devDependencies": {
-    "@fepack/eslint-config-js": "workspace:*",
-    "@fepack/eslint-config-ts": "workspace:*",
-    "@fepack/tsconfig": "workspace:*",
-    "@types/node": "^20.6.2",
-    "@vitest/browser": "^0.34.4",
-    "@vitest/coverage-istanbul": "^0.34.4",
-    "esbuild": "^0.18.11",
-    "jsdom": "^22.1.0",
-    "playwright": "^1.38.0",
-    "vitest": "^0.34.3"
+    "@types/node": "^18.16.2",
+    "playwright": "^1.38.0"
   },
   "publishConfig": {
     "access": "public"

packages/image/src/checkWebPSupport.ts

@@ -1,4 +1,4 @@
-import { load } from ".";
+import { load } from "./load";
 
 /**
  * Checks for various WebP features support in the browser.

packages/image/tsconfig.json

@@ -2,8 +2,7 @@
   "extends": "@fepack/tsconfig/base.json",
   "exclude": ["node_modules"],
   "compilerOptions": {
-    "lib": ["ES2020", "DOM", "DOM.Iterable"],
-    "declarationDir": "dist"
+    "lib": ["ES2020", "DOM", "DOM.Iterable"]
   },
   "include": ["src/index.ts"]
 }

packages/image/tsup.config.ts

@@ -0,0 +1,9 @@
+import { defineConfig } from "tsup";
+
+export default defineConfig({
+  format: ["cjs", "esm"],
+  entry: ["src/*.{ts,tsx}", "!**/*.{spec,test}.*"],
+  sourcemap: true,
+  dts: true,
+  splitting: false,
+});

packages/react-image/package.json

@@ -1,6 +1,16 @@
 {
   "name": "@fepack/react-image",
   "version": "0.2.1",
+  "description": "easy image control for React",
+  "keywords": [
+    "fepack",
+    "react-image"
+  ],
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/fepack/image.git",
+    "directory": "packages/react-image"
+  },
   "license": "MIT",
   "author": {
     "name": "Jonghyeon Ko",
@@ -40,14 +50,14 @@
     "@fepack/image": "workspace:0.2.1"
   },
   "devDependencies": {
-    "@fepack/eslint-config": "workspace:^",
-    "@fepack/tsconfig": "workspace:*",
+    "@testing-library/jest-dom": "^5.16.5",
+    "@testing-library/react": "^13.4.0",
     "@types/node": "^18.16.2",
     "@types/react": "^18.2.0",
     "@types/react-dom": "^18.2.1",
+    "@types/testing-library__jest-dom": "^5.14.5",
     "react": "^18.2.0",
-    "react-dom": "^18.2.0",
-    "tsup": "^7.1.0"
+    "react-dom": "^18.2.0"
   },
   "peerDependencies": {
     "react": "^16.8 || ^17 || ^18"

packages/react-image/test.setup.ts

@@ -0,0 +1,9 @@
+import matchers from "@testing-library/jest-dom/matchers";
+import { cleanup } from "@testing-library/react";
+import { afterEach, expect } from "vitest";
+
+expect.extend(matchers);
+
+afterEach(() => {
+  cleanup();
+});

packages/react-image/tsup.config.ts

@@ -3,7 +3,7 @@ import { defineConfig } from "tsup";
 export default defineConfig({
   banner: { js: '"use client"' },
   format: ["cjs", "esm"],
-  entry: ["{src,src/experimental}/*.{ts,tsx}", "!**/*.{spec,test,test-d}.*"],
+  entry: ["src/*.{ts,tsx}", "!**/*.{spec,test}.*"],
   sourcemap: true,
   dts: true,
   splitting: false,

packages/react-image/vitest.config.ts

@@ -0,0 +1,11 @@
+import { defineConfig } from "vitest/config";
+
+export default defineConfig({
+  test: {
+    name: "@fepack/react-image",
+    dir: "./src",
+    environment: "jsdom",
+    globals: true,
+    coverage: { provider: "istanbul" },
+  },
+});