datocms-plugin-sdk 0.8.0 → 1.0.0-alpha.0

package/src/connect.ts

@@ -1,14 +1,17 @@
 import connectToParent from 'penpal/lib/connectToParent';
-import { SchemaTypes } from '@datocms/cma-client';
+import {
+  Field,
+  Item,
+  ItemCreateSchema,
+  ItemType,
+  ItemUpdateSchema,
+} from './SiteApiSchema';
 import {
   AssetSource,
   ContentAreaSidebarItem,
   FieldExtensionOverride,
-  InitialLocationQueryForItemSelector,
   InitPropertiesAndMethods,
-  ItemFormSidebar,
   ItemFormSidebarPanel,
-  ItemPresentationInfo,
   MainNavigationTab,
   ManualFieldExtension,
   OnBootMethods,
@@ -27,8 +30,6 @@ import {
   RenderPagePropertiesAndMethods,
   RenderSidebarPanelMethods,
   RenderSidebarPanelPropertiesAndMethods,
-  RenderSidebarPropertiesAndMethods,
-  RenderSidebarMethods,
   SettingsAreaSidebarItemGroup,
 } from './types';
 import {
@@ -41,7 +42,6 @@ import {
   isRenderModalParent,
   isRenderPageParent,
   isRenderSidebarPanelParent,
-  isRenderSidebarParent,
   Parent,
 } from './guards';
 import {
@@ -52,12 +52,6 @@ import {
   StructuredTextCustomMark,
 } from '.';
 
-type Field = SchemaTypes.Field;
-type Item = SchemaTypes.Item;
-type ItemCreateSchema = SchemaTypes.ItemCreateSchema;
-type ItemType = SchemaTypes.ItemType;
-type ItemUpdateSchema = SchemaTypes.ItemUpdateSchema;
-
 export type SizingUtilities = {
   /**
    * Listens for DOM changes and automatically calls `setHeight` when it detects
@@ -88,8 +82,6 @@ export type RenderAssetSourceCtx = RenderAssetSourcePropertiesAndMethods &
   SizingUtilities;
 export type RenderItemFormSidebarPanelCtx =
   RenderSidebarPanelPropertiesAndMethods & SizingUtilities;
-export type RenderItemFormSidebarCtx = RenderSidebarPropertiesAndMethods &
-  SizingUtilities;
 export type RenderItemFormOutletCtx = RenderItemFormOutletPropertiesAndMethods &
   SizingUtilities;
 export type RenderFieldExtensionCtx = RenderFieldExtensionPropertiesAndMethods &
@@ -155,29 +147,6 @@ export type FullConnectParameters = {
     ctx: OnBootCtx,
   ) => MaybePromise<boolean>;
 
-  /**
-   * Use this function to customize the presentation of a record in records
-   * collections and "Single link" or "Multiple links" field
-   *
-   * @tag presentation
-   */
-  buildItemPresentationInfo: (
-    item: Item,
-    ctx: OnBootCtx,
-  ) => MaybePromise<ItemPresentationInfo | undefined>;
-
-  /**
-   * Use this function to customize the initial filters when opening an record
-   * selector via a "Single link" or "Multiple links" field
-   *
-   * @tag locationQuery
-   */
-  initialLocationQueryForItemSelector: (
-    openerfield: Item,
-    itemType: ItemType,
-    ctx: OnBootCtx,
-  ) => MaybePromise<InitialLocationQueryForItemSelector | undefined>;
-
   /**
    * Use this function to declare new tabs you want to add in the top-bar of the
    * UI
@@ -226,14 +195,6 @@ export type FullConnectParameters = {
     ctx: IntentCtx,
   ) => ItemFormSidebarPanel[];
 
-  /**
-   * Use this function to declare new sidebar to be shown when the user edits
-   * records of a particular model
-   *
-   * @tag sidebarPanels
-   */
-  itemFormSidebars: (itemType: ItemType, ctx: IntentCtx) => ItemFormSidebar[];
-
   /**
    * Use this function to declare custom outlets to be shown at the top of the
    * record's editing page
@@ -307,16 +268,6 @@ export type FullConnectParameters = {
     sidebarPaneId: string,
     ctx: RenderItemFormSidebarPanelCtx,
   ) => void;
-  /**
-   * This function will be called when the plugin needs to render a sidebar (see
-   * the `itemFormSidebars` function)
-   *
-   * @tag sidebarPanels
-   */
-  renderItemFormSidebar: (
-    sidebarId: string,
-    ctx: RenderItemFormSidebarCtx,
-  ) => void;
   /**
    * This function will be called when the plugin needs to render an outlet (see
    * the `itemFormOutlets` function)
@@ -406,7 +357,9 @@ const buildRenderUtils = (parent: { setHeight: (number: number) => void }) => {
         ? Math.max(
             document.body.scrollHeight,
             document.body.offsetHeight,
-            document.documentElement.getBoundingClientRect().height,
+            document.documentElement.clientHeight,
+            document.documentElement.scrollHeight,
+            document.documentElement.offsetHeight,
           )
         : height;
 
@@ -417,39 +370,29 @@ const buildRenderUtils = (parent: { setHeight: (number: number) => void }) => {
   };
 
   let resizeObserver: ResizeObserver | null = null;
-  let mutationObserver: MutationObserver | null = null;
-  const onMutation = () => updateHeight();
 
   const startAutoResizer = () => {
     updateHeight();
 
-    if (!resizeObserver) {
-      resizeObserver = new ResizeObserver(onMutation);
-      resizeObserver.observe(document.documentElement);
+    if (resizeObserver) {
+      return;
     }
 
-    if (!mutationObserver) {
-      mutationObserver = new MutationObserver(onMutation);
+    resizeObserver = new ResizeObserver(() => {
+      // entries[entries.length - 1].borderBoxSize[0].blockSize;
+      updateHeight();
+    });
 
-      mutationObserver.observe(window.document.body, {
-        attributes: true,
-        childList: true,
-        subtree: true,
-        characterData: true,
-      });
-    }
+    resizeObserver.observe(document.documentElement);
   };
 
   const stopAutoResizer = () => {
-    if (resizeObserver) {
-      resizeObserver.disconnect();
-      resizeObserver = null;
+    if (!resizeObserver) {
+      return;
     }
 
-    if (mutationObserver) {
-      mutationObserver.disconnect();
-      mutationObserver = null;
-    }
+    resizeObserver.disconnect();
+    resizeObserver = null;
   };
 
   return { updateHeight, startAutoResizer, stopAutoResizer };
@@ -465,7 +408,6 @@ export async function connect(
     contentAreaSidebarItems,
     manualFieldExtensions,
     itemFormSidebarPanels,
-    itemFormSidebars,
     itemFormOutlets,
   } = configuration;
   // rome-ignore lint/suspicious/noExplicitAny: <explanation>
@@ -497,7 +439,6 @@ export async function connect(
       contentAreaSidebarItems,
       manualFieldExtensions,
       itemFormSidebarPanels,
-      itemFormSidebars,
       itemFormOutlets,
       overrideFieldExtensions: toMultifield(
         configuration.overrideFieldExtensions,
@@ -668,27 +609,6 @@ export async function connect(
     render(initialSettings as Settings);
   }
 
-  if (isRenderSidebarParent(parent, initialSettings)) {
-    type Settings = AwaitedReturnType<RenderSidebarMethods['getSettings']>;
-
-    const renderUtils = buildRenderUtils(parent);
-
-    const render = (settings: Settings) => {
-      if (!configuration.renderItemFormSidebar) {
-        return;
-      }
-
-      configuration.renderItemFormSidebar(settings.sidebarId, {
-        ...parent,
-        ...settings,
-        ...renderUtils,
-      });
-    };
-
-    listener = render;
-    render(initialSettings as Settings);
-  }
-
   if (isRenderItemFormOutletParent(parent, initialSettings)) {
     type Settings = AwaitedReturnType<
       RenderItemFormOutletMethods['getSettings']

package/src/guards.ts

@@ -8,7 +8,6 @@ import {
   RenderSidebarPanelMethods,
   RenderModalMethods,
   RenderAssetSourceMethods,
-  RenderSidebarMethods,
 } from './types';
 
 export type Parent = { getSettings: () => Promise<{ mode: string }> };
@@ -32,10 +31,6 @@ export const isRenderSidebarPanelParent = buildGuard<RenderSidebarPanelMethods>(
   'renderItemFormSidebarPanel',
 );
 
-export const isRenderSidebarParent = buildGuard<RenderSidebarMethods>(
-  'renderItemFormSidebar',
-);
-
 export const isRenderItemFormOutletParent =
   buildGuard<RenderItemFormOutletMethods>('renderItemFormOutlet');
 

package/src/index.ts

@@ -1,15 +1,15 @@
-import { SchemaTypes } from '@datocms/cma-client';
-
-type Account = SchemaTypes.Account;
-type Field = SchemaTypes.Field;
-type Item = SchemaTypes.Item;
-type ItemType = SchemaTypes.ItemType;
-type Plugin = SchemaTypes.Plugin;
-type Site = SchemaTypes.Site;
-type SsoUser = SchemaTypes.SsoUser;
-type Upload = SchemaTypes.Upload;
-type User = SchemaTypes.User;
-type Role = SchemaTypes.Role;
+import {
+  Account,
+  Field,
+  Item,
+  ItemType,
+  Plugin,
+  Site,
+  SsoUser,
+  Upload,
+  User,
+  Role,
+} from './SiteApiSchema';
 
 export type {
   Account,