Merge pull request #98 from hamster1963/ppr

feat: ppr

app/(main)/footer.tsx

@@ -1,6 +1,8 @@
 import pack from "@/package.json";
 import { useTranslations } from "next-intl";
 
+export const experimental_ppr = true
+
 export default function Footer() {
   const t = useTranslations("Footer");
   const version = pack.version;

app/(main)/header.tsx

@@ -11,6 +11,8 @@ import Image from "next/image";
 import { useRouter } from "next/navigation";
 import React, { useEffect, useRef, useState } from "react";
 
+export const experimental_ppr = true
+
 function Header() {
   const t = useTranslations("Header");
   const customLogo = getEnv("NEXT_PUBLIC_CustomLogo");
@@ -62,7 +64,7 @@ function Header() {
 
 // https://github.com/streamich/react-use/blob/master/src/useInterval.ts
 const useInterval = (callback: () => void, delay: number | null) => {
-  const savedCallback = useRef<() => void>(() => {});
+  const savedCallback = useRef<() => void>(() => { });
   useEffect(() => {
     savedCallback.current = callback;
   });

app/(main)/page.tsx

@@ -1,6 +1,7 @@
 import ServerList from "@/components/ServerList";
 import ServerOverview from "@/components/ServerOverview";
 
+export const experimental_ppr = true
 export default function Home() {
   return (
     <div className="mx-auto grid w-full max-w-5xl gap-4 md:gap-6">

git-cliff-config/cliff.toml

@@ -1,83 +0,0 @@
-# git-cliff ~ configuration file
-# https://git-cliff.org/docs/configuration
-#
-# Lines starting with "#" are comments.
-# Configuration options are organized into tables and keys.
-# See documentation for more information on available options.
-
-[changelog]
-# changelog header
-header = """
-# Changelog\n
-"""
-# template for the changelog body
-# https://tera.netlify.app/docs/
-body = """
-{% if version %}\
-    ## Release {{ version | trim_start_matches(pat="v") }} - {{ timestamp | date(format="%Y-%m-%d") }}
-{% else %}\
-    ## [unreleased]
-{% endif %}\
-
-{% for group, commits in commits | group_by(attribute="group") %}
-    ### {{ group | upper_first }}
-    {% for commit in commits %}
-        * {{ commit.message | upper_first }} ([{{ commit.id | truncate(length=7, end="") }}]($REPO/commit/{{ commit.id }})) by [@{{ commit.author.name }}](https://github.com/{{ commit.author.name }})\
-          {% for footer in commit.footers -%}
-            , {{ footer.token }}{{ footer.separator }}{{ footer.value }}\
-          {% endfor %}\
-    {% endfor %}
-{% endfor %}\n
-"""
-# remove the leading and trailing whitespace from the template
-trim = true
-postprocessors = [
-  { pattern = '\$REPO', replace = "https://github.com/hamster1963/nezha-dash" }, # replace repository URL
-]
-# changelog footer
-footer = """
-"""
-
-
-[git]
-# parse the commits based on https://www.conventionalcommits.org
-conventional_commits = true
-# filter out the commits that are not conventional
-filter_unconventional = true
-# process each line of a commit as an individual commit
-split_commits = true
-# regex for preprocessing the commit messages
-commit_preprocessors = [
-  { pattern = '\((\w+\s)?#([0-9]+)\)', replace = "([#${2}](https://github.com/orhun/git-cliff/issues/${2}))" },
-]
-# regex for parsing and grouping commits
-commit_parsers = [
-  { message = "^feat", group = "<!-- 0 -->⛰️  Features" },
-  { message = "^fix", group = "<!-- 1 -->🐛 Bug Fixes" },
-  { message = "^doc", group = "<!-- 3 -->📚 Documentation" },
-  { message = "^perf", group = "<!-- 4 -->⚡ Performance" },
-  { message = "^refactor", group = "<!-- 2 -->🚜 Refactor" },
-  { message = "^style", group = "<!-- 5 -->🎨 Styling" },
-  { message = "^test", group = "<!-- 6 -->🧪 Testing" },
-  { message = "^chore\\(release\\): prepare for", skip = true },
-  { message = "^chore\\(pr\\)", skip = true },
-  { message = "^chore\\(pull\\)", skip = true },
-  { message = "^chore", group = "<!-- 7 -->⚙️ Miscellaneous Tasks" },
-  { body = ".*security", group = "<!-- 8 -->🛡️ Security" },
-  { message = "^update", group = "<!-- 9 -->🔼 Updates" },
-  { message = "^delete", group = "<!-- 10 -->🔞 Delete" },
-]
-# protect breaking changes from being skipped due to matching a skipping commit_parser
-protect_breaking_commits = false
-# filter out the commits that are not matched by commit parsers
-filter_commits = false
-# glob pattern for matching git tags
-tag_pattern = "v[0-20]*"
-# regex for skipping tags
-skip_tags = ""
-# regex for ignoring tags
-ignore_tags = "v.*-beta.*"
-# sort the tags topologically
-topo_order = false
-# sort the commits inside sections by oldest/newest order
-sort_commits = "oldest"

lib/sseFetch.tsx

@@ -1,44 +0,0 @@
-"use client";
-
-import useSWRSubscription, {
-  type SWRSubscriptionOptions,
-} from "swr/subscription";
-
-type LooseObject = {
-  [key: string]: any;
-};
-
-export function SSEDataFetch(url: string, fallbackData?: LooseObject): any {
-  const { data } = useSWRSubscription<LooseObject>(
-    url,
-    (key: string | URL, { next }: SWRSubscriptionOptions<LooseObject>) => {
-      const source = new EventSource(key);
-      source.onmessage = (event) => {
-        const parsedData = JSON.parse(event.data);
-        next(null, parsedData);
-      };
-      source.onerror = () => next(new Error("EventSource error"));
-      return () => source.close();
-    },
-    {
-      fallbackData: fallbackData,
-    },
-  );
-  return data;
-}
-
-export function verifySSEConnection(url: string): Promise<{ name: string }> {
-  return new Promise<{ name: string }>((resolve, reject) => {
-    const eventSource = new EventSource(url);
-
-    eventSource.onopen = () => {
-      resolve({ name: "SSE Connected" });
-      eventSource.close();
-    };
-
-    eventSource.onerror = () => {
-      reject("Failed to connect");
-      eventSource.close();
-    };
-  });
-}

next.config.mjs

@@ -22,6 +22,9 @@ const withPWA = withPWAInit({
 /** @type {import('next').NextConfig} */
 const nextConfig = {
   output: "standalone",
+  experimental: {
+    ppr: 'incremental',
+  },
   reactStrictMode: true,
   logging: {
     fetches: {

package.json

@@ -23,7 +23,7 @@
     "@trivago/prettier-plugin-sort-imports": "^4.3.0",
     "@types/luxon": "^3.4.2",
     "@typescript-eslint/eslint-plugin": "^8.12.2",
-    "caniuse-lite": "^1.0.30001674",
+    "caniuse-lite": "^1.0.30001676",
     "class-variance-authority": "^0.7.0",
     "clsx": "^2.1.1",
     "country-flag-icons": "^1.5.13",
@@ -32,9 +32,9 @@
     "framer-motion": "^12.0.0-alpha.1",
     "lucide-react": "^0.451.0",
     "luxon": "^3.5.0",
-    "next": "15.0.2",
+    "next": "^15.0.3-canary.3",
     "next-auth": "^5.0.0-beta.25",
-    "next-intl": "^3.23.5",
+    "next-intl": "^3.24.0",
     "next-runtime-env": "^3.2.2",
     "next-themes": "^0.3.0",
     "react": "19.0.0-rc-02c0e824-20241028",
@@ -53,7 +53,7 @@
     "eslint-plugin-turbo": "^2.2.3",
     "eslint-plugin-unused-imports": "^4.1.4",
     "@next/bundle-analyzer": "15.0.2",
-    "@types/node": "^22.8.4",
+    "@types/node": "^22.8.6",
     "@types/react": "npm:types-react@19.0.0-rc.1",
     "@types/react-dom": "npm:types-react-dom@19.0.0-rc.1",
     "autoprefixer": "^10.4.20",