Compare commits
No commits in common. "main" and "v1.3.50" have entirely different histories.
37 changed files with 3131 additions and 2173 deletions
6
.vscode/extensions.json
vendored
6
.vscode/extensions.json
vendored
|
|
@ -1,8 +1,4 @@
|
|||
{
|
||||
"recommendations": [
|
||||
"astro-build.astro-vscode",
|
||||
"dbaeumer.vscode-eslint",
|
||||
"esbenp.prettier-vscode"
|
||||
],
|
||||
"recommendations": ["astro-build.astro-vscode"],
|
||||
"unwantedRecommendations": []
|
||||
}
|
||||
|
|
|
|||
32
README.md
32
README.md
|
|
@ -22,30 +22,12 @@ $ pnpm i
|
|||
|
||||
## Commands
|
||||
|
||||
| Command | Action |
|
||||
| ----------------------------- | ---------------------------------------------- |
|
||||
| `pnpm run dev` | start dev server |
|
||||
| `pnpm run build` | generate static files to `dist` directory |
|
||||
| `pnpm run deploy` | upload to my server |
|
||||
| `pnpm run prep:now` | back up and clear current `now page` constants |
|
||||
| `pnpm run patch:build:deploy` | increment version, build, then upload |
|
||||
|
||||
## Testing
|
||||
|
||||
This project uses Vitest for unit tests. The test script is defined in `package.json` as `vitest run .`.
|
||||
|
||||
Run tests locally with pnpm (recommended):
|
||||
|
||||
```bash
|
||||
# install dependencies (if you haven't already)
|
||||
pnpm i
|
||||
|
||||
# run tests once
|
||||
pnpm test
|
||||
|
||||
# run Vitest in interactive/watch mode
|
||||
pnpm exec vitest
|
||||
```
|
||||
| Command | Action |
|
||||
| ------------------- | ---------------------------------------------- |
|
||||
| `pnpm run dev` | start dev server |
|
||||
| `pnpm run build` | generate static files to `dist` directory |
|
||||
| `pnpm run deploy` | upload to my server |
|
||||
| `pnpm run prep:now` | back up and clear current `now page` constants |
|
||||
|
||||
## Deployment
|
||||
|
||||
|
|
@ -64,7 +46,7 @@ If you want to run build before deploying, do `npm run build:deploy`
|
|||
|
||||
## Auto-mirror to various code forges
|
||||
|
||||
I push this project to three different code forges, because I'm paranoid like that. No, I just like to show off. I do this with a post-commit hook that automatically calls `git push <repo> --mirror`, and you can see that in the `.husky/post-commit` file.
|
||||
The power of git lies within its decentralized nature. I push this project to three different code forges, because I'm paranoid like that. No, I just like to show off. I do this with a post-commit hook that automatically calls `git push <repo> --mirror`, and you can see that in the `.husky/post-commit` file.
|
||||
|
||||
---
|
||||
|
||||
|
|
|
|||
|
|
@ -13,7 +13,7 @@ import GithubStats from 'astro-github-stats'
|
|||
<p>Embed GitHub stats on your Astro page</p>
|
||||
<ul>
|
||||
<li>
|
||||
GitHub repo: <a href="https://ayco.io/gh/astro-github-stats"
|
||||
GitHub repo: <a href="https://github.com/ayoayco/astro-github-stats"
|
||||
>astro-github-stats</a
|
||||
>
|
||||
</li>
|
||||
|
|
|
|||
|
|
@ -2,7 +2,6 @@
|
|||
import { defineConfig } from 'astro/config'
|
||||
import serviceWorker from '@ayco/astro-sw'
|
||||
import sitemap from '@astrojs/sitemap'
|
||||
import { viteStaticCopy } from 'vite-plugin-static-copy'
|
||||
|
||||
import * as data from './package.json'
|
||||
|
||||
|
|
@ -22,10 +21,6 @@ export default defineConfig({
|
|||
assetCachePrefix: 'ayco-personal-site',
|
||||
assetCacheVersionID: data.version,
|
||||
logAssets: true,
|
||||
include: [
|
||||
'/wc/node_modules/web-component-base/dist/index.js',
|
||||
'/wc/node_modules/@ayo-run/status-indicator/dist/status-indicator.js',
|
||||
],
|
||||
esbuild: {
|
||||
minify: true,
|
||||
},
|
||||
|
|
@ -43,20 +38,4 @@ export default defineConfig({
|
|||
},
|
||||
}),
|
||||
],
|
||||
vite: {
|
||||
plugins: [
|
||||
viteStaticCopy({
|
||||
targets: [
|
||||
{
|
||||
src: './node_modules/web-component-base/dist/index.js',
|
||||
dest: 'wc',
|
||||
},
|
||||
{
|
||||
src: './node_modules/@ayo-run/status-indicator/dist/status-indicator.js',
|
||||
dest: 'wc',
|
||||
},
|
||||
],
|
||||
}),
|
||||
],
|
||||
},
|
||||
})
|
||||
|
|
|
|||
|
|
@ -5,7 +5,7 @@ import tseslint from 'typescript-eslint'
|
|||
import astroSwGlobals from '@ayco/astro-sw/globals'
|
||||
import astroParser from 'astro-eslint-parser'
|
||||
|
||||
import { includeIgnoreFile } from '@eslint/config-helpers'
|
||||
import { includeIgnoreFile } from '@eslint/compat'
|
||||
import path from 'node:path'
|
||||
import { fileURLToPath } from 'node:url'
|
||||
|
||||
|
|
|
|||
69
package.json
69
package.json
|
|
@ -1,7 +1,7 @@
|
|||
{
|
||||
"name": "@ayco/personal-website",
|
||||
"type": "module",
|
||||
"version": "1.3.81",
|
||||
"version": "1.3.50",
|
||||
"private": true,
|
||||
"scripts": {
|
||||
"astro": "astro",
|
||||
|
|
@ -10,69 +10,58 @@
|
|||
"build": "astro telemetry disable && astro build",
|
||||
"preview": "astro preview",
|
||||
"lint": "eslint . --config eslint.config.mjs --cache",
|
||||
"lint:fix": "eslint . --config eslint.config.mjs --fix",
|
||||
"fmt": "prettier . --config prettier.config.mjs --check",
|
||||
"fmt:fix": "prettier . --config prettier.config.mjs --write",
|
||||
"check": "npm run fmt && npm run lint",
|
||||
"deploy": "eval $(grep '^HOST' .env) && scp -r dist ayo@$HOST:~/ayco.io-flask",
|
||||
"patch:build:deploy": "npm version patch && npm run build && npm run deploy",
|
||||
"pbd": "npm run patch:build:deploy",
|
||||
"format": "prettier . --write",
|
||||
"check": "npm run format && npm run lint",
|
||||
"predeploy": "npm version patch && npm run build",
|
||||
"deploy": "npm run predeploy && eval $(grep '^HOST' .env) && scp -r dist ayo@$HOST:~/ayco.io-flask",
|
||||
"build:preview": "npm run build && astro preview",
|
||||
"build:deploy": "npm run build && npm run deploy",
|
||||
"copy:dist": "npm run build && cp -R dist ../ayco.io-flask/",
|
||||
"prepare": "husky",
|
||||
"prep:now": "npx jiti ./commands/prep-now.js",
|
||||
"test": "vitest run ."
|
||||
"prep:now": "npx jiti ./commands/prep-now.js"
|
||||
},
|
||||
"devDependencies": {
|
||||
"@astrojs/sitemap": "^3.7.2",
|
||||
"@ayco/astro-sw": "^1.0.0",
|
||||
"@eslint/compat": "^2.1.0",
|
||||
"@eslint/config-helpers": "^0.6.0",
|
||||
"@astro-reactive/form": "^0.10.1",
|
||||
"@astro-reactive/validator": "^0.5.1",
|
||||
"@astrojs/sitemap": "^3.7.0",
|
||||
"@ayco/astro-sw": "^0.8.14",
|
||||
"@eslint/compat": "^2.0.2",
|
||||
"@eslint/js": "^10.0.1",
|
||||
"@iconify-json/mdi": "^1.2.3",
|
||||
"@iconify-json/simple-icons": "^1.2.82",
|
||||
"@iconify-json/tabler": "^1.2.35",
|
||||
"@typescript-eslint/parser": "^8.59.3",
|
||||
"astro": "^6.3.3",
|
||||
"astro-eslint-parser": "^1.4.0",
|
||||
"@iconify-json/simple-icons": "^1.2.71",
|
||||
"@iconify-json/tabler": "^1.2.27",
|
||||
"@typescript-eslint/parser": "^8.56.0",
|
||||
"astro": "^5.17.3",
|
||||
"astro-eslint-parser": "^1.3.0",
|
||||
"astro-github-stats": "^0.8.0",
|
||||
"astro-icon": "^1.1.5",
|
||||
"consola": "^3.4.2",
|
||||
"eslint": "^10.4.0",
|
||||
"eslint-plugin-astro": "^1.7.0",
|
||||
"eslint": "^10.0.1",
|
||||
"eslint-plugin-astro": "^1.6.0",
|
||||
"eslint-plugin-jsx-a11y": "^6.10.2",
|
||||
"globals": "^17.6.0",
|
||||
"globals": "^17.3.0",
|
||||
"husky": "^9.1.7",
|
||||
"jiti": "^2.7.0",
|
||||
"lint-staged": "^17.0.4",
|
||||
"jiti": "^2.6.1",
|
||||
"lint-staged": "^16.2.7",
|
||||
"pathe": "^2.0.3",
|
||||
"prettier": "^3.8.3",
|
||||
"prettier": "^3.8.1",
|
||||
"prettier-plugin-astro": "^0.14.1",
|
||||
"rehype-stringify": "^10.0.1",
|
||||
"remark-parse": "^11.0.0",
|
||||
"remark-rehype": "^11.1.2",
|
||||
"sharp": "^0.34.5",
|
||||
"tslib": "^2.8.1",
|
||||
"typescript": "^6.0.3",
|
||||
"typescript-eslint": "^8.59.3",
|
||||
"unified": "^11.0.5",
|
||||
"vite-plugin-static-copy": "^4.1.0",
|
||||
"vitest": "^4.1.7",
|
||||
"vitest-dom": "^0.1.1"
|
||||
"typescript": "^5.9.3",
|
||||
"typescript-eslint": "^8.56.0",
|
||||
"unified": "^11.0.5"
|
||||
},
|
||||
"lint-staged": {
|
||||
"*.{js,mjs,astro,ts}": [
|
||||
"prettier . --config prettier.config.mjs --write",
|
||||
"eslint . --config eslint.config.mjs --fix"
|
||||
"prettier --write",
|
||||
"eslint --fix"
|
||||
],
|
||||
"*.json": [
|
||||
"prettier . --config prettier.config.mjs --write"
|
||||
"prettier --write"
|
||||
]
|
||||
},
|
||||
"packageManager": "pnpm@11.5.2+sha512.71c631e382066efc25625d5cf029075de07b61b37f6e27350fbd84b1bda5864c8c1967adc280776b45c30a715c0359a3be08fef42d5bb09e2b99029979692916",
|
||||
"dependencies": {
|
||||
"@ayo-run/status-indicator": "^2.1.2",
|
||||
"web-component-base": "^4.1.2"
|
||||
}
|
||||
"packageManager": "pnpm@10.14.0"
|
||||
}
|
||||
|
|
|
|||
4417
pnpm-lock.yaml
4417
pnpm-lock.yaml
File diff suppressed because it is too large
Load diff
|
|
@ -1,4 +0,0 @@
|
|||
allowBuilds:
|
||||
esbuild: false
|
||||
sharp: false
|
||||
web-component-base: false
|
||||
Binary file not shown.
BIN
public/ayo-2025-sm.png
Normal file
BIN
public/ayo-2025-sm.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 15 KiB |
BIN
public/ayo-2025.jpg
Normal file
BIN
public/ayo-2025.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 305 KiB |
BIN
public/ayo-sm.png
Normal file
BIN
public/ayo-sm.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 13 KiB |
|
|
@ -1,13 +0,0 @@
|
|||
-----BEGIN PGP PUBLIC KEY BLOCK-----
|
||||
|
||||
mDMEahs0NhYJKwYBBAHaRw8BAQdAV2CfblniKxklPgW9eYt2gBl0jMHLwtjrQaY+
|
||||
BQoWdIa0FkF5byBBeWNvIDxheW9AYXljby5pbz6ImQQTFgoAQRYhBBfxPV6P9zcr
|
||||
E1RcOGXmv2QVKTxlBQJqGzQ2AhsDBQkB4TOABQsJCAcCAiICBhUKCQgLAgQWAgMB
|
||||
Ah4HAheAAAoJEGXmv2QVKTxlIeYA/2WLvkDapBbVmGXoACAhqcTN93/CoPyzUbhN
|
||||
hHE6mmAUAQDHsgCHmh3S/Rn4NRE3Gb41kiPTBWHrlYLTj3Kiw0ASB7g4BGobNDYS
|
||||
CisGAQQBl1UBBQEBB0C6OEKEIPLaNDOM6JYhvvq0Q4Mk/B1eyZBKF/b4fQvlGgMB
|
||||
CAeIfgQYFgoAJhYhBBfxPV6P9zcrE1RcOGXmv2QVKTxlBQJqGzQ2AhsMBQkB4TOA
|
||||
AAoJEGXmv2QVKTxlMSQBAP5ta1kUFp3HAYwcun8qmoiVq1dEJSN1LnI7HlX4ucTl
|
||||
AP0YLC768PFTBm9CM5T1BE0xjJ7s4dZSrVoI4n8RSe1nCA==
|
||||
=MTsv
|
||||
-----END PGP PUBLIC KEY BLOCK-----
|
||||
BIN
public/screenshot.png
Normal file
BIN
public/screenshot.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 504 KiB |
|
|
@ -45,7 +45,7 @@ const year = new Date().getFullYear()
|
|||
<p>
|
||||
Copyright © 2022-{year}
|
||||
<a href="/">Ayo Ayco</a>. This website <a
|
||||
href="https://v1.ayos.blog/stopped-tracking-on-my-sites"
|
||||
href="https://ayos.blog/stopped-tracking-on-my-sites"
|
||||
>does not track users</a
|
||||
>. See the <a href="https://git.ayo.run/ayo/ayco.io-astro">source code.</a>
|
||||
</p>
|
||||
|
|
|
|||
|
|
@ -54,19 +54,4 @@ const baseURL = Astro.site?.toString().slice(0, -1) // ?? 'https://ayo.ayco.io'
|
|||
<link rel="icon" href="favicon.svg" />
|
||||
<link rel="mask-icon" href="mask-icon.svg" color="#000000" />
|
||||
<link rel="apple-touch-icon" href="apple-touch-icon.png" />
|
||||
|
||||
<!-- Web Components -->
|
||||
<script type="importmap">
|
||||
{
|
||||
"imports": {
|
||||
"web-component-base": "/wc/node_modules/web-component-base/dist/index.js",
|
||||
"status-indicator": "/wc/node_modules/@ayo-run/status-indicator/dist/status-indicator.js"
|
||||
}
|
||||
}
|
||||
</script>
|
||||
<script type="module">
|
||||
// importing is enough to register the elements
|
||||
// eslint-disable-next-line
|
||||
import StatusIndicator from 'status-indicator'
|
||||
</script>
|
||||
</head>
|
||||
|
|
|
|||
|
|
@ -1,7 +0,0 @@
|
|||
{
|
||||
"title": "BACK AT IT",
|
||||
"description": "",
|
||||
"publishDate": "2026-02-22",
|
||||
"publishedOn": "the 22nd day of February 2026",
|
||||
"publishState": ""
|
||||
}
|
||||
|
|
@ -1,9 +0,0 @@
|
|||
Hello! Been a while!
|
||||
|
||||
Yes, I'm getting back to some of my shelved side projects like <a href="https://ayco.io/gh/mcfly#readme">McFly</a> and <a href="https://ayco.io/gh/astro-sw#readme">Astro SW</a>.
|
||||
|
||||
Why were they shelved, you ask?
|
||||
|
||||
Well, that's a story for another time.
|
||||
|
||||
You can <a href="https://ayco.io/gh">Follow me on GitHub</a> to see my activities on these projects if that's your thing. :)
|
||||
|
|
@ -1,7 +0,0 @@
|
|||
{
|
||||
"title": "Joining the Elk team, speaking my mind",
|
||||
"description": "",
|
||||
"publishDate": "2026-04-11",
|
||||
"publishedOn": "a sunny 11th day of April",
|
||||
"publishState": "in my home in Amsterdam"
|
||||
}
|
||||
|
|
@ -1,23 +0,0 @@
|
|||
Aaaaah summer feels today. Bugs all buzzing and
|
||||
|
||||
All the darkness are fading and people who lived most of their lives in the tropics but emigrated to less sunny places become friendlier and nicer.
|
||||
|
||||
BUT NOT ME! 😡
|
||||
|
||||
kidding. 😅
|
||||
|
||||
Anyway... I have [joined the team](https://github.com/elk-zone/elk/pull/3594) behind [Elk](https://elk.zone) where I continue to be the bottle of sunshine that I am.
|
||||
|
||||
Kidding again.
|
||||
|
||||
...where I try to be more annoying than usual and tag @everyone in our Discord server. That's it. That's me now.
|
||||
|
||||
Also I have been smothering my [threads](https://ayo.ayco.io/threads) page with my deepest darkest thoughts -- and people either like it or not. That's how it is really. It's probably gonna be written on my grave: "HIS THOUGHTS SUCK"
|
||||
|
||||
...though honestly I have been getting more responses of validation and new connections that I have a feeling maybe I have been touching on something.... true???
|
||||
|
||||
Only time will tell. As my therapist said: these thoughts will not matter in 5 years.
|
||||
|
||||
...because they will be deleted.
|
||||
|
||||
Kidding!
|
||||
|
|
@ -47,7 +47,7 @@ export const footerLinks: Link[] = [
|
|||
},
|
||||
{
|
||||
text: 'GitHub',
|
||||
url: 'https://ayco.io/gh',
|
||||
url: 'https://github.com/ayo-run',
|
||||
icon: 'github',
|
||||
},
|
||||
{
|
||||
|
|
@ -57,7 +57,7 @@ export const footerLinks: Link[] = [
|
|||
},
|
||||
{
|
||||
text: 'Mastodon',
|
||||
url: 'https://main.elk.zone/m.webtoo.ls/@ayo',
|
||||
url: 'https://main.elk.zone/social.ayco.io/@ayo',
|
||||
icon: 'mastodon',
|
||||
},
|
||||
{
|
||||
|
|
|
|||
|
|
@ -1,7 +1,7 @@
|
|||
{
|
||||
"title": "Social Web & Web Components",
|
||||
"description": "Getting into discussions about improving the social web & building components",
|
||||
"publishDate": "2026-05-12",
|
||||
"publishedOn": "",
|
||||
"title": "BACK AT IT",
|
||||
"description": "",
|
||||
"publishDate": "2026-02-22",
|
||||
"publishedOn": "the 22nd day of February 2026",
|
||||
"publishState": ""
|
||||
}
|
||||
|
|
|
|||
|
|
@ -1,13 +1,9 @@
|
|||
I bought a pull-up bar, and in addition to a few barbells at home, I am starting to have a mini gym.
|
||||
Hello! Been a while!
|
||||
|
||||
Super happy that I am getting healthier as I build my workout routines.
|
||||
Yes, I'm getting back to some of my shelved side projects like <a href="https://github.com/ayoayco/mcfly#readme">McFly</a> and <a href="https://github.com/ayoayco/astro-sw#readme">Astro SW</a>.
|
||||
|
||||
To keep my mind sharp, I find it helpful to have several hobby things I can get back to from time to time.
|
||||
Why were they shelved, you ask?
|
||||
|
||||
I am in a few discussions for exploring some things in the open social web. Details can come later as they become more concrete.
|
||||
Well, that's a story for another time.
|
||||
|
||||
Soft launch of my own newsletter is up on the canary version of my blog: https://main.ayos.blog/subscribe -- because email is the first decentralized social platform. Let's explore that idea more in the coming months.
|
||||
|
||||
I'm also back on my webcomponents main arc, after some side quests in self-hosting & machine learning.
|
||||
|
||||
Links to come later. Cheers!
|
||||
You can <a href="https://github.com/ayoayco">Follow me on GitHub</a> to see my activities on these projects if that's your thing. :)
|
||||
|
|
|
|||
|
|
@ -15,7 +15,7 @@ import { getImage } from 'astro:assets'
|
|||
|
||||
// fetch mastodon account
|
||||
const response = await fetch(
|
||||
'https://m.webtoo.ls/api/v1/accounts/lookup?acct=ayo'
|
||||
'https://social.ayco.io/api/v1/accounts/lookup?acct=ayo'
|
||||
)
|
||||
const data = await response.json()
|
||||
const { avatar } = data
|
||||
|
|
@ -127,10 +127,10 @@ const ogFileType = 'image/png'
|
|||
}
|
||||
</style>
|
||||
<!-- Anonymous RUM for web perf by Cloudflare Web Analytics -->
|
||||
<!-- <script
|
||||
<script
|
||||
defer
|
||||
src="https://static.cloudflareinsights.com/beacon.min.js"
|
||||
data-cf-beacon='{"token": "a39ad600e67a4db8960c639d2552435c"}'></script> -->
|
||||
data-cf-beacon='{"token": "a39ad600e67a4db8960c639d2552435c"}'></script>
|
||||
<!-- End Cloudflare Web Analytics -->
|
||||
</body>
|
||||
</html>
|
||||
|
|
|
|||
|
|
@ -1,7 +1,3 @@
|
|||
.invisible {
|
||||
display: none;
|
||||
}
|
||||
|
||||
small {
|
||||
font-size: var(--font-size-sm);
|
||||
}
|
||||
|
|
|
|||
|
|
@ -19,26 +19,11 @@ import Footer from '../components/Footer.astro'
|
|||
target="_blank">iSAQB</a
|
||||
>.
|
||||
</p>
|
||||
<p>
|
||||
I have contributed software development expertise to
|
||||
<a href="http://infor.com">Infor</a>,
|
||||
<a href="https://www.priva.com/">Priva</a>,
|
||||
<a href="http://itc.uplb.edu.ph">UPLB</a>,
|
||||
<a href="http://dost.gov.ph">DOST</a>, and various government-funded
|
||||
projects such as
|
||||
<a href="http://noah.up.edu.ph">Project NOAH</a> — which consistently
|
||||
<a href="https://www.youtube.com/watch?v=LKrV6vtGZEA">saved lives</a>
|
||||
from natural hazards in
|
||||
<a href="https://www.officialgazette.gov.ph/programs/about-project-noah/">
|
||||
the Philippines
|
||||
</a>.
|
||||
</p>
|
||||
<p>
|
||||
In my spare time, I find it fun building <a href="/showcase">projects</a>,
|
||||
running self-hosted services at <a href="https://ayo.run">ayo.run</a>, and
|
||||
volunteering to <a
|
||||
href="https://v1.ayos.blog/why-fediverse/"
|
||||
target="_blank">Fediverse</a
|
||||
volunteering to <a href="https://ayos.blog/why-fediverse/" target="_blank"
|
||||
>Fediverse</a
|
||||
> projects like <a href="https://elk.zone">elk.zone</a>,
|
||||
<a href="https://m.webtoo.ls/public/local">webtoo.ls</a>, and <a
|
||||
href="https://m.webtoo.ls/@vitest">vitest's fedi presence</a
|
||||
|
|
@ -51,11 +36,10 @@ import Footer from '../components/Footer.astro'
|
|||
power of multi-generational & multi-cultural communities.
|
||||
</p>
|
||||
<h2 id="contact">Contact info</h2>
|
||||
<p>My inbox is open to everyone.</p>
|
||||
<ul>
|
||||
<li>✉️ Email: <a href="mailto:ayo@ayco.io">ayo@ayco.io</a></li>
|
||||
<li>
|
||||
✉️ Email me: <a href="mailto:ayo@ayco.io">ayo@ayco.io</a> ·
|
||||
<small> (<a href="/pgp">PGP key</a>)</small>
|
||||
👀 Fedi: <a href="https://social.ayco.io/@ayo">@ayo@ayco.io</a>
|
||||
</li>
|
||||
<li>
|
||||
💬 Signal: <a
|
||||
|
|
@ -63,15 +47,19 @@ import Footer from '../components/Footer.astro'
|
|||
>ayo.88</a
|
||||
>
|
||||
</li>
|
||||
<li>💬 Discord: ayo-run</li>
|
||||
<li>💬 Matrix: @ayoayco:matrix.org</li>
|
||||
<!--li>
|
||||
💬 Discord: <a href="https://discord.gg/kkvW7GYNAp">Ayo's Projects</a>
|
||||
</li-->
|
||||
<li>💬 Discord: ayoayco</li>
|
||||
</ul>
|
||||
</main>
|
||||
<Footer />
|
||||
|
||||
<style>
|
||||
ul {
|
||||
list-style: none;
|
||||
padding-left: 0;
|
||||
}
|
||||
</style>
|
||||
</Layout>
|
||||
|
||||
<style>
|
||||
ul {
|
||||
list-style: none;
|
||||
padding-left: 0;
|
||||
}
|
||||
</style>
|
||||
|
|
|
|||
|
|
@ -8,7 +8,7 @@ import { Picture } from 'astro:assets'
|
|||
|
||||
// fetch mastodon account
|
||||
const response = await fetch(
|
||||
'https://m.webtoo.ls/api/v1/accounts/lookup?acct=ayo'
|
||||
'https://social.ayco.io/api/v1/accounts/lookup?acct=ayo'
|
||||
)
|
||||
const data = await response.json()
|
||||
const { avatar, note } = data
|
||||
|
|
@ -18,7 +18,7 @@ const avatarSize = 150
|
|||
<Layout>
|
||||
<section class="highlighted-section">
|
||||
<div class="highlighted-section__content">
|
||||
<div class="invisible">
|
||||
<div style="display:none">
|
||||
<!-- h-card details -->
|
||||
<span class="p-name">Ayo Ayco</span>
|
||||
<a class="u-url u-uid" href="https://ayo.ayco.io">w</a>,
|
||||
|
|
@ -36,8 +36,8 @@ const avatarSize = 150
|
|||
<h1 title="Ayo Ayco | Software Engineer + Web Developer">
|
||||
Hi, I'm <span class="heavy-text">Ayo</span>!
|
||||
</h1>
|
||||
|
||||
<a href="/now" class="now-wrapper action primary">
|
||||
<!--a href="https://forms.ayo.run/form/tnz7FybY" class="now-wrapper"-->
|
||||
<a href="/now" class="now-wrapper">
|
||||
<span class="now-label">now</span>
|
||||
<span class="status">{now.title}</span>
|
||||
</a>
|
||||
|
|
@ -50,6 +50,9 @@ const avatarSize = 150
|
|||
I care about the <em>Web</em>, and I love to <em>create</em> stuff to <em
|
||||
>inspire</em
|
||||
> and <em>serve</em> others.
|
||||
<!--
|
||||
<a href="/about">More?</a>
|
||||
-->
|
||||
</p>
|
||||
</section>
|
||||
<section class="cards-section">
|
||||
|
|
@ -68,7 +71,6 @@ const avatarSize = 150
|
|||
</ul>
|
||||
</section>
|
||||
</main>
|
||||
|
||||
<Footer />
|
||||
</Layout>
|
||||
|
||||
|
|
@ -83,30 +85,14 @@ const avatarSize = 150
|
|||
color: white;
|
||||
}
|
||||
|
||||
.action {
|
||||
margin-right: 0.5rem;
|
||||
.now-wrapper {
|
||||
border: 1px solid rgba(255, 255, 255, 0.2);
|
||||
border-radius: 40px;
|
||||
padding: 8px 4px;
|
||||
font-weight: normal;
|
||||
color: white;
|
||||
font-size: var(--font-size-sm);
|
||||
text-decoration: none;
|
||||
font-weight: normal;
|
||||
|
||||
&.primary {
|
||||
border: 1px solid rgba(255, 255, 255, 0.2);
|
||||
border-radius: 40px;
|
||||
}
|
||||
}
|
||||
|
||||
.now-wrapper {
|
||||
display: inline-block;
|
||||
max-width: 390px;
|
||||
white-space: nowrap;
|
||||
overflow: clip;
|
||||
text-overflow: ellipsis;
|
||||
|
||||
.status {
|
||||
max-width: 300px;
|
||||
}
|
||||
}
|
||||
|
||||
.now-label {
|
||||
|
|
@ -206,7 +192,7 @@ const avatarSize = 150
|
|||
}
|
||||
|
||||
@media only screen and (max-device-width: 360px) {
|
||||
.action.primary {
|
||||
.now-wrapper {
|
||||
border: 0px;
|
||||
border-radius: 0;
|
||||
font-size: var(--font-size-sm);
|
||||
|
|
@ -237,12 +223,6 @@ const avatarSize = 150
|
|||
}
|
||||
|
||||
@media only screen and (min-device-width: 280px) and (max-device-width: 653px) {
|
||||
.action {
|
||||
display: block;
|
||||
}
|
||||
.now-wrapper {
|
||||
max-width: 600px;
|
||||
}
|
||||
.highlighted-section__content {
|
||||
padding: 1rem;
|
||||
}
|
||||
|
|
|
|||
|
|
@ -42,9 +42,10 @@ const description =
|
|||
</p>
|
||||
<p>
|
||||
In my spare time, I build side projects for people I love, like <a
|
||||
href="https://ayco.io/gh/mnswpr#readme"
|
||||
href="https://github.com/ayoayco/mnswpr#readme"
|
||||
target="_blank">mnswpr.com</a
|
||||
> and <a href="https://ayco.io/gh/twists-and-shapes-and-turns#readme"
|
||||
> and <a
|
||||
href="https://github.com/ayoayco/twists-and-shapes-and-turns#readme"
|
||||
>Kaboom!</a
|
||||
>
|
||||
</p>
|
||||
|
|
|
|||
|
|
@ -1,70 +0,0 @@
|
|||
---
|
||||
import Layout from '../../../../layouts/Layout.astro'
|
||||
import Footer from '../../../../components/Footer.astro'
|
||||
|
||||
const title = `BACK AT IT`
|
||||
const description = ``
|
||||
let publishedOn = `the 22nd day of February 2026`
|
||||
const publishDate = `2026-02-22`
|
||||
const publishState = ``
|
||||
const content = `<p>Hello! Been a while!</p>
|
||||
<p>Yes, I'm getting back to some of my shelved side projects like McFly and Astro SW.</p>
|
||||
<p>Why were they shelved, you ask?</p>
|
||||
<p>Well, that's a story for another time.</p>
|
||||
<p>You can Follow me on GitHub to see my activities on these projects if that's your thing. :)</p>`
|
||||
|
||||
publishedOn = publishedOn === '' ? publishDate : publishedOn
|
||||
---
|
||||
|
||||
<Layout title={title} description={description}>
|
||||
<main>
|
||||
<h1><span class="text-gradient">{title}</span></h1>
|
||||
<p>
|
||||
<small>
|
||||
Published on
|
||||
<time datetime={publishDate}>
|
||||
{publishedOn}
|
||||
</time>
|
||||
{publishState}
|
||||
</small>
|
||||
</p>
|
||||
|
||||
<Fragment set:html={content} />
|
||||
</main>
|
||||
<Footer />
|
||||
</Layout>
|
||||
|
||||
<style>
|
||||
.text-gradient {
|
||||
font-weight: 900;
|
||||
background-image: var(--ayo-gradient);
|
||||
animation: pulse 4s ease-in-out infinite;
|
||||
background-size: 500% 500%;
|
||||
-webkit-background-clip: text;
|
||||
-webkit-text-fill-color: transparent;
|
||||
background-size: 100% 200%;
|
||||
background-position-y: 100%;
|
||||
border-radius: 0.4rem;
|
||||
}
|
||||
|
||||
.highlighted-content {
|
||||
margin: 1rem 0;
|
||||
background: #4f39fa;
|
||||
padding: 1rem;
|
||||
border-radius: 0.4rem;
|
||||
color: var(--color-bg);
|
||||
}
|
||||
|
||||
.highlighted-content code {
|
||||
font-size: var(--font-size-base);
|
||||
border: 0.1em solid var(--color-border);
|
||||
border-radius: 4px;
|
||||
padding: 0.15em 0.25em;
|
||||
}
|
||||
|
||||
.link-card-grid {
|
||||
display: grid;
|
||||
gap: 1rem;
|
||||
padding: 0;
|
||||
}
|
||||
</style>
|
||||
|
|
@ -1,77 +0,0 @@
|
|||
---
|
||||
import Layout from '../../../../layouts/Layout.astro'
|
||||
import Footer from '../../../../components/Footer.astro'
|
||||
|
||||
const title = `Joining the Elk team, speaking my mind`
|
||||
const description = ``
|
||||
let publishedOn = `a sunny 11th day of April`
|
||||
const publishDate = `2026-04-11`
|
||||
const publishState = `in my home in Amsterdam`
|
||||
const content = `<p>Aaaaah summer feels today. Bugs all buzzing and</p>
|
||||
<p>All the darkness are fading and people who lived most of their lives in the tropics but emigrated to less sunny places become friendlier and nicer.</p>
|
||||
<p>BUT NOT ME! 😡</p>
|
||||
<p>kidding. 😅</p>
|
||||
<p>Anyway... I have <a href="https://github.com/elk-zone/elk/pull/3594">joined the team</a> behind <a href="https://elk.zone">Elk</a> where I continue to be the bottle of sunshine that I am.</p>
|
||||
<p>Kidding again.</p>
|
||||
<p>...where I try to be more annoying than usual and tag @everyone in our Discord server. That's it. That's me now.</p>
|
||||
<p>Also I have been smothering my <a href="https://ayo.ayco.io/threads">threads</a> page with my deepest darkest thoughts -- and people either like it or not. That's how it is really. It's probably gonna be written on my grave: "HIS THOUGHTS SUCK"</p>
|
||||
<p>...though honestly I have been getting more responses of validation and new connections that I have a feeling maybe I have been touching on something.... true???</p>
|
||||
<p>Only time will tell. As my therapist said: these thoughts will not matter in 5 years.</p>
|
||||
<p>...because they will be deleted.</p>
|
||||
<p>Kidding!</p>`
|
||||
|
||||
publishedOn = publishedOn === '' ? publishDate : publishedOn
|
||||
---
|
||||
|
||||
<Layout title={title} description={description}>
|
||||
<main>
|
||||
<h1><span class="text-gradient">{title}</span></h1>
|
||||
<p>
|
||||
<small>
|
||||
Published on
|
||||
<time datetime={publishDate}>
|
||||
{publishedOn}
|
||||
</time>
|
||||
{publishState}
|
||||
</small>
|
||||
</p>
|
||||
|
||||
<Fragment set:html={content} />
|
||||
</main>
|
||||
<Footer />
|
||||
</Layout>
|
||||
|
||||
<style>
|
||||
.text-gradient {
|
||||
font-weight: 900;
|
||||
background-image: var(--ayo-gradient);
|
||||
animation: pulse 4s ease-in-out infinite;
|
||||
background-size: 500% 500%;
|
||||
-webkit-background-clip: text;
|
||||
-webkit-text-fill-color: transparent;
|
||||
background-size: 100% 200%;
|
||||
background-position-y: 100%;
|
||||
border-radius: 0.4rem;
|
||||
}
|
||||
|
||||
.highlighted-content {
|
||||
margin: 1rem 0;
|
||||
background: #4f39fa;
|
||||
padding: 1rem;
|
||||
border-radius: 0.4rem;
|
||||
color: var(--color-bg);
|
||||
}
|
||||
|
||||
.highlighted-content code {
|
||||
font-size: var(--font-size-base);
|
||||
border: 0.1em solid var(--color-border);
|
||||
border-radius: 4px;
|
||||
padding: 0.15em 0.25em;
|
||||
}
|
||||
|
||||
.link-card-grid {
|
||||
display: grid;
|
||||
gap: 1rem;
|
||||
padding: 0;
|
||||
}
|
||||
</style>
|
||||
|
|
@ -1,132 +0,0 @@
|
|||
---
|
||||
import Layout from '../layouts/Layout.astro'
|
||||
import Footer from '../components/Footer.astro'
|
||||
|
||||
const title = 'PGP public key'
|
||||
const description =
|
||||
'Use to verify my digital signature or to encrypt messages intended only for me.'
|
||||
---
|
||||
|
||||
<Layout title={"Ayo's " + title} description={description}>
|
||||
<main>
|
||||
<h1>My {title}</h1>
|
||||
<p>{description}</p>
|
||||
|
||||
<div class="key-block" role="region" aria-labelledby="public-key">
|
||||
<div class="btn-wrapper">
|
||||
<button class="copy-btn btn" aria-label="Copy key to clipboard"
|
||||
>Copy</button
|
||||
>
|
||||
<a href="/publickey.asc" class="btn">Download</a>
|
||||
</div>
|
||||
<pre
|
||||
id="public-key"><code>
|
||||
-----BEGIN PGP PUBLIC KEY BLOCK-----
|
||||
|
||||
mDMEahs0NhYJKwYBBAHaRw8BAQdAV2CfblniKxklPgW9eYt2gBl0jMHLwtjrQaY+
|
||||
BQoWdIa0FkF5byBBeWNvIDxheW9AYXljby5pbz6ImQQTFgoAQRYhBBfxPV6P9zcr
|
||||
E1RcOGXmv2QVKTxlBQJqGzQ2AhsDBQkB4TOABQsJCAcCAiICBhUKCQgLAgQWAgMB
|
||||
Ah4HAheAAAoJEGXmv2QVKTxlIeYA/2WLvkDapBbVmGXoACAhqcTN93/CoPyzUbhN
|
||||
hHE6mmAUAQDHsgCHmh3S/Rn4NRE3Gb41kiPTBWHrlYLTj3Kiw0ASB7g4BGobNDYS
|
||||
CisGAQQBl1UBBQEBB0C6OEKEIPLaNDOM6JYhvvq0Q4Mk/B1eyZBKF/b4fQvlGgMB
|
||||
CAeIfgQYFgoAJhYhBBfxPV6P9zcrE1RcOGXmv2QVKTxlBQJqGzQ2AhsMBQkB4TOA
|
||||
AAoJEGXmv2QVKTxlMSQBAP5ta1kUFp3HAYwcun8qmoiVq1dEJSN1LnI7HlX4ucTl
|
||||
AP0YLC768PFTBm9CM5T1BE0xjJ7s4dZSrVoI4n8RSe1nCA==
|
||||
=MTsv
|
||||
-----END PGP PUBLIC KEY BLOCK-----
|
||||
</code></pre>
|
||||
</div>
|
||||
<p>Expiry Date: 2027-05-30</p>
|
||||
<p>
|
||||
Fingerprint: <code>17F1 3D5E 8FF7 372B 1354 5C38 65E6 BF64 1529 3C65</code
|
||||
>
|
||||
</p>
|
||||
|
||||
<p></p>
|
||||
</main>
|
||||
<Footer />
|
||||
</Layout>
|
||||
|
||||
<script>
|
||||
/* Clipboard copy logic */
|
||||
const copyBtn = document.querySelector('.copy-btn')
|
||||
if (copyBtn) {
|
||||
copyBtn.addEventListener('click', async () => {
|
||||
const keyText = (
|
||||
document.querySelector('#public-key code') as HTMLElement
|
||||
)?.innerText.trim()
|
||||
if (!keyText) return
|
||||
try {
|
||||
await navigator.clipboard.writeText(keyText)
|
||||
const btn = document.querySelector('.copy-btn')
|
||||
if (btn) {
|
||||
const original = btn.textContent
|
||||
btn.textContent = 'Copied!'
|
||||
setTimeout(() => {
|
||||
btn.textContent = original
|
||||
}, 2000)
|
||||
}
|
||||
} catch (err) {
|
||||
console.error('Copy failed', err)
|
||||
alert('Unable to copy the key. Please copy it manually.')
|
||||
}
|
||||
})
|
||||
}
|
||||
</script>
|
||||
|
||||
<style>
|
||||
code {
|
||||
font-size: var(--font-size-sm);
|
||||
}
|
||||
|
||||
.key-block {
|
||||
position: relative;
|
||||
background: #272822;
|
||||
color: #f8f8f2;
|
||||
font-family: monospace;
|
||||
font-size: 0.9rem;
|
||||
line-height: 1.4;
|
||||
padding: 1rem 1rem 1rem 1.5rem;
|
||||
border-radius: 4px;
|
||||
overflow-x: auto;
|
||||
white-space: pre-wrap;
|
||||
word-wrap: break-word;
|
||||
margin: 1em 0;
|
||||
}
|
||||
|
||||
.key-block code {
|
||||
display: block;
|
||||
}
|
||||
|
||||
/* buttons */
|
||||
.btn-wrapper {
|
||||
position: absolute;
|
||||
top: 0.5rem;
|
||||
right: 0.5rem;
|
||||
}
|
||||
|
||||
.btn {
|
||||
display: inline-block;
|
||||
position: relative;
|
||||
background: var(--color-brand-blue-1);
|
||||
color: #fff;
|
||||
border: none;
|
||||
border-radius: 4px;
|
||||
padding: 0.3rem 0.6rem;
|
||||
font-size: 0.8rem;
|
||||
cursor: pointer;
|
||||
opacity: 0.9;
|
||||
transition: opacity 0.2s;
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
.btn:hover,
|
||||
.btn:focus {
|
||||
opacity: 1;
|
||||
}
|
||||
|
||||
.btn:focus {
|
||||
outline: 2px solid #0056b3;
|
||||
outline-offset: 2px;
|
||||
}
|
||||
</style>
|
||||
|
|
@ -11,17 +11,11 @@ import Card from '../components/Card.astro'
|
|||
<main>
|
||||
<h1><span class="text-gradient">Hobby Projects</span></h1>
|
||||
<p>
|
||||
See more of my previous projects at <a
|
||||
href="https://v1.ayos.blog/projects">my blog</a
|
||||
See more of my previous projects at <a href="https://ayos.blog/projects"
|
||||
>my blog</a
|
||||
>.
|
||||
</p>
|
||||
<ul>
|
||||
<Card
|
||||
newTab
|
||||
href="https://status-indicator.webcomponent.io/"
|
||||
title="<status-indicator>"
|
||||
body="Colored circles that can pulse"
|
||||
/>
|
||||
<Card
|
||||
newTab
|
||||
href="https://git.ayo.run/ayo/simple-tts#readme"
|
||||
|
|
@ -30,7 +24,7 @@ import Card from '../components/Card.astro'
|
|||
/>
|
||||
<Card
|
||||
newTab
|
||||
href="https://git.ayo.run/ayo/mcfly#readme"
|
||||
href="https://mcfly.js.org"
|
||||
title="McFly"
|
||||
body="A meta-framework for building web experiences"
|
||||
/>
|
||||
|
|
|
|||
|
|
@ -1,7 +1,4 @@
|
|||
---
|
||||
/**
|
||||
* The code for /threads in production is in: https://git.ayo.run/ayo/threads
|
||||
*/
|
||||
import Layout from '../layouts/Layout.astro'
|
||||
import Footer from '../components/Footer.astro'
|
||||
|
||||
|
|
@ -9,10 +6,6 @@ const page = {
|
|||
title: "Ayo's Threads",
|
||||
description: 'Incubator for thoughts before the become a blog',
|
||||
}
|
||||
|
||||
console.warn(
|
||||
'The code for /threads in production is in: https://git.ayo.run/ayo/threads'
|
||||
)
|
||||
---
|
||||
|
||||
<Layout title={page.title} description={page.description}>
|
||||
|
|
@ -21,28 +14,6 @@ console.warn(
|
|||
|
||||
<p>{page.description}</p>
|
||||
<p>Visit the <a href="https://ayco.io/threads">page</a></p>
|
||||
<p>You're probably wondering how it works.</p>
|
||||
<p>
|
||||
What you are viewing now, is but a placeholder in the <a
|
||||
href="https://git.ayo.run/ayo/ayco.io-astro#readme"
|
||||
>static parts of my personal website.</a
|
||||
> This is not the full picture. There is a <a
|
||||
href="https://git.ayo.run/ayo/ayco.io-flask#readme">Flask server</a
|
||||
> serving the static assets who is also responsible for attaching dynamic parts
|
||||
/ blueprints like my <a href="https://git.ayo.run/ayo/threads#readme"
|
||||
>Threads</a
|
||||
> project.
|
||||
</p>
|
||||
<p>
|
||||
I built it that way, because Python serves as a good "glue" to put
|
||||
different parts together. Especially now with <em>LLMs</em>... where
|
||||
Python is probably their greatest strength.
|
||||
</p>
|
||||
<p>
|
||||
Anyway, for questions don't hesitate to <a
|
||||
href="https://ayo.ayco.io/about#contact">contact me</a
|
||||
>
|
||||
</p>
|
||||
</main>
|
||||
<Footer />
|
||||
</Layout>
|
||||
|
|
|
|||
|
|
@ -1,121 +0,0 @@
|
|||
import { readFileSync, writeFileSync, copyFileSync } from 'node:fs'
|
||||
import { fileURLToPath } from 'node:url'
|
||||
import { dirname, resolve } from 'node:path'
|
||||
|
||||
import { describe, it, expect, vi, beforeEach } from 'vitest'
|
||||
import { consola } from 'consola'
|
||||
|
||||
import newNow from '../commands/prep-now'
|
||||
|
||||
// Mock file system operations
|
||||
vi.mock('path', () => ({
|
||||
resolve: vi.fn(),
|
||||
readFileSync: vi.fn(),
|
||||
writeFileSync: vi.fn(),
|
||||
copyFileSync: vi.fn(),
|
||||
}))
|
||||
|
||||
// Mock consola
|
||||
vi.mock('consola', () => ({
|
||||
consola: {
|
||||
box: vi.fn(),
|
||||
start: vi.fn(),
|
||||
success: vi.fn(),
|
||||
fail: vi.fn(),
|
||||
error: vi.fn(),
|
||||
},
|
||||
}))
|
||||
|
||||
// Mock mdToHTML
|
||||
vi.mock('../command/md-to-html', () => ({
|
||||
mdToHTML: vi.fn(),
|
||||
}))
|
||||
|
||||
describe('prep-now', () => {
|
||||
// const mockNow = {
|
||||
// title: 'Test Title',
|
||||
// description: 'Test Description',
|
||||
// publishedOn: '2023-01-01',
|
||||
// publishDate: '2023-01-01',
|
||||
// publishState: 'draft',
|
||||
// content: '# Test Content',
|
||||
// }
|
||||
|
||||
beforeEach(() => {
|
||||
vi.clearAllMocks()
|
||||
vi.mocked(resolve).mockImplementation((...paths) => paths.join('/'))
|
||||
vi.mocked(readFileSync).mockReturnValue('template content')
|
||||
vi.mocked(writeFileSync).mockImplementation(() => {})
|
||||
vi.mocked(copyFileSync).mockImplementation(() => {})
|
||||
vi.mocked(consola.box).mockImplementation(() => {})
|
||||
vi.mocked(consola.start).mockImplementation(() => {})
|
||||
vi.mocked(consola.success).mockImplementation(() => {})
|
||||
vi.mocked(consola.fail).mockImplementation(() => {})
|
||||
vi.mocked(consola.error).mockImplementation(() => {})
|
||||
})
|
||||
|
||||
it('should create a new now page and clear the original files', async () => {
|
||||
// Mock the mdToHTML function
|
||||
const { mdToHTML } = await import('../utils/md-to-html')
|
||||
vi.mocked(mdToHTML).mockResolvedValue('<h1>Test Content</h1>')
|
||||
|
||||
// Mock file paths
|
||||
vi.mocked(resolve)
|
||||
.mockReturnValueOnce('/src/constants/now.md')
|
||||
.mockReturnValueOnce('/src/constants/now.json')
|
||||
.mockReturnValueOnce('/src/pages/now/and-then/posts/2023-01-01.astro')
|
||||
.mockReturnValueOnce('/src/constants/bkup/2023-01-01.md')
|
||||
.mockReturnValueOnce('/src/constants/bkup/2023-01-01.json')
|
||||
|
||||
// Mock file content
|
||||
vi.mocked(readFileSync)
|
||||
.mockReturnValueOnce('template content')
|
||||
.mockReturnValueOnce('# Test Content')
|
||||
|
||||
// Mock file paths
|
||||
const __filename = '/src/commands/prep-now.ts'
|
||||
const __dirname = '/src/commands'
|
||||
vi.mocked(fileURLToPath).mockReturnValue(__filename)
|
||||
vi.mocked(dirname).mockReturnValue(__dirname)
|
||||
|
||||
// Execute the function
|
||||
await newNow()
|
||||
|
||||
// Verify file operations
|
||||
expect(writeFileSync).toHaveBeenCalledTimes(2)
|
||||
expect(copyFileSync).toHaveBeenCalledTimes(2)
|
||||
expect(consola.success).toHaveBeenCalledWith('now.md cleared')
|
||||
expect(consola.success).toHaveBeenCalledWith(
|
||||
'You may now update your Now content and props.\n'
|
||||
)
|
||||
})
|
||||
|
||||
it('should handle errors gracefully', async () => {
|
||||
// Mock an error
|
||||
vi.mocked(writeFileSync).mockImplementation(() => {
|
||||
throw new Error('Write failed')
|
||||
})
|
||||
|
||||
// Mock file paths
|
||||
vi.mocked(resolve)
|
||||
.mockReturnValueOnce('/src/constants/now.md')
|
||||
.mockReturnValueOnce('/src/constants/now.json')
|
||||
.mockReturnValueOnce('/src/pages/now/and-then/posts/2023-01-01.astro')
|
||||
.mockReturnValueOnce('/src/constants/bkup/2023-01-01.md')
|
||||
.mockReturnValueOnce('/src/constants/bkup/2023-01-01.json')
|
||||
|
||||
// Mock file content
|
||||
vi.mocked(readFileSync)
|
||||
.mockReturnValueOnce('template content')
|
||||
.mockReturnValueOnce('# Test Content')
|
||||
|
||||
// Execute the function
|
||||
await newNow()
|
||||
|
||||
// Verify error handling
|
||||
expect(consola.fail).toHaveBeenCalledWith(
|
||||
'Failed to create a new post from Now'
|
||||
)
|
||||
expect(consola.error).toHaveBeenCalled()
|
||||
})
|
||||
})
|
||||
|
|
@ -1,91 +0,0 @@
|
|||
import { describe, it, expect, vi, beforeEach } from 'vitest'
|
||||
import { install } from 'vitest-dom'
|
||||
|
||||
// Install DOM environment for vitest
|
||||
install()
|
||||
|
||||
// Mock the service worker globals
|
||||
global.caches = {
|
||||
keys: vi.fn(),
|
||||
delete: vi.fn(),
|
||||
open: vi.fn(),
|
||||
match: vi.fn(),
|
||||
}
|
||||
|
||||
// Mock the global self object
|
||||
global.self = {
|
||||
skipWaiting: vi.fn(),
|
||||
addEventListener: vi.fn(),
|
||||
}
|
||||
|
||||
// Mock the fetch function
|
||||
global.fetch = vi.fn()
|
||||
|
||||
// Import the service worker module
|
||||
// Note: We need to use dynamic import to avoid module loading issues
|
||||
let swModule
|
||||
|
||||
beforeEach(async () => {
|
||||
// Clear all mocks
|
||||
vi.clearAllMocks()
|
||||
|
||||
// Mock the module
|
||||
swModule = await import('../src/sw.mjs')
|
||||
})
|
||||
|
||||
describe('Service Worker', () => {
|
||||
describe('cleanOldCaches', () => {
|
||||
it('should delete old caches', async () => {
|
||||
const cacheName = 'app-v000'
|
||||
const oldCacheName = 'app-v001'
|
||||
|
||||
global.caches.keys.mockResolvedValue([cacheName, oldCacheName])
|
||||
global.caches.delete.mockResolvedValue(true)
|
||||
|
||||
await swModule.cleanOldCaches()
|
||||
|
||||
expect(global.caches.delete).toHaveBeenCalledWith(oldCacheName)
|
||||
})
|
||||
})
|
||||
|
||||
describe('addResourcesToCache', () => {
|
||||
it('should add resources to cache', async () => {
|
||||
const resources = ['/index.html', '/style.css']
|
||||
const cache = { addAll: vi.fn() }
|
||||
|
||||
global.caches.open.mockResolvedValue(cache)
|
||||
|
||||
await swModule.addResourcesToCache(resources)
|
||||
|
||||
expect(cache.addAll).toHaveBeenCalledWith(resources)
|
||||
})
|
||||
})
|
||||
|
||||
describe('networkFirst', () => {
|
||||
it('should return network response when available', async () => {
|
||||
const request = new Request('/test')
|
||||
const networkResponse = new Response('network content')
|
||||
|
||||
global.fetch.mockResolvedValue(networkResponse)
|
||||
global.caches.open.mockResolvedValue({ put: vi.fn() })
|
||||
|
||||
const result = await swModule.networkFirst({ request })
|
||||
|
||||
expect(result).toEqual(networkResponse)
|
||||
})
|
||||
|
||||
it('should return cached response when network fails', async () => {
|
||||
const request = new Request('/test')
|
||||
const cachedResponse = new Response('cached content')
|
||||
|
||||
global.fetch.mockRejectedValue(new Error('Network error'))
|
||||
global.caches.open.mockResolvedValue({
|
||||
match: vi.fn().mockResolvedValue(cachedResponse),
|
||||
})
|
||||
|
||||
const result = await swModule.networkFirst({ request })
|
||||
|
||||
expect(result).toEqual(cachedResponse)
|
||||
})
|
||||
})
|
||||
})
|
||||
|
|
@ -1,14 +0,0 @@
|
|||
import { defineConfig } from 'vitest/config'
|
||||
|
||||
// Exclude generated files and heavy folders from the watcher to avoid
|
||||
// continuous re-runs when build output or other tools touch files.
|
||||
export default defineConfig({
|
||||
test: {
|
||||
globals: true,
|
||||
environment: 'node',
|
||||
exclude: ['dist/**', 'public/**', 'node_modules/**'],
|
||||
},
|
||||
watch: {
|
||||
exclude: ['dist/**', 'public/**', 'node_modules/**', '.git/**'],
|
||||
},
|
||||
})
|
||||
Loading…
Reference in a new issue