feat: add path support

Author: BlankParticle

assets/css/main.css

@@ -1,262 +1,34 @@
-/* @import '@unocss/reset/tailwind.css'; */
-
 :root {
-  font-family: 'Inter var', sans-serif;
+  font-family: "Inter var", sans-serif;
 }
 @supports (font-variation-settings: normal) {
   :root {
-    font-family: 'Inter var', sans-serif;
+    font-family: "Inter var", sans-serif;
   }
 }
 @font-face {
-  font-family: 'CalSans';
-  src:
-    url(/fonts/CalSans-SemiBold.woff2) format('woff2'),
-    url(/fonts/CalSans-SemiBold.woff) format('woff'),
-    url(/fonts/CalSans-SemiBold.ttf) format('truetype');
+  font-family: "CalSans";
+  src: url(/fonts/CalSans-SemiBold.woff2) format("woff2"),
+    url(/fonts/CalSans-SemiBold.woff) format("woff"),
+    url(/fonts/CalSans-SemiBold.ttf) format("truetype");
 }
 @font-face {
-  font-family: 'Inter var';
+  font-family: "Inter var";
   font-style: normal;
   font-weight: 100 900;
   font-display: swap;
-  src: url('/fonts/Inter-roman.var.woff2?v=3.19') format('woff2');
-  font-named-instance: 'Regular';
+  src: url("/fonts/Inter-roman.var.woff2?v=3.19") format("woff2");
+  font-named-instance: "Regular";
 }
 
 @font-face {
-  font-family: 'Inter var';
+  font-family: "Inter var";
   font-style: italic;
   font-weight: 100 900;
   font-display: swap;
-  src: url('/fonts/Inter-italic.var.woff2?v=3.19') format('woff2');
-  font-named-instance: 'Italic';
+  src: url("/fonts/Inter-italic.var.woff2?v=3.19") format("woff2");
+  font-named-instance: "Italic";
 }
 [data-radix-popper-content-wrapper] {
   z-index: 10000;
 }
-
-/* CSS Reset Override */
-/* *,
-::before,
-::after {
-  box-sizing: border-box;
-  border-width: 0;
-  border-style: solid;
-  border-color: currentColor;
-}
-html {
-  line-height: 1.5;
-  -webkit-text-size-adjust: 100%;
-  -moz-tab-size: 4;
-  tab-size: 4;
-  font-family:
-    ui-sans-serif,
-    system-ui,
-    -apple-system,
-    BlinkMacSystemFont,
-    'Segoe UI',
-    Roboto,
-    'Helvetica Neue',
-    Arial,
-    'Noto Sans',
-    sans-serif,
-    'Apple Color Emoji',
-    'Segoe UI Emoji',
-    'Segoe UI Symbol',
-    'Noto Color Emoji';
-  scrollbar-gutter: stable;
-}
-body {
-  margin: 0;
-  line-height: inherit;
-}
-hr {
-  height: 0;
-  color: inherit;
-  border-top-width: 1px;
-}
-abbr:where([title]) {
-  text-decoration: underline dotted;
-}
-h1,
-h2,
-h3,
-h4,
-h5,
-h6 {
-  font-size: inherit;
-  font-weight: inherit;
-}
-a {
-  color: inherit;
-  text-decoration: inherit;
-}
-b,
-strong {
-  font-weight: bolder;
-}
-code,
-kbd,
-samp,
-pre {
-  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas,
-    'Liberation Mono', 'Courier New', monospace;
-  font-size: 1em;
-}
-small {
-  font-size: 80%;
-}
-sub,
-sup {
-  font-size: 75%;
-  line-height: 0;
-  position: relative;
-  vertical-align: baseline;
-}
-sub {
-  bottom: -0.25em;
-}
-sup {
-  top: -0.5em;
-}
-table {
-  text-indent: 0;
-  border-color: inherit;
-  border-collapse: collapse;
-}
-button,
-input,
-optgroup,
-select,
-textarea {
-  font-family: inherit;
-  font-size: 100%;
-  line-height: inherit;
-  color: inherit;
-  margin: 0;
-  padding: 0;
-}
-button,
-select {
-  text-transform: none;
-}
-button,
-[type='button'],
-[type='reset'],
-[type='submit'] {
-  -webkit-appearance: button;
-  background-color: transparent;
-  background-image: none;
-}
-:-moz-focusring {
-  outline: auto;
-}
-:-moz-ui-invalid {
-  box-shadow: none;
-}
-progress {
-  vertical-align: baseline;
-}
-::-webkit-inner-spin-button,
-::-webkit-outer-spin-button {
-  height: auto;
-}
-[type='search'] {
-  -webkit-appearance: textfield;
-  outline-offset: -2px;
-}
-::-webkit-search-decoration {
-  -webkit-appearance: none;
-}
-::-webkit-file-upload-button {
-  -webkit-appearance: button;
-  font: inherit;
-}
-summary {
-  display: list-item;
-}
-blockquote,
-dl,
-dd,
-h1,
-h2,
-h3,
-h4,
-h5,
-h6,
-hr,
-figure,
-p,
-pre {
-  margin: 0;
-}
-fieldset {
-  margin: 0;
-  padding: 0;
-}
-legend {
-  padding: 0;
-}
-ol,
-ul,
-menu {
-  list-style: none;
-  margin: 0;
-  padding: 0;
-}
-textarea {
-  resize: vertical;
-}
-input::placeholder,
-textarea::placeholder {
-  opacity: 1;
-  color: #9ca3af;
-}
-button,
-[role='button'] {
-  cursor: pointer;
-}
-:disabled {
-  cursor: default;
-}
-img,
-svg,
-video,
-canvas,
-audio,
-iframe,
-embed,
-object {
-  display: block;
-  vertical-align: middle;
-}
-img,
-video {
-  max-width: 100%;
-  height: auto;
-}
-[hidden] {
-  display: none;
-}
-/* Anthony's addition */
-/* .dark {
-  color-scheme: dark;
-}
-.dark ::-moz-selection {
-  background: #444;
-}
-.dark ::selection {
-  background: #444;
-}
-div {
-  display: flex;
-  flex-direction: column;
-}
-div[row=''] {
-  display: flex;
-  flex-direction: row;
-}
-div[block=''] {
-  display: block;
-} */

echo.ts

@@ -0,0 +1,25 @@
+import http from "http";
+const server = http.createServer();
+
+server
+  .on("request", (request, response) => {
+    let body: any[] = [];
+    request
+      .on("data", (chunk) => {
+        body.push(chunk);
+      })
+      .on("end", () => {
+        const wholeBody = Buffer.concat(body).toString();
+        console.log(`[${new Date().toLocaleString()}]`);
+        console.log(`==== ${request.method} ${request.url}`);
+        console.log("> Headers");
+        console.log(request.headers);
+        console.log("> Body");
+        console.log(wholeBody);
+        response.end();
+      });
+  })
+  .listen(3001)
+  .once("listening", () => {
+    console.log("Test server is listening on port 3001");
+  });

nuxt.config.ts

@@ -21,10 +21,9 @@ export default defineNuxtConfig({
   },
 
   shiki: {
-    theme: "tokyo-night",
-    lang: "json",
-    themes: ["tokyo-night"],
-    langs: [],
+    bundledThemes: ["tokyo-night"],
+    defaultLang: "json",
+    defaultTheme: "tokyo-night",
   },
 
   css: ["@/assets/css/main.css"],

package.json

@@ -1,44 +1,46 @@
 {
-  "name": "UnWebhook",
+  "name": "un-webhook",
   "private": true,
   "type": "module",
   "scripts": {
     "build": "nuxt build",
     "dev": "nuxt dev",
+    "echo": "tsx echo.ts",
     "generate": "nuxt generate",
     "preview": "nuxt preview",
     "postinstall": "nuxt prepare",
     "db:push": "drizzle-kit push:pg --config=./server/db/drizzle.config.ts",
     "db:studio": "drizzle-kit studio --config=./server/db/drizzle.config.ts"
   },
   "dependencies": {
-    "@iconify-json/simple-icons": "^1.1.93",
-    "@lucia-auth/adapter-drizzle": "^1.0.2",
-    "@nuxt/ui": "^2.14.1",
+    "@iconify-json/simple-icons": "^1.1.97",
+    "@lucia-auth/adapter-drizzle": "^1.0.7",
+    "@nuxt/ui": "^2.14.2",
     "@simplewebauthn/browser": "^9.0.1",
-    "@trpc/client": "^10.45.1",
-    "@trpc/server": "^10.45.1",
+    "@trpc/client": "^10.45.2",
+    "@trpc/server": "^10.45.2",
     "arctic": "^1.2.1",
-    "drizzle-orm": "^0.29.4",
-    "lucia": "^3.0.1",
-    "nuxt": "^3.10.3",
+    "drizzle-orm": "^0.30.4",
+    "lucia": "^3.1.1",
+    "nuxt": "^3.11.1",
     "oslo": "^1.1.3",
-    "postgres": "^3.4.3",
+    "postgres": "^3.4.4",
     "superjson": "^2.2.1",
-    "trpc-nuxt": "^0.10.19",
-    "vue": "^3.4.20",
+    "trpc-nuxt": "^0.10.21",
+    "vue": "^3.4.21",
     "vue-router": "^4.3.0",
     "zod": "^3.22.4"
   },
   "devDependencies": {
     "@iconify-json/ph": "^1.1.11",
-    "@vueuse/core": "^10.8.0",
-    "@vueuse/nuxt": "^10.8.0",
+    "@vueuse/core": "^10.9.0",
+    "@vueuse/nuxt": "^10.9.0",
     "dotenv": "^16.4.5",
     "drizzle-kit": "^0.20.14",
-    "nuxt-security": "^1.2.0",
-    "nuxt-shiki": "^0.1.2",
+    "nuxt-security": "^1.2.2",
+    "nuxt-shiki": "^0.2.1",
     "pg": "^8.11.3",
-    "vue-tsc": "^1.8.27"
+    "tsx": "^4.7.1",
+    "vue-tsc": "^2.0.7"
   }
-}
+}