Val Town Code Search

sitesUptimeMonitor README.md1 match

8
9<div align="center">
10<img src="https://imagedelivery.net/iHX6Ovru0O7AjmyT5yZRoA/67a1d35e-c37c-41a4-0e5a-03a9ba585d00/public" width="500px"/>
11</div>

tenderAmethystScallop main.tsx15 matches

@shubham02•Updated 4 months ago

4import { jsPDF } from "https://esm.sh/jspdf@2.5.1";
5
6function ImageToPDFConverter() {
7  const [size, setSize] = useState('A4');
8  const [customWidth, setCustomWidth] = useState('');
16
17  const handleConvert = () => {
18    const image = fileInputRef.current?.files?.[0];
19    if (!image) {
20      setResult('Please select an image');
21      return;
22    }
41      });
42
43      const img = new Image();
44      img.onload = () => {
45        pdf.addImage(img, 'JPEG', 0, 0, width, height);
46        const pdfFile = pdf.output('blob');
47        const link = document.createElement('a');
53      img.src = e.target.result as string;
54    };
55    reader.readAsDataURL(image);
56  };
57
58  return (
59    <div className="container">
60      <h2>Image to PDF Converter</h2>
61      <p>Convert your images to PDF files with specific sizes.</p>
62      <div className="mb-3">
63        <label htmlFor="imageInput" className="form-label">Select Image:</label>
64        <input 
65          className="form-control" 
66          type="file" 
67          id="imageInput" 
68          accept="image/*" 
69          ref={fileInputRef}
70        />
121        <meta charSet="UTF-8" />
122        <meta name="viewport" content="width=device-width, initial-scale=1.0" />
123        <title>Image to PDF Converter</title>
124        <link 
125          rel="stylesheet" 
130      <body>
131        <div id="root">
132          <ImageToPDFConverter />
133        </div>
134        <script 
152  if (root) {
153    import("https://esm.sh/react-dom@18.2.0/client").then(({ createRoot }) => {
154      createRoot(root).render(<ImageToPDFConverter />);
155    });
156  }

imagetopdf main.tsx15 matches

@shubham02•Updated 4 months ago

4import { jsPDF } from "https://esm.sh/jspdf@2.5.1";
5
6function ImageToPDFConverter() {
7  const [size, setSize] = useState('A4');
8  const [customWidth, setCustomWidth] = useState('');
16
17  const handleConvert = () => {
18    const image = fileInputRef.current?.files?.[0];
19    if (!image) {
20      setResult('Please select an image');
21      return;
22    }
41      });
42
43      const img = new Image();
44      img.onload = () => {
45        pdf.addImage(img, 'JPEG', 0, 0, width, height);
46        const pdfFile = pdf.output('blob');
47        const link = document.createElement('a');
53      img.src = e.target.result as string;
54    };
55    reader.readAsDataURL(image);
56  };
57
58  return (
59    <div className="container">
60      <h2>Image to PDF Converter</h2>
61      <p>Convert your images to PDF files with specific sizes.</p>
62      <div className="mb-3">
63        <label htmlFor="imageInput" className="form-label">Select Image:</label>
64        <input 
65          className="form-control" 
66          type="file" 
67          id="imageInput" 
68          accept="image/*" 
69          ref={fileInputRef}
70        />
121        <meta charSet="UTF-8" />
122        <meta name="viewport" content="width=device-width, initial-scale=1.0" />
123        <title>Image to PDF Converter</title>
124        <link 
125          rel="stylesheet" 
130      <body>
131        <div id="root">
132          <ImageToPDFConverter />
133        </div>
134        <script 
152  if (root) {
153    import("https://esm.sh/react-dom@18.2.0/client").then(({ createRoot }) => {
154      createRoot(root).render(<ImageToPDFConverter />);
155    });
156  }

blob_admin README.md1 match

@yeiko•Updated 4 months ago

3This is a lightweight Blob Admin interface to view and debug your Blob data.
4
5![Screenshot 2024-11-22 at 15.43.43@2x.png](https://imagedelivery.net/iHX6Ovru0O7AjmyT5yZRoA/d075a4ee-93ec-4cdd-4823-7c8aee593f00/public)
6
7Versions 0-17 of this val were done with Hono and server-rendering.

blob_admin main.tsx5 matches

@yeiko•Updated 4 months ago

440          {profile && (
441            <div className="flex items-center space-x-4">
442              <img src={profile.profileImageUrl} alt="Profile" className="w-8 h-8 rounded-full" />
443              <span>{profile.username}</span>
444              <a href="/auth/logout" className="text-blue-400 hover:text-blue-300">Logout</a>
583                            alt="Blob content"
584                            className="max-w-full h-auto"
585                            onError={() => console.error("Error loading image")}
586                          />
587                        </div>
635                  <li>Create public shareable links for blobs</li>
636                  <li>View and manage public folder</li>
637                  <li>Preview images directly in the interface</li>
638                </ul>
639              </div>
694  const { ValTown } = await import("npm:@valtown/sdk");
695  const vt = new ValTown();
696  const { email: authorEmail, profileImageUrl, username } = await vt.me.profile.retrieve();
697  // const authorEmail = me.email;
698
762
763  c.set("email", email);
764  c.set("profile", { profileImageUrl, username });
765  await next();
766};

valTownInspoList main.tsx21 matches

@rodrigotello•Updated 4 months ago

4  "description": "The data for this page was created by using Val Town as a CMS",
5  "val": "@rodrigotello.valTownInspoList",
6  image:
7    "https://air-prod.imgix.net/abff23bf-fc18-485f-a6b5-4a1c8b7f91ec.jpg?w=1200&h=2000&auto=compress&ixlib=react-9.5.4",
8}, {
10  "description": "Returns NASA's Astronomy Picture of the Day (APOD)",
11  "val": "@rodrigotello.nasaAPOD",
12  "image":
13    "https://air-prod.imgix.net/11ab8b2e-c052-4574-8341-96d5d74040cc.jpg?w=1200&h=2000&auto=compress&ixlib=react-9.5.4",
14}, {
16  "description": "Get email notifications any time an author you follow posts in Hacker News.",
17  "val": "@rodrigotello.hnFollow",
18  "image":
19    "https://air-prod.imgix.net/61e08fed-c77e-4a7b-9ae5-1efabb349574.jpg?w=1200&h=2000&auto=compress&ixlib=react-9.5.4",
20}, {
22  "description": "Get a GithHub users' public events",
23  "val": "@stevekrouse.githubEvents",
24  image:
25    "https://air-prod.imgix.net/3545d2cb-7cae-49d9-98b7-832428d2af34.jpg?w=1200&h=2000&auto=compress&ixlib=react-9.5.4",
26}, {
28  "description": "Track Twitter mentions and be alerted via email",
29  "val": "@stevekrouse.twitterAlert",
30  image:
31    "https://air-prod.imgix.net/4c81af31-0832-4c72-8afb-34ef23fa03c9.jpg?w=1200&h=2000&auto=compress&ixlib=react-9.5.4",
32}, {
35    "Get email alerts when the air quality is bad. Val created with much help from @russbiggs (Director of Technology at OpenAQ)",
36  "val": "@stevekrouse.aqi",
37  image:
38    "https://air-prod.imgix.net/1a21321c-2bb7-4aa8-8c26-eb58cf1787a2.jpg?w=1200&h=2000&auto=compress&ixlib=react-9.5.4",
39}, {
41  "description": "ChatGPT powered bot for the sole purpose of annoying friends on Bluesky.",
42  "val": "@ajax.annoy",
43  image:
44    "https://air-prod.imgix.net/d21d3c1f-99e9-4356-85ed-bc6d7746c867.jpg?w=1200&h=2000&auto=compress&ixlib=react-9.5.4",
45}, {
47  "description": "Get a venue calendar through Resy",
48  "val": "@rlesser.Resy_getVenueCalendar",
49  image:
50    "https://air-prod.imgix.net/cab68838-bc60-48a2-8b00-50f203ac303d.jpg?w=1200&h=2000&auto=compress&ixlib=react-9.5.4",
51}, {
53  "description": "Get an email when Bitcoin price changes more than 20%",
54  "val": "@stevekrouse.btcPriceAlert",
55  image:
56    "https://air-prod.imgix.net/0d6605d2-b3ab-4bcb-9cf4-06580c5007ee.jpg?w=1200&h=2000&auto=compress&ixlib=react-9.5.4",
57}, {
59  "description": "Your own RSS feed. Just create a list of the blogs you want to follow.",
60  "val": "@stevekrouse.pollRSSFeeds",
61  image:
62    "https://air-prod.imgix.net/9ad2b03e-ea41-4402-b18d-50df75f29d5e.jpg?w=1200&h=2000&auto=compress&ixlib=react-9.5.4",
63}, {
65  "description": "Check if your website (or any website) is down.",
66  "val": "@healeycodes.isMyWebsiteDown",
67  image:
68    "https://air-prod.imgix.net/c662747c-92cd-4e3a-ac91-1209f7cf6fb5.jpg?w=1200&h=2000&auto=compress&ixlib=react-9.5.4",
69}, {
71  "description": "Get emails with the open PRs that have't had any activity.",
72  "val": "@ramkarthik.staleGithubPRsEmail",
73  image:
74    "https://air-prod.imgix.net/640fc428-31a1-44b3-a9ac-4af8474fa867.jpg?w=1200&h=2000&auto=compress&ixlib=react-9.5.4",
75}, {
77  "description": "Track when your favorite products are back in stock.",
78  "val": "@Glench.wholeFoodsRSS",
79  image:
80    "https://air-prod.imgix.net/2ab8f2e0-3146-4c92-a4de-f0e49ef9e456.jpg?w=600&h=2000&auto=compress&ixlib=react-9.5.4",
81}, {
84    "Create a Discord welcome bot using scheduled vals. You can <a href=\"https://docs.val.town/integrations/discord/bot/\">read the full tutorial here</a>.",
85  "val": "@vtdocs.discordWelcomeBotCron",
86  image:
87    "https://air-prod.imgix.net/9286aea4-98c3-4c6e-aa45-537932a51dfb.jpg?w=600&h=2000&auto=compress&ixlib=react-9.5.4",
88}, {
90  "description": "Evaluate anything from Slack via Val Town and get results back right in Slack.",
91  "val": "@nate.slackapp",
92  image:
93    "https://air-prod.imgix.net/70698db9-7715-4092-bbc1-be51ad08ff28.jpg?w=1200&h=2000&auto=compress&ixlib=react-9.5.4",
94}, {
96  "description": "Create a super playlist from all your Spotify's Weekly Discovery",
97  "val": "@stevekrouse.spotifyArchiveDiscoverWeekly",
98  image:
99    "https://air-prod.imgix.net/78470f14-26f3-4733-863b-b0c0572769f3.jpg?w=1200&h=2000&auto=compress&ixlib=react-9.5.4",
100}, {
103    "Submit forms to Val Town using the Express API. <a href=\"https://docs.val.town/guides/save-html-form-data/\">Read full guide</a>.",
104  "val": "@vtdocs.renderFormAndSaveData",
105  image:
106    "https://air-prod.imgix.net/466437ed-3cf2-4305-8feb-b69413dc748e.jpg?w=1200&h=2000&auto=compress&ixlib=react-9.5.4",
107}, {
109  "description": "Get a dad joke in your inbox. Every. Day.",
110  "val": "@stevekrouse.sendDailyJoke",
111  image: "https://d2n7zzn8a1gueu.cloudfront.net/8e81fb86-5be8-44d8-9080-97f2979aa254.jpg",
112}, {
113  "title": "Create a webhook",
115    "Get realtime notifications. <a href=\"https://docs.val.town/guides/creating-a-webhook/\">Check the full guide</a>.",
116  "val": "@stevekrouse.handleDiscordNewUser",
117  image:
118    "https://air-prod.imgix.net/11aee64e-8d3d-4f13-9bb0-e1cef14bc74c.jpg?w=1200&h=2000&auto=compress&ixlib=react-9.5.4",
119}, {
121  "description": "Generate PDFs using val functions by using an external library like jsPDF",
122  "val": "@vtdocs.examplePDF",
123  image:
124    "https://air-prod.imgix.net/719430b6-eb81-4bfa-8c21-ba834840fb92.jpg?w=1200&h=2000&auto=compress&ixlib=react-9.5.4",
125}, {
128    "Get the current price of a stock. This val is useful in Google Sheets as a Google Finance alternative.",
129  "val": "@stevekrouse.stockPrice",
130  image: "https://d2n7zzn8a1gueu.cloudfront.net/5cecf177-4531-4cf5-8980-e15e06c60bd8.jpg",
131}];

valTownInspoList main.tsx21 matches

@charmaine•Updated 4 months ago

4  "description": "The data for this page was created by using Val Town as a CMS",
5  "val": "@rodrigotello.valTownInspoList",
6  image:
7    "https://air-prod.imgix.net/abff23bf-fc18-485f-a6b5-4a1c8b7f91ec.jpg?w=1200&h=2000&auto=compress&ixlib=react-9.5.4",
8}, {
10  "description": "Returns NASA's Astronomy Picture of the Day (APOD)",
11  "val": "@rodrigotello.nasaAPOD",
12  "image":
13    "https://air-prod.imgix.net/11ab8b2e-c052-4574-8341-96d5d74040cc.jpg?w=1200&h=2000&auto=compress&ixlib=react-9.5.4",
14}, {
16  "description": "Get email notifications any time an author you follow posts in Hacker News.",
17  "val": "@rodrigotello.hnFollow",
18  "image":
19    "https://air-prod.imgix.net/61e08fed-c77e-4a7b-9ae5-1efabb349574.jpg?w=1200&h=2000&auto=compress&ixlib=react-9.5.4",
20}, {
22  "description": "Get a GithHub users' public events",
23  "val": "@stevekrouse.githubEvents",
24  image:
25    "https://air-prod.imgix.net/3545d2cb-7cae-49d9-98b7-832428d2af34.jpg?w=1200&h=2000&auto=compress&ixlib=react-9.5.4",
26}, {
28  "description": "Track Twitter mentions and be alerted via email",
29  "val": "@stevekrouse.twitterAlert",
30  image:
31    "https://air-prod.imgix.net/4c81af31-0832-4c72-8afb-34ef23fa03c9.jpg?w=1200&h=2000&auto=compress&ixlib=react-9.5.4",
32}, {
35    "Get email alerts when the air quality is bad. Val created with much help from @russbiggs (Director of Technology at OpenAQ)",
36  "val": "@stevekrouse.aqi",
37  image:
38    "https://air-prod.imgix.net/1a21321c-2bb7-4aa8-8c26-eb58cf1787a2.jpg?w=1200&h=2000&auto=compress&ixlib=react-9.5.4",
39}, {
41  "description": "ChatGPT powered bot for the sole purpose of annoying friends on Bluesky.",
42  "val": "@ajax.annoy",
43  image:
44    "https://air-prod.imgix.net/d21d3c1f-99e9-4356-85ed-bc6d7746c867.jpg?w=1200&h=2000&auto=compress&ixlib=react-9.5.4",
45}, {
47  "description": "Get a venue calendar through Resy",
48  "val": "@rlesser.Resy_getVenueCalendar",
49  image:
50    "https://air-prod.imgix.net/cab68838-bc60-48a2-8b00-50f203ac303d.jpg?w=1200&h=2000&auto=compress&ixlib=react-9.5.4",
51}, {
53  "description": "Get an email when Bitcoin price changes more than 20%",
54  "val": "@stevekrouse.btcPriceAlert",
55  image:
56    "https://air-prod.imgix.net/0d6605d2-b3ab-4bcb-9cf4-06580c5007ee.jpg?w=1200&h=2000&auto=compress&ixlib=react-9.5.4",
57}, {
59  "description": "Your own RSS feed. Just create a list of the blogs you want to follow.",
60  "val": "@stevekrouse.pollRSSFeeds",
61  image:
62    "https://air-prod.imgix.net/9ad2b03e-ea41-4402-b18d-50df75f29d5e.jpg?w=1200&h=2000&auto=compress&ixlib=react-9.5.4",
63}, {
65  "description": "Check if your website (or any website) is down.",
66  "val": "@healeycodes.isMyWebsiteDown",
67  image:
68    "https://air-prod.imgix.net/c662747c-92cd-4e3a-ac91-1209f7cf6fb5.jpg?w=1200&h=2000&auto=compress&ixlib=react-9.5.4",
69}, {
71  "description": "Get emails with the open PRs that have't had any activity.",
72  "val": "@ramkarthik.staleGithubPRsEmail",
73  image:
74    "https://air-prod.imgix.net/640fc428-31a1-44b3-a9ac-4af8474fa867.jpg?w=1200&h=2000&auto=compress&ixlib=react-9.5.4",
75}, {
77  "description": "Track when your favorite products are back in stock.",
78  "val": "@Glench.wholeFoodsRSS",
79  image:
80    "https://air-prod.imgix.net/2ab8f2e0-3146-4c92-a4de-f0e49ef9e456.jpg?w=600&h=2000&auto=compress&ixlib=react-9.5.4",
81}, {
84    "Create a Discord welcome bot using scheduled vals. You can <a href=\"https://docs.val.town/integrations/discord/bot/\">read the full tutorial here</a>.",
85  "val": "@vtdocs.discordWelcomeBotCron",
86  image:
87    "https://air-prod.imgix.net/9286aea4-98c3-4c6e-aa45-537932a51dfb.jpg?w=600&h=2000&auto=compress&ixlib=react-9.5.4",
88}, {
90  "description": "Evaluate anything from Slack via Val Town and get results back right in Slack.",
91  "val": "@nate.slackapp",
92  image:
93    "https://air-prod.imgix.net/70698db9-7715-4092-bbc1-be51ad08ff28.jpg?w=1200&h=2000&auto=compress&ixlib=react-9.5.4",
94}, {
96  "description": "Create a super playlist from all your Spotify's Weekly Discovery",
97  "val": "@stevekrouse.spotifyArchiveDiscoverWeekly",
98  image:
99    "https://air-prod.imgix.net/78470f14-26f3-4733-863b-b0c0572769f3.jpg?w=1200&h=2000&auto=compress&ixlib=react-9.5.4",
100}, {
103    "Submit forms to Val Town using the Express API. <a href=\"https://docs.val.town/guides/save-html-form-data/\">Read full guide</a>.",
104  "val": "@vtdocs.renderFormAndSaveData",
105  image:
106    "https://air-prod.imgix.net/466437ed-3cf2-4305-8feb-b69413dc748e.jpg?w=1200&h=2000&auto=compress&ixlib=react-9.5.4",
107}, {
109  "description": "Get a dad joke in your inbox. Every. Day.",
110  "val": "@stevekrouse.sendDailyJoke",
111  image: "https://d2n7zzn8a1gueu.cloudfront.net/8e81fb86-5be8-44d8-9080-97f2979aa254.jpg",
112}, {
113  "title": "Create a webhook",
115    "Get realtime notifications. <a href=\"https://docs.val.town/guides/creating-a-webhook/\">Check the full guide</a>.",
116  "val": "@stevekrouse.handleDiscordNewUser",
117  image:
118    "https://air-prod.imgix.net/11aee64e-8d3d-4f13-9bb0-e1cef14bc74c.jpg?w=1200&h=2000&auto=compress&ixlib=react-9.5.4",
119}, {
121  "description": "Generate PDFs using val functions by using an external library like jsPDF",
122  "val": "@vtdocs.examplePDF",
123  image:
124    "https://air-prod.imgix.net/719430b6-eb81-4bfa-8c21-ba834840fb92.jpg?w=1200&h=2000&auto=compress&ixlib=react-9.5.4",
125}, {
128    "Get the current price of a stock. This val is useful in Google Sheets as a Google Finance alternative.",
129  "val": "@stevekrouse.stockPrice",
130  image: "https://d2n7zzn8a1gueu.cloudfront.net/5cecf177-4531-4cf5-8980-e15e06c60bd8.jpg",
131}];

valTownInspirationEmail main.tsx1 match

@charmaine•Updated 4 months ago

12  let html = `<h1>${valTownInspo.title}</h1>
13  <p>${valTownInspo.description}</p>
14  <a href="https://val.town/${valTownInspo.val}"><img src="${valTownInspo.image}" style="max-width:576px"/></a>
15  <p>
16  </p>

seamlessCoffeeCobra main.tsx1 match

@Eviya•Updated 4 months ago

1165        <meta property="og:description" content="Turn your ideas into fully functional apps in less than a second – powered by Llama3.3-70b on Cerebras's super-fast wafer chips. Code is 100% open-source, hosted on Val Town."">
1166        <meta property="og:type" content="website">
1167        <meta property="og:image" content="https://stevekrouse-blob_admin.web.val.run/api/public/CerebrasCoderOG.jpg">
1168        
1169

cerebras_coder main.tsx1 match

@Eviya•Updated 4 months ago

1165        <meta property="og:description" content="Turn your ideas into fully functional apps in less than a second – powered by Llama3.3-70b on Cerebras's super-fast wafer chips. Code is 100% open-source, hosted on Val Town."">
1166        <meta property="og:type" content="website">
1167        <meta property="og:image" content="https://stevekrouse-blob_admin.web.val.run/api/public/CerebrasCoderOG.jpg">
1168        
1169

« Previous

1...767 768 769 770 771 772 773...942

Projects

View all 105 vals

placeholdji2 file matches

@jjg•Updated 1 week ago

Placeholder image service with emojis 🖼️

Users

View all 2 users

"Focal Lens with Atig Wazir" "Welcome to my photography journey! I'm Atiq Wazir, a passionate photographer capturing life's beauty one frame at a time. Explore my gallery for stunning images, behind-the-scenes stories, and tips & tricks to enhance your own

Documentation

View all 7 documentation results

Val Town Code Search Return to Val Town

sitesUptimeMonitor README.md1 match

tenderAmethystScallop main.tsx15 matches

imagetopdf main.tsx15 matches

blob_admin README.md1 match

blob_admin main.tsx5 matches

valTownInspoList main.tsx21 matches

valTownInspoList main.tsx21 matches

valTownInspirationEmail main.tsx1 match

seamlessCoffeeCobra main.tsx1 match

cerebras_coder main.tsx1 match

Projects

image_generator1 file match

placeholdji2 file matches

Users

@Chrimage1 val

@Atiq1 val

Documentation

Val Town Code SearchReturn to Val Town

sitesUptimeMonitorREADME.md1 match

tenderAmethystScallopmain.tsx15 matches

imagetopdfmain.tsx15 matches

blob_adminREADME.md1 match

blob_adminmain.tsx5 matches

valTownInspoListmain.tsx21 matches

valTownInspoListmain.tsx21 matches

valTownInspirationEmailmain.tsx1 match

seamlessCoffeeCobramain.tsx1 match

cerebras_codermain.tsx1 match

Projects

image_generator1 file match

placeholdji2 file matches

Users

@Chrimage1 val

@Atiq1 val

Documentation

Val Town Code Search Return to Val Town

sitesUptimeMonitor README.md1 match

tenderAmethystScallop main.tsx15 matches

imagetopdf main.tsx15 matches

blob_admin README.md1 match

blob_admin main.tsx5 matches

valTownInspoList main.tsx21 matches

valTownInspoList main.tsx21 matches

valTownInspirationEmail main.tsx1 match

seamlessCoffeeCobra main.tsx1 match

cerebras_coder main.tsx1 match