orionplace-react 0.7.7 → 0.8.0

package/templates/app/addresses/page.tsx

@@ -1,9 +0,0 @@
-import {
-  renderStorefrontRoute,
-  type StorefrontPageProps,
-} from '@/lib/orionplace/serverRoute';
-
-// The page and its first data: app/_storefront/storefrontRoutes.tsx.
-export default function Page(props: StorefrontPageProps) {
-  return renderStorefrontRoute('/addresses', props);
-}

package/templates/app/api/[...orionplace]/route.ts

@@ -1,21 +0,0 @@
-// Every browser request to /api/... reaches your personal marketplace API here.
-import { forwardMarketplace } from '@orionplace-runtime/marketplace.mjs';
-
-export const runtime = 'nodejs';
-export const dynamic = 'force-dynamic';
-
-function handler(request: Request): Promise<Response> {
-  return forwardMarketplace(request, {
-    mimicFrontDomain: process.env.MIMIC_FRONT_DOMAIN ?? '',
-  });
-}
-
-export {
-  handler as GET,
-  handler as HEAD,
-  handler as OPTIONS,
-  handler as POST,
-  handler as PUT,
-  handler as PATCH,
-  handler as DELETE,
-};

package/templates/app/browse/page.tsx

@@ -1,27 +0,0 @@
-import type { Metadata } from 'next';
-import { browseLabels } from '@/lib/orionplace/browseLabels';
-import {
-  renderStorefrontRoute,
-  type StorefrontPageProps,
-} from '@/lib/orionplace/serverRoute';
-
-export async function generateMetadata({
-  searchParams,
-}: {
-  searchParams: Promise<Record<string, string | string[] | undefined>>;
-}): Promise<Metadata> {
-  const query  = await searchParams;
-  const locale = typeof query.locale === 'string' ? query.locale : 'en';
-  const search = typeof query.q === 'string' ? query.q.trim() : '';
-  const title  = browseLabels(locale).searchResults;
-
-  return {
-    title: search ? `${title} · ${search}` : title,
-    robots: { index: false, follow: true },
-  };
-}
-
-// The page and its first data: app/_storefront/storefrontRoutes.tsx.
-export default function Page(props: StorefrontPageProps) {
-  return renderStorefrontRoute('/browse', props);
-}

package/templates/app/cart/page.tsx

@@ -1,9 +0,0 @@
-import {
-  renderStorefrontRoute,
-  type StorefrontPageProps,
-} from '@/lib/orionplace/serverRoute';
-
-// The page and its first data: app/_storefront/storefrontRoutes.tsx.
-export default function Page(props: StorefrontPageProps) {
-  return renderStorefrontRoute('/cart', props);
-}

package/templates/app/catalog/page.tsx

@@ -1,9 +0,0 @@
-import {
-  renderStorefrontRoute,
-  type StorefrontPageProps,
-} from '@/lib/orionplace/serverRoute';
-
-// The page and its first data: app/_storefront/storefrontRoutes.tsx.
-export default function Page(props: StorefrontPageProps) {
-  return renderStorefrontRoute('/catalog', props);
-}

package/templates/app/category/[id]/page.tsx

@@ -1,9 +0,0 @@
-import {
-  renderStorefrontRoute,
-  type StorefrontPageProps,
-} from '@/lib/orionplace/serverRoute';
-
-// The page and its first data: app/_storefront/storefrontRoutes.tsx.
-export default function Page(props: StorefrontPageProps) {
-  return renderStorefrontRoute('/category/[id]', props);
-}

package/templates/app/contact/page.tsx

@@ -1,9 +0,0 @@
-import {
-  renderStorefrontRoute,
-  type StorefrontPageProps,
-} from '@/lib/orionplace/serverRoute';
-
-// The page and its first data: app/_storefront/storefrontRoutes.tsx.
-export default function Page(props: StorefrontPageProps) {
-  return renderStorefrontRoute('/contact', props);
-}

package/templates/app/error.tsx

@@ -1,7 +0,0 @@
-'use client';
-
-import { StorefrontErrorRoute } from '@/app/_storefront/StorefrontErrorRoute';
-
-export default function ErrorPage() {
-  return <StorefrontErrorRoute statusCode={500} />;
-}

package/templates/app/featured/page.tsx

@@ -1,9 +0,0 @@
-import {
-  renderStorefrontRoute,
-  type StorefrontPageProps,
-} from '@/lib/orionplace/serverRoute';
-
-// The page and its first data: app/_storefront/storefrontRoutes.tsx.
-export default function Page(props: StorefrontPageProps) {
-  return renderStorefrontRoute('/featured', props);
-}

package/templates/app/global-error.tsx

@@ -1,61 +0,0 @@
-'use client';
-
-import { useEffect, useState } from 'react';
-import { StorefrontErrorPage } from '@/components/orionplace/shared/StorefrontErrorPage';
-import { OrionplaceThemeProvider } from '@/components/orionplace/theme/OrionplaceThemeProvider';
-import { storefrontPageMetadata } from '@/lib/orionplace/pageSeo';
-import {
-  storefrontErrorLocale,
-  storefrontErrorLocation,
-} from '@/lib/orionplace/errorPageLabels';
-import '@/app/globals.css';
-
-export default function GlobalError() {
-  const [locale, setLocale] = useState('en');
-  const metadata            = storefrontPageMetadata('error', locale);
-
-  useEffect(() => {
-    const url = new URL(window.location.href);
-    setLocale(storefrontErrorLocale(url.searchParams.get('locale'), undefined));
-  }, []);
-
-  return (
-    <html lang={locale}>
-      <head>
-        <title>{metadata.title}</title>
-        <meta
-          name="description"
-          content={metadata.description}
-        />
-        <meta
-          name="keywords"
-          content={metadata.keywords}
-        />
-        <meta
-          name="robots"
-          content="noindex, nofollow"
-        />
-        <meta
-          property="og:title"
-          content={metadata.title}
-        />
-        <meta
-          property="og:description"
-          content={metadata.description}
-        />
-      </head>
-      <body>
-        <OrionplaceThemeProvider>
-          <StorefrontErrorPage
-            statusCode={500}
-            locale={locale}
-            onRetry={() => window.location.reload()}
-            onSelectHome={() =>
-              window.location.assign(storefrontErrorLocation('/', locale))
-            }
-          />
-        </OrionplaceThemeProvider>
-      </body>
-    </html>
-  );
-}

package/templates/app/globals.css

@@ -1,58 +0,0 @@
-:root {
-  color-scheme: light;
-  scrollbar-gutter: stable;
-}
-
-/* As in the Nuxt and Svelte layouts: the theme provider colours the page. */
-body {
-  margin: 0;
-  font-family: system-ui, sans-serif;
-}
-
-button,
-input,
-select,
-textarea {
-  font: inherit;
-}
-
-a {
-  color: inherit;
-  text-decoration: none;
-}
-
-* {
-  box-sizing: border-box;
-}
-
-.op-feature-loading {
-  display: flex;
-  min-height: 3rem;
-  align-items: center;
-  justify-content: center;
-  gap: 0.75rem;
-  color: var(--orionplace-accent);
-}
-
-.op-feature-loading::before {
-  display: block;
-  width: 1.25rem;
-  height: 1.25rem;
-  border: 0.125rem solid var(--orionplace-border);
-  border-top-color: var(--orionplace-accent);
-  border-radius: 999px;
-  content: '';
-  animation: op-feature-spin 0.8s linear infinite;
-}
-
-@keyframes op-feature-spin {
-  to {
-    transform: rotate(360deg);
-  }
-}
-
-@media (prefers-reduced-motion: reduce) {
-  .op-feature-loading::before {
-    animation: none;
-  }
-}

package/templates/app/journal/[id]/page.tsx

@@ -1,9 +0,0 @@
-import {
-  renderStorefrontRoute,
-  type StorefrontPageProps,
-} from '@/lib/orionplace/serverRoute';
-
-// The page and its first data: app/_storefront/storefrontRoutes.tsx.
-export default function Page(props: StorefrontPageProps) {
-  return renderStorefrontRoute('/journal/[id]', props);
-}

package/templates/app/journal/page.tsx

@@ -1,9 +0,0 @@
-import {
-  renderStorefrontRoute,
-  type StorefrontPageProps,
-} from '@/lib/orionplace/serverRoute';
-
-// The page and its first data: app/_storefront/storefrontRoutes.tsx.
-export default function Page(props: StorefrontPageProps) {
-  return renderStorefrontRoute('/journal', props);
-}

package/templates/app/layout.app.tsx

@@ -1,20 +0,0 @@
-import type { Metadata } from 'next';
-import type { ReactNode } from 'react';
-import { AppStorefront } from '@/app/_storefront/AppRoutes';
-import '@/app/globals.css';
-
-// The root layout of the Android app build (orionplace/runtime/app.mjs). The
-// app loads the storefront itself, so nothing here depends on a request.
-export const metadata: Metadata = {
-  title: 'Storefront',
-};
-
-export default function RootLayout({ children }: { children: ReactNode }) {
-  return (
-    <html lang="en">
-      <body>
-        <AppStorefront>{children}</AppStorefront>
-      </body>
-    </html>
-  );
-}

package/templates/app/layout.tsx

@@ -1,66 +0,0 @@
-import type { Metadata } from 'next';
-import type { ReactNode } from 'react';
-import { OrionplaceProvider } from '@/providers/OrionplaceProvider';
-import { getOrionplaceAppLoad } from '@/lib/orionplace/appLoadServer';
-import { StorefrontShell } from '@/app/StorefrontShell';
-import { getOrionplaceServerLocale } from '@/lib/orionplace/serverLocale';
-import {
-  getStorefrontMetadata,
-  getStorefrontMetadataContext,
-} from '@/lib/orionplace/serverMetadata';
-import '@/app/globals.css';
-
-export async function generateMetadata(): Promise<Metadata> {
-  return getStorefrontMetadata();
-}
-
-// Initialization depends on the request domain and session, so pages are dynamic.
-export const dynamic = 'force-dynamic';
-
-export default async function RootLayout({
-  children,
-}: {
-  children: ReactNode;
-}) {
-  // Bootstrap precedes page rendering. Failures stay in the store for the interface to handle.
-  const { result, failure } = await getOrionplaceAppLoad();
-  const language            = await getOrionplaceServerLocale();
-  const { tags, jsonLd }    = await getStorefrontMetadataContext();
-  return (
-    <html lang={language}>
-      <head>
-        {tags.map((tag, index) =>
-          'property' in tag ? (
-            <meta
-              key={index}
-              property={tag.property}
-              content={tag.content}
-            />
-          ) : (
-            <meta
-              key={index}
-              name={tag.name}
-              content={tag.content}
-            />
-          ),
-        )}
-        {jsonLd ? (
-          <script
-            type="application/ld+json"
-            // Escaped by structuredDataJson, so the text cannot close the tag.
-            dangerouslySetInnerHTML={{ __html: jsonLd }}
-          />
-        ) : null}
-      </head>
-      <body>
-        <OrionplaceProvider
-          result={result}
-          failure={failure}
-          locale={language}
-        >
-          <StorefrontShell>{children}</StorefrontShell>
-        </OrionplaceProvider>
-      </body>
-    </html>
-  );
-}

package/templates/app/logout/page.tsx

@@ -1,9 +0,0 @@
-import {
-  renderStorefrontRoute,
-  type StorefrontPageProps,
-} from '@/lib/orionplace/serverRoute';
-
-// The page and its first data: app/_storefront/storefrontRoutes.tsx.
-export default function Page(props: StorefrontPageProps) {
-  return renderStorefrontRoute('/logout', props);
-}

package/templates/app/manufacturers/page.tsx

@@ -1,9 +0,0 @@
-import {
-  renderStorefrontRoute,
-  type StorefrontPageProps,
-} from '@/lib/orionplace/serverRoute';
-
-// The page and its first data: app/_storefront/storefrontRoutes.tsx.
-export default function Page(props: StorefrontPageProps) {
-  return renderStorefrontRoute('/manufacturers', props);
-}

package/templates/app/not-found.tsx

@@ -1,5 +0,0 @@
-import { StorefrontErrorRoute } from '@/app/_storefront/StorefrontErrorRoute';
-
-export default function NotFound() {
-  return <StorefrontErrorRoute statusCode={404} />;
-}

package/templates/app/orders/page.tsx

@@ -1,9 +0,0 @@
-import {
-  renderStorefrontRoute,
-  type StorefrontPageProps,
-} from '@/lib/orionplace/serverRoute';
-
-// The page and its first data: app/_storefront/storefrontRoutes.tsx.
-export default function Page(props: StorefrontPageProps) {
-  return renderStorefrontRoute('/orders', props);
-}

package/templates/app/page.module.css

@@ -1,137 +0,0 @@
-.bootstrap {
-  max-width: 860px;
-  margin: 0 auto;
-  padding: 48px 24px;
-}
-
-.bootstrap h1,
-.bootstrap h2 {
-  font-weight: 400;
-  line-height: 1.25;
-}
-
-.bootstrap h1 {
-  margin: 12px 0;
-  font-size: 32px;
-}
-
-.bootstrap h2 {
-  margin: 0;
-  font-size: 21px;
-}
-
-.bootstrap p {
-  line-height: 1.7;
-}
-
-.eyebrow {
-  color: #596777;
-  font-size: 14px;
-  line-height: calc(20 / 14);
-}
-
-.bootstrap section {
-  margin-top: 28px;
-  padding: 24px;
-  border: 1px solid #d9dfe6;
-  border-radius: 10px;
-  background: #fff;
-}
-
-.sectionHeading {
-  display: flex;
-  flex-wrap: wrap;
-  align-items: center;
-  justify-content: space-between;
-  gap: 16px;
-}
-
-.state {
-  display: inline-block;
-  padding: 4px 12px;
-  border-radius: 4px;
-  background: #eaf0f5;
-}
-
-.state[data-state="success"] {
-  background: #e6f2ec;
-  color: #245c40;
-}
-
-.state[data-state="error"] {
-  background: #fbeceb;
-  color: #8c302a;
-}
-
-.bootstrap button {
-  padding: 9px 14px;
-  border: 1px solid #bfc9d4;
-  border-radius: 5px;
-  background: #f5f6f8;
-  color: inherit;
-  font: inherit;
-  cursor: pointer;
-}
-
-.bootstrap button:disabled {
-  opacity: 0.6;
-  cursor: wait;
-}
-
-@media (hover: hover) {
-  .bootstrap button:hover:not(:disabled) {
-    background: #eaf0f5;
-  }
-}
-
-.bootstrap a {
-  color: #245786;
-  text-underline-offset: 3px;
-}
-
-.bootstrap :focus-visible {
-  outline: none;
-  background-color: var(--docs-hover, #eaf0f5);
-  border-color: var(--docs-accent, #315b7d);
-}
-
-.bootstrap code {
-  font-size: 0.9em;
-  overflow-wrap: anywhere;
-}
-
-.bootstrap dl {
-  margin-bottom: 0;
-}
-
-.bootstrap dl div {
-  display: grid;
-  grid-template-columns: minmax(140px, 1fr) 2fr;
-  gap: 12px;
-  padding: 12px 0;
-  border-top: 1px solid #e8ecf0;
-}
-
-.bootstrap dt {
-  color: #596777;
-}
-
-.bootstrap dd {
-  margin: 0;
-  overflow-wrap: anywhere;
-}
-
-@media (max-width: 520px) {
-  .bootstrap {
-    padding: 24px 16px;
-  }
-
-  .bootstrap section {
-    padding: 18px;
-  }
-
-  .bootstrap dl div {
-    grid-template-columns: 1fr;
-    gap: 4px;
-  }
-}

package/templates/app/page.tsx

@@ -1,9 +0,0 @@
-import {
-  renderStorefrontRoute,
-  type StorefrontPageProps,
-} from '@/lib/orionplace/serverRoute';
-
-// The page and its first data: app/_storefront/storefrontRoutes.tsx.
-export default function Page(props: StorefrontPageProps) {
-  return renderStorefrontRoute('/', props);
-}

package/templates/app/privacy/page.tsx

@@ -1,9 +0,0 @@
-import {
-  renderStorefrontRoute,
-  type StorefrontPageProps,
-} from '@/lib/orionplace/serverRoute';
-
-// The page and its first data: app/_storefront/storefrontRoutes.tsx.
-export default function Page(props: StorefrontPageProps) {
-  return renderStorefrontRoute('/privacy', props);
-}

package/templates/app/product/[id]/page.tsx

@@ -1,9 +0,0 @@
-import {
-  renderStorefrontRoute,
-  type StorefrontPageProps,
-} from '@/lib/orionplace/serverRoute';
-
-// The page and its first data: app/_storefront/storefrontRoutes.tsx.
-export default function Page(props: StorefrontPageProps) {
-  return renderStorefrontRoute('/product/[id]', props);
-}

package/templates/app/profile/page.tsx

@@ -1,9 +0,0 @@
-import {
-  renderStorefrontRoute,
-  type StorefrontPageProps,
-} from '@/lib/orionplace/serverRoute';
-
-// The page and its first data: app/_storefront/storefrontRoutes.tsx.
-export default function Page(props: StorefrontPageProps) {
-  return renderStorefrontRoute('/profile', props);
-}

package/templates/app/promo/[id]/page.tsx

@@ -1,9 +0,0 @@
-import {
-  renderStorefrontRoute,
-  type StorefrontPageProps,
-} from '@/lib/orionplace/serverRoute';
-
-// The page and its first data: app/_storefront/storefrontRoutes.tsx.
-export default function Page(props: StorefrontPageProps) {
-  return renderStorefrontRoute('/promo/[id]', props);
-}

package/templates/app/promocodes/page.tsx

@@ -1,9 +0,0 @@
-import {
-  renderStorefrontRoute,
-  type StorefrontPageProps,
-} from '@/lib/orionplace/serverRoute';
-
-// The page and its first data: app/_storefront/storefrontRoutes.tsx.
-export default function Page(props: StorefrontPageProps) {
-  return renderStorefrontRoute('/promocodes', props);
-}

package/templates/app/ps3/blog/[...orionplace]/route.ts

@@ -1,13 +0,0 @@
-// Guarded blog images and videos are read through the same gateway as /api.
-import { forwardMarketplace } from '@orionplace-runtime/marketplace.mjs';
-
-export const runtime = 'nodejs';
-export const dynamic = 'force-dynamic';
-
-function handler(request: Request): Promise<Response> {
-  return forwardMarketplace(request, {
-    mimicFrontDomain: process.env.MIMIC_FRONT_DOMAIN ?? '',
-  });
-}
-
-export { handler as GET, handler as HEAD };

package/templates/app/robots.txt/route.ts

@@ -1,11 +0,0 @@
-// robots.txt of the storefront domain; it points crawlers to the sitemap.
-import { marketplaceRobotsResponse } from '@orionplace-runtime/marketplace.mjs';
-
-export const runtime = 'nodejs';
-export const dynamic = 'force-dynamic';
-
-export function GET(request: Request): Promise<Response> {
-  return marketplaceRobotsResponse(request, {
-    mimicFrontDomain: process.env.MIMIC_FRONT_DOMAIN ?? '',
-  });
-}

package/templates/app/sellers/page.tsx

@@ -1,9 +0,0 @@
-import {
-  renderStorefrontRoute,
-  type StorefrontPageProps,
-} from '@/lib/orionplace/serverRoute';
-
-// The page and its first data: app/_storefront/storefrontRoutes.tsx.
-export default function Page(props: StorefrontPageProps) {
-  return renderStorefrontRoute('/sellers', props);
-}

package/templates/app/sitemap.xml/route.ts

@@ -1,12 +0,0 @@
-// The storefront sitemap: public pages, categories, products and journal
-// publications in every language, built from the backend for an hour.
-import { marketplaceSitemapResponse } from '@orionplace-runtime/marketplace.mjs';
-
-export const runtime = 'nodejs';
-export const dynamic = 'force-dynamic';
-
-export function GET(request: Request): Promise<Response> {
-  return marketplaceSitemapResponse(request, {
-    mimicFrontDomain: process.env.MIMIC_FRONT_DOMAIN ?? '',
-  });
-}