Skip to content
This repository was archived by the owner on Mar 3, 2023. It is now read-only.

Commit 40438a0

Browse files
frehnerfrehner
authored
Renaming it again to hydrogen-react (#157)
Hopefully the last time... :)
1 parent 3309706 commit 40438a0

File tree

105 files changed

+310
-314
lines changed

Some content is hidden

Large Commits have some content hidden by default. Use the searchbox below for content that may be hidden.

105 files changed

+310
-314
lines changed

‎.changeset/sour-months-complain.md

+1-1
Original file line numberDiff line numberDiff line change
@@ -1,5 +1,5 @@
11
---
2-
'@shopify/storefront-kit-react': patch
2+
'@shopify/hydrogen-react': patch
33
---
44

55
## Breaking Changes on Shopify analytics components

‎.changeset/strong-swans-melt.md

+1-1
Original file line numberDiff line numberDiff line change
@@ -1,5 +1,5 @@
11
---
2-
'@shopify/storefront-kit-react': patch
2+
'@shopify/hydrogen-react': patch
33
---
44

55
Added the following components and hooks, which have been a part of this package for awhile but weren't actually able to be used/imported.

‎.changeset/tall-laws-relate.md

+1-1
Original file line numberDiff line numberDiff line change
@@ -1,5 +1,5 @@
11
---
2-
'@shopify/storefront-kit-react': patch
2+
'@shopify/hydrogen-react': patch
33
---
44

55
`<ShopifyProvider />` and `useShop()` have had a breaking update:

‎.github/ISSUE_TEMPLATE/bug_report.md

+3-3
Original file line numberDiff line numberDiff line change
@@ -18,9 +18,9 @@ Steps to reproduce the behavior:
1818
3. Scroll down to '....'
1919
4. See error
2020

21-
If you're using React Storefront Kit with NextJS, you can use our template to create a minimal, reproducible example. Get started by clicking the button below:
21+
If you're using Hydrogen React with NextJS, you can use our template to create a minimal, reproducible example. Get started by clicking the button below:
2222

23-
[![Open in StackBlitz](https://developer.stackblitz.com/img/open_in_stackblitz.svg)](https://stackblitz.com/fork/github/shopify/storefront-kit/tree/main/apps/nextjs?file=pages%2Findex.tsx)
23+
[![Open in StackBlitz](https://developer.stackblitz.com/img/open_in_stackblitz.svg)](https://stackblitz.com/fork/github/shopify/hydrogen-react/tree/main/apps/nextjs?file=pages%2Findex.tsx)
2424

2525
**Expected behavior**
2626
A clear and concise description of what you expected to happen.
@@ -31,7 +31,7 @@ If applicable, add screenshots to help explain your problem.
3131
**Additional context**
3232
Add any other context about the problem here.
3333

34-
- Storefront Kit version
34+
- Hydrogen React version
3535
- Framework used (e.g., Hydrogen, Remix, Next.js, etc.)
3636
- Node version
3737
- Browser

‎.github/PULL_REQUEST_TEMPLATE.md

+2-2
Original file line numberDiff line numberDiff line change
@@ -12,7 +12,7 @@
1212

1313
### Before submitting the PR, please make sure you do the following:
1414

15-
- [ ] Read the [Contributing Guidelines](https://github.com/shopify/storefront-kit/blob/main/contributing.md)
15+
- [ ] Read the [Contributing Guidelines](https://github.com/shopify/hydrogen-react/blob/main/contributing.md)
1616
- [ ] Provide a description in this PR that addresses **what** the PR is solving, or reference the issue that it solves (e.g. `fixes #123`)
1717
- [ ] Update docs in this repository according to your change
18-
- [ ] Run `yarn changeset add` if this PR cause a version bump based on [Keep a Changelog](http://keepachangelog.com/en/1.0.0/). If you have a breaking change, it will need to wait until the next major version release. Otherwise, use patch updates even for new features. Read [more about Storefront Kit's versioning](https://github.com/shopify/storefront-kit/blob/main/readme.md#versioning).
18+
- [ ] Run `yarn changeset add` if this PR cause a version bump based on [Keep a Changelog](http://keepachangelog.com/en/1.0.0/). If you have a breaking change, it will need to wait until the next major version release. Otherwise, use patch updates even for new features. Read [more about Hydrogen React's versioning](https://github.com/shopify/hydrogen-react/blob/main/readme.md#versioning).

‎.github/workflows/changesets_reminder.yml

+1-1
Original file line numberDiff line numberDiff line change
@@ -17,4 +17,4 @@ jobs:
1717
message: |
1818
We detected some changes in `packages/*/package.json` or `packages/*/src`, and there are no updates in the `.changeset`.
1919
If the changes are user-facing and should cause a version bump, run `yarn changeset add` to track your changes and include them in the next release CHANGELOG.
20-
If you are making simple updates to examples or documentation, you do not need to add a changeset. Please also read how [React Storefront Kit does versioning](https://github.com/shopify/storefront-kit/blob/main/readme.md#versioning).
20+
If you are making simple updates to examples or documentation, you do not need to add a changeset. Please also read how [Hydrogen React does versioning](https://github.com/shopify/hydrogen-react/blob/main/readme.md#versioning).

‎CONTRIBUTING.md

+7-3
Original file line numberDiff line numberDiff line change
@@ -1,6 +1,6 @@
1-
## Working on React Storefront Kit
1+
## Working on Hydrogen React
22

3-
There are two ways you can develop React Storefront Kit components:
3+
There are two ways you can develop Hydrogen React components:
44

55
- Develop components in isolation (faster & easier):
66
1. Run `yarn dev:story` in the `packages/react` directory to spin up an instance of [Ladle](https://ladle.dev/)
@@ -54,9 +54,13 @@ Docs can (and should, when possible) include two examples; one in plain JavaScri
5454

5555
For most contributions, this should be enough information to work off of. However, if you want to change the structure and layout of the docs, then [please read the complete documentation (available only to Shopify employees) on this process here](https://shopify.dev/internal/development/ui-reference-docs/).
5656

57+
## Running CI Checks Locally
58+
59+
Every PR must pass certain CI checks in order to be merged; you can run these checks locally yourself by running `yarn ci:checks` from the root of the repo.
60+
5761
## Package Exports Notes:
5862

59-
- Until ESLint can resolve package.exports, we added `storefront-kit` to `.eslintrc.js`->`node/no-missing-import.allowModules`
63+
- Until ESLint can resolve package.exports, we added `hydrogen-react` to `.eslintrc.js`->`node/no-missing-import.allowModules`
6064

6165
## Updating the Storefront API version
6266

‎README.md

+5-5
Original file line numberDiff line numberDiff line change
@@ -4,17 +4,17 @@
44

55
Hydrogen React is an unopionated and performant library of Shopify-specific commerce components, hooks, and utilities. Bring the best parts of Hydrogen to more React frameworks, like Next.js and Gatsby, and accelerate headless development using Shopify’s pre-built React components including Cart, Shop Pay, and Shopify Analytics.
66

7-
📚 [Docs](https://shopify.dev/custom-storefronts/react-storefront-kit) | 🛍️ [Custom Storefronts at Shopify](https://shopify.dev/custom-storefronts) | 🗣 [Discord](https://discord.gg/Hefq6w5c5d) | 📝 [Changelog](https://github.com/Shopify/storefront-kit/blob/main/packages/react/CHANGELOG.md)
7+
📚 [Docs](https://shopify.dev/custom-storefronts/hydrogen-react) | 🛍️ [Custom Storefronts at Shopify](https://shopify.dev/custom-storefronts) | 🗣 [Discord](https://discord.gg/Hefq6w5c5d) | 📝 [Changelog](https://github.com/Shopify/hydrogen-react/blob/main/packages/react/CHANGELOG.md)
88

9-
<a href="https://github.com/Shopify/storefront-kit/blob/main/LICENSE.md"><img src="https://img.shields.io/npm/l/@shopify/hydrogen.svg?sanitize=true" alt="License"></a>
9+
<a href="https://github.com/Shopify/hydrogen-react/blob/main/LICENSE.md"><img src="https://img.shields.io/npm/l/@shopify/hydrogen.svg?sanitize=true" alt="License"></a>
1010

1111
</div>
1212

1313
## Packages
1414

15-
| Package | Latest | Next |
16-
| --------------------------------------------------- | ----------------------------------------------------------------------------------------------------------------------------------------------------------- | --------------------------------------------------------------------------------------------------------------------------------------------------------- |
17-
| [`@shopify/storefront-kit-react`](/packages/react/) | <a href="https://www.npmjs.com/package/@shopify/storefront-kit-react"><img src="https://img.shields.io/npm/v/@shopify/storefront-kit-react/latest.svg"></a> | <a href="https://www.npmjs.com/package/@shopify/storefront-kit-react"><img src="https://img.shields.io/npm/v/@shopify/storefront-kit-react/next.svg"></a> |
15+
| Package | Latest | Next |
16+
| --------------------------------------------- | ----------------------------------------------------------------------------------------------------------------------------------------------- | --------------------------------------------------------------------------------------------------------------------------------------------- |
17+
| [`@shopify/hydrogen-react`](/packages/react/) | <a href="https://www.npmjs.com/package/@shopify/hydrogen-react"><img src="https://img.shields.io/npm/v/@shopify/hydrogen-react/latest.svg"></a> | <a href="https://www.npmjs.com/package/@shopify/hydrogen-react"><img src="https://img.shields.io/npm/v/@shopify/hydrogen-react/next.svg"></a> |
1818

1919
## When to use Hydrogen React
2020

‎apps/nextjs/README.md

+1-1
Original file line numberDiff line numberDiff line change
@@ -1,4 +1,4 @@
1-
[![Open in StackBlitz](https://developer.stackblitz.com/img/open_in_stackblitz.svg)](https://stackblitz.com/fork/github/shopify/storefront-kit/tree/main/apps/nextjs?file=pages%2Findex.tsx)
1+
[![Open in StackBlitz](https://developer.stackblitz.com/img/open_in_stackblitz.svg)](https://stackblitz.com/fork/github/shopify/hydrogen-react/tree/main/apps/nextjs?file=pages%2Findex.tsx)
22

33
This is a [Next.js](https://nextjs.org/) project bootstrapped with [`create-next-app`](https://github.com/vercel/next.js/tree/canary/packages/create-next-app).
44

‎apps/nextjs/codegen.ts

+3-4
Original file line numberDiff line numberDiff line change
@@ -1,12 +1,11 @@
11
import type {CodegenConfig} from '@graphql-codegen/cli';
22
// Due to issues with TurboRepo and dev dependencies, we can't use this in the monorepo. But if we could, then it would look like this import, and then used below in "scalars"
3-
// import {storefrontApiCustomScalars} from '@shopify/storefront-kit-react';
3+
// import {storefrontApiCustomScalars} from '@shopify/hydrogen-react';
44

55
const config: CodegenConfig = {
66
overwrite: true,
77
// A normal app would only need `./node_modules/...` but we're in a monorepo
8-
schema:
9-
'../../node_modules/@shopify/storefront-kit-react/storefront.schema.json',
8+
schema: '../../node_modules/@shopify/hydrogen-react/storefront.schema.json',
109
documents: 'pages/**/*.tsx',
1110
generates: {
1211
'./gql/': {
@@ -15,7 +14,7 @@ const config: CodegenConfig = {
1514
config: {
1615
// scalars: storefrontApiCustomScalars,
1716
scalars: {
18-
// Because of the limitations outlined above, these need to be kept in sync with the original definitions in the @shopify/storefront-kit-react repo!
17+
// Because of the limitations outlined above, these need to be kept in sync with the original definitions in the @shopify/hydrogen-react repo!
1918
DateTime: 'string',
2019
Decimal: 'string',
2120
HTML: 'string',

‎apps/nextjs/package.json

+1-1
Original file line numberDiff line numberDiff line change
@@ -12,7 +12,7 @@
1212
"start": "next start"
1313
},
1414
"dependencies": {
15-
"@shopify/storefront-kit-react": "*",
15+
"@shopify/hydrogen-react": "*",
1616
"graphql-request": "^5.1.0",
1717
"next": "13.1.2",
1818
"react": "18.2.0",

‎apps/nextjs/pages/_app.tsx

+1-1
Original file line numberDiff line numberDiff line change
@@ -8,7 +8,7 @@ import {
88
AnalyticsEventName,
99
type ShopifyPageViewPayload,
1010
useShopifyCookies,
11-
} from '@shopify/storefront-kit-react';
11+
} from '@shopify/hydrogen-react';
1212
import {useRouter} from 'next/router';
1313
import {useEffect} from 'react';
1414

‎apps/nextjs/pages/collection.tsx

+2-2
Original file line numberDiff line numberDiff line change
@@ -10,7 +10,7 @@ import {
1010
type StorefrontApiResponseOk,
1111
useShop,
1212
AnalyticsPageType,
13-
} from '@shopify/storefront-kit-react';
13+
} from '@shopify/hydrogen-react';
1414
import Link from 'next/link';
1515

1616
export const getServerSideProps: GetServerSideProps = async () => {
@@ -87,7 +87,7 @@ export default function Collection({
8787

8888
<footer className={styles.footer}>
8989
<a
90-
href="https://vercel.com?utm_source=storefront-kit-monorepo"
90+
href="https://vercel.com?utm_source=hydrogen-react-monorepo"
9191
target="_blank"
9292
rel="noopener noreferrer"
9393
>

‎apps/nextjs/pages/index.tsx

+3-3
Original file line numberDiff line numberDiff line change
@@ -11,7 +11,7 @@ import {
1111
type StorefrontApiResponseOk,
1212
useShop,
1313
AnalyticsPageType,
14-
} from '@shopify/storefront-kit-react';
14+
} from '@shopify/hydrogen-react';
1515
import Link from 'next/link';
1616

1717
export const getServerSideProps: GetServerSideProps = async () => {
@@ -66,7 +66,7 @@ export default function Home({
6666
<main className={styles.main}>
6767
<h1>Welcome to {data?.shop.name} on NextJS</h1>
6868

69-
{/* @TODO Using storefront-kit-react's <Image/> is nice, but we should also provide our 'loader' so you can used NextJS' Image component as well */}
69+
{/* @TODO Using hydrogen-react's <Image/> is nice, but we should also provide our 'loader' so you can used NextJS' Image component as well */}
7070
<ShopifyImage
7171
data={data.products.nodes[0].variants.nodes[0].image ?? {}}
7272
width={500}
@@ -81,7 +81,7 @@ export default function Home({
8181

8282
<footer className={styles.footer}>
8383
<a
84-
href="https://vercel.com?utm_source=storefront-kit-react-monorepo"
84+
href="https://vercel.com?utm_source=hydrogen-react-monorepo"
8585
target="_blank"
8686
rel="noopener noreferrer"
8787
>

‎apps/nextjs/pages/product.tsx

+2-2
Original file line numberDiff line numberDiff line change
@@ -16,7 +16,7 @@ import {
1616
type ShopifyAddToCartPayload,
1717
ShopifyAnalyticsProduct,
1818
ShopifyAnalyticsPayload,
19-
} from '@shopify/storefront-kit-react';
19+
} from '@shopify/hydrogen-react';
2020
import Link from 'next/link';
2121

2222
export const getServerSideProps: GetServerSideProps = async () => {
@@ -121,7 +121,7 @@ export default function Product({
121121

122122
<footer className={styles.footer}>
123123
<a
124-
href="https://vercel.com?utm_source=storefront-kit-monorepo"
124+
href="https://vercel.com?utm_source=hydrogen-react-monorepo"
125125
target="_blank"
126126
rel="noopener noreferrer"
127127
>

‎apps/nextjs/pages/search.tsx

+2-2
Original file line numberDiff line numberDiff line change
@@ -10,7 +10,7 @@ import {
1010
type StorefrontApiResponseOk,
1111
useShop,
1212
AnalyticsPageType,
13-
} from '@shopify/storefront-kit-react';
13+
} from '@shopify/hydrogen-react';
1414
import Link from 'next/link';
1515

1616
export const getServerSideProps: GetServerSideProps = async () => {
@@ -79,7 +79,7 @@ export default function Search({
7979

8080
<footer className={styles.footer}>
8181
<a
82-
href="https://vercel.com?utm_source=storefront-kit-monorepo"
82+
href="https://vercel.com?utm_source=hydrogen-react-monorepo"
8383
target="_blank"
8484
rel="noopener noreferrer"
8585
>

‎apps/nextjs/src/shopify-client.ts

+1-1
Original file line numberDiff line numberDiff line change
@@ -1,4 +1,4 @@
1-
import {createStorefrontClient} from '@shopify/storefront-kit-react';
1+
import {createStorefrontClient} from '@shopify/hydrogen-react';
22

33
export const shopClient = createStorefrontClient({
44
storeDomain: 'https://hydrogen-preview.myshopify.com',

‎package.json

+1-1
Original file line numberDiff line numberDiff line change
@@ -1,5 +1,5 @@
11
{
2-
"name": "storefront-kit",
2+
"name": "hydrogen-react",
33
"version": "0.0.0",
44
"private": true,
55
"workspaces": {

‎packages/react/CHANGELOG.md

+2-2
Original file line numberDiff line numberDiff line change
@@ -1,4 +1,4 @@
1-
# @shopify/storefront-kit-react
1+
# @shopify/hydrogen-react
22

33
## 2023.1.3
44

@@ -51,7 +51,7 @@
5151

5252
The Storefront API changelog can be viewed [here](https://shopify.dev/api/release-notes/2023-01#graphql-storefront-api-changes). There are not any breaking changes in the Storefront API itself.
5353

54-
## Storefront Kit changes
54+
## Hydrogen React changes
5555

5656
### Breaking Changes
5757

0 commit comments

Comments
 (0)