refactor(pagebuilder): migrate to @puckeditor/core and auto-load module CSS

modules/PageBuilder/src/SimpleModule.PageBuilder/Pages/index.ts

@@ -1,3 +1,5 @@
+import '@puckeditor/core/puck.css';
+
 export const pages: Record<string, unknown> = {
   'PageBuilder/Manage': () => import('../Views/Manage'),
   'PageBuilder/Editor': () => import('../Views/Editor'),

modules/PageBuilder/src/SimpleModule.PageBuilder/Views/Editor.tsx

@@ -1,5 +1,5 @@
 import { router } from '@inertiajs/react';
-import { Puck, usePuck } from '@measured/puck';
+import { Puck, usePuck } from '@puckeditor/core';
 import {
   Button,
   Card,
@@ -16,7 +16,6 @@ import {
 import { useCallback, useEffect, useState } from 'react';
 import { createPortal } from 'react-dom';
 import { puckConfig } from '../puck/config';
-import { loadPuckCss } from '../puck/load-css';
 import type { Page, PageTemplate } from '../types';
 
 interface Props {
@@ -121,8 +120,6 @@ function HeaderActions({ page }: { page: Page | null }) {
 export default function Editor({ page, templates }: Props) {
   const [showTemplatePicker, setShowTemplatePicker] = useState(!page && !!templates?.length);
 
-  useEffect(() => loadPuckCss(), []);
-
   // Hide the Blazor shell (sidebar + toggle) so the editor has full screen
   useEffect(() => {
     const sidebar = document.getElementById('app-sidebar');

modules/PageBuilder/src/SimpleModule.PageBuilder/Views/Viewer.tsx

@@ -1,8 +1,7 @@
-import { Render } from '@measured/puck/rsc';
+import { Render } from '@puckeditor/core/rsc';
 import { Alert, AlertDescription, Container } from '@simplemodule/ui';
-import { useEffect, useMemo } from 'react';
+import { useMemo } from 'react';
 import { puckConfig } from '../puck/config';
-import { loadPuckCss } from '../puck/load-css';
 import type { Page } from '../types';
 
 interface Props {
@@ -11,7 +10,6 @@ interface Props {
 }
 
 export default function Viewer({ page, isDraft }: Props) {
-  useEffect(() => loadPuckCss(), []);
   const data = useMemo(() => {
     try {
       const parsed = JSON.parse(page.content);

modules/PageBuilder/src/SimpleModule.PageBuilder/package.json

@@ -12,6 +12,6 @@
     "react-dom": "^19.0.0"
   },
   "dependencies": {
-    "@measured/puck": "^0.18.0"
+    "@puckeditor/core": "^0.21.1"
   }
 }

modules/PageBuilder/src/SimpleModule.PageBuilder/puck/components/ButtonBlock.tsx

@@ -1,4 +1,4 @@
-import type { ComponentConfig } from '@measured/puck';
+import type { ComponentConfig } from '@puckeditor/core';
 
 export type ButtonBlockProps = {
   label: string;

modules/PageBuilder/src/SimpleModule.PageBuilder/puck/components/Card.tsx

@@ -1,4 +1,4 @@
-import type { ComponentConfig } from '@measured/puck';
+import type { ComponentConfig } from '@puckeditor/core';
 
 export type CardProps = {
   title: string;

modules/PageBuilder/src/SimpleModule.PageBuilder/puck/components/Flex.tsx

@@ -1,4 +1,4 @@
-import type { ComponentConfig } from '@measured/puck';
+import type { ComponentConfig } from '@puckeditor/core';
 
 export type FlexProps = {
   direction: 'row' | 'column';

modules/PageBuilder/src/SimpleModule.PageBuilder/puck/components/Grid.tsx

@@ -1,4 +1,4 @@
-import type { ComponentConfig } from '@measured/puck';
+import type { ComponentConfig } from '@puckeditor/core';
 
 export type GridProps = {
   columns: number;

modules/PageBuilder/src/SimpleModule.PageBuilder/puck/components/Heading.tsx

@@ -1,4 +1,4 @@
-import type { ComponentConfig } from '@measured/puck';
+import type { ComponentConfig } from '@puckeditor/core';
 
 export type HeadingProps = {
   text: string;

modules/PageBuilder/src/SimpleModule.PageBuilder/puck/components/Hero.tsx

@@ -1,4 +1,4 @@
-import type { ComponentConfig } from '@measured/puck';
+import type { ComponentConfig } from '@puckeditor/core';
 
 export type HeroProps = {
   title: string;

modules/PageBuilder/src/SimpleModule.PageBuilder/puck/components/Logos.tsx

@@ -1,4 +1,4 @@
-import type { ComponentConfig } from '@measured/puck';
+import type { ComponentConfig } from '@puckeditor/core';
 
 export type LogosProps = {
   logos: { src: string; alt: string }[];

modules/PageBuilder/src/SimpleModule.PageBuilder/puck/components/Space.tsx

@@ -1,4 +1,4 @@
-import type { ComponentConfig } from '@measured/puck';
+import type { ComponentConfig } from '@puckeditor/core';
 
 export type SpaceProps = {
   size: string;

modules/PageBuilder/src/SimpleModule.PageBuilder/puck/components/Stats.tsx

@@ -1,4 +1,4 @@
-import type { ComponentConfig } from '@measured/puck';
+import type { ComponentConfig } from '@puckeditor/core';
 
 export type StatsProps = {
   items: { value: string; label: string }[];

modules/PageBuilder/src/SimpleModule.PageBuilder/puck/components/Text.tsx

@@ -1,4 +1,4 @@
-import type { ComponentConfig } from '@measured/puck';
+import type { ComponentConfig } from '@puckeditor/core';
 
 export type TextProps = {
   text: string;

modules/PageBuilder/src/SimpleModule.PageBuilder/puck/config.tsx

@@ -1,4 +1,4 @@
-import type { Config } from '@measured/puck';
+import type { Config } from '@puckeditor/core';
 import { ButtonBlock } from './components/ButtonBlock';
 import { Card } from './components/Card';
 import { Flex } from './components/Flex';