From 12eb4e95ab06d4a59e4e0f74f0f47185673ca1da Mon Sep 17 00:00:00 2001 From: Nathaniel Tucker Date: Wed, 7 Aug 2024 12:03:24 +0200 Subject: [PATCH] docs: Use light-mode header image in README for npm --- .changeset/many-wombats-happen.md | 5 ++++ README.md | 2 +- packages/react/README.md | 23 ++++++++++++++----- packages/react/data_client_logo_and_text.svg | 17 +++++++------- .../client_logo_and_text-border--light.svg | 3 +-- 5 files changed, 33 insertions(+), 17 deletions(-) create mode 100644 .changeset/many-wombats-happen.md diff --git a/.changeset/many-wombats-happen.md b/.changeset/many-wombats-happen.md new file mode 100644 index 000000000000..1d95a73999bc --- /dev/null +++ b/.changeset/many-wombats-happen.md @@ -0,0 +1,5 @@ +--- +'@data-client/react': patch +--- + +Use light-mode README header image since npm only has light-mode diff --git a/README.md b/README.md index 74cd8a1f8920..6c121ad0ac6f 100644 --- a/README.md +++ b/README.md @@ -25,7 +25,7 @@ Schema driven. Zero updater functions. [Todo](https://stackblitz.com/github/reactive/data-client/tree/master/examples/todo-app?file=src%2Fpages%2FHome%2FTodoList.tsx)  |  [Github Social](https://stackblitz.com/github/reactive/data-client/tree/master/examples/github-app?file=src%2Fpages%2FIssueList.tsx)  |  [NextJS SSR](https://stackblitz.com/github/reactive/data-client/tree/master/examples/nextjs?file=components%2Ftodo%2FTodoList.tsx)  |  -[Coin Price Websockets](https://stackblitz.com/github/reactive/coin-app/tree/master?file=src%2Fresources%2FStreamManager.ts,src%2Fapp%2FCurrencyList.tsx) +[Websockets+SSR](https://stackblitz.com/github/reactive/coin-app/tree/master?file=src%2Fresources%2FStreamManager.ts,src%2Fapp%2FCurrencyList.tsx) diff --git a/packages/react/README.md b/packages/react/README.md index e21d8732810d..d639924cc8e6 100644 --- a/packages/react/README.md +++ b/packages/react/README.md @@ -1,4 +1,12 @@ -# [![Reactive Data Client](./data_client_logo_and_text.svg?sanitize=true)](https://dataclient.io) +

+
+ + Reactive Data Client + +
+

+ +
[![CircleCI](https://circleci.com/gh/reactive/data-client/tree/master.svg?style=shield)](https://circleci.com/gh/reactive/data-client) [![Coverage Status](https://img.shields.io/codecov/c/gh/reactive/data-client/master.svg?style=flat-square)](https://app.codecov.io/gh/reactive/data-client?branch=master) @@ -8,15 +16,18 @@ [![PRs Welcome](https://img.shields.io/badge/PRs-welcome-brightgreen.svg?style=flat-square)](http://makeapullrequest.com) [![Chat](https://img.shields.io/discord/768254430381735967.svg?style=flat-square&colorB=758ED3)](https://discord.gg/35nb8Mz) -Define your [async methods](https://dataclient.io/docs/getting-started/resource). Use them [synchronously in React](https://dataclient.io/docs/getting-started/data-dependency). [Instantly mutate](https://dataclient.io/docs/getting-started/mutations) the data and automatically update all usages. +
-For [REST](https://dataclient.io/rest), [GraphQL](https://dataclient.io/graphql), [Websockets+SSE](https://dataclient.io/docs/concepts/managers#data-stream) and [more](https://dataclient.io/docs/guides/img-media) +The scalable way to build applications with [dynamic data](https://dataclient.io/docs/getting-started/mutations). -
+[Declarative resouce definitons](https://dataclient.io/docs/getting-started/resource) for [REST](https://dataclient.io/rest), [GraphQL](https://dataclient.io/graphql), [Websockets+SSE](https://dataclient.io/docs/concepts/managers#data-stream) and [more](https://dataclient.io/rest/api/Endpoint) +
[Performant rendering](https://dataclient.io/docs/getting-started/data-dependency) in React, NextJS, React Native, ExpoGo -**[📖Read The Docs](https://dataclient.io/docs)**  |  [🏁Getting Started](https://dataclient.io/docs/getting-started/installation) +Schema driven. Zero updater functions. + +
-🎮 **Demos**  |  +**[📖Read The Docs](https://dataclient.io/docs)**  |  [🏁Getting Started](https://dataclient.io/docs/getting-started/installation)
🎮 **Demos:**   [Todo](https://stackblitz.com/github/reactive/data-client/tree/master/examples/todo-app?file=src%2Fpages%2FHome%2FTodoList.tsx)  |  [Github](https://stackblitz.com/github/reactive/data-client/tree/master/examples/github-app?file=src%2Fpages%2FIssueList.tsx)  |  [NextJS SSR](https://stackblitz.com/github/reactive/data-client/tree/master/examples/nextjs?file=components%2Ftodo%2FTodoList.tsx)  |  diff --git a/packages/react/data_client_logo_and_text.svg b/packages/react/data_client_logo_and_text.svg index 61d76e32b674..bf0bfa68242e 100644 --- a/packages/react/data_client_logo_and_text.svg +++ b/packages/react/data_client_logo_and_text.svg @@ -1,9 +1,10 @@ + viewBox="69 220 1136 205" height="100" xml:space="preserve"> @@ -46,18 +47,18 @@ - - - - - - + + + diff --git a/website/static/img/client_logo_and_text-border--light.svg b/website/static/img/client_logo_and_text-border--light.svg index 007df347275c..c05c69c2c4cd 100644 --- a/website/static/img/client_logo_and_text-border--light.svg +++ b/website/static/img/client_logo_and_text-border--light.svg @@ -5,9 +5,8 @@ - +