@graphcommerce/magento-cms 9.0.4-canary.1 → 9.0.4-canary.11

package/CHANGELOG.md

@@ -1,5 +1,35 @@
 # Change Log
 
+## 9.0.4-canary.11
+
+### Patch Changes
+
+- [#2485](https://github.com/graphcommerce-org/graphcommerce/pull/2485) [`2e52ea3`](https://github.com/graphcommerce-org/graphcommerce/commit/2e52ea39823a15fc4ffe3ca47780f7e64ace3110) - Added cmsBlocks query and `<CmsBlock />` component. ([@paales](https://github.com/paales))
+
+## 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
+
+### 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.4-canary.5
+
+## 9.0.4-canary.4
+
+## 9.0.4-canary.3
+
+## 9.0.4-canary.2
+
 ## 9.0.4-canary.1
 
 ## 9.0.4-canary.0

package/components/CmsBlock/CmsBlock.graphql

@@ -0,0 +1,4 @@
+fragment CmsBlock on CmsBlock {
+  identifier
+  content
+}

package/components/CmsBlock/CmsBlock.tsx

@@ -0,0 +1,10 @@
+import type { CmsBlockFragment } from './CmsBlock.gql'
+
+export type CmsBlockProps = { cmsBlock: CmsBlockFragment | null | undefined }
+
+export function CmsBlock(props: CmsBlockProps) {
+  const { cmsBlock } = props
+  if (!cmsBlock?.content) return null
+  // eslint-disable-next-line react/no-danger
+  return <div dangerouslySetInnerHTML={{ __html: cmsBlock.content }} />
+}

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/CmsBlocks.graphql

@@ -0,0 +1,7 @@
+query CmsBlocks($identifiers: [String!]!) {
+  cmsBlocks(identifiers: $identifiers) {
+    items {
+      ...CmsBlock
+    }
+  }
+}

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,8 @@
-export * from './CmsPageContent'
-export * from './CmsPageMeta'
+export * from './components/CmsBlock/CmsBlock'
+export * from './components/CmsBlock/CmsBlock.gql'
+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.1",
+  "version": "9.0.4-canary.11",
   "sideEffects": false,
   "prettier": "@graphcommerce/prettier-config-pwa",
   "eslintConfig": {
@@ -12,11 +12,11 @@
     }
   },
   "peerDependencies": {
-    "@graphcommerce/eslint-config-pwa": "^9.0.4-canary.1",
-    "@graphcommerce/graphql": "^9.0.4-canary.1",
-    "@graphcommerce/magento-store": "^9.0.4-canary.1",
-    "@graphcommerce/prettier-config-pwa": "^9.0.4-canary.1",
-    "@graphcommerce/typescript-config-pwa": "^9.0.4-canary.1",
+    "@graphcommerce/eslint-config-pwa": "^9.0.4-canary.11",
+    "@graphcommerce/graphql": "^9.0.4-canary.11",
+    "@graphcommerce/magento-store": "^9.0.4-canary.11",
+    "@graphcommerce/prettier-config-pwa": "^9.0.4-canary.11",
+    "@graphcommerce/typescript-config-pwa": "^9.0.4-canary.11",
     "@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
-  }
-}