feat: note timeline

Signed-off-by: Innei <tukon479@gmail.com>

.vscode/settings.json

@@ -1,4 +1,10 @@
 {
-  "typescript.tsdk": "node_modules/.pnpm/typescript@4.9.5/node_modules/typescript/lib",
-  "typescript.enablePromptUseWorkspaceTsdk": true
+  "typescript.tsdk": "node_modules/typescript/lib",
+  "typescript.enablePromptUseWorkspaceTsdk": true,
+  "tailwindCSS.experimental.classRegex": [
+    [
+      "tv\\(([^)]*)\\)",
+      "[\"'`]([^\"'`]*).*?[\"'`]"
+    ]
+  ]
 }

global.d.ts

@@ -0,0 +1,17 @@
+import type { FC, PropsWithChildren } from 'react'
+
+declare global {
+  export type NextPageParams<P extends {}, Props = {}> = PropsWithChildren<
+    {
+      params: P
+    } & Props
+  >
+
+  export type Component<P = {}> = FC<
+    {
+      className?: string
+    } & P &
+      PropsWithChildren
+  >
+}
+export {}

next.config.mts

@@ -0,0 +1,14 @@
+import type { NextConfig } from 'next'
+
+import { createVanillaExtractPlugin } from '@vanilla-extract/next-plugin'
+
+const withVanillaExtract = createVanillaExtractPlugin()
+
+/** @type {import('next').NextConfig} */
+const nextConfig: NextConfig = {
+  experimental: {
+    appDir: true,
+  },
+}
+
+export default withVanillaExtract(nextConfig)

package.json

@@ -1,5 +1,5 @@
 {
-  "name": "____",
+  "name": "springtide",
   "license": "GPL-3.0",
   "private": false,
   "version": "0.0.0",
@@ -56,12 +56,15 @@
   ],
   "dependencies": {
     "@floating-ui/react-dom": "2.0.0",
+    "@formkit/auto-animate": "1.0.0-beta.6",
+    "@headlessui/react": "1.7.15",
     "@mx-space/api-client": "1.4.1",
     "@tanstack/react-query": "4.29.12",
     "@tanstack/react-query-devtools": "4.29.12",
     "@tanstack/react-query-persist-client": "4.29.12",
     "axios": "1.4.0",
-    "daisyui": "3.0.22",
+    "clsx": "1.2.1",
+    "daisyui": "3.0.23",
     "dayjs": "1.11.8",
     "framer-motion": "^10.12.16",
     "idb-keyval": "6.2.1",
@@ -77,24 +80,52 @@
     "react-dom": "18.2.0",
     "react-intersection-observer": "9.4.4",
     "react-toastify": "9.1.3",
+    "rehype-autolink-headings": "6.1.1",
+    "rehype-infer-description-meta": "1.1.0",
+    "rehype-katex": "6.0.3",
+    "rehype-prism-plus": "1.5.1",
+    "rehype-raw": "6.1.1",
+    "rehype-react": "7.2.0",
+    "rehype-rewrite": "3.0.6",
+    "rehype-sanitize": "5.0.1",
+    "rehype-slug": "5.1.0",
+    "rehype-stringify": "9.0.3",
+    "remark-breaks": "3.0.3",
+    "remark-directive": "2.0.1",
+    "remark-directive-rehype": "0.4.2",
+    "remark-emoji": "3.1.1",
+    "remark-frontmatter": "4.0.1",
+    "remark-gfm": "3.0.1",
+    "remark-math": "5.1.1",
+    "remark-parse": "10.0.2",
+    "remark-rehype": "10.1.0",
+    "remark-stringify": "10.0.3",
     "remove-markdown": "0.5.0",
     "socket.io-client": "4.6.2",
+    "tailwind-merge": "1.13.1",
+    "unified": "10.1.2",
+    "unist-builder": "3.0.1",
+    "unist-util-visit": "4.1.2",
     "validator": "13.9.0"
   },
   "devDependencies": {
+    "@iconify-json/mingcute": "1.1.6",
     "@iconify/tailwind": "0.1.3",
     "@innei/eslint-config-react-ts": "0.10.1",
     "@innei/prettier": "0.10.1",
     "@next/bundle-analyzer": "13.4.4",
+    "@tailwindcss/typography": "0.5.9",
     "@types/color": "3.0.3",
     "@types/js-cookie": "3.0.3",
     "@types/lodash-es": "4.17.7",
     "@types/markdown-escape": "1.1.0",
-    "@types/node": "20.2.5",
-    "@types/react": "18.2.9",
+    "@types/node": "20.2.6",
+    "@types/react": "18.2.10",
     "@types/react-dom": "18.2.4",
     "@types/remove-markdown": "0.3.1",
     "@types/validator": "13.7.17",
+    "@vanilla-extract/css": "1.11.1",
+    "@vanilla-extract/next-plugin": "2.1.3",
     "autoprefixer": "10.4.14",
     "color": "4.2.3",
     "cross-env": "7.0.3",
@@ -110,6 +141,7 @@
     "postcss-prune-var": "1.1.1",
     "prettier": "2.8.8",
     "rimraf": "5.0.1",
+    "tailwind-variants": "0.1.6",
     "tailwindcss": "^3.3.2",
     "tailwindcss-variable-colors": "0.0.1",
     "tilg": "0.1.1",