Val Town Code Search

neatChocolateLynx main.tsx2 matches

@vesty91•Updated 3 months ago

43            </Col>
44            <Col md={6}>
45              <img src="https://maxm-imggenurl.web.val.run/futuristic-gaming-setup-with-rgb-lights" alt="Setup Gaming" className="img-fluid rounded shadow gaming-image" loading="lazy" />
46            </Col>
47          </Row>
397}
398
399.gaming-image {
400  border: 2px solid #00ffff;
401  box-shadow: 0 0 20px rgba(0, 255, 255, 0.5);

scholarlyRedWhale main.tsx2 matches

@vesty91•Updated 3 months ago

43            </Col>
44            <Col md={6}>
45              <img src="https://maxm-imggenurl.web.val.run/futuristic-gaming-setup-with-rgb-lights" alt="Setup Gaming" className="img-fluid rounded shadow gaming-image" loading="lazy" />
46            </Col>
47          </Row>
397}
398
399.gaming-image {
400  border: 2px solid #00ffff;
401  box-shadow: 0 0 20px rgba(0, 255, 255, 0.5);

p5 main.tsx13 matches

@moe•Updated 3 months ago

6    const url = new URL(req.url);
7    // console.log("url:", url)
8    const isImage = url.pathname.endsWith("/image");
9
10    if (isImage) {
11      const imageUrl = `https://api.apiflash.com/v1/urltoimage?access_key=${
12        Deno.env.get("APIFLASH_API_KEY")
13      }&url=${url.origin}&format=png&width=1200&height=800&scale_factor=2`;
14      // const imageUrl = "https://charlypoly-httpapiscreenshotpageexample.web.val.run/?url=" + url.origin;
15      // return Response.redirect(imageUrl, 302)
16      const res = await fetch(imageUrl);
17      const blob = await res.blob();
18      return new Response(blob, { headers: { "Content-Type": "image/png" } });
19    }
20
23    const v2fcframe = {
24      version: "next",
25      imageUrl: baseUrl + "/image",
26      button: {
27        title: title,
30          name: title,
31          url: baseUrl,
32          // splashImageUrl: baseUrl + "/image",
33          splashBackgroundColor: "#111111",
34        },
40        <head>
41          <title>${title}</title>
42          <meta property="og:image" content="${url.origin}/image" />
43          <meta property="og:image:width" content="800" />
44          <meta property="og:image:height" content="800" />
45          <meta name="twitter:card" content="summary_large_image" />
46          <meta name="fc:frame" content="${JSON.stringify(v2fcframe).replace(/"/g, "&quot;")}" />
47          <script src="https://cdnjs.cloudflare.com/ajax/libs/p5.js/1.10.0/p5.min.js" integrity="sha512-lvddmeF7aHRJwdbJeYThWd5kWSjTrXBzCRF/jYROiHzmhMJ1dEXfGH5Q7ft0yhizXTopAETG03s5ajTflauijA==" crossorigin="anonymous" referrerpolicy="no-referrer"></script>

countryOutlineSVG main.tsx1 match

@andybak•Updated 3 months ago

82    return new Response(svg, {
83      headers: {
84        "Content-Type": "image/svg+xml",
85        "Access-Control-Allow-Origin": "*",
86      },

unicodeToSVG main.tsx1 match

@andybak•Updated 3 months ago

50    return new Response(svgResponse, {
51      headers: {
52        'Content-Type': 'image/svg+xml',
53        'Access-Control-Allow-Origin': '*'
54      }

nearspark main.tsx44 matches

@andybak•Updated 3 months ago

1import { Image } from "https://deno.land/x/imagescript@1.2.15/mod.ts";
2
3function encodeURL(url: string): string {
10
11  const {
12    w,              // Width of the output image
13    h,              // Height of the output image
14    fit,            // Fit mode for resizing: 'cover' or 'contain'
15    background,     // Background color for 'contain' mode or transparent areas
16    withoutEnlargement, // Whether to prevent enlarging the image
17    format = 'base64'  // URL format: 'base64' or 'plain'
18  } = Object.fromEntries(params);
22
23  if (!inputUrl) {
24    const exampleUrl = "https://example.com/image.jpg";
25    const encodedExampleUrl = encodeURL(exampleUrl);
26    const baseUrl = `${url.protocol}//${url.host}/`;
27    const exampleBase64 = `${baseUrl}${encodedExampleUrl}?format=base64`;
28    const examplePlain = `${baseUrl}${exampleUrl}?format=plain`;
29    return new Response(`Error: No image URL provided. Please include a URL in the path and specify the format using the 'format' parameter.
30
31Example usage:
442. w (integer, optional):
45   - Values: Any positive integer
46   - Specifies the desired width of the output image in pixels
47   - If omitted, the original image width is used
48   - Example: w=300
49
503. h (integer, optional):
51   - Values: Any positive integer
52   - Specifies the desired height of the output image in pixels
53   - If omitted, the original image height is used
54   - Example: h=200
55
564. fit (string, optional):
57   - Values: 'cover' (default) or 'contain'
58   - Determines how the image should be resized to fit the specified dimensions
59   - 'cover': The image will fill the specified dimensions while maintaining its aspect ratio, potentially cropping the image
60   - 'contain': The image will be resized to fit within the specified dimensions while maintaining its aspect ratio, potentially adding letterboxing
61   - Example: fit=contain
62
696. withoutEnlargement (string, optional):
70   - Values: 'true' or 'false' (default)
71   - When set to 'true', prevents the image from being enlarged if the requested dimensions are larger than the original image
72   - Example: withoutEnlargement=true
73
74Usage notes:
75- The image URL should be provided in the path of the request URL
76- At least one of 'w' or 'h' should be provided to resize the image
77- If only one of 'w' or 'h' is provided, the other dimension will be calculated to maintain the aspect ratio
78- The 'background' parameter is only used when 'fit' is set to 'contain' or when the image has transparent areas
79- All parameters are optional. If not provided, default values or original image properties will be used`, 
80    { status: 400 });
81  }
82
83  let imageUrl;
84  try {
85    if (format === 'base64') {
86      imageUrl = decodeURIComponent(atob(inputUrl));
87    } else if (format === 'plain') {
88      imageUrl = decodeURIComponent(inputUrl);
89    } else {
90      throw new Error('Invalid format specified. Use "base64" or "plain".');
91    }
92    console.log('Processed URL:', imageUrl);
93  } catch (error) {
94    return new Response(`Error processing URL: ${error.message}. Please ensure the URL is correctly formatted and the format is specified correctly.`, { status: 400 });
96
97  try {
98    console.log('Fetching image from:', imageUrl);
99    const response = await fetch(imageUrl);
100    if (!response.ok) {
101      throw new Error(`HTTP error! status: ${response.status}`);
103    const arrayBuffer = await response.arrayBuffer();
104
105    let image = await Image.decode(new Uint8Array(arrayBuffer));
106
107    const targetWidth = w ? parseInt(w) : image.width;
108    const targetHeight = h ? parseInt(h) : image.height;
109
110    if (withoutEnlargement === "true" && (targetWidth > image.width || targetHeight > image.height)) {
111      // Don't enlarge the image
112    } else {
113      if (fit === "contain") {
114        image = image.contain(targetWidth, targetHeight);
115      } else {
116        // Default to 'cover'
117        image = image.cover(targetWidth, targetHeight);
118      }
119    }
121    if (background) {
122      try {
123        const bgColor = Image.rgbaToColor(...JSON.parse(background));
124        const bgImage = new Image(image.width, image.height);
125        bgImage.fill(bgColor);
126        image = bgImage.composite(image);
127      } catch (error) {
128        console.error('Error applying background:', error);
131    }
132
133    const encodedImage = await image.encode();
134
135    return new Response(encodedImage, {
136      status: 200,
137      headers: {
138        "Content-Type": "image/png",
139        "Cache-Control": "max-age=86400"
140      }
141    });
142  } catch (error) {
143    console.error('Error processing image:', error);
144    let errorMessage = `Error processing image: ${error.message}. `;
145    if (error.message.includes('HTTP error')) {
146      errorMessage += 'The image could not be fetched from the provided URL. Please check if the URL is correct and accessible.';
147    } else if (error.message.includes('decode')) {
148      errorMessage += 'The image could not be decoded. Please ensure the URL points to a valid image file.';
149    } else if (error.message.includes('client error (Connect)')) {
150      errorMessage += 'There was a network error while trying to fetch the image. This might be due to network restrictions or the image server being unreachable.';
151    } else {
152      errorMessage += 'An unexpected error occurred while processing the image. Please try again or contact support if the issue persists.';
153    }
154    return new Response(errorMessage, { status: 500 });

removeBackgroundPhoto main.tsx26 matches

@roysarajit143•Updated 3 months ago

4
5function BackgroundRemover() {
6  const [image, setImage] = useState<string | null>(null);
7  const [processedImage, setProcessedImage] = useState<string | null>(null);
8  const canvasRef = useRef<HTMLCanvasElement>(null);
9
10  const handleImageUpload = (e: React.ChangeEvent<HTMLInputElement>) => {
11    const file = e.target.files?.[0];
12    if (file) {
13      const reader = new FileReader();
14      reader.onload = (event) => {
15        setImage(event.target?.result as string);
16      };
17      reader.readAsDataURL(file);
20
21  const removeBackground = () => {
22    if (!canvasRef.current || !image) return;
23
24    const canvas = canvasRef.current;
25    const ctx = canvas.getContext('2d');
26    const img = new Image();
27    img.onload = () => {
28      canvas.width = img.width;
29      canvas.height = img.height;
30      ctx?.drawImage(img, 0, 0);
31
32      const imageData = ctx?.getImageData(0, 0, canvas.width, canvas.height);
33      if (imageData) {
34        for (let i = 0; i < imageData.data.length; i += 4) {
35          // Simple background removal: make white/near-white pixels transparent
36          const r = imageData.data[i];
37          const g = imageData.data[i + 1];
38          const b = imageData.data[i + 2];
39          
40          // If pixel is very close to white, make it transparent
41          if (r > 240 && g > 240 && b > 240) {
42            imageData.data[i + 3] = 0;
43          }
44        }
45        ctx?.putImageData(imageData, 0, 0);
46        setProcessedImage(canvas.toDataURL());
47      }
48    };
49    img.src = image;
50  };
51
60      <input 
61        type="file" 
62        accept="image/*" 
63        onChange={handleImageUpload} 
64        style={{ marginBottom: '10px' }}
65      />
66      {image && (
67        <div>
68          <h2>Original Image</h2>
69          <img 
70            src={image} 
71            alt="Original" 
72            style={{ maxWidth: '100%', maxHeight: '300px' }} 
86        </div>
87      )}
88      {processedImage && (
89        <div>
90          <h2>Processed Image</h2>
91          <img 
92            src={processedImage} 
93            alt="Background Removed" 
94            style={{ maxWidth: '100%', maxHeight: '300px' }} 
95          />
96          <a 
97            href={processedImage} 
98            download="background-removed.png"
99            style={{

ios_AppStoreFetcher main.tsx1 match

@arfan•Updated 3 months ago

367
368      // Extract icon
369      const iconUrlMatch = html.match(/<meta property="og:image" content="([^"]+)"/i);
370      let iconUrl = iconUrlMatch ? iconUrlMatch[1] : null;
371

cerebras_coder main.tsx1 match

@kwt00•Updated 3 months ago

1191        <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."">
1192        <meta property="og:type" content="website">
1193        <meta property="og:image" content="https://stevekrouse-blob_admin.web.val.run/api/public/CerebrasCoderOG.jpg">
1194        
1195

blobStorage README.md1 match

@kamenxrider•Updated 3 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.

« Previous

1...522 523 524 525 526 527 528...692

Projects

View all 101 projects

thilenius-webcam1 file match

@stabbylambda•Updated 4 days ago

Image proxy for the latest from https://gliderport.thilenius.com

Users

View all 2 users

@Atiq1 project

Updated 2 weeks ago

"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

neatChocolateLynx main.tsx2 matches

scholarlyRedWhale main.tsx2 matches

p5 main.tsx13 matches

countryOutlineSVG main.tsx1 match

unicodeToSVG main.tsx1 match

nearspark main.tsx44 matches

removeBackgroundPhoto main.tsx26 matches

ios_AppStoreFetcher main.tsx1 match

cerebras_coder main.tsx1 match

blobStorage README.md1 match

Projects

Imagetourl

thilenius-webcam1 file match

Users

@Chrimage1 project

@Atiq1 project

Documentation

Val Town Code SearchReturn to Val Town

neatChocolateLynxmain.tsx2 matches

scholarlyRedWhalemain.tsx2 matches

p5main.tsx13 matches

countryOutlineSVGmain.tsx1 match

unicodeToSVGmain.tsx1 match

nearsparkmain.tsx44 matches

removeBackgroundPhotomain.tsx26 matches

ios_AppStoreFetchermain.tsx1 match

cerebras_codermain.tsx1 match

blobStorageREADME.md1 match

Projects

Imagetourl

thilenius-webcam1 file match

Users

@Chrimage1 project

@Atiq1 project

Documentation

Val Town Code Search Return to Val Town

neatChocolateLynx main.tsx2 matches

scholarlyRedWhale main.tsx2 matches

p5 main.tsx13 matches

countryOutlineSVG main.tsx1 match

unicodeToSVG main.tsx1 match

nearspark main.tsx44 matches

removeBackgroundPhoto main.tsx26 matches

ios_AppStoreFetcher main.tsx1 match

cerebras_coder main.tsx1 match

blobStorage README.md1 match