Skip to content

Commit

Permalink
docs(README): restore and fix README
Browse files Browse the repository at this point in the history
  • Loading branch information
CostasAK committed Jan 10, 2024
1 parent 318db4c commit 1ebfa99
Showing 1 changed file with 27 additions and 133 deletions.
160 changes: 27 additions & 133 deletions README.md
Original file line number Diff line number Diff line change
@@ -1,135 +1,29 @@
# React + Vite

[![code style: prettier](https://img.shields.io/badge/code_style-prettier-ff69b4.svg?style=for-the-badge&logo=prettier)](https://github.com/prettier/prettier)
# [FFXIV Buddy <img src="public/apple-touch-icon.png" alt="" align="right">](https://ffxiv.kokke.eu/)

[![Website](https://img.shields.io/website?style=for-the-badge&url=https%3A%2F%2Fffxiv.kokke.eu)](https://ffxiv.kokke.eu/)
[![GitHub Workflow Status (branch)](https://img.shields.io/github/workflow/status/costasak/ffxiv-buddy/main.yml?style=for-the-badge&logo=vite&logoColor=%23646CFF)](https://github.com/CostasAK/ffxiv-buddy/actions/workflows/main.yml)
[![code style: prettier](https://img.shields.io/badge/code_style-prettier-ff69b4.svg?style=for-the-badge)](https://github.com/prettier/prettier)
[![GitHub](https://img.shields.io/github/license/costasak/ffxiv-buddy?style=for-the-badge)](https://github.com/CostasAK/ffxiv-buddy/blob/main/LICENSE)
[![Project Board](https://img.shields.io/badge/project-board-316DCA?style=for-the-badge&logo=github)](https://github.com/CostasAK/ffxiv-buddy/projects/2)
[![GitHub watchers](https://img.shields.io/github/watchers/costasak/ffxiv-buddy?style=for-the-badge&logo=github)](https://github.com/CostasAK/ffxiv-buddy)
[![GitHub forks](https://img.shields.io/github/forks/costasak/ffxiv-buddy?style=for-the-badge&logo=github)](https://github.com/CostasAK/ffxiv-buddy/network/members)
[![Stars](https://img.shields.io/github/stars/costasak/ffxiv-buddy?style=for-the-badge&logo=github)](https://github.com/CostasAK/ffxiv-buddy)
[![Ko-fi](https://img.shields.io/badge/support_me_on_ko--fi-F16061?style=for-the-badge&logo=kofi&logoColor=f5f5f5)](https://ko-fi.com/CostasAK)

This template provides a minimal setup to get React working in Vite with HMR and some ESLint rules.

## Contents

- [Contents](#contents)
- [Usage](#usage)
- [Project Setup](#project-setup)
- [Metadata](#metadata)
- [GitHub Pages](#github-pages)
- [Cloudflare Pages](#cloudflare-pages)
- [GitHub Repository Setup](#github-repository-setup)
- [Auto-merge Dependabot PRs](#auto-merge-dependabot-prs)
- [Main branch protection](#main-branch-protection)
- [Suggestions](#suggestions)

## Usage

Install pnpm, if you don't have it installed already

```sh
npm install -g pnpm
```

Scaffold the project, replacing `my-project` with your desired project name

```sh
pnpm dlx degit CostasAK/vite-react#main my-project
cd my-project
pnpm install
pnpm prepare
pnpm start
```

Use `#tailwindcss` instead of `#main` to have TailwindCSS included.

When committing changes, you should use `pnpm commit` instead of `git commit`. `pnpm commit` will help you write better commit messages to pass the commitlint rules.

### Project Setup

- [ ] Update `.github/CODEOWNERS`
- [ ] Update `.github/FUNDING.yml`
- [ ] Update assignee in `.github/dependabot.yml`

#### Metadata

- [ ] In `env/.env`, set the name and description for your app. These will be used in the HTML meta, openGraph, etc.
- [ ] In `public/oembed.json`, set the author info. oEmbed is used by Discord to create preview embeds.
- [ ] Update the `LICENCE` file.
- [ ] Update the package name in `package.json`.
- [ ] (Optional) Update `labels.json`. Add old names to aliases, such that labels are updated, instead of removed. If the labels are not automatically updated, manually run the `labels` workflow on `main`.

#### GitHub Pages

If Cloudflare Pages is not setup, pushes to `main` will trigger a workflow to publish to GitHub Pages. For it to work, the repository needs to be setup for GitHub Pages using Actions. You can set this by going to:

- [ ] Settings → Pages → Build and deployment → Source: GitHub Actions

#### Cloudflare Pages

Setting up the following secrets and variable will cause Cloudflare Pages to be used instead of GitHub Pages. Additionally, pull requests from branches in the repository will also trigger a Cloudflare Pages upload, so they can be previewed.

- Cloudflare Pages project name
- [ ] Secrets and variables → Actions → Variables → New repository variable → `CLOUDFLARE_PROJECTNAME`
- Cloudflare account ID
- [ ] Secrets and variables → Actions → New repository variable → `CLOUDFLARE_ACCOUNT_ID`
- [ ] Secrets and variables → Dependabot → New repository variable → `CLOUDFLARE_ACCOUNT_ID`
- Cloudflare API token
- [ ] Secrets and variables → Actions → New repository variable → `CLOUDFLARE_API_TOKEN`
- [ ] Secrets and variables → Dependabot → New repository variable → `CLOUDFLARE_API_TOKEN`

### GitHub Repository Setup

#### Auto-merge Dependabot PRs

To auto-merge PRs and to allow workflows to be triggered off of them, a PAT is needed with access to the repository and the following permissions:

- Repository permissions
- Read
- Metadata
- Read and Write
- Code
- Pull Requests
- Workflows

Once you have the token, set the following:

- Settings
- [ ] General → Pull Requests → Allow auto-merge
- [ ] Actions → General → Workflow permissions → Allow GitHub Actions to create and approve pull requests
- Secrets and variables
- Set your token in the following 2 places:
- [ ] Actions → New repository secret → `APPROVAL_TOKEN`
- [ ] Dependabot → New repository secret → `APPROVAL_TOKEN`
- Set the username of the actor of the token:
- [ ] Actions → Variables → New repository variable → `APPROVAL_ACTOR`

#### Main branch protection

These settings especially important when using auto-merge for Dependabot PRs.

- Settings
- Branches → Branch Protection Rule
- [ ] Branch name pattern: `main`
- Protect matching branches
- [ ] Require a pull request before merging
- [ ] Require approvals
- [ ] Dismiss stale pull request approvals when new commits are pushed
- [ ] Require review from Code Owners
- [ ] Require status checks to pass before merging → Require branches to be up to date before merging:
- [ ] `test`
- [ ] `lint`
- [ ] `format`
- [ ] `commitlint`
- [ ] Require conversation resolution before merging

## Suggestions

- [vite-plugin-pwa](https://github.com/antfu/vite-plugin-pwa)
- Tailwind CSS
- [Tailwind CSS Installation](https://tailwindcss.com/docs/installation)
- [clsx](https://github.com/lukeed/clsx)
- [twin.macro](https://github.com/ben-rogerson/twin.macro)
- [Iconify](https://icon-sets.iconify.design)
- Images
- [vite-plugin-image-presets](https://github.com/ElMassimo/vite-plugin-image-presets)
- Alternatively, install `pnpm install -D sharp`. Then remove the test setting from `ViteImageOptimizer()` in `vite.config.js`
- Fonts
- [vite-plugin-webfont-dl](https://github.com/feat-agency/vite-plugin-webfont-dl)
- [unplugin-fonts](https://github.com/cssninjaStudio/unplugin-fonts)
- [awesome-vite](https://github.com/vitejs/awesome-vite)
Timers, checklists and other helpers for Final Fantasy XIV, in your local time with countdowns.

## What it does

- Timers
- Shows upcoming events, followed by recurring events such as resets.
- Events are sorted by end or start time, depending on whether they are currently ongoing or not, respectively.
- Events disappear from the list once they are finished.
- Recurring events are sorted in order of occurrence from now.
- Recurring events are reset and re-ordered on each occurrence.
- Checklist
- Shows recurring tasks in order of completion, then occurrence.
- Shows when tasks are due.
- Lets you check tasks you have completed.
- Shows when completed tasks become available again.
- Completed tasks will automatically be reverted to incomplete when appropriate.
- Progress is saved in your browser.

0 comments on commit 1ebfa99

Please sign in to comment.