Search

plotLinkeDOMSRRExample

@stevekrouse

An interactive, runnable TypeScript val by stevekrouse

HTTP

import * as Plot from "npm:@observablehq/plot@0.6.14";

import { d3 } from "npm:d3@7";

import { parseHTML } from "npm:linkedom@0.15";

export default async function() {

const document = parseHTML("<a>").document;

TanStackBlogToRSS

@vogelino

TanStack Blog to RSS Handy microservice/library to convert the TanStack Blog into an RSS Feed. Froked from curtcox/markdown_dowload. The idea is to generate an RSS feed from a blog or page that doesn't provide its own. I takes the logic of the forked val, which is to convert any URL to markdown, and places it into an RSS feed for easy subscription in feed.ly. 👇 --- ORIGINAL README -- 👇 Introductory blog post: https://taras.glek.net/post/markdown.download/ Package: https://jsr.io/@tarasglek/markdown-download Features Apply readability Further convert article into markdown to simplify it Allow webpages to be viewable as markdown via curl Serve markdown converted to html to browsers Extract youtube subtitles Source https://github.com/tarasglek/markdown-download https://www.val.town/v/taras/markdown_download License: MIT Usage: https://markdown.download/ + URL Dev: https://val.markdown.download/ + URL

HTTP

import buildRSSFeedString from "https://esm.town/v/vogelino/buildRSSFeedString";

import { DOMParser } from "npm:linkedom@0.16.10";

function response(message: string, contentType = "text/markdown"): Response {

const headers = new Headers();

scrape2md

@taras

This is a deno/valtown port in progress of https://github.com/tarasglek/scrape2md License: MIT Handy script to scrape various data sources into markdown. Intended to feed llms in https://chatcraft.org Usage: https://taras-scrape2md.web.val.run/ + URL_TO_SCRAPE Or just visit in browser and paste your url TODO https://chatcraft.org/api/share/tarasglek/IDYChVAilfePgVZb_T5pH POST from browser https://www.val.town/v/nbbaier/valToGH sync to github Metadata for use with https://github.com/tarasglek/valtown2js: { "typeCheck": false, "mappings": { "https://esm.sh/linkedom": { "name": "linkedom", "version": "^0.16.8" } }, "package": { "name": "scrape2md", "version": "1.0.0", "devDependencies": { "@types/turndown": "^5.0.4" } } }

HTTP

"mappings": {

"https://esm.sh/linkedom": {

"name": "linkedom",

"version": "^0.16.8"

import { isProbablyReaderable, Readability } from "npm:@mozilla/readability@^0.5.0";

import { DOMParser } from "npm:linkedom@0.16.10";

import { marked } from "npm:marked@12.0.1";

markdown_download

@yawnxyz

markdown.download Handy microservice/library to convert various data sources into markdown. Intended to make it easier to consume the web in ereaders https://jsr.io/@tarasglek/markdown-download Features Apply readability Further convert article into markdown to simplify it Allow webpages to be viewable as markdown via curl Serve markdown converted to html to browsers Extract youtube subtitles Source https://github.com/tarasglek/markdown-download https://www.val.town/v/taras/markdown_download License: MIT Usage: https://markdown.download/ + URL Dev: https://val.markdown.download/ + URL

HTTP

import { isProbablyReaderable, Readability } from "npm:@mozilla/readability@^0.5.0";

import { DOMParser } from "npm:linkedom@0.16.10";

import { marked } from "npm:marked@12.0.1";

import { getSubtitles } from "npm:youtube-captions-scraper@^2.0.1";

markdown_download

@curtcox

markdown.download Handy microservice/library to convert various data sources into markdown. Intended to make it easier to consume the web in ereaders Introductory blog post: https://taras.glek.net/post/markdown.download/ Package: https://jsr.io/@tarasglek/markdown-download Features Apply readability Further convert article into markdown to simplify it Allow webpages to be viewable as markdown via curl Serve markdown converted to html to browsers Extract youtube subtitles Source https://github.com/tarasglek/markdown-download https://www.val.town/v/taras/markdown_download License: MIT Usage: https://markdown.download/ + URL Dev: https://val.markdown.download/ + URL

HTTP

import { isProbablyReaderable, Readability } from "npm:@mozilla/readability@^0.5.0";

import { DOMParser } from "npm:linkedom@0.16.10";

import { marked } from "npm:marked@12.0.1";

import { getSubtitles } from "npm:youtube-captions-scraper@^2.0.1";

AtelierHarfangToRSS

@vogelino

Atelier Harfang to RSS Handy microservice/library to convert the projects of Atelier Harfang into an RSS Feed. Froked from curtcox/markdown_dowload. The idea is to generate an RSS feed from a blog or page that doesn't provide its own. I takes the logic of the forked val, which is to convert any URL to markdown, and places it into an RSS feed for easy subscription in feed.ly. 👇 --- ORIGINAL README -- 👇 Introductory blog post: https://taras.glek.net/post/markdown.download/ Package: https://jsr.io/@tarasglek/markdown-download Features Apply readability Further convert article into markdown to simplify it Allow webpages to be viewable as markdown via curl Serve markdown converted to html to browsers Extract youtube subtitles Source https://github.com/tarasglek/markdown-download https://www.val.town/v/taras/markdown_download License: MIT Usage: https://markdown.download/ + URL Dev: https://val.markdown.download/ + URL

HTTP

import { altelierHarfanfLastItems } from "https://esm.town/v/vogelino/altelierHarfanfLastItems";

import buildRSSFeedString from "https://esm.town/v/vogelino/buildRSSFeedString";

import { DOMParser } from "npm:linkedom@0.16.10";

function response(message: string, contentType = "text/markdown"): Response {

const headers = new Headers();

semanticSearchBlogPostPlot

@janpaul123

An interactive, runnable TypeScript val by janpaul123

HTTP

const Plot = await import("https://cdn.jsdelivr.net/npm/@observablehq/plot@0.6.14/+esm");

const d3 = await import("https://cdn.jsdelivr.net/npm/d3@7/+esm");

const { document } = await import("https://cdn.jsdelivr.net/npm/linkedom@0.15/+esm").then((

{ parseHTML: p },

) => p(`<a>`));

markdown_download

@taras

markdown.download Handy microservice/library to convert various data sources into markdown. Intended to make it easier to consume the web in ereaders Introductory blog post: https://taras.glek.net/post/markdown.download/ Package: https://jsr.io/@tarasglek/markdown-download Features Apply readability Further convert article into markdown to simplify it Allow webpages to be viewable as markdown via curl Serve markdown converted to html to browsers Extract youtube subtitles Can paste htmlContent in curl 'https://val.markdown.download/' -H 'content-type: application/x-www-form-urlencoded' --data-urlencode "htmlContent@$HOME/Downloads/oai-reference.html" Source https://github.com/tarasglek/markdown-download https://www.val.town/v/taras/markdown_download License: MIT Usage: https://markdown.download/ + URL Dev: https://val.markdown.download/ + URL

HTTP

import { isProbablyReaderable, Readability } from "npm:@mozilla/readability@^0.5.0";

import { DOMParser } from "npm:linkedom@0.16.10";

import { marked } from "npm:marked@12.0.1";

import { getSubtitles } from "npm:youtube-captions-scraper@^2.0.1";

webscrapeBareBonesTiki

@hurricanenate

Check Bare Bones Tiki to see when their sea light swizzles become available.

Cron

import { DOMParser, Node } from "https://esm.sh/linkedom@0.16.1";

import { email } from "https://esm.town/v/std/email?v=9";

import { fetchText } from "https://esm.town/v/stevekrouse/fetchText?v=5";

d3ChordDiagram

@fil

D3 Chord diagram Example taken from the D3 Gallery , and rendered (server-side) as a static SVG served through the web end point .

HTTP

// Import D3 and create a DOM document for server-side-rendering.

const d3 = await import("npm:d3");

const document = await import("https://esm.sh/linkedom@0.15").then((l) =>

l.parseHTML("<a>").document

// Data

beckerBarley

@fil

Becker’s Barley trellis SSR chart with Observable Plot This chart is rendered server-side by val.town, using Observable Plot, from data loaded from the GitHub API. For a more complete example, see https://www.val.town/v/fil.earthquakes. For information on this chart, see https://observablehq.com/@observablehq/plot-barley-trellis.

HTTP

const Plot = await import("https://cdn.jsdelivr.net/npm/@observablehq/plot@0.6.14/+esm");

const d3 = await import("https://cdn.jsdelivr.net/npm/d3@7/+esm");

const { document } = await import("https://cdn.jsdelivr.net/npm/linkedom@0.15/+esm").then((

{ parseHTML: p },

) => p(`<a>`));

earthquakes

@fil

Earthquake map 🌏 This val loads earthquake data from USGS, a topojson file for the land shape, and supporting libraries. It then creates a map and save it as a SVG string. The result is cached for a day. Note that we must strive to keep it under val.town’s limit of 100kB, hence the heavy simplification of the land shape. (For a simpler example, see becker barley .) | | | |-----|-----| | Web page | https://fil-earthquakes.web.val.run/ | | Observable Plot | https://observablehq.com/plot/ | | linkedom | https://github.com/WebReflection/linkedom | | topojson | https://github.com/topojson/topojson | | earthquakes | https://earthquake.usgs.gov | | world | https://observablehq.com/@visionscarto/world-atlas-topojson | | css | https://milligram.io/ |

3 2

HTTP

| Observable Plot | https://observablehq.com/plot/ |

| linkedom | https://github.com/WebReflection/linkedom |

| topojson | https://github.com/topojson/topojson |

let [Plot, { document }, topojson, quakes, world] = await Promise.all([

import("https://cdn.jsdelivr.net/npm/@observablehq/plot@0.6.14/+esm"),

import("https://cdn.jsdelivr.net/npm/linkedom@0.15/+esm").then((l) => l.parseHTML("<a>")),

import("https://cdn.jsdelivr.net/npm/topojson@3/+esm"),

fetch(dataUrl).then((r) => r.json()),

link_of_the_day

@robik

An interactive, runnable TypeScript val by robik

Script

export async function link_of_the_day() {

const rawResponse = await retrieve_pocket({

state: "unread",

detailType: "simple",

console.log(rawResponse);

const unreadLinks = Object.values(rawResponse.list);

const randomNumber = Math.round(Math.random() * unreadLinks.length);

const chosenLink = unreadLinks[randomNumber];

const today = new Intl.DateTimeFormat("it-IT", {

year: "numeric",

MyFooter

@leomp12

Fork this if you want to share random vals from your likes in your projects!

HTTP

Fork this if you want to share random vals from your likes in your projects!

const USERNAME = extractValInfo(import.meta.url).author;

const hello = Deno.env.get("HELLO_WORLD");

export async function MyFooter(logo = valTownLogoAuto) {

const recommendation = rootValRef().handle === USERNAME

? html`<span class="recommends">${await recommends()}</span>`

return html`

Made by

<a href="https://val.town/u/${USERNAME}" target="_blank">@${USERNAME}</a>