Merge pull request #47 from green-labs/v11

ReScript v11, rescript-react v0.12

Author: mununki

.changeset/purple-birds-know.md

@@ -0,0 +1,5 @@
+---
+"@greenlabs/rescript-daum-postcode": minor
+---
+
+Support ReScript v11

.github/workflows/release.yml

@@ -17,9 +17,9 @@ jobs:
         uses: actions/checkout@v2
 
       - name: Setup Node.js
-        uses: actions/setup-node@v2
+        uses: actions/setup-node@v4
         with:
-          node-version: '14'
+          node-version: '20'
 
       - name: Install Dependencies
         run: yarn boot

package.json

@@ -3,7 +3,7 @@
   "dependencies": {
     "@changesets/cli": "^2.24.4",
     "lerna": "^5.5.0",
-    "rescript": "11.0.0-rc.8"
+    "rescript": "^11.0.0-rc.8"
   },
   "private": true,
   "workspaces": [
@@ -24,4 +24,4 @@
   "devDependencies": {
     "lerna-templater": "^1.4.3"
   }
-}
+}

packages/rescript-daum-postcode/README.md

@@ -4,6 +4,12 @@
 
 ## 설치하기
 
+> ReScript 버전 호환 표
+| Compiler | res_daum_postcode |
+| -------- | ----------------- |
+| v11      | >= v0.2.0         |
+| v10      | ~<= v0.1.2        |
+
 1. 모듈 설치
 
 ```shell
@@ -12,7 +18,7 @@ or
 yarn add @greenlabs/rescript-daum-postcode
 ```
 
-2. `bsconfig.json` 의존성 추가하기
+2. `rescript.json` 의존성 추가하기
 
 ```json
 "bs-dependencies": [
@@ -25,37 +31,36 @@ yarn add @greenlabs/rescript-daum-postcode
 ```rescript
 open DaumPostCode
 
-let option = makeOption(
-  ~oncomplete=data => data->Js.Console.log,
-  ~onresize=size => size->Js.Console.log,
-  ~onclose=state =>
+let daumPostCode = make({
+  oncomplete: data => data->Js.Console.log,
+  onresize: size => size->Js.Console.log,
+  onclose: state =>
     switch state {
-    | #FORCE_CLOSE => "fc"->Js.Console.log
-    | #COMPLETE_CLOSE => "cc"->Js.Console.log
+    | FORCE_CLOSE => "fc"->Js.Console.log
+    | COMPLETE_CLOSE => "cc"->Js.Console.log
     },
-  ~onsearch=data => data->Js.Console.log,
-  ~width=500.0,
-  ~height=700.0,
-  (),
-)
-let daumPostCode = option->make
+  onsearch: data => data->Js.Console.log,
+  width: 500.0,
+  height: 700.0,
+})
 
 // 팝업 방식
-let openOption = makeOpenOption(
-  ~q=`문정동`,
-  ~left=100.0,
-  ~top=200.0,
-  ~popupName="주소검색",
-  ~autoClose=true,
-  (),
-)
-daumPostCode->openPostCode(openOption)
+daumPostCode->openPostCode({
+  q: "문정동",
+  left: 100.0,
+  top: 200.0,
+  popupName: "주소검색",
+  autoClose: true,
+})
 
 // 임베드 방식
 open Webapi
-let embedOption = makeEmbedOption(~q=`문정동`, ~autoClose=true)
+
 let div = Dom.document |> Dom.Document.getElementById("search-address")
-div->Belt.Option.map(el => daumPostCode->embedPostCode(el, embedOption))->ignore
+div->Belt.Option.map(el => daumPostCode->embedPostCode(el, {
+  q: "문정동",
+  autoClose: true
+}))->ignore
 ```
 
 ## API

packages/rescript-daum-postcode/bsconfig.json renamed to packages/rescript-daum-postcode/rescript.json

@@ -1,7 +1,7 @@
 type t
-type addressType = [#R | #J] // #R 도로명 | #J 지번
-type selected = [#Y | #N] // 선택 상태
-type lang = [#K | #E] // #K 한글주소 | #E 영문주소
+type addressType = R | J // R 도로명 | J 지번
+type selected = Y | N // 선택 상태
+type lang = K | E // K 한글주소 | E 영문주소
 
 type oncompleteResponse = {
   address: string,
@@ -48,52 +48,59 @@ type onresizeResponse = {
   width: float,
   height: float,
 }
-type oncloseResponse = [#FORCE_CLOSE | #COMPLETE_CLOSE]
+type oncloseResponse = FORCE_CLOSE | COMPLETE_CLOSE
 type onsearchResponse = {q: string, count: int}
 
-type option
-@obj
-external makeOption: (
-  ~oncomplete: oncompleteResponse => unit=?,
-  ~onresize: onresizeResponse => unit=?,
-  ~onclose: oncloseResponse => unit=?,
-  ~onsearch: onsearchResponse => unit=?,
-  ~width: float=?,
-  ~height: float=?,
-  ~animation: bool=?,
-  ~focusInput: bool=?,
-  ~autoMapping: bool=?,
-  ~shorthand: bool=?,
-  ~pleaseReadGuide: int=?,
-  ~pleaseReadGuideTimer: float=?,
-  ~maxSuggestItems: int=?,
-  ~showMoreHName: bool=?,
-  ~hideMapBtn: bool=?,
-  ~hideEngBtn: bool=?,
-  ~alwaysShowEngAddr: bool=?,
-  ~useBannerLink: bool=?,
-  ~theme: {..}=?,
-  ~submitMode: bool=?,
-  unit,
-) => option = ""
+type themeObj = {
+  bgColor?: string, // 바탕 배경색
+  searchBgColor?: string, // 검색창 배경색
+  contentBgColor?: string, // 본문 배경색(검색결과,결과없음,첫화면,검색서제스트)
+  pageBgColor?: string, // 페이지 배경색
+  textColor?: string, // 기본 글자색
+  queryTextColor?: string, // 검색창 글자색
+  postcodeTextColor?: string, // 우편번호 글자색
+  emphTextColor?: string, // 강조 글자색
+  outlineColor?: string, // 테두리
+}
 
-@new @scope("daum") external make: option => t = "Postcode"
+type params = {
+  oncomplete?: oncompleteResponse => unit,
+  onresize?: onresizeResponse => unit,
+  onclose?: oncloseResponse => unit,
+  onsearch?: onsearchResponse => unit,
+  width?: float,
+  height?: float,
+  animation?: bool,
+  focusInput?: bool,
+  autoMapping?: bool,
+  shorthand?: bool,
+  pleaseReadGuide?: int,
+  pleaseReadGuideTimer?: float,
+  maxSuggestItems?: int,
+  showMoreHName?: bool,
+  hideMapBtn?: bool,
+  hideEngBtn?: bool,
+  alwaysShowEngAddr?: bool,
+  useBannerLink?: bool,
+  theme?: themeObj,
+  submitMode?: bool,
+}
 
-type openOption
-@obj
-external makeOpenOption: (
-  ~q: string=?,
-  ~left: float=?,
-  ~top: float=?,
-  ~popupName: string=?,
-  ~autoClose: bool=?,
-  unit,
-) => openOption = ""
+@new @scope("daum") external make: params => t = "Postcode"
 
-@send external openPostCode: (t, openOption) => unit = "open"
+type openParams = {
+  q?: string,
+  left?: float,
+  top?: float,
+  popupName?: string,
+  autoClose?: bool,
+}
 
-type embedOption
-@obj
-external makeEmbedOption: (~q: string=?, ~autoClose: bool=?) => embedOption = ""
+@send external openPostCode: (t, openParams) => unit = "open"
+
+type embedParams = {
+  q?: string,
+  autoClose?: bool,
+}
 
-@send external embedPostCode: (t, Dom.element, embedOption) => unit = "embed"
+@send external embedPostCode: (t, Dom.element, embedParams) => unit = "embed"

packages/rescript-daum-postcode/src/DaumPostCode.res

@@ -1,4 +1,3 @@
-@deriving({jsConverter: newType})
 type direction =
   | @as(1) DIRECTION_NONE
   | @as(2) DIRECTION_LEFT
@@ -41,7 +40,6 @@ type events = [
   | #tap
 ]
 
-@deriving({jsConverter: newType})
 type inputEvents =
   | @as(1) INPUT_START
   | @as(2) INPUT_MOVE
@@ -68,15 +66,15 @@ module Instance = {
     velocityX: float,
     velocityY: float,
     velocity: float,
-    direction: abs_direction,
-    offsetDirection: abs_direction,
+    direction: direction,
+    offsetDirection: direction,
     scale: float,
     rotation: float,
     center: position,
     srcEvent: Dom.event,
     target: Dom.element,
     pointerType: pointer,
-    eventType: abs_inputEvents,
+    eventType: inputEvents,
     isFirst: bool,
     isFinal: bool,
     pointers: array<pointer>,

packages/rescript-hammerjs/bsconfig.json renamed to packages/rescript-hammerjs/rescript.json

@@ -3,7 +3,7 @@ open! Expect
 
 describe("Jest", () => {
   describe("Test.each1", () => {
-    Test.each1(["hello", "world"])(.
+    (Test.each1(["hello", "world"], ...))(.
       "message: %s",
       str => {
         Js.log(str)
@@ -12,7 +12,7 @@ describe("Jest", () => {
   })
 
   describe("Test.each2", () => {
-    Test.each2([("hello", "world"), ("green", "labs")])(.
+    (Test.each2([("hello", "world"), ("green", "labs")], ...))(.
       "message: %s",
       (str1, str2) => {
         Js.log2(str1, str2)