Val Town Code SearchReturn to Val Town

6  <meta http-equiv="X-UA-Compatible" content="IE=edge">
7  <meta name="viewport" content="width=device-width, initial-scale=1.0">
8  <link rel="shortcut icon" href="images/gift.png" type="image/x-icon">
9  <link rel="stylesheet" href="css/style.css">
10

201      js: "application/javascript",
202      json: "application/json",
203      png: "image/png",
204      jpg: "image/jpeg",
205      jpeg: "image/jpeg",
206      gif: "image/gif",
207      svg: "image/svg+xml",
208      ico: "image/x-icon",
209      woff: "font/woff",
210      woff2: "font/woff2",

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
7To use this, fork it to your account. 

60  const { ValTown } = await import("npm:@valtown/sdk");
61  const vt = new ValTown();
62  const { email: authorEmail, profileImageUrl, username } = await vt.me.profile.retrieve();
63  // const authorEmail = me.email;
64
128
129  c.set("email", email);
130  c.set("profile", { profileImageUrl, username });
131  await next();
132};

437          {profile && (
438            <div className="flex items-center space-x-4">
439              <img src={profile.profileImageUrl} alt="Profile" className="w-8 h-8 rounded-full" />
440              <span>{profile.username}</span>
441              <a href="/auth/logout" className="text-blue-400 hover:text-blue-300">Logout</a>
580                            alt="Blob content"
581                            className="max-w-full h-auto"
582                            onError={() => console.error("Error loading image")}
583                          />
584                        </div>
630                  <li>Create public shareable links for blobs</li>
631                  <li>View and manage public folder</li>
632                  <li>Preview images directly in the interface</li>
633                </ul>
634              </div>

18    width: calc(100vw + 20px);
19    height: calc(100vh + 20px);
20    background-image: url('https://cdn.midjourney.com/233e1f75-ba86-445e-9fbd-62b4d8b28d46/0_1.png');
21    background-size: cover;
22    background-repeat: no-repeat;

108    // More permissive file type validation
109    const validTypes = [
110      "image/png",
111      "image/jpeg",
112      "image/jpg",
113      "image/svg+xml",
114      "image/x-icon",
115      "image/vnd.microsoft.icon",
116      "image/webp",
117      "image/gif",
118    ];
119
125    if (!validTypes.includes(file.type) && !hasValidExtension) {
126      console.log("Invalid file type:", file.type, "and extension check failed for:", fileName);
127      this.showStatus(`Invalid file type: ${file.type}. Please upload a valid image file.`, true);
128      return;
129    }
153  }
154
155  displayLogo(imageSrc) {
156    console.log("Displaying logo with src length:", imageSrc.length);
157
158    // Show the preview section
163
164    // Update all logo previews
165    this.updateLogoPreviews(imageSrc);
166  }
167
168  updateLogoPreviews(imageSrc) {
169    // Size variations
170    const logoElements = [
178      const element = document.getElementById(id);
179      if (element) {
180        element.src = imageSrc;
181        element.alt = "Logo preview";
182      }
194      const element = document.getElementById(id);
195      if (element) {
196        element.src = imageSrc;
197        element.alt = "Logo on t-shirt";
198      }
210      const element = document.getElementById(id);
211      if (element) {
212        element.src = imageSrc;
213        element.alt = "Logo black and white";
214      }
218    const faviconElement = document.getElementById("faviconPreview");
219    if (faviconElement) {
220      faviconElement.src = imageSrc;
221      faviconElement.alt = "Favicon";
222    }

93            </div>
94            
95            <input type="file" id="fileInput" accept="image/*,.ico" class="hidden">
96            
97            <!-- Status message -->

10    <h1>Simple Upload Test</h1>
11    
12    <input type="file" id="fileInput" accept="image/*">
13    <button id="uploadBtn">Choose File</button>
14    

11
12    <!-- reference the webpage's favicon. note: currently only svg is supported in val town files -->
13    <link rel="icon" href="/favicon.svg" sizes="any" type="image/svg+xml">
14
15    <!-- import the webpage's javascript file -->