WIP

.pnpmfile.cjs

@@ -0,0 +1,26 @@
+function readPackage(pkg) {
+  const versions = {
+    react: '19.0.0-rc.0',
+    'react-dom': '19.0.0-rc.0',
+    '@types/react': '18.3.3',
+    '@types/react-dom': '18.3.0',
+    'react-server-dom-webpack': '19.0.0-rc.0',
+    typescript: '5.4.5',
+    graphql: '16.8.1',
+    waku: '0.21.0-alpha.2',
+  };
+  for (const type of ['dependencies', 'devDependencies', 'peerDependencies']) {
+    for (const [name, version] of Object.entries(versions)) {
+      if (pkg[type] && Object.keys(pkg[type]).includes(name)) {
+        pkg[type][name] = version;
+      }
+    }
+  }
+  return pkg;
+}
+
+module.exports = {
+  hooks: {
+    readPackage,
+  },
+};

apps/cms/config/sync/views.view.ssg_pages.yml

@@ -0,0 +1,215 @@
+uuid: e82d71cc-9fd3-4548-acbb-14da815b76fb
+langcode: en
+status: true
+dependencies:
+  module:
+    - node
+    - user
+id: ssg_pages
+label: 'SSG: Pages'
+module: views
+description: 'Pages to be created during static site generation.'
+tag: ''
+base_table: node_field_data
+base_field: nid
+display:
+  default:
+    id: default
+    display_title: Default
+    display_plugin: default
+    position: 0
+    display_options:
+      fields:
+        title:
+          id: title
+          table: node_field_data
+          field: title
+          relationship: none
+          group_type: group
+          admin_label: ''
+          entity_type: node
+          entity_field: title
+          plugin_id: field
+          label: ''
+          exclude: false
+          alter:
+            alter_text: false
+            make_link: false
+            absolute: false
+            word_boundary: false
+            ellipsis: false
+            strip_tags: false
+            trim: false
+            html: false
+          element_type: ''
+          element_class: ''
+          element_label_type: ''
+          element_label_class: ''
+          element_label_colon: true
+          element_wrapper_type: ''
+          element_wrapper_class: ''
+          element_default_classes: true
+          empty: ''
+          hide_empty: false
+          empty_zero: false
+          hide_alter_empty: true
+          click_sort_column: value
+          type: string
+          settings:
+            link_to_entity: true
+          group_column: value
+          group_columns: {  }
+          group_rows: true
+          delta_limit: 0
+          delta_offset: 0
+          delta_reversed: false
+          delta_first_last: false
+          multi_type: separator
+          separator: ', '
+          field_api_classes: false
+      pager:
+        type: mini
+        options:
+          offset: 0
+          items_per_page: 10
+          total_pages: null
+          id: 0
+          tags:
+            next: ››
+            previous: ‹‹
+          expose:
+            items_per_page: false
+            items_per_page_label: 'Items per page'
+            items_per_page_options: '5, 10, 25, 50'
+            items_per_page_options_all: false
+            items_per_page_options_all_label: '- All -'
+            offset: false
+            offset_label: Offset
+      exposed_form:
+        type: basic
+        options:
+          submit_button: Apply
+          reset_button: false
+          reset_button_label: Reset
+          exposed_sorts_label: 'Sort by'
+          expose_sort_order: true
+          sort_asc_label: Asc
+          sort_desc_label: Desc
+      access:
+        type: perm
+        options:
+          perm: 'access content'
+      cache:
+        type: tag
+        options: {  }
+      empty: {  }
+      sorts:
+        created:
+          id: created
+          table: node_field_data
+          field: created
+          relationship: none
+          group_type: group
+          admin_label: ''
+          entity_type: node
+          entity_field: created
+          plugin_id: date
+          order: DESC
+          expose:
+            label: ''
+            field_identifier: ''
+          exposed: false
+          granularity: second
+      arguments: {  }
+      filters:
+        status:
+          id: status
+          table: node_field_data
+          field: status
+          entity_type: node
+          entity_field: status
+          plugin_id: boolean
+          value: '1'
+          group: 1
+          expose:
+            operator: ''
+        type:
+          id: type
+          table: node_field_data
+          field: type
+          relationship: none
+          group_type: group
+          admin_label: ''
+          entity_type: node
+          entity_field: type
+          plugin_id: bundle
+          operator: in
+          value: {  }
+          group: 1
+          exposed: true
+          expose:
+            operator_id: type_op
+            label: 'Content type'
+            description: ''
+            use_operator: false
+            operator: type_op
+            operator_limit_selection: false
+            operator_list: {  }
+            identifier: type
+            required: false
+            remember: false
+            multiple: false
+            remember_roles:
+              authenticated: authenticated
+              anonymous: '0'
+              super_admin: '0'
+              administrator: '0'
+              gatsby_build: '0'
+              editor: '0'
+            reduce: false
+          is_grouped: false
+          group_info:
+            label: ''
+            description: ''
+            identifier: ''
+            optional: true
+            widget: select
+            multiple: false
+            remember: false
+            default_group: All
+            default_group_multiple: {  }
+            group_items: {  }
+      style:
+        type: default
+        options:
+          grouping: {  }
+          row_class: ''
+          default_row_class: true
+          uses_fields: false
+      row:
+        type: 'entity:node'
+        options:
+          relationship: none
+          view_mode: default
+      query:
+        type: views_query
+        options:
+          query_comment: ''
+          disable_sql_rewrite: false
+          distinct: false
+          replica: false
+          query_tags: {  }
+      relationships: {  }
+      header: {  }
+      footer: {  }
+      display_extenders: {  }
+    cache_metadata:
+      max-age: -1
+      contexts:
+        - 'languages:language_content'
+        - 'languages:language_interface'
+        - url
+        - url.query_args
+        - 'user.node_grants:view'
+        - user.permissions
+      tags: {  }

apps/preview/src/App.tsx

@@ -1,4 +1,4 @@
-import { OperationExecutor } from '@custom/schema';
+import { OperationExecutorsProvider } from '@custom/schema';
 import { Frame } from '@custom/ui/routes/Frame';
 import { Preview, usePreviewRefresh } from '@custom/ui/routes/Preview';
 import { useEffect } from 'react';
@@ -24,17 +24,17 @@ const updates$ = webSocket({
 function App() {
   const refresh = usePreviewRefresh();
   useEffect(() => {
-    const sub = updates$.subscribe(refresh);
+    const sub = updates$.subscribe(() => refresh({}));
     return sub.unsubscribe;
   }, [refresh]);
   return (
-    <OperationExecutor
-      executor={drupalExecutor(window.GRAPHQL_ENDPOINT, false)}
+    <OperationExecutorsProvider
+      executors={[{ executor: drupalExecutor(window.GRAPHQL_ENDPOINT, false) }]}
     >
       <Frame>
         <Preview />
       </Frame>
-    </OperationExecutor>
+    </OperationExecutorsProvider>
   );
 }