Million?!

2023-06-14 12:51:55 -06:00 · 2023-06-14 12:51:55 -06:00 · 32d38ceaa7
commit 32d38ceaa7
parent 2b4d3206f7
7 changed files with 63 additions and 27 deletions
--- a/next.config.mjs
+++ b/next.config.mjs
@ -1,5 +1,6 @@
 // @ts-check
 import withPWA from "next-pwa";
+import million from "million/compiler";

 !process.env.SKIP_ENV_VALIDATION && (await import("./src/env.mjs"));

@ -27,4 +28,4 @@ const config = {
 const nextConfig = withPWA({
  dest: "public",
 })(config);
-export default nextConfig;
+export default million.next(nextConfig);
--- a/package.json
+++ b/package.json
@ -24,6 +24,7 @@
    "ably": "^1.2.40",
    "autoprefixer": "^10.4.14",
    "json2csv": "6.0.0-alpha.2",
+    "million": "2.4.6-beta.2",
    "next": "^13.4.5",
    "next-auth": "^4.22.1",
    "postcss": "^8.4.24",
--- a/pnpm-lock.yaml
+++ b/pnpm-lock.yaml
@ -38,6 +38,9 @@ dependencies:
  json2csv:
    specifier: 6.0.0-alpha.2
    version: 6.0.0-alpha.2
+  million:
+    specifier: 2.4.6-beta.2
+    version: 2.4.6-beta.2
  next:
    specifier: ^13.4.5
    version: 13.4.5(@babel/core@7.22.5)(react-dom@18.2.0)(react@18.2.0)
@ -366,7 +369,6 @@ packages:
  /@babel/helper-plugin-utils@7.22.5:
    resolution: {integrity: sha512-uLls06UVKgFG9QD4OeFYLEGteMIAa5kpTPcFL28yuCIIzsf6ZyKZMllKVOCZFhiZ5ptnwX4mtKdWCBE/uT4amg==}
    engines: {node: '>=6.9.0'}
-    dev: true

  /@babel/helper-remap-async-to-generator@7.22.5(@babel/core@7.22.5):
    resolution: {integrity: sha512-cU0Sq1Rf4Z55fgz7haOakIyM7+x/uCFwXpLPaeRzfoUtAEAuUZjZvFPjL/rk5rW693dIgn2hng1W7xbT7lWT4g==}
@ -591,6 +593,16 @@ packages:
      '@babel/helper-plugin-utils': 7.22.5
    dev: true

+  /@babel/plugin-syntax-jsx@7.22.5(@babel/core@7.22.5):
+    resolution: {integrity: sha512-gvyP4hZrgrs/wWMaocvxZ44Hw0b3W8Pe+cMxc8V1ULQ07oh8VNbIRaoD1LRZVTvD+0nieDKjfgKg89sD7rrKrg==}
+    engines: {node: '>=6.9.0'}
+    peerDependencies:
+      '@babel/core': ^7.0.0-0
+    dependencies:
+      '@babel/core': 7.22.5
+      '@babel/helper-plugin-utils': 7.22.5
+    dev: false
+
  /@babel/plugin-syntax-logical-assignment-operators@7.10.4(@babel/core@7.22.5):
    resolution: {integrity: sha512-d8waShlpFDinQ5MtvGU9xDAOzKH47+FFoney2baFIoMr952hKOLp1HR7VszoZvOsV/4+RRszNY7D17ba0te0ig==}
    peerDependencies:
@ -665,6 +677,16 @@ packages:
      '@babel/helper-plugin-utils': 7.22.5
    dev: true

+  /@babel/plugin-syntax-typescript@7.22.5(@babel/core@7.22.5):
+    resolution: {integrity: sha512-1mS2o03i7t1c6VzH6fdQ3OA8tcEIxwG18zIPRp+UY1Ihv6W+XZzBCVxExF9upussPXJ0xE9XRHwMoNs1ep/nRQ==}
+    engines: {node: '>=6.9.0'}
+    peerDependencies:
+      '@babel/core': ^7.0.0-0
+    dependencies:
+      '@babel/core': 7.22.5
+      '@babel/helper-plugin-utils': 7.22.5
+    dev: false
+
  /@babel/plugin-syntax-unicode-sets-regex@7.18.6(@babel/core@7.22.5):
    resolution: {integrity: sha512-727YkEAPwSIQTv5im8QHz3upqp92JTWhidIC81Tdx4VJYIte/VndKf1qKrfnnhPLiPghStWfvC/iFaMCQu7Nqg==}
    engines: {node: '>=6.9.0'}
@ -2200,7 +2222,6 @@ packages:
    resolution: {integrity: sha512-xjIYgE8HBrkpd/sJqOGNspf8uHG+NOHGOw6a/Urj8taM2EXfdNAH2oFcPeIFfsv3+kz/mJrS5VuMqbNLjCa2vw==}
    engines: {node: '>=0.4.0'}
    hasBin: true
-    dev: true

  /ajv-keywords@3.5.2(ajv@6.12.6):
    resolution: {integrity: sha512-5p6WTN0DdTGVQk6VjcEju19IgaHudalcfabD7yhDGeA6bcQnmL+CpveLJq/3hvfwd1aof6L386Ougkx6RfyMIQ==}
@ -2256,7 +2277,6 @@ packages:
    dependencies:
      normalize-path: 3.0.0
      picomatch: 2.3.1
-    dev: true

  /arg@5.0.2:
    resolution: {integrity: sha512-PYjyFOLKQ9y57JvQ6QLo8dAgNqswh8M1RMJYdQduT6xbWSgK36P/Z/v+p888pM69jMMfS8Xd8F6I1kQ/I9HUGg==}
@ -2475,7 +2495,6 @@ packages:
  /binary-extensions@2.2.0:
    resolution: {integrity: sha512-jDctJ/IVQbZoJykoeHbhXpOlNBqGNcwXJKJog42E5HDPUwQTSdjCHdihjj0DlnheQ7blbT6dHOafNAiS8ooQKA==}
    engines: {node: '>=8'}
-    dev: true

  /bl@4.1.0:
    resolution: {integrity: sha512-1W07cM9gS6DcLperZfFSj+bWLtaPGSOHWhPiGzXmvVJbRLdG82sH/Kn8EtW1VqWVA54AKf2h5k5BbnIbwF3h6w==}
@ -2516,7 +2535,6 @@ packages:
    engines: {node: '>=8'}
    dependencies:
      fill-range: 7.0.1
-    dev: true

  /browserslist@4.21.8:
    resolution: {integrity: sha512-j+7xYe+v+q2Id9qbBeCI8WX5NmZSRe8es1+0xntD/+gaWXznP8tFEkv5IgSaHf5dS1YwVMbX/4W6m937mj+wQw==}
@ -2624,7 +2642,6 @@ packages:
      readdirp: 3.6.0
    optionalDependencies:
      fsevents: 2.3.2
-    dev: true

  /chownr@1.1.4:
    resolution: {integrity: sha512-jJ0bqzaylmJtVnNgzTeSOs8DPavpbYgEr/b0YL8/2GO3xJEhInFmhKMUnEJQjZumK7KXGFhUy89PrsJWlakBVg==}
@ -3501,7 +3518,6 @@ packages:
    engines: {node: '>=8'}
    dependencies:
      to-regex-range: 5.0.1
-    dev: true

  /find-cache-dir@3.3.2:
    resolution: {integrity: sha512-wXZV5emFEjrridIgED11OoUKLxiYjAcqot/NJdAkOhlJ+vGzwhOAfcG5OX1jP+S0PcjEn8bdMJv+g2jwQ3Onig==}
@ -3591,7 +3607,6 @@ packages:
    engines: {node: ^8.16.0 || ^10.6.0 || >=11.0.0}
    os: [darwin]
    requiresBuild: true
-    dev: true
    optional: true

  /function-bind@1.1.1:
@ -3664,7 +3679,6 @@ packages:
    engines: {node: '>= 6'}
    dependencies:
      is-glob: 4.0.3
-    dev: true

  /glob-parent@6.0.2:
    resolution: {integrity: sha512-XxwI8EOhVQgWp6iDL+3b0r86f4d6AX6zSU55HfB4ydCEuXLXc5FcYeOu+nnGftS4TEju/11rt4KJPTMgbfmv4A==}
@ -3979,7 +3993,6 @@ packages:
    engines: {node: '>=8'}
    dependencies:
      binary-extensions: 2.2.0
-    dev: true

  /is-boolean-object@1.1.2:
    resolution: {integrity: sha512-gDYaKHJmnj4aWxyj6YHyXVpdQawtVLHU5cb+eztPGczf6cjuTdwve5ZIEfgXqH4e57An1D1AKf8CZ3kYrQRqYA==}
@ -4031,14 +4044,12 @@ packages:
  /is-extglob@2.1.1:
    resolution: {integrity: sha512-SbKbANkN603Vi4jEZv49LeVJMn4yGwsbzZworEoyEiutsN3nJYdbO36zfhGJ6QEDpOZIFkDtnq5JRxmvl3jsoQ==}
    engines: {node: '>=0.10.0'}
-    dev: true

  /is-glob@4.0.3:
    resolution: {integrity: sha512-xelSayHH36ZgE7ZWhli7pW34hNbNl8Ojv5KVmkJD4hBdD3th8Tfk9vYasLM+mXWOZhFkgZfxhLSnrwRr4elSSg==}
    engines: {node: '>=0.10.0'}
    dependencies:
      is-extglob: 2.1.1
-    dev: true

  /is-inside-container@1.0.0:
    resolution: {integrity: sha512-KIYLCCJghfHZxqjYBE7rEy0OBuTd5xCHS7tHVgvCLkx7StIoaxwNW3hCALgEUjFfeRk+MG/Qxmp/vtETEF3tRA==}
@ -4067,7 +4078,6 @@ packages:
  /is-number@7.0.0:
    resolution: {integrity: sha512-41Cifkg6e8TylSpdtTpeLVMqvSBEVzTttHvERD741+pnZ8ANv0004MRL43QKPDlK9cGvNp6NZWZUBlbGXYxxng==}
    engines: {node: '>=0.12.0'}
-    dev: true

  /is-obj@1.0.1:
    resolution: {integrity: sha512-l4RyHgRqGN4Y3+9JHVrNqO+tN0rV5My76uW5/nuO4K1b6vw5G8d/cmFjP9tRfEsdhZNt0IFdZuK/c2Vr4Nb+Qg==}
@ -4479,6 +4489,18 @@ packages:
      picomatch: 2.3.1
    dev: true

+  /million@2.4.6-beta.2:
+    resolution: {integrity: sha512-UTUIfDZLBx1WG+nsBjeJGPPH0rR4b3yGPe4iZ2GOGpwUbrp0UjxRZeEQSFsaYctn9PPTId2Huowb9kQ5BQcj/A==}
+    dependencies:
+      '@babel/core': 7.22.5
+      '@babel/plugin-syntax-jsx': 7.22.5(@babel/core@7.22.5)
+      '@babel/plugin-syntax-typescript': 7.22.5(@babel/core@7.22.5)
+      '@babel/types': 7.22.5
+      unplugin: 1.3.1
+    transitivePeerDependencies:
+      - supports-color
+    dev: false
+
  /mime-db@1.52.0:
    resolution: {integrity: sha512-sPU4uV7dYlvtWJxwwxHD0PuihVNiE7TyAbQ5SWxDCB9mUYvOgroQOwYQQOKPJ8CIbE+1ETVlOoK1UC2nU3gYvg==}
    engines: {node: '>= 0.6'}
@ -4678,7 +4700,6 @@ packages:
  /normalize-path@3.0.0:
    resolution: {integrity: sha512-6eZs5Ls3WtCisHWp9S2GUy8dqkpGi4BVSz3GaqiE6ezub0512ESztXUwUB6C6IKbQkY2Pnb/mD4WYojCRwcwLA==}
    engines: {node: '>=0.10.0'}
-    dev: true

  /normalize-range@0.1.2:
    resolution: {integrity: sha512-bdok/XvKII3nUpklnV6P2hxtMNrCboOjAcyBuQnWEhO665FwrSNRxU+AqpsyvO6LgGYPspN+lu5CLtw4jPRKNA==}
@ -4935,7 +4956,6 @@ packages:
  /picomatch@2.3.1:
    resolution: {integrity: sha512-JU3teHTNjmE2VCGFzuY8EXzCDVwEqB2a8fsIvwaStHhAWJEeVd1o1QD80CU6+ZdEXXSLbSsuLwJjkCBWqRQUVA==}
    engines: {node: '>=8.6'}
-    dev: true

  /pify@2.3.0:
    resolution: {integrity: sha512-udgsAY+fTnvv7kI7aaxbqwWNb0AHiB0qBO89PZKPkoTmGOgdbrHDKD+0B2X4uTfJ/FT1R09r9gTsjUjNJotuog==}
@ -5235,7 +5255,6 @@ packages:
    engines: {node: '>=8.10.0'}
    dependencies:
      picomatch: 2.3.1
-    dev: true

  /redicache-ts@0.1.1:
    resolution: {integrity: sha512-z6edrqsRlayBhI91eA8/N+AGJeFAdU+tvnmP3LzAyQ5pqXEM9Ww1+bHTKd0pWRRcZMWKLaaAHx9SOWj/IEfpuw==}
@ -5887,7 +5906,6 @@ packages:
    engines: {node: '>=8.0'}
    dependencies:
      is-number: 7.0.0
-    dev: true

  /to-utf8@0.0.1:
    resolution: {integrity: sha512-zks18/TWT1iHO3v0vFp5qLKOG27m67ycq/Y7a7cTiRuUNlc4gf3HGnkRgMv0NyhnfTamtkYBJl+YeD1/j07gBQ==}
@ -6010,6 +6028,15 @@ packages:
    engines: {node: '>= 10.0.0'}
    dev: true

+  /unplugin@1.3.1:
+    resolution: {integrity: sha512-h4uUTIvFBQRxUKS2Wjys6ivoeofGhxzTe2sRWlooyjHXVttcVfV/JiavNd3d4+jty0SVV0dxGw9AkY9MwiaCEw==}
+    dependencies:
+      acorn: 8.8.2
+      chokidar: 3.5.3
+      webpack-sources: 3.2.3
+      webpack-virtual-modules: 0.5.0
+    dev: false
+
  /untildify@4.0.0:
    resolution: {integrity: sha512-KK8xQ1mkzZeg9inewmFVDNkg3l5LUhoq9kN6iWYB/CC9YMG8HA+c1Q8HwDe6dEX7kErrEVNVBO3fWsVq5iDgtw==}
    engines: {node: '>=8'}
@ -6073,7 +6100,10 @@ packages:
  /webpack-sources@3.2.3:
    resolution: {integrity: sha512-/DyMEOrDgLKKIG0fmvtz+4dUX/3Ghozwgm6iPp8KRhvn+eQf9+Q7GWxVNMk3+uCPWfdXYC4ExGBckIXdFEfH1w==}
    engines: {node: '>=10.13.0'}
-    dev: true
+
+  /webpack-virtual-modules@0.5.0:
+    resolution: {integrity: sha512-kyDivFZ7ZM0BVOUteVbDFhlRt7Ah/CSPwJdi8hBpkK7QLumUqdLtVfm/PX/hkcnrvr0i77fO5+TjZ94Pe+C9iw==}
+    dev: false

  /webpack@5.86.0:
    resolution: {integrity: sha512-3BOvworZ8SO/D4GVP+GoRC3fVeg5MO4vzmq8TJJEkdmopxyazGDxN8ClqN12uzrZW9Tv8EED8v5VSb6Sqyi0pg==}
--- a/src/components/RoomList.tsx
+++ b/src/components/RoomList.tsx
@ -6,8 +6,9 @@ import { IoEnterOutline, IoTrashBinOutline } from "react-icons/io5";
 import { configureAbly, useChannel } from "@ably-labs/react-hooks";
 import { env } from "~/env.mjs";
 import { useState } from "react";
+import { block } from "million/react";

-const RoomList: React.FC = () => {
+const RoomList: React.FC = block(() => {
  const { data: sessionData } = useSession();

  configureAbly({
@ -142,6 +143,6 @@ const RoomList: React.FC = () => {
      )}
    </div>
  );
-};
+});

 export default RoomList;
--- a/src/pages/dashboard/index.tsx
+++ b/src/pages/dashboard/index.tsx
@ -8,6 +8,7 @@ import { useEffect, useState } from "react";
 import Link from "next/link";
 import { FaShieldAlt } from "react-icons/fa";
 import { getServerAuthSession } from "~/server/auth";
+import { block } from "million/react";

 export const getServerSideProps: GetServerSideProps = async (ctx) => {
  const session = await getServerAuthSession(ctx);
@ -44,7 +45,7 @@ const Home: NextPage = () => {

 export default Home;

-const HomePageBody: React.FC = () => {
+const HomePageBody: React.FC = block(() => {
  const { data: sessionData } = useSession();
  const [joinRoomTextBox, setJoinRoomTextBox] = useState<string>("");
  const [tabIndex, setTabIndex] = useState<number>();
@ -110,4 +111,4 @@ const HomePageBody: React.FC = () => {
      {tabIndex === 1 && <RoomList />}
    </>
  );
-};
+});
--- a/src/pages/index.tsx
+++ b/src/pages/index.tsx
@ -1,5 +1,6 @@
 import { type NextPage } from "next";
 import Head from "next/head";
+import { block } from "million/react";

 const Home: NextPage = () => {
  return (
@ -17,7 +18,7 @@ const Home: NextPage = () => {

 export default Home;

-const HomePageBody: React.FC = () => {
+const HomePageBody: React.FC = block(() => {
  return (
    <>
      <h1 className="text-6xl font-bold">
@ -56,4 +57,4 @@ const HomePageBody: React.FC = () => {
      </div>
    </>
  );
-};
+});
--- a/src/pages/room/[id].tsx
+++ b/src/pages/room/[id].tsx
@ -27,6 +27,7 @@ import { FaShieldAlt } from "react-icons/fa";
 import { RiVipCrownFill } from "react-icons/ri";
 import Link from "next/link";
 import { downloadCSV } from "~/utils/helpers";
+import { block } from "million/react";

 export const getServerSideProps: GetServerSideProps = async (ctx) => {
  const session = await getServerAuthSession(ctx);
@ -63,7 +64,7 @@ const Room: NextPage = () => {

 export default Room;

-const RoomBody: React.FC = () => {
+const RoomBody: React.FC = block(() => {
  const { data: sessionData } = useSession();
  const { query } = useRouter();
  const roomId = z.string().parse(query.id);
@ -487,4 +488,4 @@ const RoomBody: React.FC = () => {
      </span>
    );
  }
-};
+});