Synchornize configuration with app-template-react

jihchi · jihchi · commit e647dee7456f · 2021-01-03T11:43:37.000+08:00
diff --git a/package.json b/package.json
@@ -36,17 +36,20 @@
     "start": "snowpack dev",
     "test": "jest"
   },
+  "dependencies": {
+    "react": "^17.0.1",
+    "react-dom": "^17.0.1"
+  },
   "devDependencies": {
     "@glennsl/bs-jest": "^0.6.0",
-    "@snowpack/app-scripts-react": "^1.12.6",
+    "@snowpack/plugin-dotenv": "^2.0.5",
+    "@snowpack/plugin-react-refresh": "^2.3.9",
     "@snowpack/plugin-run-script": "^2.2.1",
-    "@testing-library/jest-dom": "^5.11.5",
+    "@testing-library/jest-dom": "^5.11.8",
     "@testing-library/react": "^11.1.1",
     "bs-platform": "^8.4.2",
     "bs-react-testing-library": "^0.8.0",
     "jest": "^26.6.3",
-    "react": "^17.0.1",
-    "react-dom": "^17.0.1",
     "reason-react": "^0.9.1",
     "snowpack": "^2.18.5"
   }
diff --git a/public/index.html b/public/index.html
@@ -10,7 +10,7 @@
   <body>
     <div id="root"></div>
     <noscript>You need to enable JavaScript to run this app.</noscript>
-    <script type="module" src="/_dist_/index.bs.js"></script>
+    <script type="module" src="/dist/index.bs.js"></script>
     <!--
       This HTML file is a template.
       If you open it directly in the browser, you will see an empty page.
diff --git a/snowpack.config.js b/snowpack.config.js
@@ -1,12 +1,33 @@
+/** @type {import("snowpack").SnowpackUserConfig } */
 module.exports = {
-  extends: '@snowpack/app-scripts-react',
+  mount: {
+    public: {url: '/', static: true},
+    src: {url: '/dist'},
+  },
   plugins: [
+    '@snowpack/plugin-react-refresh',
+    '@snowpack/plugin-dotenv',
     [
       '@snowpack/plugin-run-script',
       {
         cmd: 'bsb -make-world',
         watch: '$1 -w',
       },
-    ],
+    ]
   ],
+  install: [
+    /* ... */
+  ],
+  installOptions: {
+    /* ... */
+  },
+  devOptions: {
+    /* ... */
+  },
+  buildOptions: {
+    /* ... */
+  },
+  alias: {
+    /* ... */
+  },
 };
diff --git a/src/App.res b/src/App.res
@@ -4,10 +4,11 @@
 
 @react.component
 let make = () => {
-  let (count, setCount) = React.useState(() => 0)
+  let (count, setCount) = React.useState(() => 0.)
 
   React.useEffect0(() => {
-    let intervalId = Js.Global.setInterval(() => setCount(count => count + 1), 1000)
+    let intervalId = Js.Global.setInterval(() => setCount(count => count +. 1.), 100)
+
     Some(() => Js.Global.clearInterval(intervalId))
   })
 
@@ -21,8 +22,8 @@ let make = () => {
       </p>
       <p>
         {React.string("Page has been open for ")}
-        <code> {React.int(count)} </code>
-        {React.string(" seconds.")}
+        <code> {React.string(Printf.sprintf("%.1f", count /. 10.))} </code>
+        {React.string(" seconds")}
       </p>
       <a className="App-link" href="https://reactjs.org" target="_blank" rel="noopener noreferrer">
         {React.string("Learn React")}
diff --git a/src/index.res b/src/index.res
@@ -1,14 +1,14 @@
-%%raw(`import './index.css';`)
-
-ReactDOMRe.renderToElementWithId(<App />, "root")
-
 // Hot Module Replacement (HMR) - Remove this snippet to remove HMR.
 // Learn more: https://www.snowpack.dev/#hot-module-replacement
 @scope(("import", "meta")) @val external hot: bool = "hot"
 
 @scope(("import", "meta", "hot")) @val
 external accept: unit => unit = "accept"
 
+%%raw(`import './index.css';`)
+
+ReactDOMRe.renderToElementWithId(<React.StrictMode> <App /> </React.StrictMode>, "root")
+
 if hot {
   accept()
 }
