alikia2x/sparkast
1
1
Fork 0
Code Issues Pull Requests Actions Packages Projects 1 Releases Wiki Activity

Initial commit

Browse Source
This commit is contained in:
Alikia2x 2024-03-03 02:16:02 +08:00
commit d123b9cd95
17 changed files with 1365 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

37
.gitignore vendored Normal file
View File

@ -0,0 +1,37 @@
# See https://help.github.com/articles/ignoring-files/ for more about ignoring files.
# dependencies
/node_modules
/.pnp
.pnp.js
.yarn/install-state.gz
# testing
/coverage
# next.js
/.next/
/out/
# production
/build
# misc
.DS_Store
*.pem
# debug
npm-debug.log*
yarn-debug.log*
yarn-error.log*
# local env files
.env*.local
# vercel
.vercel
# typescript
*.tsbuildinfo
next-env.d.ts
.syncignore

9
.prettierrc Normal file
View File

@ -0,0 +1,9 @@
{
"useTabs": false,
"tabWidth": 4,
"trailingComma": "none",
"singleQuote": false,
"printWidth": 80,
"endOfLine": "lf"
}

1
README.md Normal file
View File

@ -0,0 +1 @@
# SparkHome

30
app/components/background.tsx Normal file
View File

@ -0,0 +1,30 @@
"use client";
import { useContext } from "react";
import { SettingsContext } from "../contexts/settingsContext";
import Image from "next/image";
function Background(props: {
isFocus: boolean;
src: string;
onClick: () => void;
}) {
const settings = useContext(SettingsContext);
const css = "w-full h-full fixed object-cover inset-0 duration-200 z-0";
let focusCSS = settings.bgBlur
? "blur-lg scale-110"
: "brightness-50 scale-105";
let varCSS = props.isFocus ? focusCSS : "";
return (
<Image
src={props.src}
className={css + " " + varCSS}
alt="background"
onClick={props.onClick}
fill={true}
/>
);
}
export default Background;

22
app/components/index.tsx Normal file
View File

@ -0,0 +1,22 @@
"use client";
import { atom, useRecoilState } from "recoil";
import Background from "./background";
export default function Homepage() {
const bgFocus = atom({
key: "isBackgroundFocus",
default: false
});
const [isFocus, setFocus] = useRecoilState(bgFocus);
return (
<>
<Background
src="https://a2x.pub/sbcA1"
isFocus={isFocus}
onClick={() => setFocus(false)}
/>
</>
);
}

6
app/contexts/settingsContext.ts Normal file
View File

@ -0,0 +1,6 @@
import { createContext } from 'react';
export const SettingsContext = createContext(<settings>{
bgBlur: true
});
export const SettingsDispatchContext = createContext(null);

BIN
app/favicon.ico Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 25 KiB

33
app/global.css Normal file
View File

@ -0,0 +1,33 @@
@tailwind base;
@tailwind components;
@tailwind utilities;
:root {
--foreground-rgb: 0, 0, 0;
--background-start-rgb: 214, 219, 220;
--background-end-rgb: 255, 255, 255;
}
@media (prefers-color-scheme: dark) {
:root {
--foreground-rgb: 255, 255, 255;
--background-start-rgb: 0, 0, 0;
--background-end-rgb: 0, 0, 0;
}
}
body {
color: rgb(var(--foreground-rgb));
background: linear-gradient(
to bottom,
transparent,
rgb(var(--background-end-rgb))
)
rgb(var(--background-start-rgb));
}
@layer utilities {
.text-balance {
text-wrap: balance;
}
}

22
app/layout.tsx Normal file
View File

@ -0,0 +1,22 @@
import type { Metadata } from "next";
import { Inter } from "next/font/google";
import "./global.css";
const inter = Inter({ subsets: ["latin"] });
export const metadata: Metadata = {
title: "Create Next App",
description: "Generated by create next app"
};
export default function RootLayout({
children
}: Readonly<{
children: React.ReactNode;
}>) {
return (
<html lang="en">
<body className={inter.className}>{children}</body>
</html>
);
}

12
app/page.tsx Normal file
View File

@ -0,0 +1,12 @@
"use client";
import { RecoilRoot} from "recoil";
import Homepage from "./components";
export default function Home() {
return (
<RecoilRoot>
<Homepage />
</RecoilRoot>
);
}

3
global.d.ts vendored Normal file
View File

@ -0,0 +1,3 @@
type settings = {
bgBlur: boolean
};

15
next.config.mjs Normal file
View File

@ -0,0 +1,15 @@
/** @type {import('next').NextConfig} */
const nextConfig = {
images: {
remotePatterns: [
{
protocol: "https",
hostname: "a2x.pub",
port: "",
pathname: "/*"
}
]
}
};
export default nextConfig;

26
package.json Normal file
View File

@ -0,0 +1,26 @@
{
"name": "sparkhome",
"version": "0.1.0",
"private": true,
"scripts": {
"dev": "next dev",
"build": "next build",
"start": "next start",
"lint": "next lint"
},
"dependencies": {
"next": "14.1.1",
"react": "^18.2.0",
"react-dom": "^18.2.0",
"recoil": "^0.7.7"
},
"devDependencies": {
"@types/node": "^20",
"@types/react": "^18",
"@types/react-dom": "^18",
"autoprefixer": "^10.0.1",
"postcss": "^8",
"tailwindcss": "^3.3.0",
"typescript": "^5"
}
}

1097
pnpm-lock.yaml Normal file
View File

File diff suppressed because it is too large Load Diff

6
postcss.config.js Normal file
View File

@ -0,0 +1,6 @@
module.exports = {
plugins: {
tailwindcss: {},
autoprefixer: {},
},
};

20
tailwind.config.ts Normal file
View File

@ -0,0 +1,20 @@
import type { Config } from "tailwindcss";
const config: Config = {
content: [
"./pages/**/*.{js,ts,jsx,tsx,mdx}",
"./components/**/*.{js,ts,jsx,tsx,mdx}",
"./app/**/*.{js,ts,jsx,tsx,mdx}",
],
theme: {
extend: {
backgroundImage: {
"gradient-radial": "radial-gradient(var(--tw-gradient-stops))",
"gradient-conic":
"conic-gradient(from 180deg at 50% 50%, var(--tw-gradient-stops))",
},
},
},
plugins: [],
};
export default config;

26
tsconfig.json Normal file
View File

@ -0,0 +1,26 @@
{
"compilerOptions": {
"lib": ["dom", "dom.iterable", "esnext"],
"allowJs": true,
"skipLibCheck": true,
"strict": true,
"noEmit": true,
"esModuleInterop": true,
"module": "esnext",
"moduleResolution": "bundler",
"resolveJsonModule": true,
"isolatedModules": true,
"jsx": "preserve",
"incremental": true,
"plugins": [
{
"name": "next"
}
],
"paths": {
"@/*": ["./*"]
}
},
"include": ["next-env.d.ts", "**/*.ts", "**/*.tsx", ".next/types/**/*.ts", "global.d.ts", "app/store/store.js"],
"exclude": ["node_modules"]
}