diff --git a/frontend/.dockerignore b/frontend/.dockerignore
deleted file mode 100644
index 0226748..0000000
--- a/frontend/.dockerignore
+++ /dev/null
@@ -1,10 +0,0 @@
-/node_modules
-
-/.next
-/out
-/build
-
-.DS_Store
-*.pem
-
-.env*.local
\ No newline at end of file
diff --git a/frontend/.eslintignore b/frontend/.eslintignore
new file mode 100644
index 0000000..1acecc1
--- /dev/null
+++ b/frontend/.eslintignore
@@ -0,0 +1,38 @@
+**/*.log
+**/.DS_Store
+*.
+.vscode/settings.json
+.history
+.yarn
+bazel-*
+bazel-bin
+bazel-out
+bazel-qwik
+bazel-testlogs
+dist
+dist-dev
+lib
+lib-types
+etc
+external
+node_modules
+temp
+tsc-out
+tsdoc-metadata.json
+target
+output
+rollup.config.js
+build
+.cache
+.vscode
+.rollup.cache
+dist
+tsconfig.tsbuildinfo
+vite.config.ts
+*.spec.tsx
+*.spec.ts
+.netlify
+pnpm-lock.yaml
+package-lock.json
+yarn.lock
+server
diff --git a/frontend/.eslintrc.cjs b/frontend/.eslintrc.cjs
new file mode 100644
index 0000000..70dc5d0
--- /dev/null
+++ b/frontend/.eslintrc.cjs
@@ -0,0 +1,42 @@
+module.exports = {
+ root: true,
+ env: {
+ browser: true,
+ es2021: true,
+ node: true,
+ },
+ extends: [
+ "eslint:recommended",
+ "plugin:@typescript-eslint/recommended",
+ "plugin:qwik/recommended",
+ ],
+ parser: "@typescript-eslint/parser",
+ parserOptions: {
+ tsconfigRootDir: __dirname,
+ project: ["./tsconfig.json"],
+ ecmaVersion: 2021,
+ sourceType: "module",
+ ecmaFeatures: {
+ jsx: true,
+ },
+ },
+ plugins: ["@typescript-eslint"],
+ rules: {
+ "@typescript-eslint/no-explicit-any": "off",
+ "@typescript-eslint/explicit-module-boundary-types": "off",
+ "@typescript-eslint/no-inferrable-types": "off",
+ "@typescript-eslint/no-non-null-assertion": "off",
+ "@typescript-eslint/no-empty-interface": "off",
+ "@typescript-eslint/no-namespace": "off",
+ "@typescript-eslint/no-empty-function": "off",
+ "@typescript-eslint/no-this-alias": "off",
+ "@typescript-eslint/ban-types": "off",
+ "@typescript-eslint/ban-ts-comment": "off",
+ "prefer-spread": "off",
+ "no-case-declarations": "off",
+ "no-console": "off",
+ "@typescript-eslint/no-unused-vars": ["error"],
+ "@typescript-eslint/consistent-type-imports": "warn",
+ "@typescript-eslint/no-unnecessary-condition": "warn",
+ },
+};
diff --git a/frontend/.eslintrc.json b/frontend/.eslintrc.json
deleted file mode 100644
index bffb357..0000000
--- a/frontend/.eslintrc.json
+++ /dev/null
@@ -1,3 +0,0 @@
-{
- "extends": "next/core-web-vitals"
-}
diff --git a/frontend/.gitignore b/frontend/.gitignore
index b556ad2..4183fdf 100644
--- a/frontend/.gitignore
+++ b/frontend/.gitignore
@@ -1,43 +1,42 @@
-# See https://help.github.com/articles/ignoring-files/ for more about ignoring files.
+# Build
+/dist
+/lib
+/lib-types
+/server
-# dependencies
-/node_modules
-/.pnp
-.pnp.js
-.yarn/install-state.gz
+# Development
+node_modules
+.env
+*.local
-# testing
-/coverage
+# Cache
+.cache
+.mf
+.rollup.cache
+tsconfig.tsbuildinfo
-# next.js
-/.next/
-/out/
-
-# production
-/build
-
-# misc
-.DS_Store
-*.pem
-
-# debug
+# Logs
+logs
+*.log
npm-debug.log*
yarn-debug.log*
yarn-error.log*
+pnpm-debug.log*
+lerna-debug.log*
-# local env files
-.env*.local
+# Editor
+.vscode/*
+!.vscode/launch.json
+!.vscode/*.code-snippets
-# vercel
-.vercel
-
-# typescript
-*.tsbuildinfo
-next-env.d.ts
-
-# bun
-bun.lockb
-
-# ide related
.idea
-/package-lock.json
+.DS_Store
+*.suo
+*.ntvs*
+*.njsproj
+*.sln
+*.sw?
+
+# Yarn
+.yarn/*
+!.yarn/releases
diff --git a/frontend/.prettierignore b/frontend/.prettierignore
new file mode 100644
index 0000000..b62a968
--- /dev/null
+++ b/frontend/.prettierignore
@@ -0,0 +1,37 @@
+**/*.log
+**/.DS_Store
+*.
+.vscode/settings.json
+.history
+.yarn
+bazel-*
+bazel-bin
+bazel-out
+bazel-qwik
+bazel-testlogs
+dist
+dist-dev
+lib
+lib-types
+etc
+external
+node_modules
+temp
+tsc-out
+tsdoc-metadata.json
+target
+output
+rollup.config.js
+build
+.cache
+.vscode
+.rollup.cache
+tsconfig.tsbuildinfo
+vite.config.ts
+*.spec.tsx
+*.spec.ts
+.netlify
+pnpm-lock.yaml
+package-lock.json
+yarn.lock
+server
diff --git a/frontend/README.md b/frontend/README.md
new file mode 100644
index 0000000..bc53f27
--- /dev/null
+++ b/frontend/README.md
@@ -0,0 +1,65 @@
+# Qwik City App ⚡️
+
+- [Qwik Docs](https://qwik.dev/)
+- [Discord](https://qwik.dev/chat)
+- [Qwik GitHub](https://github.com/QwikDev/qwik)
+- [@QwikDev](https://twitter.com/QwikDev)
+- [Vite](https://vitejs.dev/)
+
+---
+
+## Project Structure
+
+This project is using Qwik with [QwikCity](https://qwik.dev/qwikcity/overview/). QwikCity is just an extra set of tools on top of Qwik to make it easier to build a full site, including directory-based routing, layouts, and more.
+
+Inside your project, you'll see the following directory structure:
+
+```
+├── public/
+│ └── ...
+└── src/
+ ├── components/
+ │ └── ...
+ └── routes/
+ └── ...
+```
+
+- `src/routes`: Provides the directory-based routing, which can include a hierarchy of `layout.tsx` layout files, and an `index.tsx` file as the page. Additionally, `index.ts` files are endpoints. Please see the [routing docs](https://qwik.dev/qwikcity/routing/overview/) for more info.
+
+- `src/components`: Recommended directory for components.
+
+- `public`: Any static assets, like images, can be placed in the public directory. Please see the [Vite public directory](https://vitejs.dev/guide/assets.html#the-public-directory) for more info.
+
+## Add Integrations and deployment
+
+Use the `npm run qwik add` command to add additional integrations. Some examples of integrations includes: Cloudflare, Netlify or Express Server, and the [Static Site Generator (SSG)](https://qwik.dev/qwikcity/guides/static-site-generation/).
+
+```shell
+npm run qwik add # or `yarn qwik add`
+```
+
+## Development
+
+Development mode uses [Vite's development server](https://vitejs.dev/). The `dev` command will server-side render (SSR) the output during development.
+
+```shell
+npm start # or `yarn start`
+```
+
+> Note: during dev mode, Vite may request a significant number of `.js` files. This does not represent a Qwik production build.
+
+## Preview
+
+The preview command will create a production build of the client modules, a production build of `src/entry.preview.tsx`, and run a local server. The preview server is only for convenience to preview a production build locally and should not be used as a production server.
+
+```shell
+npm run preview # or `yarn preview`
+```
+
+## Production
+
+The production build will generate client and server modules by running both client and server build commands. The build command will use Typescript to run a type check on the source code.
+
+```shell
+npm run build # or `yarn build`
+```
diff --git a/frontend/app/(pages)/about/layout.tsx b/frontend/app/(pages)/about/layout.tsx
deleted file mode 100644
index e84ea45..0000000
--- a/frontend/app/(pages)/about/layout.tsx
+++ /dev/null
@@ -1,21 +0,0 @@
-import React from 'react';
-import { Metadata } from 'next';
-import { SITE_CONFIG } from '@/src/constants';
-
-export const metadata: Metadata = {
- title: `About - ${ SITE_CONFIG.name }`
-};
-
-function Layout({
- children
-}: {
- children: React.ReactNode;
-}) {
- return (
-
- { children }
-
- );
-}
-
-export default Layout;
diff --git a/frontend/app/(pages)/about/me/page.tsx b/frontend/app/(pages)/about/me/page.tsx
deleted file mode 100644
index 03821e9..0000000
--- a/frontend/app/(pages)/about/me/page.tsx
+++ /dev/null
@@ -1,15 +0,0 @@
-import React from 'react';
-import MarkdownRenderer from '@/app/(pages)/public/MarkdownRenderer';
-import { fetchText } from '@/app/fetch';
-
-const Me = async () => {
- return (
-
-
- { await fetchText('https://raw.githubusercontent.com/lumither/blog-posts/master/about/me.md') }
-
-
- );
-};
-
-export default Me;
diff --git a/frontend/app/(pages)/about/page.tsx b/frontend/app/(pages)/about/page.tsx
deleted file mode 100644
index 272823d..0000000
--- a/frontend/app/(pages)/about/page.tsx
+++ /dev/null
@@ -1,58 +0,0 @@
-import { Card } from '@nextui-org/react';
-import React from 'react';
-import { CardBody } from '@nextui-org/card';
-import Link from 'next/link';
-
-const About = () => {
- return (
-
-
-
-
{ '讷，远道而来的' }旅人
-
-
{ '愿意坐下来听个故事吗...' }
-
{ '一个关于一位' }{ '█' } { '追寻' }{ '█' } { '，探索' }{ '█' } { '的故事' }
-
-
-
-
-
*目前还没想到如何设计这一页，先摸鱼会（笑）
-
-
- { await fetchText('https://raw.githubusercontent.com/lumither/blog-posts/master/about/website.md') }
-
-
- );
-};
-export default Website;
diff --git a/frontend/app/(pages)/blog/BlogPostCard.tsx b/frontend/app/(pages)/blog/BlogPostCard.tsx
deleted file mode 100644
index 0ca61a8..0000000
--- a/frontend/app/(pages)/blog/BlogPostCard.tsx
+++ /dev/null
@@ -1,92 +0,0 @@
-import React from 'react';
-import { Card, CardBody, CardFooter } from '@nextui-org/card';
-import { Chip } from '@nextui-org/react';
-import Image from 'next/image';
-import Link from 'next/link';
-import { MdCalendarMonth, MdNorthEast } from 'react-icons/md';
-
-type Props = {
- post: JSON
-}
-
-function BlogPostCard({ post }: Props) {
- let title = (post as any)['title'];
- let sub_title = (post as any)['sub_title'];
- // let summary = (post as any)['summary'];
- let category = (post as any)['category'];
- let tags = (post as any)['tags'];
- // let last_update = new Date((post as any)['last_update']);
- let first_update = new Date((post as any)['first_update']);
- let post_id = (post as any)['post_id'];
- let header_img = ((post as any)['header_img'] as string | null);
-
- return (
-
-
-
-
- { header_img &&
-
}
-
-
-
-
-
{ category }
-
{ title }
-
{ sub_title }
-
-
-
-
-
-
-
-
- {
- tags.map((tag: string, key: any) => (
-
- { tag }
-
- ))
- }
-
-
-
-
-
- { first_update.toLocaleString('default', {
- month: `long`,
- day: `numeric`,
- year: `numeric`
- }) }
-
-
-
-
-
- {
- router.push(`?page=${ page }`, { scroll: false });
- } }
- />
-
-
- );
-};
-export default Pagination;
diff --git a/frontend/app/(pages)/blog/PostList.tsx b/frontend/app/(pages)/blog/PostList.tsx
deleted file mode 100644
index c815d5c..0000000
--- a/frontend/app/(pages)/blog/PostList.tsx
+++ /dev/null
@@ -1,43 +0,0 @@
-'use server';
-
-import React from 'react';
-import { fetchNocturneApi } from '@/app/(pages)/blog/api';
-import BlogPostCard from '@/app/(pages)/blog/BlogPostCard';
-import { Card, CardBody } from '@nextui-org/card';
-
-import * as motion from 'motion/react-client';
-
-const PostList = async ({ page }: { page: number }) => {
- try {
- const res = await fetchNocturneApi(`/blog/get_post_list?page=${ page }`);
- const posts = await res.json();
- return (
- // blog list
-
-
- { posts.map((post: JSON, key: number) => (
-
-
-
- )
- ) }
-
-
-
-
- Fatal: { e.toString() }
-
- );
- }
-};
-export default PostList;
diff --git a/frontend/app/(pages)/blog/api.ts b/frontend/app/(pages)/blog/api.ts
deleted file mode 100644
index 9b4c73e..0000000
--- a/frontend/app/(pages)/blog/api.ts
+++ /dev/null
@@ -1,21 +0,0 @@
-const LOCAL_ENDPOINT = process.env.API_LOCAL_URL;
-const REMOTE_ENDPOINT = process.env.API_REMOTE_URL;
-
-const NOCTURNE_ENDPOINT = ((isServerSide = true) => {
- if (process.env.NODE_ENV === 'production') {
- if (isServerSide) {
- return LOCAL_ENDPOINT;
- } else {
- return REMOTE_ENDPOINT;
- }
- } else {
- return LOCAL_ENDPOINT;
- }
-});
-
-export async function fetchNocturneApi(path: string, isServerSideRequest = true) {
- return await fetch(`${ NOCTURNE_ENDPOINT(isServerSideRequest) }${ path }`, {
- cache: 'no-cache'
- });
-}
-
diff --git a/frontend/app/(pages)/blog/layout.tsx b/frontend/app/(pages)/blog/layout.tsx
deleted file mode 100644
index 7a16d98..0000000
--- a/frontend/app/(pages)/blog/layout.tsx
+++ /dev/null
@@ -1,23 +0,0 @@
-import React from 'react';
-import { Metadata } from 'next';
-import { SITE_CONFIG } from '@/src/constants';
-
-export const metadata: Metadata = {
- title: `Blog - ${ SITE_CONFIG.name }`
-};
-
-function Layout({
- children
-}: {
- children: React.ReactNode;
-}) {
- return (
-
-
- { children }
-
-
- );
-}
-
-export default Layout;
diff --git a/frontend/app/(pages)/blog/page.tsx b/frontend/app/(pages)/blog/page.tsx
deleted file mode 100644
index f6b4939..0000000
--- a/frontend/app/(pages)/blog/page.tsx
+++ /dev/null
@@ -1,24 +0,0 @@
-import PostList from '@/app/(pages)/blog/PostList';
-import Pagination from '@/app/(pages)/blog/Pagination';
-import { fetchNocturneApi } from '@/app/(pages)/blog/api';
-
-async function Blog({
- searchParams
-}: {
- searchParams: Promise<{ [key: string]: string | string[] | undefined }>
-}) {
-
- const parsePage = Number((await searchParams)?.page);
- const currPage = parsePage > 0 ? parsePage : 1;
- const ret = await fetchNocturneApi(`/blog/get_page_count`);
- const pageCount = (await ret.json() as any)['res'] as number;
-
- return (
-
- );
-}
-
-export default Blog;
diff --git a/frontend/app/(pages)/blog/post/[id]/ButtonGoBack.tsx b/frontend/app/(pages)/blog/post/[id]/ButtonGoBack.tsx
deleted file mode 100644
index 924e2f8..0000000
--- a/frontend/app/(pages)/blog/post/[id]/ButtonGoBack.tsx
+++ /dev/null
@@ -1,21 +0,0 @@
-'use client';
-
-import React from 'react';
-import { useRouter } from 'next/navigation';
-import { Button } from '@nextui-org/react';
-import { IoArrowBackOutline } from 'react-icons/io5';
-
-const ButtonGoBack = () => {
- const router = useRouter();
-
- return (
-
-
-
-
-
-
-
-
-
-
{ title }
-
-
{ link }
-
-
-
-
-
Author
-
-
{ author }
-
-
-
-
Posted on
-
{ post_date.toLocaleString('default', {
- month: `long`,
- day: `numeric`,
- year: `numeric`
- }) }
-
- { update_date &&
-
-
Updated on
-
{ update_date.toLocaleString('default', {
- month: `long`,
- day: `numeric`,
- year: `numeric`
- }) }
-
- }
-
-
Published under
-
-
{ `CC ${ cc.toUpperCase() } 4.0` }
-
-
-
-
-
-
-
-
-
-
- {
- next_post &&
-
-
-
-
-
}
-
-
-
-
{ post.category }
-
{ post.title }
-
{ post.subtitle }
-
-
-
-
-
- {
- post.tags.map((tag: string, key: any) => (
-
- { tag }
-
- ))
- }
-
-
-
-
-
- { (new Date(post.first_update)).toLocaleString('default', {
- month: `long`,
- day: `numeric`,
- year: `numeric`
- }) }
-
-
-
-
-
-
- { desc }
-
- { img_url &&
-
-
-
-
-
-
{ post['title'] }
-
{ post['sub_title'] }
-
-
-
-
{ post['title'] }
-
-
{ post['sub_title'] }
-
-
-
-
-
-
- {/* card headers */ }
-
-
-
- { post.content }
-
-
-
-
-
- {/* card footer */ }
-
-
-
-
{
- try {
- const title = (await fetchPost((await params).id)).title as string;
- return {
- title: `${ title } - ${ SITE_CONFIG.name }`
- };
- } catch (e) {
- return {
- title: 'Unexpected Error'
- };
- }
-}
-
-async function BlogReader({
- params
-}: {
- params: Promise<{ id: string }>
-}) {
- try {
- let post = await fetchPost((await params).id);
-
- return (
-
-
-
-
-
- );
- } catch (e: any) {
- return (
-
-
-
- { 'Unexpected Error:' }
-
-
- { e.message }
-
-
-
- { children }
-
- );
-}
-
-export default Layout;
diff --git a/frontend/app/(pages)/friends/page.tsx b/frontend/app/(pages)/friends/page.tsx
deleted file mode 100644
index cfcb051..0000000
--- a/frontend/app/(pages)/friends/page.tsx
+++ /dev/null
@@ -1,93 +0,0 @@
-import React from 'react';
-import { fetchJson } from '@/app/fetch';
-import { Card, CardBody } from '@nextui-org/react';
-import Image from 'next/image';
-import Link from 'next/link';
-
-export default async function Friends() {
-
- const list = await fetchJson('https://raw.githubusercontent.com/Lumither/friends/master/friends.json');
- const listLength = list.length;
- const listMaxIdx = listLength - 1;
- const listIsOdd = listLength % 2 !== 0;
-
- return (
-
-
-
-
-
{ 'Though far apart, kin at heart' }
-
-
-
- {
- list.map((friend: any, key: number) => (
-
-
-
-
-
-
-
{ friend['title'] }
- { (friend['name'] === undefined || friend['name'].isNull) ??
-
{ `@ ${ friend['name'] }` }
}
- { (friend['desc'] === undefined || friend['desc'].isNull) ??
-
{ friend['desc'] }
}
-
-
-
-
-
-
- ))
- }
-
-
-
-
想要成为好伙伴嘛，向
-
-
-
- { children }
-
-
-
-
-
-
- {
- String((children as any)['props']['children']).replace(/\n$/, '')
- }
-
-
- );
- } else {
- return (
-
-
- { children }
-
-
- );
- }
- }
- } }
- >
- {
- children as any
- }
-
-
(
- [
- [ 'sm', 640 ],
- [ 'md', 768 ],
- [ 'lg', 1024 ],
- [ 'xl', 1280 ],
- [ '2xl', 2536 ]
- ]
-);
-
-export const useScreenSizeTrigger = (size: number | string) => {
- const criticalSize = (typeof size === 'string') ? (screenSize.get(size) ?? 768) : size;
-
- const [ isCritical, setIsCritical ] = useState(false);
- useEffect(() => {
- const updateMobileWidth = () => {
- if (window.innerWidth < criticalSize) {
- setIsCritical(true);
- } else {
- setIsCritical(false);
- }
- };
- updateMobileWidth();
- window.addEventListener('resize', updateMobileWidth);
- return () => {
- window.removeEventListener('resize', updateMobileWidth);
- };
-
- });
-
- return isCritical;
-
-};
diff --git a/frontend/app/(pages)/public/type/Result.ts b/frontend/app/(pages)/public/type/Result.ts
deleted file mode 100644
index e9c21ba..0000000
--- a/frontend/app/(pages)/public/type/Result.ts
+++ /dev/null
@@ -1,7 +0,0 @@
-export type Result = {
- ok: true;
- value: T;
-} | {
- ok: false;
- error: E;
-};
diff --git a/frontend/app/(pages)/search/page.tsx b/frontend/app/(pages)/search/page.tsx
deleted file mode 100644
index 95732b9..0000000
--- a/frontend/app/(pages)/search/page.tsx
+++ /dev/null
@@ -1,13 +0,0 @@
-import React from 'react';
-import ConstructionPlaceHolder from '@/components/ConstructionPlaceHolder';
-
-const Search = () => {
- return (
-
-
-
- );
-};
-
-export default Search;
diff --git a/frontend/app/Activities.tsx b/frontend/app/Activities.tsx
deleted file mode 100644
index 2d5294d..0000000
--- a/frontend/app/Activities.tsx
+++ /dev/null
@@ -1,43 +0,0 @@
-import React, { useEffect, useState } from 'react';
-import { Activity } from '@/src/HomePageActivities/activity';
-import { getGhActivities } from '@/src/HomePageActivities/ghActivity';
-import * as motion from 'motion/react-client';
-
-const Activities = () => {
-
- const [ activities, setActivities ] = useState(null);
-
- useEffect(() => {
- getGhActivities().then(data => setActivities(data));
- }, []);
-
- if (!activities) {
- return (
-
- );
- } else {
- return (
-
-
- { activities.map((activity, key) => (
-
-
- { activity.toElement() }
-
-
- )) }
-
-
- { children }
-
-
-
- );
-}
diff --git a/frontend/app/page.tsx b/frontend/app/page.tsx
deleted file mode 100644
index bcd8567..0000000
--- a/frontend/app/page.tsx
+++ /dev/null
@@ -1,51 +0,0 @@
-'use client';
-
-import React from 'react';
-import { useScreenSizeTrigger } from '@/app/(pages)/public/screenSizeTrigger';
-import { Button } from '@nextui-org/react';
-import { entries } from '@/app/entries';
-import Link from 'next/link';
-import { useLocalStorage } from 'react-use';
-
-export default function Home() {
-
- const isMobile = useScreenSizeTrigger('lg');
-
- const [ test, setTest, removeTest ] = useLocalStorage('test', 'test_value');
- console.log(test);
- // setTest('test value 2');
- // console.log(test);
- // removeTest();
- // console.log(test);
-
- return (
-
-
- {
- entries.map((meta, key) => (
-
-
- { meta.icon }
- { meta.display_name }
-
-
- ))
- }
-
-
-
- { children }
-
- );
-}
diff --git a/frontend/components/ConstructionPlaceHolder.tsx b/frontend/components/ConstructionPlaceHolder.tsx
deleted file mode 100644
index 803d41a..0000000
--- a/frontend/components/ConstructionPlaceHolder.tsx
+++ /dev/null
@@ -1,13 +0,0 @@
-import React from 'react';
-
-const ConstructionPlaceHolder = () => {
- return (
-
- );
-};
-
-export default ConstructionPlaceHolder;
diff --git a/frontend/components/Footer.tsx b/frontend/components/Footer.tsx
deleted file mode 100644
index 5036a02..0000000
--- a/frontend/components/Footer.tsx
+++ /dev/null
@@ -1,25 +0,0 @@
-import React from 'react';
-import Link from 'next/link';
-import { IoLogoGithub } from 'react-icons/io5';
-
-const Footer = () => {
- return (
-
-
-
- © 2024-{ new Date().getFullYear() }
-
- Powered by Next.js and Rust, built with passion and love
-
-
-
-
-
-
-
-
-
-
-
Lumither Tao
-
Ad Astra
-
-
-
-
-
- {
- connections.map((conn, key) => (
-
-
- { conn.icon }
-
-
- ))
-
- }
-
-
-
-
-
- {
- entries.map((meta, key) => (
-
-
- { meta.icon }
- { meta.display_name }
-
-
- ))
- }
-
-
-
-
-
-
-
-
-
-
-
-
- { switcherElements.get(currTheme.values().next().value as string)?.icon }
-
- { switcherElements.get(currTheme.values().next().value as string)?.display_name }
-
-
-
-
- {
- setCurrTheme(new Set([ anchorKey as string ]));
- setTheme(anchorKey as string);
- } }
-
- >
-
-
-
- //
-
-
- { `Stared GitHub repository '${ this.repoName }'` }
-
-
-
- );
- }
-}
diff --git a/frontend/src/HomePageActivities/ghActivity.tsx b/frontend/src/HomePageActivities/ghActivity.tsx
deleted file mode 100644
index 689a6ad..0000000
--- a/frontend/src/HomePageActivities/ghActivity.tsx
+++ /dev/null
@@ -1,32 +0,0 @@
-import { GhActivity } from '@/src/HomePageActivities/activity';
-import { match } from 'ts-pattern';
-import { StarRepo } from '@/src/HomePageActivities/ghActivities/starRepo';
-import { GH_USER_NAME } from '@/src/HomePageActivities/constants';
-
-
-export const getGhActivities: () => Promise = async () => {
- const data = await fetch(`https://api.github.com/users/${ GH_USER_NAME }/events`, {
- headers: {
- 'Accept': 'application/vnd.github+json',
- 'X-GitHub-Api-Version': '2022-11-28'
- }
- });
- return data
- .json()
- .then((ret: any): GhActivity[] => (
- ret
- .map((res: any) => (
- match(res)
- .returnType()
- // star repo
- .with(
- { type: 'WatchEvent', payload: { action: 'started' } }
- , () => (
- new StarRepo(res.repo.name, res.repo.url, res.created_at)
- ))
- // to be continued
- .otherwise(() => undefined))
- )
- .filter((res: GhActivity | undefined) => res !== undefined)
- ));
-};
\ No newline at end of file
diff --git a/frontend/src/components/router-head/router-head.tsx b/frontend/src/components/router-head/router-head.tsx
new file mode 100644
index 0000000..da5b68f
--- /dev/null
+++ b/frontend/src/components/router-head/router-head.tsx
@@ -0,0 +1,48 @@
+import { component$ } from "@builder.io/qwik";
+import { useDocumentHead, useLocation } from "@builder.io/qwik-city";
+
+/**
+ * The RouterHead component is placed inside of the document `` element.
+ */
+export const RouterHead = component$(() => {
+ const head = useDocumentHead();
+ const loc = useLocation();
+
+ return (
+ <>
+ {head.title}
+
+ component,
+ * immediately followed by the document's and .
+ *
+ * Don't remove the `` and `` elements.
+ */
+
+ return (
+
+
+
+ );
+});
diff --git a/frontend/src/routes/index.tsx b/frontend/src/routes/index.tsx
new file mode 100644
index 0000000..4fb7a52
--- /dev/null
+++ b/frontend/src/routes/index.tsx
@@ -0,0 +1,25 @@
+import { component$ } from "@builder.io/qwik";
+import type { DocumentHead } from "@builder.io/qwik-city";
+
+export default component$(() => {
+ return (
+ <>
+ Hi 👋
+
+ Can't wait to see what you build with qwik!
+
+
+ );
+});
+
+export const head: DocumentHead = {
+ title: "Welcome to Qwik",
+ meta: [
+ {
+ name: "description",
+ content: "Qwik site description",
+ },
+ ],
+};
diff --git a/frontend/src/routes/layout.tsx b/frontend/src/routes/layout.tsx
new file mode 100644
index 0000000..f799e42
--- /dev/null
+++ b/frontend/src/routes/layout.tsx
@@ -0,0 +1,17 @@
+import { component$, Slot } from "@builder.io/qwik";
+import type { RequestHandler } from "@builder.io/qwik-city";
+
+export const onGet: RequestHandler = async ({ cacheControl }) => {
+ // Control caching for this request for best performance and to reduce hosting costs:
+ // https://qwik.dev/docs/caching/
+ cacheControl({
+ // Always serve a cached response by default, up to a week stale
+ staleWhileRevalidate: 60 * 60 * 24 * 7,
+ // Max once every 5 seconds, revalidate on the server to get a fresh version of this page
+ maxAge: 5,
+ });
+};
+
+export default component$(() => {
+ return ;
+const { dependencies = {}, devDependencies = {} } = pkg as any as {
+ dependencies: PkgDep;
+ devDependencies: PkgDep;
+ [key: string]: unknown;
+};
+errorOnDuplicatesPkgDeps(devDependencies, dependencies);
+
+/**
+ * Note that Vite normally starts from `index.html` but the qwikCity plugin makes start at `src/entry.ssr.tsx` instead.
+ */
+export default defineConfig(({ command, mode }): UserConfig => {
+ return {
+ plugins: [qwikCity(), qwikVite(), tsconfigPaths()],
+ // This tells Vite which dependencies to pre-build in dev mode.
+ optimizeDeps: {
+ // Put problematic deps that break bundling here, mostly those with binaries.
+ // For example ['better-sqlite3'] if you use that in server functions.
+ exclude: [],
+ },
+
+ /**
+ * This is an advanced setting. It improves the bundling of your server code. To use it, make sure you understand when your consumed packages are dependencies or dev dependencies. (otherwise things will break in production)
+ */
+ // ssr:
+ // command === "build" && mode === "production"
+ // ? {
+ // // All dev dependencies should be bundled in the server build
+ // noExternal: Object.keys(devDependencies),
+ // // Anything marked as a dependency will not be bundled
+ // // These should only be production binary deps (including deps of deps), CLI deps, and their module graph
+ // // If a dep-of-dep needs to be external, add it here
+ // // For example, if something uses `bcrypt` but you don't have it as a dep, you can write
+ // // external: [...Object.keys(dependencies), 'bcrypt']
+ // external: Object.keys(dependencies),
+ // }
+ // : undefined,
+
+ server: {
+ headers: {
+ // Don't cache the server response in dev mode
+ "Cache-Control": "public, max-age=0",
+ },
+ },
+ preview: {
+ headers: {
+ // Do cache the server response in preview (non-adapter production build)
+ "Cache-Control": "public, max-age=600",
+ },
+ },
+ };
+});
+
+// *** utils ***
+
+/**
+ * Function to identify duplicate dependencies and throw an error
+ * @param {Object} devDependencies - List of development dependencies
+ * @param {Object} dependencies - List of production dependencies
+ */
+function errorOnDuplicatesPkgDeps(
+ devDependencies: PkgDep,
+ dependencies: PkgDep,
+) {
+ let msg = "";
+ // Create an array 'duplicateDeps' by filtering devDependencies.
+ // If a dependency also exists in dependencies, it is considered a duplicate.
+ const duplicateDeps = Object.keys(devDependencies).filter(
+ (dep) => dependencies[dep],
+ );
+
+ // include any known qwik packages
+ const qwikPkg = Object.keys(dependencies).filter((value) =>
+ /qwik/i.test(value),
+ );
+
+ // any errors for missing "qwik-city-plan"
+ // [PLUGIN_ERROR]: Invalid module "@qwik-city-plan" is not a valid package
+ msg = `Move qwik packages ${qwikPkg.join(", ")} to devDependencies`;
+
+ if (qwikPkg.length > 0) {
+ throw new Error(msg);
+ }
+
+ // Format the error message with the duplicates list.
+ // The `join` function is used to represent the elements of the 'duplicateDeps' array as a comma-separated string.
+ msg = `
+ Warning: The dependency "${duplicateDeps.join(", ")}" is listed in both "devDependencies" and "dependencies".
+ Please move the duplicated dependencies to "devDependencies" only and remove it from "dependencies"
+ `;
+
+ // Throw an error with the constructed message.
+ if (duplicateDeps.length > 0) {
+ throw new Error(msg);
+ }
+}