[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"marketplace-site-banners":3,"github-stars":9,"@directus-labs\u002Faddress-completion-interface":115},[4],{"id":5,"icon":6,"content":7,"link":8,"include_paths":6,"exclude_paths":6},"5cf2f5f6-aecf-4395-8c23-69de326fdf02",null,"Directus V12 is here","https:\u002F\u002Fdirectus.com\u002Fresources\u002Fv12-built-for-the-whole-team",{"id":10,"node_id":11,"name":12,"full_name":13,"private":14,"owner":15,"html_url":33,"description":34,"fork":14,"url":35,"forks_url":36,"keys_url":37,"collaborators_url":38,"teams_url":39,"hooks_url":40,"issue_events_url":41,"events_url":42,"assignees_url":43,"branches_url":44,"tags_url":45,"blobs_url":46,"git_tags_url":47,"git_refs_url":48,"trees_url":49,"statuses_url":50,"languages_url":51,"stargazers_url":52,"contributors_url":53,"subscribers_url":54,"subscription_url":55,"commits_url":56,"git_commits_url":57,"comments_url":58,"issue_comment_url":59,"contents_url":60,"compare_url":61,"merges_url":62,"archive_url":63,"downloads_url":64,"issues_url":65,"pulls_url":66,"milestones_url":67,"notifications_url":68,"labels_url":69,"releases_url":70,"deployments_url":71,"created_at":72,"updated_at":73,"pushed_at":74,"git_url":75,"ssh_url":76,"clone_url":77,"svn_url":33,"homepage":78,"size":79,"stargazers_count":80,"watchers_count":80,"language":81,"has_issues":82,"has_projects":82,"has_downloads":82,"has_wiki":14,"has_pages":14,"has_discussions":82,"forks_count":83,"mirror_url":6,"archived":14,"disabled":14,"open_issues_count":84,"license":85,"allow_forking":82,"is_template":14,"web_commit_signoff_required":14,"has_pull_requests":82,"pull_request_creation_policy":90,"topics":91,"visibility":32,"forks":83,"open_issues":84,"watchers":80,"default_branch":111,"temp_clone_token":6,"custom_properties":112,"organization":113,"network_count":83,"subscribers_count":114},7122594,"MDEwOlJlcG9zaXRvcnk3MTIyNTk0","directus","directus\u002Fdirectus",false,{"login":12,"id":16,"node_id":17,"avatar_url":18,"gravatar_id":19,"url":20,"html_url":21,"followers_url":22,"following_url":23,"gists_url":24,"starred_url":25,"subscriptions_url":26,"organizations_url":27,"repos_url":28,"events_url":29,"received_events_url":30,"type":31,"user_view_type":32,"site_admin":14},15967950,"MDEyOk9yZ2FuaXphdGlvbjE1OTY3OTUw","https:\u002F\u002Favatars.githubusercontent.com\u002Fu\u002F15967950?v=4","","https:\u002F\u002Fapi.github.com\u002Fusers\u002Fdirectus","https:\u002F\u002Fgithub.com\u002Fdirectus","https:\u002F\u002Fapi.github.com\u002Fusers\u002Fdirectus\u002Ffollowers","https:\u002F\u002Fapi.github.com\u002Fusers\u002Fdirectus\u002Ffollowing{\u002Fother_user}","https:\u002F\u002Fapi.github.com\u002Fusers\u002Fdirectus\u002Fgists{\u002Fgist_id}","https:\u002F\u002Fapi.github.com\u002Fusers\u002Fdirectus\u002Fstarred{\u002Fowner}{\u002Frepo}","https:\u002F\u002Fapi.github.com\u002Fusers\u002Fdirectus\u002Fsubscriptions","https:\u002F\u002Fapi.github.com\u002Fusers\u002Fdirectus\u002Forgs","https:\u002F\u002Fapi.github.com\u002Fusers\u002Fdirectus\u002Frepos","https:\u002F\u002Fapi.github.com\u002Fusers\u002Fdirectus\u002Fevents{\u002Fprivacy}","https:\u002F\u002Fapi.github.com\u002Fusers\u002Fdirectus\u002Freceived_events","Organization","public","https:\u002F\u002Fgithub.com\u002Fdirectus\u002Fdirectus","The flexible backend for all your projects 🐰 Turn your DB into a headless CMS, admin panels, or apps with a custom UI, instant APIs, auth & more.","https:\u002F\u002Fapi.github.com\u002Frepos\u002Fdirectus\u002Fdirectus","https:\u002F\u002Fapi.github.com\u002Frepos\u002Fdirectus\u002Fdirectus\u002Fforks","https:\u002F\u002Fapi.github.com\u002Frepos\u002Fdirectus\u002Fdirectus\u002Fkeys{\u002Fkey_id}","https:\u002F\u002Fapi.github.com\u002Frepos\u002Fdirectus\u002Fdirectus\u002Fcollaborators{\u002Fcollaborator}","https:\u002F\u002Fapi.github.com\u002Frepos\u002Fdirectus\u002Fdirectus\u002Fteams","https:\u002F\u002Fapi.github.com\u002Frepos\u002Fdirectus\u002Fdirectus\u002Fhooks","https:\u002F\u002Fapi.github.com\u002Frepos\u002Fdirectus\u002Fdirectus\u002Fissues\u002Fevents{\u002Fnumber}","https:\u002F\u002Fapi.github.com\u002Frepos\u002Fdirectus\u002Fdirectus\u002Fevents","https:\u002F\u002Fapi.github.com\u002Frepos\u002Fdirectus\u002Fdirectus\u002Fassignees{\u002Fuser}","https:\u002F\u002Fapi.github.com\u002Frepos\u002Fdirectus\u002Fdirectus\u002Fbranches{\u002Fbranch}","https:\u002F\u002Fapi.github.com\u002Frepos\u002Fdirectus\u002Fdirectus\u002Ftags","https:\u002F\u002Fapi.github.com\u002Frepos\u002Fdirectus\u002Fdirectus\u002Fgit\u002Fblobs{\u002Fsha}","https:\u002F\u002Fapi.github.com\u002Frepos\u002Fdirectus\u002Fdirectus\u002Fgit\u002Ftags{\u002Fsha}","https:\u002F\u002Fapi.github.com\u002Frepos\u002Fdirectus\u002Fdirectus\u002Fgit\u002Frefs{\u002Fsha}","https:\u002F\u002Fapi.github.com\u002Frepos\u002Fdirectus\u002Fdirectus\u002Fgit\u002Ftrees{\u002Fsha}","https:\u002F\u002Fapi.github.com\u002Frepos\u002Fdirectus\u002Fdirectus\u002Fstatuses\u002F{sha}","https:\u002F\u002Fapi.github.com\u002Frepos\u002Fdirectus\u002Fdirectus\u002Flanguages","https:\u002F\u002Fapi.github.com\u002Frepos\u002Fdirectus\u002Fdirectus\u002Fstargazers","https:\u002F\u002Fapi.github.com\u002Frepos\u002Fdirectus\u002Fdirectus\u002Fcontributors","https:\u002F\u002Fapi.github.com\u002Frepos\u002Fdirectus\u002Fdirectus\u002Fsubscribers","https:\u002F\u002Fapi.github.com\u002Frepos\u002Fdirectus\u002Fdirectus\u002Fsubscription","https:\u002F\u002Fapi.github.com\u002Frepos\u002Fdirectus\u002Fdirectus\u002Fcommits{\u002Fsha}","https:\u002F\u002Fapi.github.com\u002Frepos\u002Fdirectus\u002Fdirectus\u002Fgit\u002Fcommits{\u002Fsha}","https:\u002F\u002Fapi.github.com\u002Frepos\u002Fdirectus\u002Fdirectus\u002Fcomments{\u002Fnumber}","https:\u002F\u002Fapi.github.com\u002Frepos\u002Fdirectus\u002Fdirectus\u002Fissues\u002Fcomments{\u002Fnumber}","https:\u002F\u002Fapi.github.com\u002Frepos\u002Fdirectus\u002Fdirectus\u002Fcontents\u002F{+path}","https:\u002F\u002Fapi.github.com\u002Frepos\u002Fdirectus\u002Fdirectus\u002Fcompare\u002F{base}...{head}","https:\u002F\u002Fapi.github.com\u002Frepos\u002Fdirectus\u002Fdirectus\u002Fmerges","https:\u002F\u002Fapi.github.com\u002Frepos\u002Fdirectus\u002Fdirectus\u002F{archive_format}{\u002Fref}","https:\u002F\u002Fapi.github.com\u002Frepos\u002Fdirectus\u002Fdirectus\u002Fdownloads","https:\u002F\u002Fapi.github.com\u002Frepos\u002Fdirectus\u002Fdirectus\u002Fissues{\u002Fnumber}","https:\u002F\u002Fapi.github.com\u002Frepos\u002Fdirectus\u002Fdirectus\u002Fpulls{\u002Fnumber}","https:\u002F\u002Fapi.github.com\u002Frepos\u002Fdirectus\u002Fdirectus\u002Fmilestones{\u002Fnumber}","https:\u002F\u002Fapi.github.com\u002Frepos\u002Fdirectus\u002Fdirectus\u002Fnotifications{?since,all,participating}","https:\u002F\u002Fapi.github.com\u002Frepos\u002Fdirectus\u002Fdirectus\u002Flabels{\u002Fname}","https:\u002F\u002Fapi.github.com\u002Frepos\u002Fdirectus\u002Fdirectus\u002Freleases{\u002Fid}","https:\u002F\u002Fapi.github.com\u002Frepos\u002Fdirectus\u002Fdirectus\u002Fdeployments","2012-12-12T01:35:36Z","2026-07-18T05:08:19Z","2026-07-17T21:10:45Z","git:\u002F\u002Fgithub.com\u002Fdirectus\u002Fdirectus.git","git@github.com:directus\u002Fdirectus.git","https:\u002F\u002Fgithub.com\u002Fdirectus\u002Fdirectus.git","https:\u002F\u002Fdirectus.com",447310,36507,"TypeScript",true,4850,399,{"key":86,"name":87,"spdx_id":88,"url":6,"node_id":89},"other","Other","NOASSERTION","MDc6TGljZW5zZTA=","all",[92,93,94,95,96,97,12,98,99,100,101,102,103,104,105,106,107,108,109,110],"api","app","cms","composable","data-visualization","database","graphql","headless-cms","javascript","mariadb","mssql","mysql","no-code","node","postgresql","sql","sqlite","typescript","vue","main",{},{"login":12,"id":16,"node_id":17,"avatar_url":18,"gravatar_id":19,"url":20,"html_url":21,"followers_url":22,"following_url":23,"gists_url":24,"starred_url":25,"subscriptions_url":26,"organizations_url":27,"repos_url":28,"events_url":29,"received_events_url":30,"type":31,"user_view_type":32,"site_admin":14},326,{"name":116,"description":117,"verified":14,"id":118,"readme":119,"type":120,"last_updated":121,"host_version":122,"downloads":123,"total_downloads":124,"sandbox":82,"license":125,"publisher":126,"versions":132,"formatted_name":167,"formatted_readme":168,"formatted_description":117,"featured_image":169,"images":170,"repository_url":148,"recent_downloads_7_days":124,"recent_downloads_30_days":124},"@directus-labs\u002Faddress-completion-interface","Use Google Places autocomplete Data API as an Address Completion interface","c845dc9b-ab9d-4aa7-b05d-b19f70d37ce3","# Address Completion Interface for Directus\nA Directus interface that integrates Google Maps address autocompletion functionality into the Directus Editor.\n\n![](https:\u002F\u002Fraw.githubusercontent.com\u002Fdirectus-labs\u002Fextensions\u002Fmain\u002Fpackages\u002Faddress-completion-interface\u002Fdocs\u002Finterface.png)\n\n## Features\n- Google Maps address autocompletion\n- Customizable autocompletion configuration\n- Display the result on a map (optionally)\n\n## Prerequisites\n- A Directus installation\n- Google Maps API key with appropriate permissions\n- Access to your Directus environment variables\n\n## Installation\nTo install the extension, take a look at the [Official Guide](https:\u002F\u002Fdocs.directus.io\u002Fextensions\u002Finstalling-extensions.html).\n\n## Configuration\n### 1. Environment Variables\nAdd the following environment variables to your config file, in order to allow the app to load data from the google-APIs:\n\n```env\nCONTENT_SECURITY_POLICY_DIRECTIVES__SCRIPT_SRC=array:'self', 'unsafe-eval', https:\u002F\u002F*.googleapis.com\nCONTENT_SECURITY_POLICY_DIRECTIVES__IMG_SRC=array:'self', data:, https:\u002F\u002F*.gstatic.com, https:\u002F\u002F*.googleapis.com\n````\n\n### 2. Google Maps API Setup\n1. Obtain a Google Maps API key from the Google Cloud Console. View [Google documentation](https:\u002F\u002Fdevelopers.google.com\u002Fmaps\u002Fdocumentation\u002Fplaces\u002Fweb-service\u002Fget-api-key)\n2. Enable the following APIs in your Google Cloud project:\n   - Places API (New)\n   - Maps JavaScript API\n\n**Recommended Security Measures:**\n\n- Restrict the API key to your domain\n- Enable only the required services (Places API and Maps JavaScript API)\n\n## Interface Configuration\n![](https:\u002F\u002Fraw.githubusercontent.com\u002Fdirectus-labs\u002Fextensions\u002Fmain\u002Fpackages\u002Faddress-completion-interface\u002Fdocs\u002Fsettings.png)\n\n### Autocomplete Settings\nYou can customize the autocomplete behavior using the interface settings. The configuration accepts standard Google Places Autocomplete parameters as documented in the [Google Maps JavaScript API Reference](https:\u002F\u002Fdevelopers.google.com\u002Fmaps\u002Fdocumentation\u002Fjavascript\u002Freference\u002Fautocomplete-data#AutocompleteRequest.includedRegionCodes).\n\nExample Configuration:\n\n```json\n{\n    \"includedRegionCodes\": [\n        \"us\"\n    ]\n}\n```\nThis example restricts autocomplete results to US addresses only.\n\n### Support\nFor issues and feature requests, please use the GitHub issues section of this repository.","interface","2026-03-10T19:52:59.468Z","^10.0.0 || ^11.0.0",[],0,"MIT",{"username":127,"verified":82,"id":128,"github_username":127,"github_name":129,"github_blog":130,"github_bio":6,"github_location":6,"github_company":6,"github_avatar_url":131},"bryantgillespie","85f85c84-9af0-4ba7-a30f-3617605d412b","Bryant Gillespie","https:\u002F\u002Fwww.bryantgillespie.com","https:\u002F\u002Favatars.githubusercontent.com\u002Fu\u002F23302570?v=4",[133,145,158],{"version":134,"package":118,"publisher":135,"type":120,"host_version":122,"publish_date":136,"verified":14,"id":137,"url_repository":6,"url_homepage":6,"url_bugs":6,"file_count":138,"unpacked_size":139,"sandbox":82,"sandbox_requested_scopes":6,"license":125,"bundled":140,"maintainers":141},"1.0.0","8486d50d-a6bc-45c6-8627-60f3c144732c","2024-12-04T17:08:22.498Z","0e99d385-18f4-44ab-9470-f6dbb730aad9",5,73810,[],[142,143,144],11630,11631,11632,{"version":146,"package":118,"publisher":128,"type":120,"host_version":122,"publish_date":121,"verified":14,"id":147,"url_repository":148,"url_homepage":149,"url_bugs":150,"file_count":138,"unpacked_size":151,"sandbox":82,"sandbox_requested_scopes":6,"license":125,"bundled":152,"maintainers":153},"1.0.2","8a9707eb-11bf-430c-9def-daa5d5762db0","https:\u002F\u002Fgithub.com\u002Fdirectus-labs\u002Fextensions.git","https:\u002F\u002Fgithub.com\u002Fdirectus-labs\u002Fextensions#readme","https:\u002F\u002Fgithub.com\u002Fdirectus-labs\u002Fextensions\u002Fissues",74043,[],[154,155,156,157],13913,13914,13915,13916,{"version":159,"package":118,"publisher":135,"type":120,"host_version":122,"publish_date":160,"verified":14,"id":161,"url_repository":6,"url_homepage":6,"url_bugs":6,"file_count":138,"unpacked_size":139,"sandbox":82,"sandbox_requested_scopes":6,"license":125,"bundled":162,"maintainers":163},"1.0.1","2024-12-09T08:13:58.299Z","a84b04d3-8ef7-4fe9-a5a7-edcaae22af65",[],[164,165,166],11661,11662,11663,"Address Completion Interface","\u003Ch1>Address Completion Interface for Directus\u003C\u002Fh1>\n\u003Cp>A Directus interface that integrates Google Maps address autocompletion functionality into the Directus Editor.\u003C\u002Fp>\n\u003Cp>\u003Cimg src=\"https:\u002F\u002Fraw.githubusercontent.com\u002Fdirectus-labs\u002Fextensions\u002Fmain\u002Fpackages\u002Faddress-completion-interface\u002Fdocs\u002Finterface.png\" alt=\"\">\u003C\u002Fp>\n\u003Ch2>Features\u003C\u002Fh2>\n\u003Cul>\n\u003Cli>Google Maps address autocompletion\u003C\u002Fli>\n\u003Cli>Customizable autocompletion configuration\u003C\u002Fli>\n\u003Cli>Display the result on a map (optionally)\u003C\u002Fli>\n\u003C\u002Ful>\n\u003Ch2>Prerequisites\u003C\u002Fh2>\n\u003Cul>\n\u003Cli>A Directus installation\u003C\u002Fli>\n\u003Cli>Google Maps API key with appropriate permissions\u003C\u002Fli>\n\u003Cli>Access to your Directus environment variables\u003C\u002Fli>\n\u003C\u002Ful>\n\u003Ch2>Installation\u003C\u002Fh2>\n\u003Cp>To install the extension, take a look at the \u003Ca href=\"https:\u002F\u002Fdocs.directus.io\u002Fextensions\u002Finstalling-extensions.html\">Official Guide\u003C\u002Fa>.\u003C\u002Fp>\n\u003Ch2>Configuration\u003C\u002Fh2>\n\u003Ch3>1. Environment Variables\u003C\u002Fh3>\n\u003Cp>Add the following environment variables to your config file, in order to allow the app to load data from the google-APIs:\u003C\u002Fp>\n\u003Cpre>\u003Ccode class=\"language-env\">CONTENT_SECURITY_POLICY_DIRECTIVES__SCRIPT_SRC=array:'self', 'unsafe-eval', https:\u002F\u002F*.googleapis.com\nCONTENT_SECURITY_POLICY_DIRECTIVES__IMG_SRC=array:'self', data:, https:\u002F\u002F*.gstatic.com, https:\u002F\u002F*.googleapis.com\n\u003C\u002Fcode>\u003C\u002Fpre>\n\u003Ch3>2. Google Maps API Setup\u003C\u002Fh3>\n\u003Col>\n\u003Cli>Obtain a Google Maps API key from the Google Cloud Console. View \u003Ca href=\"https:\u002F\u002Fdevelopers.google.com\u002Fmaps\u002Fdocumentation\u002Fplaces\u002Fweb-service\u002Fget-api-key\">Google documentation\u003C\u002Fa>\u003C\u002Fli>\n\u003Cli>Enable the following APIs in your Google Cloud project:\n\u003Cul>\n\u003Cli>Places API (New)\u003C\u002Fli>\n\u003Cli>Maps JavaScript API\u003C\u002Fli>\n\u003C\u002Ful>\n\u003C\u002Fli>\n\u003C\u002Fol>\n\u003Cp>\u003Cstrong>Recommended Security Measures:\u003C\u002Fstrong>\u003C\u002Fp>\n\u003Cul>\n\u003Cli>Restrict the API key to your domain\u003C\u002Fli>\n\u003Cli>Enable only the required services (Places API and Maps JavaScript API)\u003C\u002Fli>\n\u003C\u002Ful>\n\u003Ch2>Interface Configuration\u003C\u002Fh2>\n\u003Cp>\u003Cimg src=\"https:\u002F\u002Fraw.githubusercontent.com\u002Fdirectus-labs\u002Fextensions\u002Fmain\u002Fpackages\u002Faddress-completion-interface\u002Fdocs\u002Fsettings.png\" alt=\"\">\u003C\u002Fp>\n\u003Ch3>Autocomplete Settings\u003C\u002Fh3>\n\u003Cp>You can customize the autocomplete behavior using the interface settings. The configuration accepts standard Google Places Autocomplete parameters as documented in the \u003Ca href=\"https:\u002F\u002Fdevelopers.google.com\u002Fmaps\u002Fdocumentation\u002Fjavascript\u002Freference\u002Fautocomplete-data#AutocompleteRequest.includedRegionCodes\">Google Maps JavaScript API Reference\u003C\u002Fa>.\u003C\u002Fp>\n\u003Cp>Example Configuration:\u003C\u002Fp>\n\u003Cpre>\u003Ccode class=\"language-json\">{\n    \"includedRegionCodes\": [\n        \"us\"\n    ]\n}\n\u003C\u002Fcode>\u003C\u002Fpre>\n\u003Cp>This example restricts autocomplete results to US addresses only.\u003C\u002Fp>\n\u003Ch3>Support\u003C\u002Fh3>\n\u003Cp>For issues and feature requests, please use the GitHub issues section of this repository.\u003C\u002Fp>","https:\u002F\u002Fraw.githubusercontent.com\u002Fdirectus-labs\u002Fextensions\u002Fmain\u002Fpackages\u002Faddress-completion-interface\u002Fdocs\u002Finterface.png",[169,171],"https:\u002F\u002Fraw.githubusercontent.com\u002Fdirectus-labs\u002Fextensions\u002Fmain\u002Fpackages\u002Faddress-completion-interface\u002Fdocs\u002Fsettings.png"]