Code Monkey home page Code Monkey logo

mapgpt's Introduction

MapGPT

(In Progress)

Note

Please note that there are differences between this repository and the official website https://app.queue.cx The official website is a fork of this repository with additional features.

Overview

Features

Exploration & Automation

Stack

Quickstart

1. Fork and Clone repo

Fork the repo to your Github account, then run the following command to clone the repo:

git clone [email protected]:[YOUR_GITHUB_ACCOUNT]/mapgpt.git

2. Install dependencies

cd mapgpt
bun install

3. Setting up Upstash Redis

Follow the guide below to set up Upstash Redis. Create a database and obtain UPSTASH_REDIS_REST_URL and UPSTASH_REDIS_REST_TOKEN. Refer to the Upstash guide for instructions on how to proceed.

4. Fill out secrets

cp .env.local.example .env.local

Your .env.local file should look like this:

# OpenAI API key retrieved here: https://platform.openai.com/api-keys
OPENAI_API_KEY=

# Tavily API Key retrieved here: https://app.tavily.com/home
TAVILY_API_KEY=

# Upstash Redis URL and Token retrieved here: https://console.upstash.com/redis
UPSTASH_REDIS_REST_URL=
UPSTASH_REDIS_REST_TOKEN=

Upstash Vector store URL and Token retrieved here: https://console.upstash.com/vector
UPSTASH_VECTOR_REST_URL=
UPSTASH_VECTOR_REST_TOKEN=

Note: This project focuses on Generative UI and requires complex output from LLMs. Currently, it's assumed that the official OpenAI models will be used. Although it's possible to set up other models, if you use an OpenAI-compatible model, but we don't guarantee that it'll work.

5. Run app locally

bun dev

You can now visit http://localhost:3000.

Deploy

Host your own live version of MapGPT with Vercel or Cloudflare Pages.

Cloudflare Pages

  1. Fork the repo to your GitHub.
  2. Create a Cloudflare Pages project.
  3. Select mapgpt repo and Next.js preset.
  4. Set OPENAI_API_KEY and TAVILY_API_KEY env vars.
  5. Save and deploy.
  6. Cancel deployment, go to Settings -> Functions -> Compatibility flags, add nodejs_compat to preview and production.
  7. Redeploy.

Search Engine

Setting up the Search Engine in Your Browser

If you want to use MapGPT as a search engine in your browser, follow these steps:

  1. Open your browser settings.
  2. Navigate to the search engine settings section.
  3. Select "Manage search engines and site search".
  4. Under "Site search", click on "Add".
  5. Fill in the fields as follows:
    • Search engine: mapgpt
    • Shortcut: mapgpt
    • URL with %s in place of query: https://app.queue.cx/search?q=%s
  6. Click "Add" to save the new search engine.
  7. Find "mapgpt" in the list of site search, click on the three dots next to it, and select "Make default".

This will allow you to use mapgpt as your default search engine in the browser.

Verified models

List of models applicable to all:

  • OpenAI
    • gpt-4o
    • gpt-4-turbo
    • gpt-3.5-turbo
  • Google
    • Gemini 1.5 pro (In Progress)
  • Anthropic
    • Claude 3.5 Sonnet
  • Ollama (Unstable)
    • mistral/openhermes & Phi3/llama3
    • Grok (In Progress)

List of verified models that can be specified to writers:

  • Groq
    • LLaMA3 8b
    • LLaMA3 70b
    • Grok (In Progress)

mapgpt's People

Contributors

ngoiyaeric avatar rosaleensiroosi avatar intel-eth avatar fabricerenard12 avatar

mapgpt's Issues

Buttons & Icons

I've created space for some icons for additional functionality. At the moment, I'd like for these icons to only be clickable without any additional functionality for now.
Icons should have the ability to animate when clicked as well as adjust to theme.

Untitled design (16)

Attachements Dropdown UI and theme

Describe the bug
The dropdown UI does not follow the theming for the rest of the app.

To Reproduce
Change theme and click attachments icon, dropdown does not adapt.

Expected behavior
Dropdown should match every theme.

Screenshots
If applicable, add screenshots to help explain your problem.

Desktop (please complete the following information):
Screen Shot 2024-07-30 at 2 00 07 PM

Account settings routes to 404 page:

Describe the bug
Navigating browser to account settings to render asynchronously to map preview for user settings page.

To Reproduce
Click account settings

Expected behavior
The 404 page should not be previewed with the icons.
The account settings page should render instead.
Theme context should be retained.

Screenshots
Screen Shot 2024-08-12 at 1 02 25 PM

Desktop (please complete the following information):

  • Browser [e.g. chrome, safari]

Additional context
Add any other context about the problem here.

Mapbox Optimization

Describe the bug
Mapbox is currently rendering quite slowly. I think it should load via CDN.

To Reproduce
Change locations, render blacks out.

Expected behavior
Smooth location transitions, or complete refresh.

MapBox Elevation Data

Is your feature request related to a problem? Please describe.
When 3D preview for Satellite, preview contour elevation data.

UI scale and zoom

Is your feature request related to a problem? Please describe.
I think the UI looks better when working in 80% zoom. This should be the default when the application loads.

Describe the solution you'd like
Ensure the UI loads as how it would look at 80% zoom from how it currently looks.

Describe alternatives you've considered
Solutions like adding zoom 0.8 to the global.css body file are not in synch with the map preview.

Chat: Remove Social Links

Is your feature request related to a problem? Please describe.
Remove social links at the bottom of the page.

Describe the solution you'd like
Links like Discord/twitter etc should not appear

Google ai studio deployed model open ai sdk interoperability. Google Authentication SDK

Describe the bug
Problem requires webpack instead of turbopack:
Next js throws error for google-auth-library
missing modules unsolvable by bun add
child_processes
tf
net
fs

To Reproduce
uncomment code for llama3.1 405b hosted through google ai studio.
input env details

Expected behavior
model should work and stream from getModel() function.

Screenshots

Desktop (please complete the following information):
apple
chrome

Smartphone (please complete the following information):

  • Browser [e.g. stock browser, safari]

Additional context
no need to use ragchat to test this feature.

(Map/Chat): Earth theme background light beige

Is your feature request related to a problem? Please describe.
Change light mode to have a paper like light beige colour.

Describe the solution you'd like
Light mode should default to this colour, system and dark mode should stay the same.

Chat: Earth theme Links turn Green

Is your feature request related to a problem? Please describe.
Change colour of generated links to from grey to green.

Describe the solution you'd like
All links including question suggestions.

Describe alternatives you've considered
Grass Green Colour
Screen Shot 2024-05-31 at 9 49 57 AM

Additional context
You're welcome to propose a shade of green you like.

Attachment Icon action.

Describe the bug
Attachment icon launches a prompt-less search.

To Reproduce
Click attachment icon without search prompt.

Expected behavior
Should do nothing.

Screenshots
Screen Shot 2024-06-12 at 9 38 04 AM

Additional context
Add any other context about the problem here.

Chat: Documentation

We're building out documentation for the repository. Feel free to edit the documentation docx with your insights.

Map (Lower boundary border)

Describe the bug
I lowered the UI for the map to make space for buttons, but now the lower boundary is missing. Need to reconfigure the UI changes to render a bounded map.

Unhandled runtime error: request for mapbox api key

Describe the bug
Unhandled runtime error when visiting 'http://localhost:3000' after running bun dev. Is it necessary to create a MapBox account? If so, is there a business account we should use (since a personal account requires credit card information to be entered)?

To Reproduce
Steps to reproduce the behaviour:

  1. complete all instructions in the README.md.
  2. visit 'http://localhost:3000'.

Expected behavior
To see the program run locally.

Screenshots
image

Chat/Map: Location Search (Agents & Tools)

Is your feature request related to a problem? Please describe.
Given user query pertaining to a geographical location render map to that location

Describe the solution you'd like
For every question, map preview should be reflected.

Additional context
Map location preview may change based on current search query preview.

Map: Real time location

Is your feature request related to a problem? Please describe.
A button to toggle the map to preview real time user location and hence aggregate data from there.

Describe the solution you'd like
Button should be located bottom right corner.

Describe alternatives you've considered
Semantic search can be used to move locations alternatively, this process is more efficient.

Default theme icon missing on launch

Describe the bug
When the project is deployed the theme icon is not visible.

To Reproduce
Steps to reproduce the behavior:
Launch software

Expected behavior
Default theme Icon, sun (light mode) should be visible.

Screenshots
If applicable, add screenshots to help explain your problem.

Desktop (please complete the following information):

  • OS: [e.g. iOS]
  • Browser [e.g. chrome, safari]
Screen Shot 2024-06-12 at 9 29 25 AM

Map/Chat: UI Agent

Is your feature request related to a problem? Please describe.
Data can be aggregated via visual screenshots of current map preview.

Map: Render Preview

Describe the bug
Map should render to the height of the chat display.

Screen Shot 2024-05-31 at 8 49 42 AM

Map height should not exceed chat.

Map rerendering / random refresh

Describe the bug
Mapbox is currently refreshing at random causing the whole system to lose state.

To Reproduce
Ask additional questions or toggle live location.

Expected behavior
Mapbox should not re-render autonomously.

Screenshots
If applicable, add screenshots to help explain your problem.

Additional context
This might be an optimization issue.

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.