Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/andrewmaksimchuk/links

Save links
https://github.com/andrewmaksimchuk/links

bun cookie hono htmx jsx ogp sqlite3 typescript

Last synced: 13 days ago
JSON representation

Save links

Awesome Lists containing this project

README

        

# Links

![screenshot of user dashboard - main page](screenshot_dashboard.png)

![screenshot of user settings](screenshot_settings.png)

## Resources

- [bun](https://bun.sh/docs/api/sqlite)
- [hono](https://hono.dev/docs/guides/jsx)
- [HTMX](https://htmx.org/reference/#attributes)
- [Pico.css](https://picocss.com/docs)
- [alpine.js](https://alpinejs.dev/start-here)
- [The Open Graph protocol](https://ogp.me/)
- [open-graph-scraper](https://www.npmjs.com/package/open-graph-scraper)

### Resources for tests

- [hono cookie](https://github.com/honojs/hono/blob/main/src/helper/cookie/index.test.ts)
- [hono context](https://github.com/honojs/hono/blob/main/src/context.test.ts)

## Debug

Log every event that htmx triggers:

```javascript
htmx.logAll();
```

In chromium base browser in console, what events
a DOM element is firing to use as a trigger:

```javascript
monitorEvents(htmx.find("#theElement"));
```

[List of supported URLs: **routes**](service.router.tsx#L21)
[Commands for import user data to database: **import.sql.bash**](import.sql.bash)

## Example open graph protocol

```html
The Rock (1996)

(528) Bullet Ricochets in Slow Motion! - YouTube

```