{"id":14975956,"url":"https://github.com/networkimprov/brangr","last_synced_at":"2025-09-18T08:30:55.311Z","repository":{"id":168164507,"uuid":"642570370","full_name":"networkimprov/brangr","owner":"networkimprov","description":"Browse Any Graph - The first user-friendly viewer for any GraphQL service","archived":false,"fork":false,"pushed_at":"2023-06-04T05:47:27.000Z","size":43,"stargazers_count":3,"open_issues_count":0,"forks_count":1,"subscribers_count":2,"default_branch":"main","last_synced_at":"2024-11-19T11:30:21.981Z","etag":null,"topics":["browser","graphql","graphql-client","vuejs","web-api"],"latest_commit_sha":null,"homepage":"","language":"HTML","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"mpl-2.0","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/networkimprov.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":"LICENSE","code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null}},"created_at":"2023-05-18T21:51:57.000Z","updated_at":"2024-10-28T18:13:55.000Z","dependencies_parsed_at":null,"dependency_job_id":"7204a0b6-b5c1-408e-98f3-d02534d4ce1b","html_url":"https://github.com/networkimprov/brangr","commit_stats":{"total_commits":12,"total_committers":1,"mean_commits":12.0,"dds":0.0,"last_synced_commit":"d7d5da9b33db22603ab47fc23db0fc590683d669"},"previous_names":["networkimprov/brangr"],"tags_count":1,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/networkimprov%2Fbrangr","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/networkimprov%2Fbrangr/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/networkimprov%2Fbrangr/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/networkimprov%2Fbrangr/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/networkimprov","download_url":"https://codeload.github.com/networkimprov/brangr/tar.gz/refs/heads/main","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":233460996,"owners_count":18679771,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["browser","graphql","graphql-client","vuejs","web-api"],"created_at":"2024-09-24T13:52:56.262Z","updated_at":"2025-09-18T08:30:54.912Z","avatar_url":"https://github.com/networkimprov.png","language":"HTML","funding_links":[],"categories":["Tools"],"sub_categories":["Tools - Editors \u0026 IDEs \u0026 Explorers"],"readme":"## Brangr - *Br*owse *An*y *Gr*aph\n\nBrangr is a simple, unique tool that any web server can host \nto provide a user-friendly browser/viewer for any GraphQL service (or many).\n\nBrangr formats GraphQL results attractively, via a selection of user-configurable layouts.\nIt lets users extract the generated HTML, and its source JSON.\nIt provides a schema browser.\nIt has built-in docs.\n\nBrangr enables sites hosting it to present users with \na collection of pre-fab GraphQL requests, which they can edit if desired, \nand let them create their own requests.\nAnd it allows sites to define custom CSS styling for all aspects of the formatted results.\n\nIt's fast \u0026amp; small.[\u003cimg title=\"Public Brangr site\" width=\"48%\" hspace=\"0\" align=\"right\"\n                            src=\"https://user-images.githubusercontent.com/458838/243126589-a9cfce13-fbac-4b7c-9eb9-61732c200e9a.png\"\n                            \u003e](https://mnmnotmail.org/bgr/brangr.html)\nIt's a browser-based app, not a code module (although that might be arranged).\nIt's built with Vue.js, in ordinary Javascript \u0026 plain CSS, \nand employs the GraphQL.js language module\u0026nbsp;[1].\nIt's tested on Firefox, Safari, and Chrome.\n\nMore features are on the drawing board \u0026mdash; please convey what your GraphQL users need!\n\nTry it at the [**public Brangr site**](https://mnmnotmail.org/bgr/brangr.html).\n\n\\\n[1] https://graphql.org/graphql-js/language\n\n### Example\n\n```\nquery {\n  heroes(_layout:{type:table}) { # _layout arg not sent to service\n    first\n    last\n  }\n}\n```\nBrangr renders the above query as roughly this HTML (though not in a quote block):\n\u003eheroes...\n\u003e| First  | Last |\n\u003e| ---    | ---  |\n\u003e| Arthur | Dent |\n\u003e| Ford   | Prefect |\n\u003e| Zaphod | Beeblebrox |\n\n### Installation\n\n1. Download the [latest release](https://github.com/networkimprov/brangr/releases), \n   and unpack its files into a website directory.\n3. Copy `tmpl_brangr-config.js` to a new file, `brangr-config.js`.\\\n   Edit the new file to create the config for your site.\n3. Copy `tmpl_brangr-local.css` to a new file, `brangr-local.css`.\\\n   No edits to this file are required at installation.\n4. Direct your browser to `\u003csite/dir\u003e/brangr.html`.\n\n### License\n\n   Copyright 2023 Liam Breck  \n   Published at https://github.com/networkimprov/brangr\n\n   This Source Code Form is subject to the terms of the Mozilla Public  \n   License, v. 2.0. If a copy of the MPL was not distributed with this  \n   file, You can obtain one at http://mozilla.org/MPL/2.0/\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fnetworkimprov%2Fbrangr","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fnetworkimprov%2Fbrangr","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fnetworkimprov%2Fbrangr/lists"}