Val Town Code SearchReturn to Val Town

44}
45
46// Função para buscar empresas reais usando a API do Google Places
47async function buscarEmpresasReais(endereco, tipo) {
48  try {
78async function geocodificarEndereco(endereco) {
79  try {
80    // Usando a API de Geocodificação do Google
81    const url = `https://maps.googleapis.com/maps/api/geocode/json?address=${encodeURIComponent(endereco)}&key=YOUR_GOOGLE_API_KEY`;
82    
83    // Como não temos uma chave real da API do Google, vamos simular a resposta
84    // Em produção, você usaria uma chave real e faria a requisição
85    
124}
125
126// Função para buscar empresas próximas usando a API do Google Places
127async function buscarEmpresasProximas(coordenadas, tipo) {
128  try {
129    // Em produção, você usaria a API do Google Places
130    // const url = `https://maps.googleapis.com/maps/api/place/nearbysearch/json?location=${coordenadas.lat},${coordenadas.lng}&radius=5000&type=${encodeURIComponent(tipo)}&language=pt-BR&key=YOUR_GOOGLE_API_KEY`;
131    
132    // Como não temos uma chave real da API do Google, vamos gerar dados realistas
133    const tiposDeNegocio = {
134      "restaurante": [
235}
236
237// Função para buscar detalhes de uma empresa usando a API do Google Places
238async function buscarDetalhesEmpresa(placeId) {
239  try {
240    // Em produção, você usaria a API do Google Places
241    // const url = `https://maps.googleapis.com/maps/api/place/details/json?place_id=${placeId}&fields=name,formatted_address,formatted_phone_number,website,opening_hours,rating,reviews,price_level,photos&language=pt-BR&key=YOUR_GOOGLE_API_KEY`;
242    
243    // Como não temos uma chave real da API do Google, vamos gerar dados realistas
244    
245    // Gerar horários de funcionamento realistas
755                
756                <div class="map-container" id="map-${empresa.place_id}">
757                  <img src="https://maps.googleapis.com/maps/api/staticmap?center=${empresa.latitude},${empresa.longitude}&zoom=15&size=400x200&markers=color:red%7C${empresa.latitude},${empresa.longitude}&key=YOUR_GOOGLE_API_KEY" 
758                       alt="Mapa de localização" 
759                       style="width:100%; height:100%; object-fit:cover;"
949            geoButton.addEventListener('click', function() {
950              navigator.geolocation.getCurrentPosition(function(position) {
951                // Em um ambiente real, você usaria uma API de geocodificação reversa
952                // para converter coordenadas em endereço
953                const lat = position.coords.latitude;

11      
12      // Aqui simulamos a busca de empresas baseada no endereço e tipo
13      // Em uma implementação real, você usaria uma API como Google Places ou similar
14      const empresas = await buscarEmpresas(endereco, tipo);
15      
46
47// Função para simular a busca de empresas
48// Em uma implementação real, você usaria uma API como Google Places
49async function buscarEmpresas(endereco, tipo) {
50  // Simulação de dados para demonstração
51  // Em um ambiente real, você faria uma chamada para uma API externa
52  
53  // Aguarda um pouco para simular o tempo de busca
643            geoButton.addEventListener('click', function() {
644              navigator.geolocation.getCurrentPosition(function(position) {
645                // Em um ambiente real, você usaria uma API de geocodificação reversa
646                // para converter coordenadas em endereço
647                enderecoInput.value = 'Localização atual';

92    async function fetchCurrencyRates() {
93      try {
94        const response = await fetch("https://open.exchangerate-api.com/v6/latest");
95        const data = await response.json();
96        setCurrencyRates(data.rates);
108        setLoading(true);
109        const response = await fetch(
110          "https://api.coingecko.com/api/v3/coins/markets?vs_currency=usd&order=market_cap_desc&per_page=10&page=1&sparkline=false",
111        );
112        const data = await response.json();
152    try {
153      const response = await fetch(
154        `https://api.coingecko.com/api/v3/coins/${coinId}/market_chart?vs_currency=usd&days=${days}`,
155      );
156      const data = await response.json();

64- Hono (server-side)
65- Tailwind CSS (styling)
66- Uses the Charlie's User Search API for fetching user val data
67- Uses Val Town's profile picture proxy for user avatars
68
69## API Integration
70
71The app integrates with two main APIs:
72
731. Charlie's User Search API: `https://charliesusersearch.val.run/?user=USERNAME`
742. Val Town Profile Pic Proxy: `https://pic.val.run/USERNAME`
75

4const app = new Hono();
5
6// API endpoint to fetch user profile data
7app.get("/api/profile/:username", async (c) => {
8  const username = c.req.param("username");
9  
10  try {
11    // Call the user search API
12    const response = await fetch(
13      `https://charliesusersearch.val.run/?user=${username}`

84  const getImageUrl = () => {
85    // Priority order:
86    // 1. Val's image_url from API if available
87    // 2. moi.md imageUrl if available
88    // 3. Return null to use color placeholder

64        // Fetch both user profile data and moi config in parallel
65        const [profileResponse, config] = await Promise.all([
66          fetch(`/api/profile/${username}?page=${currentPage}`),
67          fetchMoiConfig(`https://www.val.town/x/${username}/`)
68        ]);

117  }
118  
119  // Fallback: Use Val Town profile pic API
120  return `https://pic.val.run/${username}`;
121}

vtProjectSearchstyles.tsx4 matches

@dcm31•Updated 1 week ago

782}
783
784.api-info {
785  margin-top: 10px;
786}
787
788.api-info summary {
789  cursor: pointer;
790  color: var(--primary-color);
792}
793
794.api-docs {
795  background-color: var(--code-bg);
796  padding: 10px 15px;
801}
802
803.api-docs code {
804  display: inline-block;
805  background-color: white;

vtProjectSearchcomponents.tsx8 matches

@dcm31•Updated 1 week ago

1063        <link rel="icon" href="https://fav.farm/👀" />
1064        <meta name="viewport" content="width=device-width, initial-scale=1" />
1065        <link rel="preconnect" href="https://fonts.googleapis.com" />
1066        <link rel="preconnect" href="https://fonts.gstatic.com" crossOrigin="anonymous" />
1067        <link
1068          href="https://fonts.googleapis.com/css2?family=IBM+Plex+Sans:ital,wght@0,100..700;1,100..700&display=swap"
1069          rel="stylesheet"
1070        />
1080              <a href="https://val.town" className="valtown-link" style={{ marginLeft: "auto" }}>Return to Val Town</a>
1081            </h1>
1082            <div className="api-info">
1083              <details>
1084                <summary>API Access</summary>
1085                <div className="api-docs">
1086                  <p>
1087                    You can access search results via JSON API by adding <code>format=json</code> to your query:
1088                  </p>
1089                  {searchTerm
1241                        <div className="search-examples">
1242                          <a href="?q=fetch" className="example-link">fetch</a>
1243                          <a href="?q=api" className="example-link">api</a>
1244                          <a href="?q=database" className="example-link">database</a>
1245                          <a href="?q=image" className="example-link">image</a>
1396                      <div className="search-examples">
1397                        <a href="?q=fetch" className="example-link">fetch</a>
1398                        <a href="?q=api" className="example-link">api</a>
1399                        <a href="?q=database" className="example-link">database</a>
1400                        <a href="?q=image" className="example-link">image</a>