feat: @boolti/api 패키지 추가 및 기본 import 적용 확인

Nexters · Jan 19, 2024 · 441bb79 · 441bb79
1 parent c54eedf
commit 441bb79
Show file tree

Hide file tree

Showing 8 changed files with 260 additions and 7 deletions.
diff --git a/.pnp.cjs b/.pnp.cjs
diff --git a/.yarn/install-state.gz b/.yarn/install-state.gz
diff --git a/apps/admin/package.json b/apps/admin/package.json
@@ -10,6 +10,7 @@
     "preview": "vite preview"
   },
   "dependencies": {
+    "@boolti/api": "*",
     "@emotion/react": "^11.11.3",
     "@emotion/styled": "^11.11.0",
     "react": "^18.2.0",

diff --git a/apps/admin/src/App.tsx b/apps/admin/src/App.tsx
@@ -1,5 +1,14 @@
+import { Hello, QueryClientProvider, ReactQueryDevtools } from '@boolti/api';
+
 const App = () => {
-  return <h1>Admin</h1>;
+  return (
+    <QueryClientProvider>
+      <h1>
+        {Hello()}
+        <ReactQueryDevtools />
+      </h1>
+    </QueryClientProvider>
+  );
 };
 
 export default App;
diff --git a/packages/api/package.json b/packages/api/package.json
@@ -0,0 +1,23 @@
+{
+  "name": "@boolti/api",
+  "private": true,
+  "version": "0.0.0",
+  "type": "module",
+  "main": "src/index.tsx",
+  "types": "src/index.tsx",
+  "dependencies": {
+    "@lukemorales/query-key-factory": "^1.3.2",
+    "@tanstack/react-query": "^5.17.15",
+    "@tanstack/react-query-devtools": "^5.17.18",
+    "ky": "^1.2.0",
+    "react": "^18.2.0",
+    "react-dom": "^18.2.0"
+  },
+  "devDependencies": {
+    "@boolti/eslint-config": "*",
+    "@boolti/typescript-config": "*",
+    "@types/react": "^18.2.43",
+    "@types/react-dom": "^18.2.17",
+    "typescript": "^5.2.2"
+  }
+}
diff --git a/packages/api/src/index.tsx b/packages/api/src/index.tsx
@@ -0,0 +1,12 @@
+import { QueryClientProvider as BaseQueryClientProvider, QueryClient } from '@tanstack/react-query';
+import { useState } from 'react';
+export { ReactQueryDevtools } from '@tanstack/react-query-devtools';
+
+export function QueryClientProvider({ children }: React.PropsWithChildren) {
+  const [queryClient] = useState(() => new QueryClient());
+  return <BaseQueryClientProvider client={queryClient}>{children}</BaseQueryClientProvider>;
+}
+
+export function Hello() {
+  return 'World';
+}
diff --git a/packages/api/tsconfig.json b/packages/api/tsconfig.json
@@ -0,0 +1,6 @@
+{
+  "extends": "@boolti/typescript-config/vite.json",
+  "include": [
+    "src"
+  ]
+}
diff --git a/yarn.lock b/yarn.lock
@@ -285,6 +285,24 @@ __metadata:
   languageName: node
   linkType: hard
 
+"@boolti/api@npm:*, @boolti/api@workspace:packages/api":
+  version: 0.0.0-use.local
+  resolution: "@boolti/api@workspace:packages/api"
+  dependencies:
+    "@boolti/eslint-config": "npm:*"
+    "@boolti/typescript-config": "npm:*"
+    "@lukemorales/query-key-factory": "npm:^1.3.2"
+    "@tanstack/react-query": "npm:^5.17.15"
+    "@tanstack/react-query-devtools": "npm:^5.17.18"
+    "@types/react": "npm:^18.2.43"
+    "@types/react-dom": "npm:^18.2.17"
+    ky: "npm:^1.2.0"
+    react: "npm:^18.2.0"
+    react-dom: "npm:^18.2.0"
+    typescript: "npm:^5.2.2"
+  languageName: unknown
+  linkType: soft
+
 "@boolti/eslint-config@npm:*, @boolti/eslint-config@workspace:packages/config-eslint":
   version: 0.0.0-use.local
   resolution: "@boolti/eslint-config@workspace:packages/config-eslint"
@@ -736,6 +754,16 @@ __metadata:
   languageName: node
   linkType: hard
 
+"@lukemorales/query-key-factory@npm:^1.3.2":
+  version: 1.3.2
+  resolution: "@lukemorales/query-key-factory@npm:1.3.2"
+  peerDependencies:
+    "@tanstack/query-core": ">= 4.0.0"
+    "@tanstack/react-query": ">= 4.0.0"
+  checksum: 5a495aa7a61f2470d58f263a1ce8b701a66dd142e1a6d660d2f44f8504927fb921e9c7e078af15a0d33bb1a5719fb4fa4cb4e7a31368a8fb3a2f9864f6d63dd9
+  languageName: node
+  linkType: hard
+
 "@nodelib/fs.scandir@npm:2.1.5":
   version: 2.1.5
   resolution: "@nodelib/fs.scandir@npm:2.1.5"
@@ -890,6 +918,43 @@ __metadata:
   languageName: node
   linkType: hard
 
+"@tanstack/query-core@npm:5.17.15":
+  version: 5.17.15
+  resolution: "@tanstack/query-core@npm:5.17.15"
+  checksum: 2967963e94ff78c8bf4941efc09c81e6a6a78400322c26cf5d9528b169c3901a399752d679c3f4ab066c2a6e8df712b5a1b2e033e06fbbaa4b29f5be17032ab4
+  languageName: node
+  linkType: hard
+
+"@tanstack/query-devtools@npm:5.17.7":
+  version: 5.17.7
+  resolution: "@tanstack/query-devtools@npm:5.17.7"
+  checksum: 96bb17aec640e23150154e9f7eb7b841a5931bb748a86fe06946b307ab3832a94cbf065f1d394d26c576ab620d4f9e59f9518947acf569a7a42b83fd2421b209
+  languageName: node
+  linkType: hard
+
+"@tanstack/react-query-devtools@npm:^5.17.18":
+  version: 5.17.18
+  resolution: "@tanstack/react-query-devtools@npm:5.17.18"
+  dependencies:
+    "@tanstack/query-devtools": "npm:5.17.7"
+  peerDependencies:
+    "@tanstack/react-query": ^5.17.15
+    react: ^18.0.0
+  checksum: 34aee5515df3dcddb360967f03c66da684fb92c86afa0693de88d12d2e5445274c5b8afe18d856513c581130c81d6bdbe472cc0d9486d044ff04a1b4fd0a6c97
+  languageName: node
+  linkType: hard
+
+"@tanstack/react-query@npm:^5.17.15":
+  version: 5.17.15
+  resolution: "@tanstack/react-query@npm:5.17.15"
+  dependencies:
+    "@tanstack/query-core": "npm:5.17.15"
+  peerDependencies:
+    react: ^18.0.0
+  checksum: 99e590cc7feb6355541673f48d8e700ef5f8373ed3d431a31bc8836d867d1ee6b7f9cdce54a4fc0b07686e35fe13631755debe7f2f8d228f1b74f06e0aab16de
+  languageName: node
+  linkType: hard
+
 "@types/babel__core@npm:^7.20.5":
   version: 7.20.5
   resolution: "@types/babel__core@npm:7.20.5"
@@ -1167,6 +1232,7 @@ __metadata:
   version: 0.0.0-use.local
   resolution: "admin@workspace:apps/admin"
   dependencies:
+    "@boolti/api": "npm:*"
     "@boolti/eslint-config": "npm:*"
     "@boolti/typescript-config": "npm:*"
     "@emotion/babel-plugin": "npm:^11.11.0"
@@ -2404,6 +2470,13 @@ __metadata:
   languageName: node
   linkType: hard
 
+"ky@npm:^1.2.0":
+  version: 1.2.0
+  resolution: "ky@npm:1.2.0"
+  checksum: 4bd9475c2f07e43c81eff1e4dd1d672f63869370b4ba741ca7060446bf4e2716f99801344dcae65f550c2a5eeac5221c65319571923666257efc7aa66d527268
+  languageName: node
+  linkType: hard
+
 "levn@npm:^0.4.1":
   version: 0.4.1
   resolution: "levn@npm:0.4.1"