url-metadata
Version:
Request a url and scrape the metadata from its HTML using Node.js or the browser.
44 lines (38 loc) • 1.18 kB
text/typescript
import urlMetadata from 'url-metadata';
import './style.css'
import typescriptLogo from './typescript.svg'
import viteLogo from '/vite.svg'
import { setupCounter } from './counter.ts'
(async function () {
try {
const url = './metadata.html'
const metadata = await urlMetadata(url, {
mode: 'same-origin',
includeResponseBody: true
});
console.log('metdata fetched:', metadata);
} catch(err) {
console.log(err);
}
})();
document.querySelector<HTMLDivElement>('#app')!.innerHTML = `
<div>
<a href="https://vite.dev" target="_blank">
<img src="${viteLogo}" class="logo" alt="Vite logo" />
</a>
<a href="https://www.typescriptlang.org/" target="_blank">
<img src="${typescriptLogo}" class="logo vanilla" alt="TypeScript logo" />
</a>
<h1>Vite + TypeScript</h1>
<div class="card">
<button id="counter" type="button"></button>
</div>
<p class="read-the-docs">
Check the console for metadata!
</p>
<p class="read-the-docs">
Click on the Vite and TypeScript logos to learn more about them
</p>
</div>
`
setupCounter(document.querySelector<HTMLButtonElement>('#counter')!)