How hoana2007/viewweb works
A small browser-based web-link directory: it loads links from a Google Apps Script endpoint, then lets visitors browse, search, open, copy, and track links. The tree contains only the HTML, JavaScript, and CSS files; the JavaScript supports the interactions and data flow shown here. The endpoint’s implementation and the HTML/CSS contents were not sampled, so their internal behavior is not inferred.
Main entry points: script.js Link cards · index.html Directory page
Components 15
Directory interface
- Directory page
index.html - Browser app
script.js
Link data
- Link data
script.js - Search and filter
script.js - Category chips
script.js - Link cards
script.js - Apps Script endpoint
Visitor actions
- Click tracking
script.js - Open link
script.js - Copy link
script.js - Toast message
script.js - Theme toggle
script.js
Other components
- Visitor
- Clipboard API
- Linked website
Connections 20
- Visitor → Directory page: uses
- Browser app → Apps Script endpoint: fetches links
- Browser app → Link data: starts loading
- Link data → Apps Script endpoint: posts clicks
- Link data → Category chips: renders
- Link data → Link cards: renders
- Visitor → Search and filter: enters search
- Visitor → Category chips: selects category
- Category chips → Search and filter: filters
- Search and filter → Link data: reads
- Search and filter → Link cards: renders matches
- Visitor → Link cards: selects action
- Link cards → Click tracking: tracks click
- Link cards → Open link: opens
- Open link → Click tracking: tracks click
- Open link → Linked website: opens tab
- Link cards → Copy link: copies link
- Copy link → Clipboard API: writes link
- Copy link → Toast message: shows confirmation
- Visitor → Theme toggle: toggles theme