Val Town Code SearchReturn to Val Town

9import { useUsageStats } from "../hooks/useUsageStats.ts";
10import { Messages } from "./Messages.tsx";
11import { InputBox, ImageDropContainer } from "./InputBox.tsx";
12import { PreviewFrame } from "./PreviewFrame.tsx";
13import { BranchSelect } from "./BranchSelect.tsx";
66  refetch: () => void;
67}) {
68  const [images, setImages] = useState<(string|null)[]>([]);
69  const [selectedFiles, setSelectedFiles] = useState<string[]>([]);
70  const { audio, user } = useContext(AppContext);
84    branchId,
85    selectedFiles,
86    images,
87    soundEnabled: audio,
88  });
108
109  return (
110    <ImageDropContainer
111      running={running}
112      images={images}
113      setImages={setImages}>
114      <div className="single-column-container">
115        <div className="single-sticky-header">
119            rel="norefferer"
120            className="block-link text-link lockup">
121            {project.imageUrl ? (
122              <img src={project.imageUrl} className="image-thumbnail" />
123            ) : user?.profileImageUrl ? (
124              <img
125                src={user.profileImageUrl}
126                className="avatar"
127                alt={user.username}
130              />
131            ) : (
132              <div className="image-placeholder" />
133            )}
134            <div>{project.name}</div>
153            onSubmit={e => {
154              handleSubmit(e);
155              setImages([]);
156            }}
157            onCancel={handleStop}
158            running={running}
159            error={error}
160            images={images}
161            setImages={setImages}
162          />
163          <Footer />
164        </div>
165      </div>
166    </ImageDropContainer>
167  );
168}

8  username: z.string(),
9  description: z.string().nullable(),
10  image_url: z.string().nullable(),
11  forked_branch_id: z.string().nullable(),
12  updated_at: z.string().datetime(),
36  username: string;
37  project_url: string;
38  image_url?: string | null;
39};
40
47  username: string | null;
48  bio: string | null;
49  profile_image_url: string | null;
50  url: string;
51  updated_at: string;
131  username: string;
132  url: string;
133  profile_image_url: string | null;
134  projectCount: number;
135};
139  username: string;
140  url: string;
141  image_url: string | null;
142  updated_at: string;
143};
165  project_url: string;
166  project_description: string | null;
167  user_profile_image_url: string | null;
168  update_count: number;
169  featured?: boolean; // For marking vals to be featured in newsletter
176  url: string;
177  description: string | null;
178  image_url: string | null;
179  user_profile_image_url: string | null;
180  edit_sessions: number; // Number of distinct edit sessions (grouped by timestamp)
181  file_count: number;

178
179- **Redirects:** Use `return new Response(null, { status: 302, headers: { Location: "/place/to/redirect" }})` instead of `Response.redirect` which is broken
180- **Images:** Avoid external images or base64 images. Use emojis, unicode symbols, or icon fonts/libraries instead
181- **AI Image:** To inline generate an AI image use: `<img src="https://maxm-imggenurl.web.val.run/the-description-of-your-image" />`
182- **Storage:** DO NOT use the Deno KV module for storage
183- **Browser APIs:** DO NOT use the `alert()`, `prompt()`, or `confirm()` methods

8import { fetchUsersById } from './neynar.ts'
9
10export function handleImageEndpoints(app: Hono) {
11  const headers = {
12    'Content-Type': 'image/png',
13    'cache-control': 'public, max-age=3600', // 86400
14  }
15  app.get('/image', async (c) => {
16    const channel = c.req.query('channel')
17    if (channel) return c.body(await spaceImage(channel), 200, headers)
18    return c.body(await homeImage(), 200, headers)
19  })
20  app.get('/icon', async (c) => {
21    const rounded = !!c.req.query('rounded')
22    return c.body(await iconImage(rounded), 200, headers)
23  })
24}
25
26export async function homeImage() {
27  return await ogImage(
28    <div tw="w-full h-full flex justify-start items-end text-[100px] bg-black text-white p-[50px]">
29      <div tw="flex flex-col items-start">
37}
38
39export async function spaceImage(channel: string) {
40  const space = await fetchSpace(channel)
41  if (!space) return await homeImage()
42
43  const users = await fetchUsersById([space.created_by, ...space.hosts, ...space.speakers].join(','))
48  const speakers = users?.filter((u) => speakerFids.includes(u.fid))
49
50  return await ogImage(
51    <div tw="w-full h-full flex justify-start items-start text-[100px] bg-black text-white p-[50px]">
52      <div tw="flex flex-col items-start ">
84}
85
86export async function iconImage(rounded = false) {
87  const roundedClass = rounded ? 'rounded-[96px]' : ''
88  return await ogImage(
89    <div tw={`w-full h-full flex justify-center items-center text-[100px] bg-[#7c65c1] text-white p-[50px] ${roundedClass}`}>
90      <img tw="w-[350px] h-[350px]" src={base64Icon(Mic)} />
99//////////
100
101export async function ogImage(body, options = {}) {
102  const svg = await satori(body, {
103    width: 945,
109      if (code === 'emoji') {
110        const unicode = segment.codePointAt(0).toString(16).toUpperCase()
111        return `data:image/svg+xml;base64,` + btoa(await loadEmoji(unicode))
112      }
113      return ''
145  const base64 = Buffer.from(svg).toString('base64')
146  // console.log('getIconDataUrl', name, svg, base64)
147  return `data:image/svg+xml;base64,${base64}`
148}
149

5export const name = 'Spaces'
6// export const iconUrl = "https://imgur.com/FgHOubn.png";
7// export const ogImageUrl = "https://imgur.com/oLCWKFI.png";
8
9export function embedMetadata(baseUrl: string, path: string = '/') {
11  return {
12    version: 'next',
13    imageUrl: baseUrl + '/image' + (channel ? '?channel=' + channel : ''),
14    button: {
15      title: name,
18        name: name,
19        url: baseUrl + path,
20        splashImageUrl: baseUrl + '/icon',
21        splashBackgroundColor: '#111111',
22      },
47        iconUrl: baseUrl + '/icon',
48        homeUrl: baseUrl,
49        splashImageUrl: baseUrl + '/icon?rounded=1',
50        splashBackgroundColor: '#111111',
51        subtitle: 'Live audio conversations',

7  return (
8    <div className="no-internet-container">
9      <img src="https://i.postimg.cc/t4q16WRj/images.png" alt="No Internet" />
10      <div className="no-internet-message">
11        No internet connection
20}
21
22function Slideshow({ images }) {
23  useEffect(() => {
24    let currentSlideIndex = 0;
70      slides[0].style.left = "0%";
71    }
72  }, []); // images dependency removed to run once, assuming images don't change post-mount
73
74  return (
75    <div className="slideshow-container">
76      {images.map((src, index) => (
77        <img key={index} className={`mySlides ${index === 0 ? "visible" : ""}`} src={src} alt={`Slide ${index + 1}`} />
78      ))}
593  }
594
595  const slideshowImages = [
596    "https://i.postimg.cc/KvSbQsgQ/download-4.png",
597    "https://i.postimg.cc/NMzVyLRp/download-5.png",
662          </div>
663        </div>
664        <Slideshow images={slideshowImages} />
665        <Card {...loginCardData} />
666        <Card {...scanCodeCardData} />

book-lookup-browsertypes.ts1 match

@nucky•Updated 2 weeks ago

19  previewLink?: string;
20  infoLink?: string;
21  imageLinks?: any;
22}
23

book-lookup-browserprocessor.ts2 matches

@nucky•Updated 2 weeks ago

164        }
165        
166        if (metadata.imageLinks) {
167          updateMetadata.imageLinks = metadata.imageLinks;
168        }
169

book-lookup-browsernotion.ts6 matches

@nucky•Updated 2 weeks ago

21  previewLink?: string;
22  infoLink?: string;
23  imageLinks?: string; // Store as JSON string
24  // Status tracking
25  processed?: boolean;
46  previewLink?: string;
47  infoLink?: string;
48  imageLinks?: {
49    smallThumbnail?: string;
50    thumbnail?: string;
250    previewLink: page.properties['Preview Link']?.url,
251    infoLink: page.properties['Info Link']?.url,
252    imageLinks: page.properties['Image Links']?.rich_text?.[0]?.text?.content,
253    processed: page.properties.Processed?.checkbox,
254    lastUpdated: page.properties['Last Updated']?.last_edited_time,
415  }
416
417  if (metadata.imageLinks) {
418    additionalProperties['Image Links'] = {
419      rich_text: [
420        {
421          text: {
422            content: JSON.stringify(metadata.imageLinks)
423          }
424        }

book-lookup-browserbooks.ts5 matches

@nucky•Updated 2 weeks ago

132    }
133
134    if (volumeInfo.imageLinks) {
135      metadata.imageLinks = volumeInfo.imageLinks;
136    }
137
238        canonicalVolumeLink: volumeInfo.canonicalVolumeLink,
239        isbn: isbn,
240        imageLinks: volumeInfo.imageLinks,
241        score: (titleMatch ? 2 : 0) + (authorMatch ? 2 : 0)
242      });
318  }
319
320  if (best.imageLinks) {
321    metadata.imageLinks = best.imageLinks;
322  }
323