Skip to content

Commit 48aaa43

Browse files
angeloashmoreclaude
andcommitted
feat(adapter-next): use PrismicNextRichText in code snippets
Replace PrismicRichText from @prismicio/react with PrismicNextRichText from @prismicio/next in all code snippets and slice templates. This aligns with the new component added in @prismicio/next v2.1.0. Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com>
1 parent cefc2dc commit 48aaa43

File tree

10 files changed

+33
-37
lines changed

10 files changed

+33
-37
lines changed

packages/adapter-next/public/AlternateGrid/javascript.jsx

Lines changed: 5 additions & 6 deletions
Original file line numberDiff line numberDiff line change
@@ -1,6 +1,5 @@
11
import { isFilled } from "@prismicio/client";
2-
import { PrismicNextImage } from "@prismicio/next";
3-
import { PrismicRichText } from "@prismicio/react";
2+
import { PrismicNextImage, PrismicNextRichText } from "@prismicio/next";
43

54
/**
65
* @typedef {import("@prismicio/client").Content.PascalNameToReplaceSlice} PascalNameToReplaceSlice
@@ -48,12 +47,12 @@ const PascalNameToReplace = ({ slice }) => {
4847
)}
4948
{isFilled.richText(slice.primary.title) && (
5049
<div className="es-alternate-grid__primary-content__intro__headline">
51-
<PrismicRichText field={slice.primary.title} />
50+
<PrismicNextRichText field={slice.primary.title} />
5251
</div>
5352
)}
5453
{isFilled.richText(slice.primary.description) && (
5554
<div className="es-alternate-grid__primary-content__intro__description">
56-
<PrismicRichText field={slice.primary.description} />
55+
<PrismicNextRichText field={slice.primary.description} />
5756
</div>
5857
)}
5958
</div>
@@ -63,12 +62,12 @@ const PascalNameToReplace = ({ slice }) => {
6362
<div key={`item-${i + 1}`} className="es-alternate-grid__item">
6463
{isFilled.richText(item.title) && (
6564
<div className="es-alternate-grid__item__heading">
66-
<PrismicRichText field={item.title} />
65+
<PrismicNextRichText field={item.title} />
6766
</div>
6867
)}
6968
{isFilled.richText(item.description) && (
7069
<div className="es-alternate-grid__item__description">
71-
<PrismicRichText field={item.description} />
70+
<PrismicNextRichText field={item.description} />
7271
</div>
7372
)}
7473
</div>

packages/adapter-next/public/AlternateGrid/typescript.tsx

Lines changed: 6 additions & 6 deletions
Original file line numberDiff line numberDiff line change
@@ -1,7 +1,7 @@
11
import { FC } from "react";
22
import { Content, isFilled } from "@prismicio/client";
3-
import { SliceComponentProps, PrismicRichText } from "@prismicio/react";
4-
import { PrismicNextImage } from "@prismicio/next";
3+
import { SliceComponentProps } from "@prismicio/react";
4+
import { PrismicNextImage, PrismicNextRichText } from "@prismicio/next";
55

66
export type PascalNameToReplaceProps =
77
SliceComponentProps<Content.PascalNameToReplaceSlice>;
@@ -45,12 +45,12 @@ const PascalNameToReplace: FC<PascalNameToReplaceProps> = ({ slice }) => {
4545
)}
4646
{isFilled.richText(slice.primary.title) && (
4747
<div className="es-alternate-grid__primary-content__intro__headline">
48-
<PrismicRichText field={slice.primary.title} />
48+
<PrismicNextRichText field={slice.primary.title} />
4949
</div>
5050
)}
5151
{isFilled.richText(slice.primary.description) && (
5252
<div className="es-alternate-grid__primary-content__intro__description">
53-
<PrismicRichText field={slice.primary.description} />
53+
<PrismicNextRichText field={slice.primary.description} />
5454
</div>
5555
)}
5656
</div>
@@ -60,12 +60,12 @@ const PascalNameToReplace: FC<PascalNameToReplaceProps> = ({ slice }) => {
6060
<div key={`item-${i + 1}`} className="es-alternate-grid__item">
6161
{isFilled.richText(item.title) && (
6262
<div className="es-alternate-grid__item__heading">
63-
<PrismicRichText field={item.title} />
63+
<PrismicNextRichText field={item.title} />
6464
</div>
6565
)}
6666
{isFilled.richText(item.description) && (
6767
<div className="es-alternate-grid__item__description">
68-
<PrismicRichText field={item.description} />
68+
<PrismicNextRichText field={item.description} />
6969
</div>
7070
)}
7171
</div>

packages/adapter-next/public/CallToAction/javascript.jsx

Lines changed: 3 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -1,6 +1,5 @@
11
import { isFilled } from "@prismicio/client";
2-
import { PrismicNextLink, PrismicNextImage } from "@prismicio/next";
3-
import { PrismicRichText } from "@prismicio/react";
2+
import { PrismicNextLink, PrismicNextImage, PrismicNextRichText } from "@prismicio/next";
43

54
/**
65
* @typedef {import("@prismicio/client").Content.PascalNameToReplaceSlice} PascalNameToReplaceSlice
@@ -28,12 +27,12 @@ const PascalNameToReplace = ({ slice }) => {
2827
<div className="es-call-to-action__content">
2928
{isFilled.richText(slice.primary.title) && (
3029
<div className="es-call-to-action__content__heading">
31-
<PrismicRichText field={slice.primary.title} />
30+
<PrismicNextRichText field={slice.primary.title} />
3231
</div>
3332
)}
3433
{isFilled.richText(slice.primary.paragraph) && (
3534
<div className="es-call-to-action__content__paragraph">
36-
<PrismicRichText field={slice.primary.paragraph} />
35+
<PrismicNextRichText field={slice.primary.paragraph} />
3736
</div>
3837
)}
3938
</div>

packages/adapter-next/public/CallToAction/typescript.tsx

Lines changed: 4 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -1,7 +1,7 @@
11
import { FC } from "react";
22
import { Content, isFilled } from "@prismicio/client";
3-
import { SliceComponentProps, PrismicRichText } from "@prismicio/react";
4-
import { PrismicNextLink, PrismicNextImage } from "@prismicio/next";
3+
import { SliceComponentProps } from "@prismicio/react";
4+
import { PrismicNextLink, PrismicNextImage, PrismicNextRichText } from "@prismicio/next";
55

66
export type PascalNameToReplaceProps =
77
SliceComponentProps<Content.PascalNameToReplaceSlice>;
@@ -25,12 +25,12 @@ const PascalNameToReplace: FC<PascalNameToReplaceProps> = ({ slice }) => {
2525
<div className="es-call-to-action__content">
2626
{isFilled.richText(slice.primary.title) && (
2727
<div className="es-call-to-action__content__heading">
28-
<PrismicRichText field={slice.primary.title} />
28+
<PrismicNextRichText field={slice.primary.title} />
2929
</div>
3030
)}
3131
{isFilled.richText(slice.primary.paragraph) && (
3232
<div className="es-call-to-action__content__paragraph">
33-
<PrismicRichText field={slice.primary.paragraph} />
33+
<PrismicNextRichText field={slice.primary.paragraph} />
3434
</div>
3535
)}
3636
</div>

packages/adapter-next/public/CustomerLogos/javascript.jsx

Lines changed: 2 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -1,6 +1,5 @@
11
import { isFilled } from "@prismicio/client";
2-
import { PrismicRichText } from "@prismicio/react";
3-
import { PrismicNextLink, PrismicNextImage } from "@prismicio/next";
2+
import { PrismicNextLink, PrismicNextImage, PrismicNextRichText } from "@prismicio/next";
43

54
/**
65
* @typedef {import("@prismicio/client").Content.PascalNameToReplaceSlice} PascalNameToReplaceSlice
@@ -19,7 +18,7 @@ const PascalNameToReplace = ({ slice }) => {
1918
<div className="es-bounded__content es-customer-logos__content">
2019
{isFilled.richText(slice.primary.eyebrowHeadline) && (
2120
<div className="es-customer-logos__heading">
22-
<PrismicRichText field={slice.primary.eyebrowHeadline} />
21+
<PrismicNextRichText field={slice.primary.eyebrowHeadline} />
2322
</div>
2423
)}
2524
{slice.primary.logos.length > 0 && (

packages/adapter-next/public/CustomerLogos/typescript.tsx

Lines changed: 3 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -1,7 +1,7 @@
11
import { FC } from "react";
22
import { Content, isFilled } from "@prismicio/client";
3-
import { SliceComponentProps, PrismicRichText } from "@prismicio/react";
4-
import { PrismicNextLink, PrismicNextImage } from "@prismicio/next";
3+
import { SliceComponentProps } from "@prismicio/react";
4+
import { PrismicNextLink, PrismicNextImage, PrismicNextRichText } from "@prismicio/next";
55

66
export type PascalNameToReplaceProps =
77
SliceComponentProps<Content.PascalNameToReplaceSlice>;
@@ -16,7 +16,7 @@ const PascalNameToReplace: FC<PascalNameToReplaceProps> = ({ slice }) => {
1616
<div className="es-bounded__content es-customer-logos__content">
1717
{isFilled.richText(slice.primary.eyebrowHeadline) && (
1818
<div className="es-customer-logos__heading">
19-
<PrismicRichText field={slice.primary.eyebrowHeadline} />
19+
<PrismicNextRichText field={slice.primary.eyebrowHeadline} />
2020
</div>
2121
)}
2222
{slice.primary.logos.length > 0 && (

packages/adapter-next/public/Hero/javascript.jsx

Lines changed: 3 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -1,6 +1,5 @@
11
import { isFilled } from "@prismicio/client";
2-
import { PrismicNextLink, PrismicNextImage } from "@prismicio/next";
3-
import { PrismicRichText } from "@prismicio/react";
2+
import { PrismicNextLink, PrismicNextImage, PrismicNextRichText } from "@prismicio/next";
43

54
/**
65
* @typedef {import("@prismicio/client").Content.PascalNameToReplaceSlice} PascalNameToReplaceSlice
@@ -44,12 +43,12 @@ const PascalNameToReplace = ({ slice }) => {
4443
)}
4544
{isFilled.richText(slice.primary.title) && (
4645
<div className="es-fullpage-hero__content__intro__headline">
47-
<PrismicRichText field={slice.primary.title} />
46+
<PrismicNextRichText field={slice.primary.title} />
4847
</div>
4948
)}
5049
{isFilled.richText(slice.primary.description) && (
5150
<div className="es-fullpage-hero__content__intro__description">
52-
<PrismicRichText field={slice.primary.description} />
51+
<PrismicNextRichText field={slice.primary.description} />
5352
</div>
5453
)}
5554
<PrismicNextLink

packages/adapter-next/public/Hero/typescript.tsx

Lines changed: 4 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -1,7 +1,7 @@
11
import { FC } from "react";
22
import { Content, isFilled } from "@prismicio/client";
3-
import { SliceComponentProps, PrismicRichText } from "@prismicio/react";
4-
import { PrismicNextLink, PrismicNextImage } from "@prismicio/next";
3+
import { SliceComponentProps } from "@prismicio/react";
4+
import { PrismicNextLink, PrismicNextImage, PrismicNextRichText } from "@prismicio/next";
55

66
export type PascalNameToReplaceProps =
77
SliceComponentProps<Content.PascalNameToReplaceSlice>;
@@ -41,12 +41,12 @@ const PascalNameToReplace: FC<PascalNameToReplaceProps> = ({ slice }) => {
4141
)}
4242
{isFilled.richText(slice.primary.title) && (
4343
<div className="es-fullpage-hero__content__intro__headline">
44-
<PrismicRichText field={slice.primary.title} />
44+
<PrismicNextRichText field={slice.primary.title} />
4545
</div>
4646
)}
4747
{isFilled.richText(slice.primary.description) && (
4848
<div className="es-fullpage-hero__content__intro__description">
49-
<PrismicRichText field={slice.primary.description} />
49+
<PrismicNextRichText field={slice.primary.description} />
5050
</div>
5151
)}
5252
<PrismicNextLink

packages/adapter-next/src/hooks/snippet-read.ts

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -40,7 +40,7 @@ export const snippetRead: SnippetReadHook<PluginOptions> = async (
4040
language: "tsx",
4141
code: await format(
4242
stripIndent`
43-
<PrismicRichText field={${dotPath(fieldPath)}} />
43+
<PrismicNextRichText field={${dotPath(fieldPath)}} />
4444
`,
4545
helpers,
4646
),

packages/adapter-next/test/plugin-snippet-read.test.ts

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -145,7 +145,7 @@ testSnippet("richText", [
145145
{
146146
label: "React (components)",
147147
language: "tsx",
148-
code: `<PrismicRichText field={${model.id}.data.richText} />`,
148+
code: `<PrismicNextRichText field={${model.id}.data.richText} />`,
149149
},
150150
{
151151
label: "React (plain text)",
@@ -169,7 +169,7 @@ testSnippet("title", [
169169
{
170170
label: "React (components)",
171171
language: "tsx",
172-
code: `<PrismicRichText field={${model.id}.data.title} />`,
172+
code: `<PrismicNextRichText field={${model.id}.data.title} />`,
173173
},
174174
{
175175
label: "React (plain text)",

0 commit comments

Comments
 (0)