From 9393464e317735657a6170a2e87ee8b8673defb7 Mon Sep 17 00:00:00 2001
From: junghyeonsu <jung660317@naver.com>
Date: Tue, 31 Oct 2023 17:16:46 +0900
Subject: [PATCH] chore: june-so-client-react

---
 ...-react-npm-0.0.1-94c8fd6a71-af9ed338e6.zip | Bin 0 -> 7064 bytes
 ...-types-npm-0.0.1-554faf9c0f-d6ff8e5bfc.zip | Bin 0 -> 1484 bytes
 figma-plugin/package.json                     |   1 +
 figma-plugin/ui-src/contexts/JuneContext.tsx  |  98 ------------------
 figma-plugin/ui-src/main.tsx                  |   2 +-
 figma-plugin/ui-src/pages/App.tsx             |   2 +-
 figma-plugin/ui-src/pages/Deploy.tsx          |   2 +-
 yarn.lock                                     |  19 ++++
 8 files changed, 23 insertions(+), 101 deletions(-)
 create mode 100644 .yarn/cache/june-so-client-react-npm-0.0.1-94c8fd6a71-af9ed338e6.zip
 create mode 100644 .yarn/cache/june-so-client-types-npm-0.0.1-554faf9c0f-d6ff8e5bfc.zip
 delete mode 100644 figma-plugin/ui-src/contexts/JuneContext.tsx

diff --git a/.yarn/cache/june-so-client-react-npm-0.0.1-94c8fd6a71-af9ed338e6.zip b/.yarn/cache/june-so-client-react-npm-0.0.1-94c8fd6a71-af9ed338e6.zip
new file mode 100644
index 0000000000000000000000000000000000000000..d8acbe3775dfd8ed7f90aef1776f96c4f23dad76
GIT binary patch
literal 7064
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

literal 0
HcmV?d00001

diff --git a/.yarn/cache/june-so-client-types-npm-0.0.1-554faf9c0f-d6ff8e5bfc.zip b/.yarn/cache/june-so-client-types-npm-0.0.1-554faf9c0f-d6ff8e5bfc.zip
new file mode 100644
index 0000000000000000000000000000000000000000..ad0e12234db06f319148d68507fdc5115b3ad488
GIT binary patch
literal 1484
zcmWIWW@Zs#00D<}*EqloD8UP)^YT+t<8$*<N^??+^#gD!RYF&qRhpNoTb!?(oRgWF
zSE5@|Spe71#J~Zzs_RAndK;iVdmz>)N`Fala(-S~X1ZQhaem(FXF&l0Ugys1o;c&F
z`$=Ep<eBr@VVi<huyI{~)$qjV^Q2<0;Go8&i(XZ~W>#vh6s^*%Qa$Rm(JE$Z3<Ja?
zFo#I9FDmx}Iv@au^@wtavxlRfyQ`1CyIyWeaM%g0v))&A&t3ODchcvq_C?*5Iv%>u
z9tDMk8C)>FV9c^{iYSwi_atMHImSYtFF8)y#nq<f*?IDqS{PTKrY2W{E?4Hvm6n?5
zu6j~0QaJ_anoLFp1|6bYm6?~4TA`PsS5iE+-<Ru<fq>h0%cC*}ghMt;o8RrMXq@1q
zI^|5uNtfs&yJtUg(tLFO+u7s_`Myq9#R-ePTvL=ex+_tCj!_IR!@P-G8rKND*s{*S
z`N$fxW!oC(hR%sRsWCS{-qhPC_{k)3o2%zFqzuAq9F9LS?|;q3#d}2j*136)qfB0@
zzf9xNdu<(G>}+q#{^#Pdq~^MpRp$SfU$aIHbMt8N=Nv$vT?b;~!n`0cIXf{u6&&}W
z6YTSW{ySQ3*ZQ<^=~2cddXbs!=VAj@ljToNJ+iIFOv$O{`!D|`2h#R_uP*;y6K{B|
zSEg}$&wp2D=}pq63NtovPG)}ee&&uQ^(|`7(Hli~ugX$*da?E9%0)d3x7W#C|0*2e
zyfKPd%OE7I_P@+3GcTP)6RA9>ZiD<U4|EbY)Oo$L)$}~gp1SRDzycLl`!lDa<(n37
z%e=I^Uwz@58yT9u>9elKJ<?ovv3b_?0`;q|We&c&^E%uuj~>0;a7BKNW%BkI<*7`I
zgw8ZXF-fhP|3Jaih^sM<`-=YQjraLCivLy(o0~4PqG3VR>ApXwt6xW_>6~U$X6HK3
z@$1CRs<RK;8sDDUa`mx%fHxzPJu~jy3rsd(@YWGTq2*=VT0yxP2HrYq1DPmVapY}?
zd9X}{p1Wb@Eosaq$~=_34)Z6>aP%CDF#HQqh9l=+bhFX(9m4D`U|J;{5QtoeZZdkB
eN0^+!M2yMEIUvBBl?|ky4G4b$-L;1q!~+0{;PcD?

literal 0
HcmV?d00001

diff --git a/figma-plugin/package.json b/figma-plugin/package.json
index af94c02..c36aabc 100644
--- a/figma-plugin/package.json
+++ b/figma-plugin/package.json
@@ -22,6 +22,7 @@
     "@vitejs/plugin-react-refresh": "^1.3.6",
     "axios": "^1.6.0",
     "framer-motion": "^10.12.11",
+    "june-so-client-react": "^0.0.1",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "ts-dedent": "^2.2.0",
diff --git a/figma-plugin/ui-src/contexts/JuneContext.tsx b/figma-plugin/ui-src/contexts/JuneContext.tsx
deleted file mode 100644
index b9ca69e..0000000
--- a/figma-plugin/ui-src/contexts/JuneContext.tsx
+++ /dev/null
@@ -1,98 +0,0 @@
-import React from "react";
-
-interface JuneContextType {
-  identify: (props: IdentifyProps) => Promise<void>;
-  track: (props: TrackProps) => Promise<void>;
-}
-
-interface JuneProviderProps {
-  writeKey: string;
-  children: React.ReactNode;
-
-  disabled?: boolean;
-}
-
-interface TrackProps {
-  event: string;
-  timestamp?: Date;
-  userId?: string;
-  anonymousId?: string;
-  properties?: Record<string, unknown>;
-  context?: Record<string, unknown>;
-}
-
-interface IdentifyProps {
-  userId?: string;
-  anonymousId?: string;
-  traits?: Record<string, unknown>;
-  timestamp?: Date;
-  context?: Record<string, unknown>;
-}
-
-const BASE_URL = "https://api.june.so/sdk";
-
-const JuneContext = React.createContext<JuneContextType>({
-  identify: async () => {},
-  track: async () => {},
-});
-
-export const JuneProvider: React.FC<JuneProviderProps> = ({
-  children,
-  writeKey,
-  disabled = false,
-}) => {
-  if (!writeKey) {
-    throw new Error("[useJune] writeKey is required");
-  }
-
-  const headers = {
-    Authorization: `Basic ${writeKey}`,
-    "Content-Type": "application/json",
-  };
-
-  const track = async (props: TrackProps) => {
-    if (disabled) return;
-
-    try {
-      await fetch(`${BASE_URL}/track`, {
-        method: "POST",
-        headers,
-        body: JSON.stringify({
-          ...props,
-        }),
-      });
-    } catch (error) {
-      console.error(error);
-    }
-  };
-
-  const identify = async (props: IdentifyProps) => {
-    if (!props.userId || disabled) return;
-
-    try {
-      await fetch(`${BASE_URL}/identify`, {
-        method: "POST",
-        headers,
-        body: JSON.stringify({
-          ...props,
-        }),
-      });
-    } catch (error) {
-      console.error(error);
-    }
-  };
-
-  return (
-    <JuneContext.Provider value={{ identify, track }}>
-      {children}
-    </JuneContext.Provider>
-  );
-};
-
-export const useJune = () => {
-  const context = React.useContext(JuneContext);
-  if (!context) {
-    throw new Error("[useJune] must be used within a JuneProvider");
-  }
-  return context;
-};
diff --git a/figma-plugin/ui-src/main.tsx b/figma-plugin/ui-src/main.tsx
index 484c306..792d1cf 100644
--- a/figma-plugin/ui-src/main.tsx
+++ b/figma-plugin/ui-src/main.tsx
@@ -2,11 +2,11 @@
 import "./styles/global.css";
 
 import { ChakraProvider } from "@chakra-ui/react";
+import { JuneProvider } from "june-so-client-react";
 import * as React from "react";
 import { createRoot } from "react-dom/client";
 
 import { AppProvider } from "./contexts/AppContext";
-import { JuneProvider } from "./contexts/JuneContext";
 import App from "./pages/App";
 
 const root = createRoot(document.getElementById("root")!);
diff --git a/figma-plugin/ui-src/pages/App.tsx b/figma-plugin/ui-src/pages/App.tsx
index 030cc2c..919ec01 100644
--- a/figma-plugin/ui-src/pages/App.tsx
+++ b/figma-plugin/ui-src/pages/App.tsx
@@ -1,8 +1,8 @@
 import { Box, Tab, TabList, TabPanel, TabPanels, Tabs } from "@chakra-ui/react";
+import { useJune } from "june-so-client-react";
 import * as React from "react";
 
 import { useAppState } from "../contexts/AppContext";
-import { useJune } from "../contexts/JuneContext";
 import * as styles from "./App.css";
 import Deploy from "./Deploy";
 import Setting from "./Setting";
diff --git a/figma-plugin/ui-src/pages/Deploy.tsx b/figma-plugin/ui-src/pages/Deploy.tsx
index 4740239..288ca31 100644
--- a/figma-plugin/ui-src/pages/Deploy.tsx
+++ b/figma-plugin/ui-src/pages/Deploy.tsx
@@ -1,9 +1,9 @@
 import { Box, Button, Spinner, Text, Tooltip } from "@chakra-ui/react";
+import { useJune } from "june-so-client-react";
 import * as React from "react";
 
 import { ACTION, DATA, STATUS } from "../../common/constants";
 import { useAppDispatch, useAppState } from "../contexts/AppContext";
-import { useJune } from "../contexts/JuneContext";
 import * as styles from "./Deploy.css";
 
 const Deploy = () => {
diff --git a/yarn.lock b/yarn.lock
index be46f4f..16a02b9 100644
--- a/yarn.lock
+++ b/yarn.lock
@@ -3622,6 +3622,7 @@ __metadata:
     axios: ^1.6.0
     esbuild: ^0.17.19
     framer-motion: ^10.12.11
+    june-so-client-react: ^0.0.1
     react: ^18.2.0
     react-dom: ^18.2.0
     ts-dedent: ^2.2.0
@@ -7952,6 +7953,24 @@ __metadata:
   languageName: node
   linkType: hard
 
+"june-so-client-react@npm:^0.0.1":
+  version: 0.0.1
+  resolution: "june-so-client-react@npm:0.0.1"
+  dependencies:
+    june-so-client-types: ^0.0.1
+  peerDependencies:
+    react: ^17.0.0 || ^18.0.0
+  checksum: af9ed338e65b450f9e15842cb7fe30f5e2783ddf099421b05fd4ce641bfccc14949f96c51ccc336a446e0a094ef2da61da5f3939c5896b251f8c0d44fcef7c8a
+  languageName: node
+  linkType: hard
+
+"june-so-client-types@npm:^0.0.1":
+  version: 0.0.1
+  resolution: "june-so-client-types@npm:0.0.1"
+  checksum: d6ff8e5bfc4abeefa4b35fb15bb4ffa1819d072bebbaadc50a4851203ac954647ef2310924a3939d446d4e8e7c9781ad91a690ed65594925fcee01ea8b9fcd17
+  languageName: node
+  linkType: hard
+
 "kind-of@npm:^6.0.3":
   version: 6.0.3
   resolution: "kind-of@npm:6.0.3"