@graphcommerce/magento-cms 9.0.4-canary.0 → 9.0.4-canary.10

package/CHANGELOG.md

@@ -1,18 +1,32 @@
 # Change Log
 
-## 9.0.4-canary.0
+## 9.0.4-canary.10
+
+## 9.0.4-canary.9
+
+## 9.0.4-canary.8
+
+## 9.0.4-canary.7
+
+## 9.0.4-canary.6
 
-## 9.0.3
+### Patch Changes
+
+- [#2478](https://github.com/graphcommerce-org/graphcommerce/pull/2478) [`a317221`](https://github.com/graphcommerce-org/graphcommerce/commit/a317221a6ef88dc037985398bf87926a73f7fa48) - Convert home to render the home CmsPage and add page/[…url] route for additional pages. ([@paales](https://github.com/paales))
+
+- [#2478](https://github.com/graphcommerce-org/graphcommerce/pull/2478) [`d09c98b`](https://github.com/graphcommerce-org/graphcommerce/commit/d09c98bba2ee83fb51b17494354a42b6c38446ab) - Added support for loading CMS Pages from Magento ([@paales](https://github.com/paales))
 
-## 9.0.3-canary.0
+## 9.0.4-canary.5
 
-## 9.0.2
+## 9.0.4-canary.4
 
-## 9.0.2-canary.0
+## 9.0.4-canary.3
 
-## 9.0.1
+## 9.0.4-canary.2
 
-## 9.0.1-canary.1
+## 9.0.4-canary.1
+
+## 9.0.4-canary.0
 
 ## 5.1.0
 

package/components/CmsPageContent/CmsPageContent.tsx

@@ -0,0 +1,14 @@
+import { Container } from '@mui/material'
+import type { CmsPageContentFragment } from './CmsPageContent.gql'
+
+export type CmsPageContentProps = { cmsPage: CmsPageContentFragment }
+
+export function CmsPageContent(props: CmsPageContentProps) {
+  const { cmsPage } = props
+  return (
+    <Container>
+      {/* eslint-disable-next-line react/no-danger */}
+      {cmsPage.content && <div dangerouslySetInnerHTML={{ __html: cmsPage.content }} />}
+    </Container>
+  )
+}

package/graphql/CmsPage.graphql

@@ -0,0 +1,11 @@
+query CmsPage($url: String!) {
+  route(url: $url) {
+    __typename
+    relative_url
+    redirect_code
+    type
+    ... on CmsPage {
+      ...CmsPageFragment
+    }
+  }
+}

package/graphql/CmsPageFragment.graphql

@@ -0,0 +1,5 @@
+fragment CmsPageFragment on CmsPage {
+  identifier
+  ...CmsPageMeta
+  ...CmsPageContent
+}

package/index.ts

@@ -1,2 +1,6 @@
-export * from './CmsPageContent'
-export * from './CmsPageMeta'
+export * from './components/CmsPageContent/CmsPageContent'
+export * from './components/CmsPageContent/CmsPageContent.gql'
+export * from './components/CmsPageMeta/CmsPageMeta'
+export * from './components/CmsPageMeta/CmsPageMeta.gql'
+export * from './graphql/CmsPage.gql'
+export * from './graphql/CmsPageFragment.gql'

package/package.json

@@ -2,7 +2,7 @@
   "name": "@graphcommerce/magento-cms",
   "homepage": "https://www.graphcommerce.org/",
   "repository": "github:graphcommerce-org/graphcommerce",
-  "version": "9.0.4-canary.0",
+  "version": "9.0.4-canary.10",
   "sideEffects": false,
   "prettier": "@graphcommerce/prettier-config-pwa",
   "eslintConfig": {
@@ -12,11 +12,11 @@
     }
   },
   "peerDependencies": {
-    "@graphcommerce/eslint-config-pwa": "^9.0.4-canary.0",
-    "@graphcommerce/graphql": "^9.0.4-canary.0",
-    "@graphcommerce/magento-store": "^9.0.4-canary.0",
-    "@graphcommerce/prettier-config-pwa": "^9.0.4-canary.0",
-    "@graphcommerce/typescript-config-pwa": "^9.0.4-canary.0",
+    "@graphcommerce/eslint-config-pwa": "^9.0.4-canary.10",
+    "@graphcommerce/graphql": "^9.0.4-canary.10",
+    "@graphcommerce/magento-store": "^9.0.4-canary.10",
+    "@graphcommerce/prettier-config-pwa": "^9.0.4-canary.10",
+    "@graphcommerce/typescript-config-pwa": "^9.0.4-canary.10",
     "@lingui/core": "^4.2.1",
     "@lingui/macro": "^4.2.1",
     "@lingui/react": "^4.2.1",

package/CmsPageContent.tsx

@@ -1,19 +0,0 @@
-import { Container, Typography } from '@mui/material'
-import type { CmsPageContentFragment } from './CmsPageContent.gql'
-
-export type CmsPageContentProps = CmsPageContentFragment
-
-export function CmsPageContent(props: CmsPageContentProps) {
-  const { content_heading, content } = props
-  return (
-    <Container>
-      {content_heading && (
-        <Typography variant='h2' component='h1'>
-          {content_heading}
-        </Typography>
-      )}
-      {/* eslint-disable-next-line react/no-danger */}
-      {content && <div dangerouslySetInnerHTML={{ __html: content }} />}
-    </Container>
-  )
-}

package/CmsPageQueryFragment.graphql

@@ -1,7 +0,0 @@
-fragment CmsPageQueryFragment on Query {
-  cmsPage(identifier: $urlKey) {
-    identifier
-    ...CmsPageMeta
-    ...CmsPageContent
-  }
-}