From 5aa8d0cb310b0613add3215a446ae07787703f72 Mon Sep 17 00:00:00 2001 From: Liam Date: Wed, 7 Jun 2023 10:29:57 -0700 Subject: [PATCH 1/7] code/language/js/tools: Add Brangr --- .../javascript/tools/brangr.md | 41 +++++++++++++++++++ 1 file changed, 41 insertions(+) create mode 100644 src/content/code/language-support/javascript/tools/brangr.md diff --git a/src/content/code/language-support/javascript/tools/brangr.md b/src/content/code/language-support/javascript/tools/brangr.md new file mode 100644 index 0000000000..7b17002814 --- /dev/null +++ b/src/content/code/language-support/javascript/tools/brangr.md @@ -0,0 +1,41 @@ +--- +name: Brangr +description: Browse Any Graph - A user-friendly viewer/client for all GraphQL services +url: https://github.com/networkimprov/brangr +github: networkimprov/brangr +--- + +__Brangr - *Br*owse *An*y *Gr*aph__ + +Brangr is a simple, unique tool that any web server can host +to provide a user-friendly browser/viewer for any GraphQL service (or many). + +Brangr formats GraphQL results attractively, via a selection of user-configurable layouts. +It lets users extract the generated HTML, and its source JSON. +It provides a clever schema browser. +It has built-in docs. + +Brangr enables sites hosting it to present users with +a collection of pre-fab GraphQL requests, which they can edit if desired, +and let them create their own requests. +And it allows sites to define custom CSS styling for all aspects of the formatted results. + +Try it at the [**public Brangr site**](https://mnmnotmail.org/bgr/brangr.html). + +__Example__ + +``` +query { + heroes(_layout:{type:table}) { # _layout arg not sent to service + first + last + } +} +``` +Brangr renders the above query as roughly this HTML (though not in a quote block): +>heroes... +>| First | Last | +>| --- | --- | +>| Arthur | Dent | +>| Ford | Prefect | +>| Zaphod | Beeblebrox | From a22edea82619a27d2a586d36f95cc11186cc1268 Mon Sep 17 00:00:00 2001 From: Liam Date: Sun, 11 Jun 2023 08:13:05 -0700 Subject: [PATCH 2/7] code/lang/js/tools/brangr: Fix table to use html --- .../language-support/javascript/tools/brangr.md | 14 ++++++++------ 1 file changed, 8 insertions(+), 6 deletions(-) diff --git a/src/content/code/language-support/javascript/tools/brangr.md b/src/content/code/language-support/javascript/tools/brangr.md index 7b17002814..6bf6c95d0c 100644 --- a/src/content/code/language-support/javascript/tools/brangr.md +++ b/src/content/code/language-support/javascript/tools/brangr.md @@ -33,9 +33,11 @@ query { } ``` Brangr renders the above query as roughly this HTML (though not in a quote block): ->heroes... ->| First | Last | ->| --- | --- | ->| Arthur | Dent | ->| Ford | Prefect | ->| Zaphod | Beeblebrox | +
heroes... + + + + + +
First Last
ArthurDent
Ford Prefect
ZaphodBeeblebrox
+
From 11a3dbe9fd893a13f0c9c697c7af8e0cec6040c3 Mon Sep 17 00:00:00 2001 From: Liam Date: Sun, 11 Jun 2023 08:40:53 -0700 Subject: [PATCH 3/7] code/lang/js/tools/brangr: Fix table borderspacing --- src/content/code/language-support/javascript/tools/brangr.md | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/src/content/code/language-support/javascript/tools/brangr.md b/src/content/code/language-support/javascript/tools/brangr.md index 6bf6c95d0c..a39d4a7e4f 100644 --- a/src/content/code/language-support/javascript/tools/brangr.md +++ b/src/content/code/language-support/javascript/tools/brangr.md @@ -34,7 +34,7 @@ query { ``` Brangr renders the above query as roughly this HTML (though not in a quote block):
heroes... - +
From fe8a1dfa7747682b0b7de2aeb6abaab5d21a898b Mon Sep 17 00:00:00 2001 From: Liam Date: Sun, 11 Jun 2023 09:18:29 -0700 Subject: [PATCH 4/7] code/lang/js/tools/brangr: Fix blurb to use bullets --- .../code/language-support/javascript/tools/brangr.md | 10 +++++----- 1 file changed, 5 insertions(+), 5 deletions(-) diff --git a/src/content/code/language-support/javascript/tools/brangr.md b/src/content/code/language-support/javascript/tools/brangr.md index a39d4a7e4f..b3cca56c51 100644 --- a/src/content/code/language-support/javascript/tools/brangr.md +++ b/src/content/code/language-support/javascript/tools/brangr.md @@ -7,20 +7,20 @@ github: networkimprov/brangr __Brangr - *Br*owse *An*y *Gr*aph__ -Brangr is a simple, unique tool that any web server can host +- Brangr is a simple, unique tool that any web server can host to provide a user-friendly browser/viewer for any GraphQL service (or many). -Brangr formats GraphQL results attractively, via a selection of user-configurable layouts. +- Brangr formats GraphQL results attractively, via a selection of user-configurable layouts. It lets users extract the generated HTML, and its source JSON. It provides a clever schema browser. It has built-in docs. -Brangr enables sites hosting it to present users with +- Brangr enables sites hosting it to present users with a collection of pre-fab GraphQL requests, which they can edit if desired, and let them create their own requests. And it allows sites to define custom CSS styling for all aspects of the formatted results. -Try it at the [**public Brangr site**](https://mnmnotmail.org/bgr/brangr.html). +- Try it at the [**public Brangr site**](https://mnmnotmail.org/bgr/brangr.html). __Example__ @@ -32,7 +32,7 @@ query { } } ``` -Brangr renders the above query as roughly this HTML (though not in a quote block): +Brangr renders the above query as follows (though not in a quote block):
heroes...
First Last
ArthurDent
Ford Prefect
From c41d5c24de63988cf49f21c502e4168135e067e3 Mon Sep 17 00:00:00 2001 From: Liam Date: Mon, 12 Jun 2023 13:27:15 -0700 Subject: [PATCH 5/7] code/lang/js/tools/brangr: Fix description --- src/content/code/language-support/javascript/tools/brangr.md | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/src/content/code/language-support/javascript/tools/brangr.md b/src/content/code/language-support/javascript/tools/brangr.md index b3cca56c51..0bfa0015be 100644 --- a/src/content/code/language-support/javascript/tools/brangr.md +++ b/src/content/code/language-support/javascript/tools/brangr.md @@ -1,6 +1,6 @@ --- name: Brangr -description: Browse Any Graph - A user-friendly viewer/client for all GraphQL services +description: Browse Any Graph - A user-friendly viewer for any GraphQL service url: https://github.com/networkimprov/brangr github: networkimprov/brangr --- From 4cb347b508a1bd9199337791b80c36a1b9f96e93 Mon Sep 17 00:00:00 2001 From: Liam Date: Sat, 17 Jun 2023 11:00:15 -0700 Subject: [PATCH 6/7] code/lang/js/tools/brangr: Fix formatting per Prettier --- .../javascript/tools/brangr.md | 20 ++++++++++--------- 1 file changed, 11 insertions(+), 9 deletions(-) diff --git a/src/content/code/language-support/javascript/tools/brangr.md b/src/content/code/language-support/javascript/tools/brangr.md index 0bfa0015be..22070a1c0f 100644 --- a/src/content/code/language-support/javascript/tools/brangr.md +++ b/src/content/code/language-support/javascript/tools/brangr.md @@ -5,24 +5,24 @@ url: https://github.com/networkimprov/brangr github: networkimprov/brangr --- -__Brangr - *Br*owse *An*y *Gr*aph__ +**Brangr - *Br*owse *An*y *Gr*aph** - Brangr is a simple, unique tool that any web server can host -to provide a user-friendly browser/viewer for any GraphQL service (or many). + to provide a user-friendly browser/viewer for any GraphQL service (or many). - Brangr formats GraphQL results attractively, via a selection of user-configurable layouts. -It lets users extract the generated HTML, and its source JSON. -It provides a clever schema browser. -It has built-in docs. + It lets users extract the generated HTML, and its source JSON. + It provides a clever schema browser. + It has built-in docs. - Brangr enables sites hosting it to present users with -a collection of pre-fab GraphQL requests, which they can edit if desired, -and let them create their own requests. -And it allows sites to define custom CSS styling for all aspects of the formatted results. + a collection of pre-fab GraphQL requests, which they can edit if desired, + and let them create their own requests. + And it allows sites to define custom CSS styling for all aspects of the formatted results. - Try it at the [**public Brangr site**](https://mnmnotmail.org/bgr/brangr.html). -__Example__ +**Example** ``` query { @@ -32,7 +32,9 @@ query { } } ``` + Brangr renders the above query as follows (though not in a quote block): +
heroes...
First Last
From 6c0801adcb84976bd6509a13711b3e141faf5901 Mon Sep 17 00:00:00 2001 From: Liam Date: Sun, 18 Jun 2023 09:43:18 -0700 Subject: [PATCH 7/7] code/lang/js/tools/brangr: Fix formatting per Prettier, again --- .../javascript/tools/brangr.md | 27 ++++++++++--------- 1 file changed, 15 insertions(+), 12 deletions(-) diff --git a/src/content/code/language-support/javascript/tools/brangr.md b/src/content/code/language-support/javascript/tools/brangr.md index 22070a1c0f..dcc2f390e4 100644 --- a/src/content/code/language-support/javascript/tools/brangr.md +++ b/src/content/code/language-support/javascript/tools/brangr.md @@ -7,20 +7,23 @@ github: networkimprov/brangr **Brangr - *Br*owse *An*y *Gr*aph** -- Brangr is a simple, unique tool that any web server can host +- Brangr is a simple, unique tool that any web server can host to provide a user-friendly browser/viewer for any GraphQL service (or many). -- Brangr formats GraphQL results attractively, via a selection of user-configurable layouts. +- Brangr formats GraphQL results attractively, via a selection of + user-configurable layouts. It lets users extract the generated HTML, and its source JSON. It provides a clever schema browser. It has built-in docs. -- Brangr enables sites hosting it to present users with - a collection of pre-fab GraphQL requests, which they can edit if desired, +- Brangr enables sites hosting it to present users with + a collection of pre-fab GraphQL requests, which they can edit if desired, and let them create their own requests. - And it allows sites to define custom CSS styling for all aspects of the formatted results. + And it allows sites to define custom CSS styling for all aspects of the + formatted results. -- Try it at the [**public Brangr site**](https://mnmnotmail.org/bgr/brangr.html). +- Try it at the + [**public Brangr site**](https://mnmnotmail.org/bgr/brangr.html). **Example** @@ -36,10 +39,10 @@ query { Brangr renders the above query as follows (though not in a quote block):
heroes... -
First Last
- - - - -
First Last
ArthurDent
Ford Prefect
ZaphodBeeblebrox
+ + + + + +
First Last
ArthurDent
Ford Prefect
ZaphodBeeblebrox