Val Town Code SearchReturn to Val Town

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            

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            

16};
17
18type ImageData = {
19  type: "image";
20  text: string;
21  name?: string | undefined;
48};
49
50export type Data = BooleanData | TextData | ImageData | SpeechData | WebsiteData | FileData;
51
52type DataComponentRequestBody = {

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            

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            

62  const [reflection, setReflection] = useState("");
63  const [currentQuote, setCurrentQuote] = useState(INITIAL_QUOTE);
64  const [imageUpload, setImageUpload] = useState(null);
65  const [journeyReflection, setJourneyReflection] = useState("");
66  const [followUpComment, setFollowUpComment] = useState("");
67  const [error, setError] = useState(null);
68  const pdfRef = useRef(null);
69  const imageInputRef = useRef(null);
70
71  // Error Boundary for localStorage
165      }
166
167      // Symbolic Image
168      if (imageUpload) {
169        // Check if we need a new page
170        if (yPosition > pdfHeight - 120) {
173        }
174
175        pdf.text("Symbolic Journey Image:", 20, yPosition);
176        yPosition += 10;
177        try {
178          const imgWidth = 100;
179          const imgHeight = 100;
180          pdf.addImage(imageUpload, "PNG", (pdfWidth - imgWidth) / 2, yPosition, imgWidth, imgHeight);
181          yPosition += imgHeight + 20;
182        } catch (imageError) {
183          console.error("Image addition to PDF failed", imageError);
184        }
185      }
220      setReflection("");
221      setCurrentQuote(INITIAL_QUOTE);
222      setImageUpload(null);
223      setJourneyReflection("");
224
239        noCount,
240        quote: currentQuote,
241        imageUpload,
242        journeyReflection,
243      };
274        setNoCount(journeyData.noCount);
275        setCurrentQuote(journeyData.quote);
276        setImageUpload(journeyData.imageUpload);
277        setJourneyReflection(journeyData.journeyReflection);
278      } catch (error) {
291    setReflection("");
292    setCurrentQuote(INITIAL_QUOTE);
293    setImageUpload(null);
294    setJourneyReflection("");
295
434        <p className="quote">{currentQuote}</p>
435
436        <div className="image-upload">
437          <h3>Upload a Symbolic Image</h3>
438          <input
439            type="file"
440            accept="image/*"
441            ref={imageInputRef}
442            onChange={(event) => {
443              const file = event.target.files[0];
445                const reader = new FileReader();
446                reader.onloadend = () => {
447                  setImageUpload(reader.result);
448                };
449                reader.readAsDataURL(file);
451            }}
452          />
453          {imageUpload && (
454            <img
455              src={imageUpload}
456              alt="Uploaded"
457              className="uploaded-image"
458            />
459          )}
670          }
671          
672          .image-upload {
673            margin: 20px 0;
674          }
675          
676          .uploaded-image {
677            max-width: 300px;
678            max-height: 300px;

1003        <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."">
1004        <meta property="og:type" content="website">
1005        <meta property="og:image" content="https://stevekrouse-blob_admin.web.val.run/api/public/CerebrasCoderOG.jpg">
1006        
1007            

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            

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            

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