Val Town Code SearchReturn to Val Town

16}
17
18// Function to fetch package info from NPM registry
19async function fetchPackageInfo(packageName: string) {
20  const url = `https://registry.npmjs.org/${packageName}`;
21  const response = await fetch(url);
26}
27
28// Function to extract license information from package info
29function extractLicenseInfo(packageInfo: any): string {
30  if (typeof packageInfo.license === "string") {
31    return packageInfo.license;
37}
38
39// Function to extract and normalize GitHub repo URL from package info
40function extractGitHubRepoUrl(packageInfo: any): string {
41  const repository = packageInfo.repository;
42  if (repository) {
63}
64
65function extractRepoNameFromUrl(url: string): string {
66  const match = url.match(/githubusercontent\.com\/[^\/]+\/([^\/]+)/);
67  return match ? match[1] : "";
68}
69
70async function checkPackageLicenses(packageJsonUrl: string): Promise<{ licenses: PackageLicense[]; repoName: string }> {
71  try {
72    const response = await fetch(packageJsonUrl);
98}
99
100function generateLicenseTable(licenses: PackageLicense[]): string {
101  let table = "| Package | Version | License |\n|---------|---------|--------|\n";
102  licenses.forEach(({ name, version, license, repoUrl }) => {

16}
17
18// Function to fetch package info from NPM registry
19async function fetchPackageInfo(packageName: string) {
20  const url = `https://registry.npmjs.org/${packageName}`;
21  const response = await fetch(url);
26}
27
28// Function to extract GitHub repo URL from package info
29function extractGitHubRepoUrl(packageInfo: any): string | null {
30  const repository = packageInfo.repository;
31  if (repository && repository.url) {
38}
39
40// Function to get the GitHub repository path (owner/repo) from the URL
41function getGithubRepoPath(repoUrl: string): string | null {
42  const match = repoUrl.match(/github\.com\/([^\/]+\/[^\/]+)/);
43  return match ? match[1] : null;
44}
45
46async function getGithubReleases(repo: string): Promise<GithubRelease[]> {
47  const response = await fetch(`https://api.github.com/repos/${repo}/releases`);
48  if (!response.ok) {
52}
53
54function compareVersions(version1: string, version2: string): number {
55  const v1 = version1.replace(/^v/, "").split(".").map(Number);
56  const v2 = version2.replace(/^v/, "").split(".").map(Number);
63}
64
65async function getReleaseNotesBetweenVersions(repo: string, currentVersion: string): Promise<GithubRelease[]> {
66  const releases = await getGithubReleases(repo);
67
74}
75
76async function checkNpmUpdates(packageJsonUrl: string): Promise<string> {
77  try {
78    const response = await fetch(packageJsonUrl);

43} = tldraw;
44
45function MakeRealButton() {
46  const editor = useEditor();
47  const { addToast } = useToasts();
53      const { maxX, midY } = editor.getSelectionPageBounds();
54
55      const text = `export default async function main(req: Request): Promise<Response> {
56  return new Response("Hello, World!", {
57    headers: { "Content-Type": "text/plain" },
116}
117
118export function App() {
119  return (
120    <>
257];
258
259function getRotatedBoxShadow(rotation: number) {
260  const cssStrings = ROTATING_BOX_SHADOWS.map((shadow) => {
261    const { offsetX, offsetY, blur, spread, color } = shadow;

1import Anthropic from "npm:@anthropic-ai/sdk@0.24.3";
2
3export default async function(req: Request): Promise<Response> {
4  if (req.method === "OPTIONS") {
5    return new Response(null, {

35// Database querying.
36
37function parseResultSet<T>(row: ResultSet): T[] {
38  return row.rows.map((r) => Object.fromEntries(r.map((c, i) => [row.columns[i], c]))) as T[];
39}
67};
68
69// Client side javascript and template functions.
70
71const clientJavascript = async () => {
135  });
136
137  function createHeartBurst(event) {
138    const button = event.currentTarget;
139    const buttonContainer = button.closest(".heart-button-container");
174};
175
176function escapeHTML(html: string): string {
177  const escapeChars: { [char: string]: string } = {
178    "&": "&amp;",
408  let encoder = new TextEncoder();
409
410  function isValidSVG(svgString) {
411    const parser = new DOMParser({
412      errorHandler: {
488
489app.get("/:id/img.svg", async (c) => {
490  function addSVGNamespace(svgString) {
491    if (!/^<\?xml/.test(svgString)) svgString = "<?xml version=\"1.0\" encoding=\"UTF-8\"?>\n" + svgString;
492    if (!/xmlns="http:\/\/www.w3.org\/2000\/svg"/.test(svgString))

1A simple Discord Bot scaffolding, a slight rev on the one in the [valtown guide](https://docs.val.town/integrations/discord/how-to-make-a-discord-bot-hosted-24-7-for-free-in-/).
2
3The `discordBot` function takes in an object where each key is a Discord command and the value is a function to handle the command. If the function returns a `Promise`, it will be handled as a deferred interaction with a [followup message](https://discord.com/developers/docs/interactions/receiving-and-responding#followup-messages).
4
5Usage:

9 * @param val Define which val should open. Defaults to the root reference
10 */
11export function modifyHtmlString(
12  bodyText: string,
13  { val, style }: { val?: ValRef; style?: string } = {},
40 * @param val Define which val should open
41 */
42export function modifyFetchHandler(
43  handler: (req: Request) => Response | Promise<Response>,
44  { val, style }: { val?: ValRef; style?: string } = {},

49### Linking to the val
50
51These functions infer the val using the call stack or the request URL. If the inference isn't working, or if you want to ensure it links to a specific val, pass the `val` argument:
52
53- `modifyFetchHandler(handler, {val: { handle: "andre", name: "foo" }})`

49### Linking to the val
50
51These functions infer the val using the call stack or the request URL. If the inference isn't working, or if you want to ensure it links to a specific val, pass the `val` argument:
52
53- `modifyFetchHandler(handler, {val: { handle: "andre", name: "foo" }})`

9 * @param val Define which val should open. Defaults to the root reference.
10 */
11export function modifyHtmlString(
12  bodyText: string,
13  { val, style }: { val?: ValRef; style?: string } = {},
40 * @param val Define which val should open
41 */
42export function modifyFetchHandler(
43  handler: (req: Request) => Response | Promise<Response>,
44  { val, style }: { val?: ValRef; style?: string } = {},