albert/albert.lol
1
0
Fork 0
mirror of https://github.com/skidoodle/albert.lol.git synced 2025-02-15 06:09:15 +01:00
Code Issues Projects Releases Packages Wiki Activity

.prettier

Browse source
This commit is contained in:
skidoodle 2023-04-11 01:38:43 +02:00
parent 7a5427ffc2
commit 17bf66129a
6 changed files with 22 additions and 17 deletions
Download patch file Download diff file Expand all files Collapse all files

3
.vscode/extensions.json vendored Normal file
View file

@ -0,0 +1,3 @@
{
"recommendations": ["numso.prettier-standard-vscode"]
}

28
readme.md
View file

@ -17,24 +17,26 @@ yarn dev
Create a `.env` file similar to [`.env.example`](https://github.com/skidoodle/albert.lol/blob/master/.env.example). Create a `.env` file similar to [`.env.example`](https://github.com/skidoodle/albert.lol/blob/master/.env.example).
### Prerequisites ### Prerequisites
1. Create an application in the [Spotify Developer Dashboard](https://developer.spotify.com/dashboard/) 1. Create an application in the [Spotify Developer Dashboard](https://developer.spotify.com/dashboard/)
- Click on the `Edit settings` button - Click on the `Edit settings` button
- Set the `Redirect URIs` to a convenient location <sup>_(doesn't matter)_</sup> - Set the `Redirect URIs` to a convenient location <sup>_(doesn't matter)_</sup>
- Save the given `Client ID` along with the `Client Secret` - Save the given `Client ID` along with the `Client Secret`
2. Retrieve the access code 2. Retrieve the access code
- Visit the following URL after replacing `$CLIENT_ID`, `$SCOPE`, and `$REDIRECT_URI` - Visit the following URL after replacing `$CLIENT_ID`, `$SCOPE`, and `$REDIRECT_URI`
```url ```url
https://accounts.spotify.com/authorize?response_type=code&client_id=$CLIENT_ID&scope=$SCOPE&redirect_uri=$REDIRECT_URI https://accounts.spotify.com/authorize?response_type=code&client_id=$CLIENT_ID&scope=$SCOPE&redirect_uri=$REDIRECT_URI
``` ```
- You can choose scope(s) by visiting the [Spotify API docs](https://developer.spotify.com/documentation/general/guides/authorization/scopes/) - You can choose scope(s) by visiting the [Spotify API docs](https://developer.spotify.com/documentation/general/guides/authorization/scopes/)
3. Note `code` from the URL you were redirected to 3. Note `code` from the URL you were redirected to
4. Acquire your refresh token 4. Acquire your refresh token
- Run the following CURL command - Run the following CURL command
```sh ```sh
curl -X POST https://accounts.spotify.com/api/token -d "client_id=$CLIENT_ID&client_secret=$CLIENT_SECRET&grant_type=authorization_code&code=$CODE&redirect_uri=$REDIRECT_URI" curl -X POST https://accounts.spotify.com/api/token -d "client_id=$CLIENT_ID&client_secret=$CLIENT_SECRET&grant_type=authorization_code&code=$CODE&redirect_uri=$REDIRECT_URI"
``` ```
- Either replace or export the variables in your shell (`$CILENT_ID`, `$CLIENT_SECRET`, `$CODE`, and `$REDIRECT_URI`) - Either replace or export the variables in your shell (`$CILENT_ID`, `$CLIENT_SECRET`, `$CODE`, and `$REDIRECT_URI`)
5. Save `refresh_token` in your `.env` file as well as your `client_id` and `client_secret`. 5. Save `refresh_token` in your `.env` file as well as your `client_id` and `client_secret`.
## License ## License
[GPL-3.0](https://github.com/skidoodle/albert.lol/blob/master/license) [GPL-3.0](https://github.com/skidoodle/albert.lol/blob/master/license)

2
src/components/MainLayout.tsx
View file

@ -15,7 +15,7 @@ export const MainLayout = () => {
<p className='text-2xl text-gray-600 dark:text-gray-400 mt-2 font-semibold'> <p className='text-2xl text-gray-600 dark:text-gray-400 mt-2 font-semibold'>
{Math.floor( {Math.floor(
(new Date().getTime() - new Date('2004-07-22').getTime()) / (new Date().getTime() - new Date('2004-07-22').getTime()) /
(1000 * 60 * 60 * 24 * 365.25) (1000 * 60 * 60 * 24 * 365.25),
)} )}
-year-old system administrator -year-old system administrator
</p> </p>

2
src/pages/_app.tsx
View file

@ -10,7 +10,7 @@ const inter = Inter({
variable: '--font-inter', variable: '--font-inter',
}); });
export default function App({ Component, pageProps }: AppProps) { export default function App ({ Component, pageProps }: AppProps) {
return ( return (
<> <>
<Head> <Head>

2
src/pages/_document.tsx
View file

@ -1,6 +1,6 @@
import { Html, Head, Main, NextScript } from 'next/document'; import { Html, Head, Main, NextScript } from 'next/document';
export default function Document() { export default function Document () {
return ( return (
<Html lang='en'> <Html lang='en'>
<Head> <Head>

2
src/pages/index.tsx
View file

@ -1,6 +1,6 @@
import { MainLayout } from '@/components/MainLayout'; import { MainLayout } from '@/components/MainLayout';
export default function Home() { export default function Home () {
return ( return (
<> <>
<MainLayout /> <MainLayout />