@ohos-ports/shopify 4.8.0-beta.0

package/dist/assets/hydrogen/i18n/domains.ts

@@ -0,0 +1,21 @@
+import type {I18nBase} from './mock-i18n-types.js';
+
+export function getLocaleFromRequest(request: Request): I18nBase {
+  const defaultLocale: I18nBase = {language: 'EN', country: 'US'};
+  const supportedLocales = {
+    ES: 'ES',
+    FR: 'FR',
+    DE: 'DE',
+    JP: 'JA',
+  } as Record<I18nBase['country'], I18nBase['language']>;
+
+  const url = new URL(request.url);
+  const domain = url.hostname
+    .split('.')
+    .pop()
+    ?.toUpperCase() as keyof typeof supportedLocales;
+
+  return domain && supportedLocales[domain]
+    ? {language: supportedLocales[domain], country: domain}
+    : defaultLocale;
+}

package/dist/assets/hydrogen/i18n/mock-i18n-types.ts

@@ -0,0 +1,5 @@
+// Mock types so we don't need to depend on Hydrogen React
+export type I18nBase = {
+  language: 'EN' | 'ES' | 'FR' | 'DE' | 'JA';
+  country: 'US' | 'ES' | 'FR' | 'DE' | 'JP';
+};

package/dist/assets/hydrogen/i18n/subdomains.ts

@@ -0,0 +1,20 @@
+import type {I18nBase} from './mock-i18n-types.js';
+
+export function getLocaleFromRequest(request: Request): I18nBase {
+  const defaultLocale: I18nBase = {language: 'EN', country: 'US'};
+  const supportedLocales = {
+    ES: 'ES',
+    FR: 'FR',
+    DE: 'DE',
+    JP: 'JA',
+  } as Record<I18nBase['country'], I18nBase['language']>;
+
+  const url = new URL(request.url);
+  const firstSubdomain = url.hostname
+    .split('.')[0]
+    ?.toUpperCase() as keyof typeof supportedLocales;
+
+  return supportedLocales[firstSubdomain]
+    ? {language: supportedLocales[firstSubdomain], country: firstSubdomain}
+    : defaultLocale;
+}

package/dist/assets/hydrogen/i18n/subfolders.ts

@@ -0,0 +1,22 @@
+import type {I18nBase} from './mock-i18n-types.js';
+
+export interface I18nLocale extends I18nBase {
+  pathPrefix: string;
+}
+
+export function getLocaleFromRequest(request: Request): I18nLocale {
+  const url = new URL(request.url);
+  const firstPathPart = url.pathname.split('/')[1]?.toUpperCase() ?? '';
+
+  type I18nFromUrl = [I18nLocale['language'], I18nLocale['country']];
+
+  let pathPrefix = '';
+  let [language, country]: I18nFromUrl = ['EN', 'US'];
+
+  if (/^[A-Z]{2}-[A-Z]{2}$/i.test(firstPathPart)) {
+    pathPrefix = '/' + firstPathPart;
+    [language, country] = firstPathPart.split('-') as I18nFromUrl;
+  }
+
+  return {language, country, pathPrefix};
+}

package/dist/assets/hydrogen/routes/locale-check.ts

@@ -0,0 +1,16 @@
+import type {LoaderFunctionArgs} from 'react-router';
+
+export async function loader({params, context}: LoaderFunctionArgs) {
+  const {language, country} = context.storefront.i18n;
+
+  if (
+    params.locale &&
+    params.locale.toLowerCase() !== `${language}-${country}`.toLowerCase()
+  ) {
+    // If the locale URL param is defined, yet we are still at the default locale
+    // then the locale param must be invalid, send to the 404 page
+    throw new Response(null, {status: 404});
+  }
+
+  return null;
+}

package/dist/assets/hydrogen/starter/.cursor/rules/hydrogen-react-router.mdc

@@ -0,0 +1,52 @@
+---
+description: 
+globs: 
+alwaysApply: true
+---
+
+# React Router Import Rule for Hydrogen
+
+## Overview
+
+This Hydrogen project is based on React Router, not Remix. When working with documentation or code examples, you should always use imports from the appropriate React Router packages instead of Remix packages.
+
+## Import Replacements
+
+When you see imports from Remix packages, replace them with their equivalent React Router v7 packages. Here are the common replacements:
+
+| Remix v2 Package | React Router v7 Package |
+|------------------|-------------------------|
+| `@remix-run/react` | `react-router` |
+| `@remix-run/dev` | `@react-router/dev` |
+| `@remix-run/architect` | `@react-router/architect` |
+| `@remix-run/cloudflare` | `@react-router/cloudflare` |
+| `@remix-run/express` | `@react-router/express` |
+| `@remix-run/fs-routes` | `@react-router/fs-routes` |
+| `@remix-run/node` | `@react-router/node` |
+| `@remix-run/route-config` | `@react-router/dev` |
+| `@remix-run/routes-option-adapter` | `@react-router/remix-routes-option-adapter` |
+| `@remix-run/serve` | `@react-router/serve` |
+| `@remix-run/server-runtime` | `react-router` |
+| `@remix-run/testing` | `react-router` |
+
+NEVER USE 'react-router-dom' imports!
+
+## Common Import Examples
+
+```js
+// INCORRECT (Remix style)
+import { useLoaderData, Link, Form, useActionData, useNavigation, useSubmit } from '@remix-run/react';
+
+// CORRECT (React Router style)
+import { useLoaderData, Link, Form, useActionData, useNavigation, useSubmit } from 'react-router';
+```
+
+## Development Guidelines
+
+1. Always check existing code in the project to understand which specific React Router hooks and components are being used
+2. When generating new code or modifying existing code, ensure all routing-related imports come from the correct React Router packages
+3. If following documentation or examples based on Remix, adapt the code to use React Router equivalents
+
+When working in this codebase, always follow the React Router patterns that are already established in the existing code.
+
+For more information, consult the official Remix to React Router upgrade guide: https://reactrouter.com/upgrading/remix

package/dist/assets/hydrogen/starter/.graphqlrc.ts

@@ -0,0 +1,29 @@
+import type {IGraphQLConfig} from 'graphql-config';
+import {getSchema} from '@shopify/hydrogen-codegen';
+
+/**
+ * GraphQL Config
+ * @see https://the-guild.dev/graphql/config/docs/user/usage
+ * @type {IGraphQLConfig}
+ */
+const graphqlConfig: IGraphQLConfig = {
+  projects: {
+    default: {
+      schema: getSchema('storefront'),
+      documents: [
+        './*.{ts,tsx,js,jsx}',
+        './app/**/*.{ts,tsx,js,jsx}',
+        '!./app/graphql/**/*.{ts,tsx,js,jsx}',
+      ],
+    },
+
+    customer: {
+      schema: getSchema('customer-account'),
+      documents: ['./app/graphql/customer-account/*.{ts,tsx,js,jsx}'],
+    },
+
+    // Add your own GraphQL projects here for CMS, Shopify Admin API, etc.
+  },
+};
+
+export default graphqlConfig;

package/dist/assets/hydrogen/starter/AGENTS.md

@@ -0,0 +1,5 @@
+# Shopify Hydrogen development
+
+This storefront is scaffolded from Shopify's Hydrogen skeleton template. See the README for framework-specific details.
+
+Use the [Shopify AI Toolkit](https://shopify.dev/docs/apps/build/ai-toolkit) for all Shopify API and platform work. If missing, install it in the agent host per that page (or `npx skills add Shopify/shopify-ai-toolkit --list` for skill-compatible hosts).