feat: populate global state with preloaded models from page data

Author: eldomagan

resources/assets/editor/plugin.ts

@@ -3,7 +3,7 @@ import { CraftileEditorPlugin, PluginContext } from '@craftile/editor';
 import { UpdatesEvent } from '@craftile/types';
 import { debounce } from 'perfect-debounce';
 
-import { useState } from './state';
+import { useState, populatePreloadedModels } from './state';
 import { persistUpdates } from './api';
 import { ThemeEditorConfig } from './types';
 
@@ -285,6 +285,10 @@ export default function (editorConfig: ThemeEditorConfig): CraftileEditorPlugin
         if (state.theme && pageData.settings) {
           state.theme.settings = pageData.settings;
         }
+
+        if (pageData.preloadedModels) {
+          populatePreloadedModels(pageData.preloadedModels);
+        }
       });
     });
 

resources/assets/editor/state.ts

@@ -135,3 +135,30 @@ export function useState() {
     getCmsPages,
   };
 }
+
+/**
+ * Populate global state with preloaded models from pageData.
+ */
+export function populatePreloadedModels(preloadedModels: {
+  categories?: Category[];
+  products?: Product[];
+  cms_pages?: CmsPage[];
+}): void {
+  if (preloadedModels.categories) {
+    preloadedModels.categories.forEach((category) => {
+      state!.categories.set(category.id, category);
+    });
+  }
+
+  if (preloadedModels.products) {
+    preloadedModels.products.forEach((product) => {
+      state!.products.set(product.id, product);
+    });
+  }
+
+  if (preloadedModels.cms_pages) {
+    preloadedModels.cms_pages.forEach((page) => {
+      state!.cmsPages.set(page.id, page);
+    });
+  }
+}

src/Middlewares/InjectThemeEditorScript.php

@@ -39,6 +39,7 @@ protected function buildPreviewScripts(array $pageData): string
                     'sources' => encrypt($this->themeEditor->jsonViews()),
                 ],
                 'settings' => $settingsBag->toArray(),
+                'preloadedModels' => $this->themeEditor->preloadedModels(),
             ],
         ])->render();
     }