test

Dockerfile

@@ -0,0 +1,20 @@
+# Use an official Python runtime as a parent image
+FROM python:3.9-slim
+
+# Set the working directory in the container
+WORKDIR /app
+
+# Copy the current directory contents into the container at /app
+COPY . /app
+
+# Install any needed packages specified in requirements.txt
+RUN pip install --no-cache-dir -r requirements.txt
+
+# Make port 7860 available to the world outside this container
+EXPOSE 7860
+
+# Define environment variable
+ENV PYTHONUNBUFFERED=1
+
+# Run app.py when the container launches
+CMD ["python", "main.py"]

main.py

@@ -0,0 +1,76 @@
+import gradio as gr
+import json
+
+def get_location(location_data):
+    if location_data is None:
+        return "Location access denied or unavailable"
+    
+    try:
+        # Parse the location data JSON string
+        location = json.loads(location_data)
+        latitude = location.get("latitude")
+        longitude = location.get("longitude")
+        accuracy = location.get("accuracy")
+        
+        result = f"""
+Location Details:
+----------------
+Latitude: {latitude}
+Longitude: {longitude}
+Accuracy: {accuracy} meters
+        """
+        return result
+    except Exception as e:
+        return f"Error processing location data: {str(e)}"
+
+# Create the Gradio interface
+with gr.Blocks(js="""
+async () => {
+    if ("geolocation" in navigator) {
+        try {
+            const position = await new Promise((resolve, reject) => {
+                navigator.geolocation.getCurrentPosition(resolve, reject);
+            });
+            
+            document.querySelector("#location_data").value = JSON.stringify({
+                latitude: position.coords.latitude,
+                longitude: position.coords.longitude,
+                accuracy: position.coords.accuracy
+            });
+        } catch (error) {
+            document.querySelector("#location_data").value = JSON.stringify({
+                error: "Failed to get location: " + error.message
+            });
+        }
+    } else {
+        document.querySelector("#location_data").value = JSON.stringify({
+            error: "Geolocation is not supported by this browser/device"
+        });
+    }
+}
+""") as app:
+    gr.Markdown("# GPS Location Demo")
+    gr.Markdown("Click the button below to share your location")
+    
+    # Add location input component with specific ID for JavaScript
+    location_data = gr.JSON(label="Location Data", elem_id="location_data", visible=False)
+    
+    # Add button to trigger location request
+    button = gr.Button("Get My Location")
+    
+    # Add output text area
+    output = gr.Textbox(label="Location Details", lines=6)
+    
+    # Connect components
+    button.click(
+        fn=get_location,
+        inputs=[location_data],
+        outputs=[output]
+    )
+
+# Launch the app
+if __name__ == "__main__":
+    app.launch(
+        server_name="0.0.0.0",  # Important: Listen on all network interfaces
+        share=False
+    )

requirements.txt

@@ -0,0 +1 @@
+gradio