@hygraph/app-sdk 0.0.2

package/README.md

@@ -0,0 +1,15 @@
+# @hygraph/app-sdk
+
+JavaScript SDK for building Apps for Hygraph.
+
+## ⚡ Usage
+
+For docs, guides and examples, please visit [our official documentation](https://hygraph.com/docs/).
+
+## 📝 License
+
+Licensed under the MIT License.
+
+---
+
+Made with 💜 by Hygraph 👋 [join our community](https://slack.hygraph.com/)!

package/dist/app-sdk.cjs.development.js

@@ -0,0 +1,167 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+function _interopDefault (ex) { return (ex && (typeof ex === 'object') && 'default' in ex) ? ex['default'] : ex; }
+
+var zoid = _interopDefault(require('@graphcms/zoid/lib/zoid.js'));
+
+function _objectWithoutPropertiesLoose(source, excluded) {
+  if (source == null) return {};
+  var target = {};
+  var sourceKeys = Object.keys(source);
+  var key, i;
+  for (i = 0; i < sourceKeys.length; i++) {
+    key = sourceKeys[i];
+    if (excluded.indexOf(key) >= 0) continue;
+    target[key] = source[key];
+  }
+  return target;
+}
+
+// see https://github.com/krakenjs/zoid/blob/master/src/component/props.js#L53
+var reservedExtensionProps = ['timeout', 'window', 'close', 'focus', 'resize', 'uid', 'cspNonce', 'getParent', 'getParentDomain', 'hide', 'show', 'export', 'onDisplay', 'onRendered', 'onRender', 'onClose', 'onDestroy', 'onResize', 'onFocus', 'onError', 'onProps'];
+(function (ExtensionPermission) {
+  ExtensionPermission["INPUT"] = "INPUT";
+  ExtensionPermission["FORM"] = "FORM";
+  ExtensionPermission["API"] = "API";
+})(exports.ExtensionPermission || (exports.ExtensionPermission = {}));
+
+var FieldExtensionType = {
+  STRING: 'STRING',
+  RICHTEXT: 'RICHTEXT',
+  INT: 'INT',
+  FLOAT: 'FLOAT',
+  BOOLEAN: 'BOOLEAN',
+  JSON: 'JSON',
+  DATETIME: 'DATETIME',
+  DATE: 'DATE',
+  LOCATION: 'LOCATION',
+  COLOR: 'COLOR',
+  ENUMERATION: 'ENUMERATION',
+  RELATION: 'RELATION',
+  ASSET: 'ASSET',
+  UNION: 'UNION'
+};
+var FieldExtensionFeature = {
+  FieldRenderer: 'FieldRenderer',
+  ListRenderer: 'ListRenderer',
+  TableRenderer: 'TableRenderer'
+};
+
+var AppInstallationStatus = {
+  COMPLETED: 'COMPLETED',
+  DISABLED: 'DISABLED',
+  PENDING: 'PENDING'
+};
+
+var _excluded = ["onProps", "onConnected", "resize"],
+  _excluded2 = ["onProps", "onConnected"];
+function handleProps(props) {
+  var transformedProps = {};
+  Object.keys(props).forEach(function (key) {
+    // do not pass down zoid props to the extension
+    if (reservedExtensionProps.includes(key)) return;
+    // transform props that were prefixed with '_' to bypass zoid reverved props
+    if (key.startsWith('_') && reservedExtensionProps.includes(key.replace(/^_/g, ''))) {
+      transformedProps[key.replace(/^_/g, '')] = props[key];
+    } else {
+      transformedProps[key] = props[key];
+    }
+  });
+  return transformedProps;
+}
+function init(_ref) {
+  var debug = _ref.debug,
+    _ref$onProps = _ref.onProps,
+    onProps = _ref$onProps === void 0 ? function () {
+      return undefined;
+    } : _ref$onProps,
+    givenUid = _ref.uid;
+  return new Promise(function (resolve, reject) {
+    if (typeof window === 'undefined' || typeof window.postMessage === 'undefined') {
+      return reject({
+        error: 'unsupported_env',
+        message: 'Unsupported environment: Not in a browser supporting PostMessage'
+      });
+    }
+    var uid = givenUid || typeof URLSearchParams !== 'undefined' && new URLSearchParams(window.location.search).get('extensionUid');
+    if (!uid) {
+      if (debug) console.error("[UIX] no uid found in init params or extension URL");
+      return reject({
+        error: 'missing_uid',
+        message: 'Missing UID: no UID found in init params or extension URL'
+      });
+    }
+    if (debug) console.info("[UIX:" + uid + "] initializing with uid " + uid);
+    zoid.create({
+      tag: uid,
+      url: window.location.href.toString(),
+      autoResize: {
+        width: false,
+        height: true,
+        element: 'html'
+      },
+      props: {
+        onConnected: {
+          type: 'function'
+        }
+      }
+    });
+    if (typeof window.xprops !== 'undefined') {
+      var _window$xprops = window.xprops,
+        onConnected = _window$xprops.onConnected;
+      onConnected(uid).then(function (status) {
+        if (status === true) {
+          var _window$xprops2 = window.xprops,
+            onParentProps = _window$xprops2.onProps,
+            resize = _window$xprops2.resize,
+            extensionProps = _objectWithoutPropertiesLoose(_window$xprops2, _excluded);
+          if (debug) console.info("[UIX:" + uid + "] initial shared props", extensionProps);
+          onParentProps(function (p) {
+            var newExtensionProps = _objectWithoutPropertiesLoose(p, _excluded2);
+            if (debug) console.info("[UIX:" + uid + "] new shared props", newExtensionProps);
+            if ('isExpanded' in p && typeof p.isExpanded === 'boolean') {
+              p.isExpanded ? resize({
+                height: 'full',
+                width: '100%'
+              }) : resize({
+                height: 'auto',
+                width: '100%'
+              });
+            }
+            onProps(handleProps(newExtensionProps));
+          });
+          if (debug) console.info("[UIX:" + uid + "] initialized");
+          onProps(handleProps(extensionProps));
+          resolve({
+            status: 'ok',
+            props: handleProps(extensionProps)
+          });
+        } else {
+          if (debug) console.info("[UIX:" + uid + "] sdk renderer returned status:", status);
+          resolve({
+            status: 'validation'
+          });
+        }
+      });
+    } else {
+      if (debug) console.error("[UIX] no shared props from host found");
+      reject({
+        error: 'failed_communication',
+        message: 'No communication established with host, please check your URL'
+      });
+    }
+  });
+}
+var index = {
+  init: init
+};
+
+exports.AppInstallationStatus = AppInstallationStatus;
+exports.FieldExtensionFeature = FieldExtensionFeature;
+exports.FieldExtensionType = FieldExtensionType;
+exports.default = index;
+exports.init = init;
+exports.reservedExtensionProps = reservedExtensionProps;
+//# sourceMappingURL=app-sdk.cjs.development.js.map

package/dist/app-sdk.cjs.development.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"app-sdk.cjs.development.js","sources":["../src/base.ts","../src/field.ts","../src/type-helpers/appInstallation.ts","../src/index.ts"],"sourcesContent":["import type { ShowToast } from './type-helpers/toast';\nimport type { OpenDialog } from './type-helpers/dialog';\nimport type { OpenAssetPicker } from './type-helpers/openAssetPicker';\n\n// see https://github.com/krakenjs/zoid/blob/master/src/component/props.js#L53\nexport const reservedExtensionProps = [\n  'timeout',\n  'window',\n  'close',\n  'focus',\n  'resize',\n  'uid',\n  'cspNonce',\n  'getParent',\n  'getParentDomain',\n  'hide',\n  'show',\n  'export',\n  'onDisplay',\n  'onRendered',\n  'onRender',\n  'onClose',\n  'onDestroy',\n  'onResize',\n  'onFocus',\n  'onError',\n  'onProps',\n];\n\nexport enum ExtensionPermission {\n  INPUT = 'INPUT',\n  FORM = 'FORM',\n  API = 'API',\n}\n\ntype ConfigVariableName = string;\n\ntype ConfigVariableSettings = {\n  type: 'string' | 'number' | 'boolean';\n  displayName?: string;\n  description?: string;\n  required?: boolean;\n  defaultValue?: any;\n};\n\nexport type ConfigFields = Record<ConfigVariableName, ConfigVariableSettings>;\n\nexport type ConfigValue = Record<\n  string,\n  boolean | number | string | undefined | null\n>;\n\nexport type FieldConfig = {\n  tableConfig: ConfigValue;\n  fieldConfig: ConfigValue;\n};\n\nexport type FormSidebarConfig = { sidebarConfig: ConfigValue };\n\nexport type Project = {\n  id: string;\n  name: string;\n  mgmtApi: string;\n  mgmtToken: string;\n};\n\nexport type Environment = {\n  id: string;\n  name: string;\n  endpoint: string;\n  authToken: string;\n};\n\nexport type Context = {\n  project: Project;\n  environment: Environment;\n};\n\nexport interface ExtensionPropsBase {\n  context: Context;\n  openDialog: OpenDialog;\n  showToast: ShowToast;\n  openAssetPicker: OpenAssetPicker;\n  redirectParent: (location: string | Location) => Promise<void>;\n  historyReplace: (url: string | HistoryCallback) => Promise<void>;\n  historyPush: (url: string | HistoryCallback) => Promise<void>;\n}\n\nexport interface ExtensionDialogProps extends ExtensionPropsBase {\n  onCloseDialog: (value: any) => void;\n}\n\ntype HistoryCallback = (href: Location['href']) => string;\n","import type { Form } from './type-helpers/form';\nimport type { ExtensionPropsBase, ConfigValue } from './base';\nimport type { Model } from './type-helpers/model';\nimport type { AppInstallation } from './type-helpers/appInstallation';\nimport type { Field } from './type-helpers/field';\n\nexport const FieldExtensionType = {\n  STRING: 'STRING',\n  RICHTEXT: 'RICHTEXT',\n  INT: 'INT',\n  FLOAT: 'FLOAT',\n  BOOLEAN: 'BOOLEAN',\n  JSON: 'JSON',\n  DATETIME: 'DATETIME',\n  DATE: 'DATE',\n  LOCATION: 'LOCATION',\n  COLOR: 'COLOR',\n  ENUMERATION: 'ENUMERATION',\n  RELATION: 'RELATION',\n  ASSET: 'ASSET',\n  UNION: 'UNION',\n} as const;\n\nexport const FieldExtensionFeature = {\n  FieldRenderer: 'FieldRenderer',\n  ListRenderer: 'ListRenderer',\n  TableRenderer: 'TableRenderer',\n} as const;\n\nexport interface FieldExtensionProps extends ExtensionPropsBase {\n  extension: {\n    config: ConfigValue;\n    tableConfig: ConfigValue;\n    fieldConfig: ConfigValue;\n    id: string;\n  };\n\n  isExpanded: boolean;\n  expand: (expand: boolean | ((isExpanded: boolean) => boolean)) => unknown;\n\n  // name of the field in the form (may differ from the field apiId, ie. for localized fields)\n  name: string;\n\n  // current locale on localized field\n  locale: string | undefined;\n\n  // current entry id, null for new entries;\n  entryId: string | null;\n\n  isTableCell: boolean;\n\n  isReadOnly: boolean | undefined;\n\n  value: any;\n\n  onBlur: (event?: FocusEvent) => Promise<void>;\n\n  onChange: (event: InputEvent | any) => Promise<void>;\n\n  onFocus: (event?: FocusEvent) => Promise<void>;\n\n  // @see https://final-form.org/docs/react-final-form/types/FieldRenderProps\n  meta: {\n    active: boolean;\n    error: any;\n    touched: boolean;\n  };\n\n  form: Form;\n  field: Field;\n  model: Model;\n  installation: AppInstallation;\n}\n","import type { ConfigValue } from '../base';\n\nexport const AppInstallationStatus = {\n  COMPLETED: 'COMPLETED',\n  DISABLED: 'DISABLED',\n  PENDING: 'PENDING',\n} as const;\n\nexport type AppInstallation = {\n  id: string;\n  config: ConfigValue;\n  status: keyof typeof AppInstallationStatus;\n};\n","import zoid from '@graphcms/zoid/lib/zoid.js';\n\nimport { ExtensionDialogProps, reservedExtensionProps } from './base';\nexport { ExtensionDialogProps, reservedExtensionProps } from './base';\nimport type { FieldExtensionProps } from './field';\nimport type { FormSidebarExtensionProps } from './formSidebar';\nexport * from './base';\nexport type {\n  FormState,\n  FieldState,\n  FieldSubscription,\n  Subscriber,\n  FormSubscription,\n  Form,\n} from './type-helpers/form';\n\nexport type {\n  VisibilityTypes,\n  SetFieldsVisibility,\n  VisibilityMap,\n} from './type-helpers/visibility';\n\nexport type { FieldExtensionProps } from './field';\nexport type { AppProps } from './app';\nexport type { FormSidebarExtensionProps } from './formSidebar';\nexport { FieldExtensionFeature, FieldExtensionType } from './field';\nexport * from './type-helpers/appInstallation';\n\nexport type ExtensionProps =\n  | FieldExtensionProps\n  | FormSidebarExtensionProps\n  | ExtensionDialogProps;\n\ntype Xprops = {\n  onProps: (props: Record<string, any>) => void;\n  onConnected: (uid: string) => Promise<unknown>;\n  resize: (size: {\n    height: 'auto' | 'full' | number;\n    width: 'auto' | '100%' | number;\n  }) => unknown;\n} & ExtensionProps;\n\ndeclare global {\n  interface Window {\n    xprops: Xprops;\n  }\n}\n\nfunction handleProps(props: any) {\n  const transformedProps: any = {};\n  Object.keys(props).forEach((key: string) => {\n    // do not pass down zoid props to the extension\n    if (reservedExtensionProps.includes(key)) return;\n\n    // transform props that were prefixed with '_' to bypass zoid reverved props\n    if (\n      key.startsWith('_') &&\n      reservedExtensionProps.includes(key.replace(/^_/g, ''))\n    ) {\n      transformedProps[key.replace(/^_/g, '')] = props[key];\n    } else {\n      transformedProps[key] = props[key];\n    }\n  });\n  return transformedProps;\n}\n\nexport function init({\n  debug,\n  onProps = () => undefined,\n  uid: givenUid,\n}: {\n  onProps: (props: any) => unknown;\n  debug?: boolean;\n  uid?: string;\n}) {\n  return new Promise<{ status: 'ok'; props: any } | { status: 'validation' }>(\n    (resolve, reject) => {\n      if (\n        typeof window === 'undefined' ||\n        typeof window.postMessage === 'undefined'\n      ) {\n        return reject({\n          error: 'unsupported_env',\n          message:\n            'Unsupported environment: Not in a browser supporting PostMessage',\n        });\n      }\n\n      const uid =\n        givenUid ||\n        (typeof URLSearchParams !== 'undefined' &&\n          new URLSearchParams(window.location.search).get('extensionUid'));\n\n      if (!uid) {\n        if (debug)\n          console.error(`[UIX] no uid found in init params or extension URL`);\n        return reject({\n          error: 'missing_uid',\n          message: 'Missing UID: no UID found in init params or extension URL',\n        });\n      }\n      if (debug) console.info(`[UIX:${uid}] initializing with uid ${uid}`);\n\n      zoid.create({\n        tag: uid,\n        url: window.location.href.toString(),\n        autoResize: {\n          width: false,\n          height: true,\n          element: 'html',\n        },\n        props: {\n          onConnected: {\n            type: 'function',\n          },\n        },\n      });\n      if (typeof window.xprops !== 'undefined') {\n        const { onConnected, onProps: initialOnProps } = window.xprops;\n\n        onConnected(uid).then((status) => {\n          if (status === true) {\n            const {\n              onProps: onParentProps,\n              onConnected: _nevermind,\n              resize,\n              ...extensionProps\n            } = window.xprops;\n\n            if (debug)\n              console.info(`[UIX:${uid}] initial shared props`, extensionProps);\n            onParentProps((p: Xprops) => {\n              const {\n                onProps: onParentProps,\n                onConnected,\n                ...newExtensionProps\n              } = p;\n\n              if (debug)\n                console.info(\n                  `[UIX:${uid}] new shared props`,\n                  newExtensionProps\n                );\n              if ('isExpanded' in p && typeof p.isExpanded === 'boolean') {\n                p.isExpanded\n                  ? resize({ height: 'full', width: '100%' })\n                  : resize({ height: 'auto', width: '100%' });\n              }\n              onProps(handleProps(newExtensionProps));\n            });\n\n            if (debug) console.info(`[UIX:${uid}] initialized`);\n            onProps(handleProps(extensionProps));\n            resolve({ status: 'ok', props: handleProps(extensionProps) });\n          } else {\n            if (debug)\n              console.info(\n                `[UIX:${uid}] sdk renderer returned status:`,\n                status\n              );\n            resolve({ status: 'validation' });\n          }\n        });\n      } else {\n        if (debug) console.error(`[UIX] no shared props from host found`);\n        reject({\n          error: 'failed_communication',\n          message:\n            'No communication established with host, please check your URL',\n        });\n      }\n    }\n  );\n}\n\nexport default { init };\n"],"names":["reservedExtensionProps","ExtensionPermission","FieldExtensionType","STRING","RICHTEXT","INT","FLOAT","BOOLEAN","JSON","DATETIME","DATE","LOCATION","COLOR","ENUMERATION","RELATION","ASSET","UNION","FieldExtensionFeature","FieldRenderer","ListRenderer","TableRenderer","AppInstallationStatus","COMPLETED","DISABLED","PENDING","handleProps","props","transformedProps","Object","keys","forEach","key","includes","startsWith","replace","init","debug","onProps","undefined","givenUid","uid","Promise","resolve","reject","window","postMessage","error","message","URLSearchParams","location","search","get","console","info","zoid","create","tag","url","href","toString","autoResize","width","height","element","onConnected","type","xprops","then","status","onParentProps","_nevermind","resize","extensionProps","p","newExtensionProps","isExpanded"],"mappings":"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"}

package/dist/app-sdk.cjs.production.min.js

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e,n=(e=require("@graphcms/zoid/lib/zoid.js"))&&"object"==typeof e&&"default"in e?e.default:e;function o(e,n){if(null==e)return{};var o,r,i={},t=Object.keys(e);for(r=0;r<t.length;r++)n.indexOf(o=t[r])>=0||(i[o]=e[o]);return i}var r,i=["timeout","window","close","focus","resize","uid","cspNonce","getParent","getParentDomain","hide","show","export","onDisplay","onRendered","onRender","onClose","onDestroy","onResize","onFocus","onError","onProps"];(r=exports.ExtensionPermission||(exports.ExtensionPermission={})).INPUT="INPUT",r.FORM="FORM",r.API="API";var t=["onProps","onConnected","resize"],s=["onProps","onConnected"];function d(e){var n={};return Object.keys(e).forEach((function(o){i.includes(o)||(o.startsWith("_")&&i.includes(o.replace(/^_/g,""))?n[o.replace(/^_/g,"")]=e[o]:n[o]=e[o])})),n}function a(e){var r=e.debug,i=e.onProps,a=void 0===i?function(){}:i,p=e.uid;return new Promise((function(e,i){if("undefined"==typeof window||void 0===window.postMessage)return i({error:"unsupported_env",message:"Unsupported environment: Not in a browser supporting PostMessage"});var u=p||"undefined"!=typeof URLSearchParams&&new URLSearchParams(window.location.search).get("extensionUid");if(!u)return r&&console.error("[UIX] no uid found in init params or extension URL"),i({error:"missing_uid",message:"Missing UID: no UID found in init params or extension URL"});r&&console.info("[UIX:"+u+"] initializing with uid "+u),n.create({tag:u,url:window.location.href.toString(),autoResize:{width:!1,height:!0,element:"html"},props:{onConnected:{type:"function"}}}),void 0!==window.xprops?(0,window.xprops.onConnected)(u).then((function(n){if(!0===n){var i=window.xprops,p=i.onProps,c=i.resize,l=o(i,t);r&&console.info("[UIX:"+u+"] initial shared props",l),p((function(e){var n=o(e,s);r&&console.info("[UIX:"+u+"] new shared props",n),"isExpanded"in e&&"boolean"==typeof e.isExpanded&&c(e.isExpanded?{height:"full",width:"100%"}:{height:"auto",width:"100%"}),a(d(n))})),r&&console.info("[UIX:"+u+"] initialized"),a(d(l)),e({status:"ok",props:d(l)})}else r&&console.info("[UIX:"+u+"] sdk renderer returned status:",n),e({status:"validation"})})):(r&&console.error("[UIX] no shared props from host found"),i({error:"failed_communication",message:"No communication established with host, please check your URL"}))}))}var p={init:a};exports.AppInstallationStatus={COMPLETED:"COMPLETED",DISABLED:"DISABLED",PENDING:"PENDING"},exports.FieldExtensionFeature={FieldRenderer:"FieldRenderer",ListRenderer:"ListRenderer",TableRenderer:"TableRenderer"},exports.FieldExtensionType={STRING:"STRING",RICHTEXT:"RICHTEXT",INT:"INT",FLOAT:"FLOAT",BOOLEAN:"BOOLEAN",JSON:"JSON",DATETIME:"DATETIME",DATE:"DATE",LOCATION:"LOCATION",COLOR:"COLOR",ENUMERATION:"ENUMERATION",RELATION:"RELATION",ASSET:"ASSET",UNION:"UNION"},exports.default=p,exports.init=a,exports.reservedExtensionProps=i;
+//# sourceMappingURL=app-sdk.cjs.production.min.js.map

package/dist/app-sdk.cjs.production.min.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"app-sdk.cjs.production.min.js","sources":["../src/base.ts","../src/index.ts","../src/type-helpers/appInstallation.ts","../src/field.ts"],"sourcesContent":["import type { ShowToast } from './type-helpers/toast';\nimport type { OpenDialog } from './type-helpers/dialog';\nimport type { OpenAssetPicker } from './type-helpers/openAssetPicker';\n\n// see https://github.com/krakenjs/zoid/blob/master/src/component/props.js#L53\nexport const reservedExtensionProps = [\n  'timeout',\n  'window',\n  'close',\n  'focus',\n  'resize',\n  'uid',\n  'cspNonce',\n  'getParent',\n  'getParentDomain',\n  'hide',\n  'show',\n  'export',\n  'onDisplay',\n  'onRendered',\n  'onRender',\n  'onClose',\n  'onDestroy',\n  'onResize',\n  'onFocus',\n  'onError',\n  'onProps',\n];\n\nexport enum ExtensionPermission {\n  INPUT = 'INPUT',\n  FORM = 'FORM',\n  API = 'API',\n}\n\ntype ConfigVariableName = string;\n\ntype ConfigVariableSettings = {\n  type: 'string' | 'number' | 'boolean';\n  displayName?: string;\n  description?: string;\n  required?: boolean;\n  defaultValue?: any;\n};\n\nexport type ConfigFields = Record<ConfigVariableName, ConfigVariableSettings>;\n\nexport type ConfigValue = Record<\n  string,\n  boolean | number | string | undefined | null\n>;\n\nexport type FieldConfig = {\n  tableConfig: ConfigValue;\n  fieldConfig: ConfigValue;\n};\n\nexport type FormSidebarConfig = { sidebarConfig: ConfigValue };\n\nexport type Project = {\n  id: string;\n  name: string;\n  mgmtApi: string;\n  mgmtToken: string;\n};\n\nexport type Environment = {\n  id: string;\n  name: string;\n  endpoint: string;\n  authToken: string;\n};\n\nexport type Context = {\n  project: Project;\n  environment: Environment;\n};\n\nexport interface ExtensionPropsBase {\n  context: Context;\n  openDialog: OpenDialog;\n  showToast: ShowToast;\n  openAssetPicker: OpenAssetPicker;\n  redirectParent: (location: string | Location) => Promise<void>;\n  historyReplace: (url: string | HistoryCallback) => Promise<void>;\n  historyPush: (url: string | HistoryCallback) => Promise<void>;\n}\n\nexport interface ExtensionDialogProps extends ExtensionPropsBase {\n  onCloseDialog: (value: any) => void;\n}\n\ntype HistoryCallback = (href: Location['href']) => string;\n","import zoid from '@graphcms/zoid/lib/zoid.js';\n\nimport { ExtensionDialogProps, reservedExtensionProps } from './base';\nexport { ExtensionDialogProps, reservedExtensionProps } from './base';\nimport type { FieldExtensionProps } from './field';\nimport type { FormSidebarExtensionProps } from './formSidebar';\nexport * from './base';\nexport type {\n  FormState,\n  FieldState,\n  FieldSubscription,\n  Subscriber,\n  FormSubscription,\n  Form,\n} from './type-helpers/form';\n\nexport type {\n  VisibilityTypes,\n  SetFieldsVisibility,\n  VisibilityMap,\n} from './type-helpers/visibility';\n\nexport type { FieldExtensionProps } from './field';\nexport type { AppProps } from './app';\nexport type { FormSidebarExtensionProps } from './formSidebar';\nexport { FieldExtensionFeature, FieldExtensionType } from './field';\nexport * from './type-helpers/appInstallation';\n\nexport type ExtensionProps =\n  | FieldExtensionProps\n  | FormSidebarExtensionProps\n  | ExtensionDialogProps;\n\ntype Xprops = {\n  onProps: (props: Record<string, any>) => void;\n  onConnected: (uid: string) => Promise<unknown>;\n  resize: (size: {\n    height: 'auto' | 'full' | number;\n    width: 'auto' | '100%' | number;\n  }) => unknown;\n} & ExtensionProps;\n\ndeclare global {\n  interface Window {\n    xprops: Xprops;\n  }\n}\n\nfunction handleProps(props: any) {\n  const transformedProps: any = {};\n  Object.keys(props).forEach((key: string) => {\n    // do not pass down zoid props to the extension\n    if (reservedExtensionProps.includes(key)) return;\n\n    // transform props that were prefixed with '_' to bypass zoid reverved props\n    if (\n      key.startsWith('_') &&\n      reservedExtensionProps.includes(key.replace(/^_/g, ''))\n    ) {\n      transformedProps[key.replace(/^_/g, '')] = props[key];\n    } else {\n      transformedProps[key] = props[key];\n    }\n  });\n  return transformedProps;\n}\n\nexport function init({\n  debug,\n  onProps = () => undefined,\n  uid: givenUid,\n}: {\n  onProps: (props: any) => unknown;\n  debug?: boolean;\n  uid?: string;\n}) {\n  return new Promise<{ status: 'ok'; props: any } | { status: 'validation' }>(\n    (resolve, reject) => {\n      if (\n        typeof window === 'undefined' ||\n        typeof window.postMessage === 'undefined'\n      ) {\n        return reject({\n          error: 'unsupported_env',\n          message:\n            'Unsupported environment: Not in a browser supporting PostMessage',\n        });\n      }\n\n      const uid =\n        givenUid ||\n        (typeof URLSearchParams !== 'undefined' &&\n          new URLSearchParams(window.location.search).get('extensionUid'));\n\n      if (!uid) {\n        if (debug)\n          console.error(`[UIX] no uid found in init params or extension URL`);\n        return reject({\n          error: 'missing_uid',\n          message: 'Missing UID: no UID found in init params or extension URL',\n        });\n      }\n      if (debug) console.info(`[UIX:${uid}] initializing with uid ${uid}`);\n\n      zoid.create({\n        tag: uid,\n        url: window.location.href.toString(),\n        autoResize: {\n          width: false,\n          height: true,\n          element: 'html',\n        },\n        props: {\n          onConnected: {\n            type: 'function',\n          },\n        },\n      });\n      if (typeof window.xprops !== 'undefined') {\n        const { onConnected, onProps: initialOnProps } = window.xprops;\n\n        onConnected(uid).then((status) => {\n          if (status === true) {\n            const {\n              onProps: onParentProps,\n              onConnected: _nevermind,\n              resize,\n              ...extensionProps\n            } = window.xprops;\n\n            if (debug)\n              console.info(`[UIX:${uid}] initial shared props`, extensionProps);\n            onParentProps((p: Xprops) => {\n              const {\n                onProps: onParentProps,\n                onConnected,\n                ...newExtensionProps\n              } = p;\n\n              if (debug)\n                console.info(\n                  `[UIX:${uid}] new shared props`,\n                  newExtensionProps\n                );\n              if ('isExpanded' in p && typeof p.isExpanded === 'boolean') {\n                p.isExpanded\n                  ? resize({ height: 'full', width: '100%' })\n                  : resize({ height: 'auto', width: '100%' });\n              }\n              onProps(handleProps(newExtensionProps));\n            });\n\n            if (debug) console.info(`[UIX:${uid}] initialized`);\n            onProps(handleProps(extensionProps));\n            resolve({ status: 'ok', props: handleProps(extensionProps) });\n          } else {\n            if (debug)\n              console.info(\n                `[UIX:${uid}] sdk renderer returned status:`,\n                status\n              );\n            resolve({ status: 'validation' });\n          }\n        });\n      } else {\n        if (debug) console.error(`[UIX] no shared props from host found`);\n        reject({\n          error: 'failed_communication',\n          message:\n            'No communication established with host, please check your URL',\n        });\n      }\n    }\n  );\n}\n\nexport default { init };\n","import type { ConfigValue } from '../base';\n\nexport const AppInstallationStatus = {\n  COMPLETED: 'COMPLETED',\n  DISABLED: 'DISABLED',\n  PENDING: 'PENDING',\n} as const;\n\nexport type AppInstallation = {\n  id: string;\n  config: ConfigValue;\n  status: keyof typeof AppInstallationStatus;\n};\n","import type { Form } from './type-helpers/form';\nimport type { ExtensionPropsBase, ConfigValue } from './base';\nimport type { Model } from './type-helpers/model';\nimport type { AppInstallation } from './type-helpers/appInstallation';\nimport type { Field } from './type-helpers/field';\n\nexport const FieldExtensionType = {\n  STRING: 'STRING',\n  RICHTEXT: 'RICHTEXT',\n  INT: 'INT',\n  FLOAT: 'FLOAT',\n  BOOLEAN: 'BOOLEAN',\n  JSON: 'JSON',\n  DATETIME: 'DATETIME',\n  DATE: 'DATE',\n  LOCATION: 'LOCATION',\n  COLOR: 'COLOR',\n  ENUMERATION: 'ENUMERATION',\n  RELATION: 'RELATION',\n  ASSET: 'ASSET',\n  UNION: 'UNION',\n} as const;\n\nexport const FieldExtensionFeature = {\n  FieldRenderer: 'FieldRenderer',\n  ListRenderer: 'ListRenderer',\n  TableRenderer: 'TableRenderer',\n} as const;\n\nexport interface FieldExtensionProps extends ExtensionPropsBase {\n  extension: {\n    config: ConfigValue;\n    tableConfig: ConfigValue;\n    fieldConfig: ConfigValue;\n    id: string;\n  };\n\n  isExpanded: boolean;\n  expand: (expand: boolean | ((isExpanded: boolean) => boolean)) => unknown;\n\n  // name of the field in the form (may differ from the field apiId, ie. for localized fields)\n  name: string;\n\n  // current locale on localized field\n  locale: string | undefined;\n\n  // current entry id, null for new entries;\n  entryId: string | null;\n\n  isTableCell: boolean;\n\n  isReadOnly: boolean | undefined;\n\n  value: any;\n\n  onBlur: (event?: FocusEvent) => Promise<void>;\n\n  onChange: (event: InputEvent | any) => Promise<void>;\n\n  onFocus: (event?: FocusEvent) => Promise<void>;\n\n  // @see https://final-form.org/docs/react-final-form/types/FieldRenderProps\n  meta: {\n    active: boolean;\n    error: any;\n    touched: boolean;\n  };\n\n  form: Form;\n  field: Field;\n  model: Model;\n  installation: AppInstallation;\n}\n"],"names":["ExtensionPermission","reservedExtensionProps","handleProps","props","transformedProps","Object","keys","forEach","key","includes","startsWith","replace","init","debug","_ref$onProps","onProps","givenUid","uid","Promise","resolve","reject","window","postMessage","error","message","URLSearchParams","location","search","get","console","info","zoid","create","tag","url","href","toString","autoResize","width","height","element","onConnected","type","xprops","then","status","onParentProps","_nevermind","resize","extensionProps","p","newExtensionProps","isExpanded","COMPLETED","DISABLED","PENDING","FieldRenderer","ListRenderer","TableRenderer","STRING","RICHTEXT","INT","FLOAT","BOOLEAN","JSON","DATETIME","DATE","LOCATION","COLOR","ENUMERATION","RELATION","ASSET","UNION"],"mappings":"6SA6BYA,EAxBCC,EAAyB,CACpC,UACA,SACA,QACA,QACA,SACA,MACA,WACA,YACA,kBACA,OACA,OACA,SACA,YACA,aACA,WACA,UACA,YACA,WACA,UACA,UACA,YAGUD,EAAAA,8BAAAA,+CAEVA,cACAA,iFCgBF,SAASE,EAAYC,GACnB,IAAMC,EAAwB,GAe9B,OAdAC,OAAOC,KAAKH,GAAOI,SAAQ,SAACC,GAEtBP,EAAuBQ,SAASD,KAIlCA,EAAIE,WAAW,MACfT,EAAuBQ,SAASD,EAAIG,QAAQ,MAAO,KAEnDP,EAAiBI,EAAIG,QAAQ,MAAO,KAAOR,EAAMK,GAEjDJ,EAAiBI,GAAOL,EAAMK,OAG3BJ,WAGOQ,SACdC,IAAAA,MAAKC,IACLC,QAAAA,aAAU,eACLC,IAALC,IAMA,OAAO,IAAIC,SACT,SAACC,EAASC,GACR,GACoB,oBAAXC,aACuB,IAAvBA,OAAOC,YAEd,OAAOF,EAAO,CACZG,MAAO,kBACPC,QACE,qEAIN,IAAMP,EACJD,GAC4B,oBAApBS,iBACN,IAAIA,gBAAgBJ,OAAOK,SAASC,QAAQC,IAAI,gBAEpD,IAAKX,EAGH,OAFIJ,GACFgB,QAAQN,4DACHH,EAAO,CACZG,MAAO,cACPC,QAAS,8DAGTX,GAAOgB,QAAQC,aAAab,6BAA8BA,GAE9Dc,EAAKC,OAAO,CACVC,IAAKhB,EACLiB,IAAKb,OAAOK,SAASS,KAAKC,WAC1BC,WAAY,CACVC,OAAO,EACPC,QAAQ,EACRC,QAAS,QAEXrC,MAAO,CACLsC,YAAa,CACXC,KAAM,oBAIiB,IAAlBrB,OAAOsB,QAGhBF,EAFiDpB,OAAOsB,OAAhDF,aAEIxB,GAAK2B,MAAK,SAACC,GACrB,IAAe,IAAXA,EAAiB,CACnB,MAKIxB,OAAOsB,OAJAG,IAAT/B,QACagC,IACbC,OACGC,SAGDpC,GACFgB,QAAQC,aAAab,2BAA6BgC,GACpDH,GAAc,SAACI,OAIRC,IACDD,KAEArC,GACFgB,QAAQC,aACEb,uBACRkC,GAEA,eAAgBD,GAA6B,kBAAjBA,EAAEE,YAE5BJ,EADJE,EAAEE,WACS,CAAEb,OAAQ,OAAQD,MAAO,QACzB,CAAEC,OAAQ,OAAQD,MAAO,SAEtCvB,EAAQb,EAAYiD,OAGlBtC,GAAOgB,QAAQC,aAAab,mBAChCF,EAAQb,EAAY+C,IACpB9B,EAAQ,CAAE0B,OAAQ,KAAM1C,MAAOD,EAAY+C,UAEvCpC,GACFgB,QAAQC,aACEb,oCACR4B,GAEJ1B,EAAQ,CAAE0B,OAAQ,mBAIlBhC,GAAOgB,QAAQN,+CACnBH,EAAO,CACLG,MAAO,uBACPC,QACE,sEAOZ,MAAe,CAAEZ,KAAAA,iCC9KoB,CACnCyC,UAAW,YACXC,SAAU,WACVC,QAAS,yCCkB0B,CACnCC,cAAe,gBACfC,aAAc,eACdC,cAAe,4CApBiB,CAChCC,OAAQ,SACRC,SAAU,WACVC,IAAK,MACLC,MAAO,QACPC,QAAS,UACTC,KAAM,OACNC,SAAU,WACVC,KAAM,OACNC,SAAU,WACVC,MAAO,QACPC,YAAa,cACbC,SAAU,WACVC,MAAO,QACPC,MAAO"}

package/dist/app-sdk.esm.js

@@ -0,0 +1,158 @@
+import zoid from '@graphcms/zoid/lib/zoid.js';
+
+function _objectWithoutPropertiesLoose(source, excluded) {
+  if (source == null) return {};
+  var target = {};
+  var sourceKeys = Object.keys(source);
+  var key, i;
+  for (i = 0; i < sourceKeys.length; i++) {
+    key = sourceKeys[i];
+    if (excluded.indexOf(key) >= 0) continue;
+    target[key] = source[key];
+  }
+  return target;
+}
+
+// see https://github.com/krakenjs/zoid/blob/master/src/component/props.js#L53
+var reservedExtensionProps = ['timeout', 'window', 'close', 'focus', 'resize', 'uid', 'cspNonce', 'getParent', 'getParentDomain', 'hide', 'show', 'export', 'onDisplay', 'onRendered', 'onRender', 'onClose', 'onDestroy', 'onResize', 'onFocus', 'onError', 'onProps'];
+var ExtensionPermission;
+(function (ExtensionPermission) {
+  ExtensionPermission["INPUT"] = "INPUT";
+  ExtensionPermission["FORM"] = "FORM";
+  ExtensionPermission["API"] = "API";
+})(ExtensionPermission || (ExtensionPermission = {}));
+
+var FieldExtensionType = {
+  STRING: 'STRING',
+  RICHTEXT: 'RICHTEXT',
+  INT: 'INT',
+  FLOAT: 'FLOAT',
+  BOOLEAN: 'BOOLEAN',
+  JSON: 'JSON',
+  DATETIME: 'DATETIME',
+  DATE: 'DATE',
+  LOCATION: 'LOCATION',
+  COLOR: 'COLOR',
+  ENUMERATION: 'ENUMERATION',
+  RELATION: 'RELATION',
+  ASSET: 'ASSET',
+  UNION: 'UNION'
+};
+var FieldExtensionFeature = {
+  FieldRenderer: 'FieldRenderer',
+  ListRenderer: 'ListRenderer',
+  TableRenderer: 'TableRenderer'
+};
+
+var AppInstallationStatus = {
+  COMPLETED: 'COMPLETED',
+  DISABLED: 'DISABLED',
+  PENDING: 'PENDING'
+};
+
+var _excluded = ["onProps", "onConnected", "resize"],
+  _excluded2 = ["onProps", "onConnected"];
+function handleProps(props) {
+  var transformedProps = {};
+  Object.keys(props).forEach(function (key) {
+    // do not pass down zoid props to the extension
+    if (reservedExtensionProps.includes(key)) return;
+    // transform props that were prefixed with '_' to bypass zoid reverved props
+    if (key.startsWith('_') && reservedExtensionProps.includes(key.replace(/^_/g, ''))) {
+      transformedProps[key.replace(/^_/g, '')] = props[key];
+    } else {
+      transformedProps[key] = props[key];
+    }
+  });
+  return transformedProps;
+}
+function init(_ref) {
+  var debug = _ref.debug,
+    _ref$onProps = _ref.onProps,
+    onProps = _ref$onProps === void 0 ? function () {
+      return undefined;
+    } : _ref$onProps,
+    givenUid = _ref.uid;
+  return new Promise(function (resolve, reject) {
+    if (typeof window === 'undefined' || typeof window.postMessage === 'undefined') {
+      return reject({
+        error: 'unsupported_env',
+        message: 'Unsupported environment: Not in a browser supporting PostMessage'
+      });
+    }
+    var uid = givenUid || typeof URLSearchParams !== 'undefined' && new URLSearchParams(window.location.search).get('extensionUid');
+    if (!uid) {
+      if (debug) console.error("[UIX] no uid found in init params or extension URL");
+      return reject({
+        error: 'missing_uid',
+        message: 'Missing UID: no UID found in init params or extension URL'
+      });
+    }
+    if (debug) console.info("[UIX:" + uid + "] initializing with uid " + uid);
+    zoid.create({
+      tag: uid,
+      url: window.location.href.toString(),
+      autoResize: {
+        width: false,
+        height: true,
+        element: 'html'
+      },
+      props: {
+        onConnected: {
+          type: 'function'
+        }
+      }
+    });
+    if (typeof window.xprops !== 'undefined') {
+      var _window$xprops = window.xprops,
+        onConnected = _window$xprops.onConnected;
+      onConnected(uid).then(function (status) {
+        if (status === true) {
+          var _window$xprops2 = window.xprops,
+            onParentProps = _window$xprops2.onProps,
+            resize = _window$xprops2.resize,
+            extensionProps = _objectWithoutPropertiesLoose(_window$xprops2, _excluded);
+          if (debug) console.info("[UIX:" + uid + "] initial shared props", extensionProps);
+          onParentProps(function (p) {
+            var newExtensionProps = _objectWithoutPropertiesLoose(p, _excluded2);
+            if (debug) console.info("[UIX:" + uid + "] new shared props", newExtensionProps);
+            if ('isExpanded' in p && typeof p.isExpanded === 'boolean') {
+              p.isExpanded ? resize({
+                height: 'full',
+                width: '100%'
+              }) : resize({
+                height: 'auto',
+                width: '100%'
+              });
+            }
+            onProps(handleProps(newExtensionProps));
+          });
+          if (debug) console.info("[UIX:" + uid + "] initialized");
+          onProps(handleProps(extensionProps));
+          resolve({
+            status: 'ok',
+            props: handleProps(extensionProps)
+          });
+        } else {
+          if (debug) console.info("[UIX:" + uid + "] sdk renderer returned status:", status);
+          resolve({
+            status: 'validation'
+          });
+        }
+      });
+    } else {
+      if (debug) console.error("[UIX] no shared props from host found");
+      reject({
+        error: 'failed_communication',
+        message: 'No communication established with host, please check your URL'
+      });
+    }
+  });
+}
+var index = {
+  init: init
+};
+
+export default index;
+export { AppInstallationStatus, ExtensionPermission, FieldExtensionFeature, FieldExtensionType, init, reservedExtensionProps };
+//# sourceMappingURL=app-sdk.esm.js.map

package/dist/app-sdk.esm.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"app-sdk.esm.js","sources":["../src/base.ts","../src/field.ts","../src/type-helpers/appInstallation.ts","../src/index.ts"],"sourcesContent":["import type { ShowToast } from './type-helpers/toast';\nimport type { OpenDialog } from './type-helpers/dialog';\nimport type { OpenAssetPicker } from './type-helpers/openAssetPicker';\n\n// see https://github.com/krakenjs/zoid/blob/master/src/component/props.js#L53\nexport const reservedExtensionProps = [\n  'timeout',\n  'window',\n  'close',\n  'focus',\n  'resize',\n  'uid',\n  'cspNonce',\n  'getParent',\n  'getParentDomain',\n  'hide',\n  'show',\n  'export',\n  'onDisplay',\n  'onRendered',\n  'onRender',\n  'onClose',\n  'onDestroy',\n  'onResize',\n  'onFocus',\n  'onError',\n  'onProps',\n];\n\nexport enum ExtensionPermission {\n  INPUT = 'INPUT',\n  FORM = 'FORM',\n  API = 'API',\n}\n\ntype ConfigVariableName = string;\n\ntype ConfigVariableSettings = {\n  type: 'string' | 'number' | 'boolean';\n  displayName?: string;\n  description?: string;\n  required?: boolean;\n  defaultValue?: any;\n};\n\nexport type ConfigFields = Record<ConfigVariableName, ConfigVariableSettings>;\n\nexport type ConfigValue = Record<\n  string,\n  boolean | number | string | undefined | null\n>;\n\nexport type FieldConfig = {\n  tableConfig: ConfigValue;\n  fieldConfig: ConfigValue;\n};\n\nexport type FormSidebarConfig = { sidebarConfig: ConfigValue };\n\nexport type Project = {\n  id: string;\n  name: string;\n  mgmtApi: string;\n  mgmtToken: string;\n};\n\nexport type Environment = {\n  id: string;\n  name: string;\n  endpoint: string;\n  authToken: string;\n};\n\nexport type Context = {\n  project: Project;\n  environment: Environment;\n};\n\nexport interface ExtensionPropsBase {\n  context: Context;\n  openDialog: OpenDialog;\n  showToast: ShowToast;\n  openAssetPicker: OpenAssetPicker;\n  redirectParent: (location: string | Location) => Promise<void>;\n  historyReplace: (url: string | HistoryCallback) => Promise<void>;\n  historyPush: (url: string | HistoryCallback) => Promise<void>;\n}\n\nexport interface ExtensionDialogProps extends ExtensionPropsBase {\n  onCloseDialog: (value: any) => void;\n}\n\ntype HistoryCallback = (href: Location['href']) => string;\n","import type { Form } from './type-helpers/form';\nimport type { ExtensionPropsBase, ConfigValue } from './base';\nimport type { Model } from './type-helpers/model';\nimport type { AppInstallation } from './type-helpers/appInstallation';\nimport type { Field } from './type-helpers/field';\n\nexport const FieldExtensionType = {\n  STRING: 'STRING',\n  RICHTEXT: 'RICHTEXT',\n  INT: 'INT',\n  FLOAT: 'FLOAT',\n  BOOLEAN: 'BOOLEAN',\n  JSON: 'JSON',\n  DATETIME: 'DATETIME',\n  DATE: 'DATE',\n  LOCATION: 'LOCATION',\n  COLOR: 'COLOR',\n  ENUMERATION: 'ENUMERATION',\n  RELATION: 'RELATION',\n  ASSET: 'ASSET',\n  UNION: 'UNION',\n} as const;\n\nexport const FieldExtensionFeature = {\n  FieldRenderer: 'FieldRenderer',\n  ListRenderer: 'ListRenderer',\n  TableRenderer: 'TableRenderer',\n} as const;\n\nexport interface FieldExtensionProps extends ExtensionPropsBase {\n  extension: {\n    config: ConfigValue;\n    tableConfig: ConfigValue;\n    fieldConfig: ConfigValue;\n    id: string;\n  };\n\n  isExpanded: boolean;\n  expand: (expand: boolean | ((isExpanded: boolean) => boolean)) => unknown;\n\n  // name of the field in the form (may differ from the field apiId, ie. for localized fields)\n  name: string;\n\n  // current locale on localized field\n  locale: string | undefined;\n\n  // current entry id, null for new entries;\n  entryId: string | null;\n\n  isTableCell: boolean;\n\n  isReadOnly: boolean | undefined;\n\n  value: any;\n\n  onBlur: (event?: FocusEvent) => Promise<void>;\n\n  onChange: (event: InputEvent | any) => Promise<void>;\n\n  onFocus: (event?: FocusEvent) => Promise<void>;\n\n  // @see https://final-form.org/docs/react-final-form/types/FieldRenderProps\n  meta: {\n    active: boolean;\n    error: any;\n    touched: boolean;\n  };\n\n  form: Form;\n  field: Field;\n  model: Model;\n  installation: AppInstallation;\n}\n","import type { ConfigValue } from '../base';\n\nexport const AppInstallationStatus = {\n  COMPLETED: 'COMPLETED',\n  DISABLED: 'DISABLED',\n  PENDING: 'PENDING',\n} as const;\n\nexport type AppInstallation = {\n  id: string;\n  config: ConfigValue;\n  status: keyof typeof AppInstallationStatus;\n};\n","import zoid from '@graphcms/zoid/lib/zoid.js';\n\nimport { ExtensionDialogProps, reservedExtensionProps } from './base';\nexport { ExtensionDialogProps, reservedExtensionProps } from './base';\nimport type { FieldExtensionProps } from './field';\nimport type { FormSidebarExtensionProps } from './formSidebar';\nexport * from './base';\nexport type {\n  FormState,\n  FieldState,\n  FieldSubscription,\n  Subscriber,\n  FormSubscription,\n  Form,\n} from './type-helpers/form';\n\nexport type {\n  VisibilityTypes,\n  SetFieldsVisibility,\n  VisibilityMap,\n} from './type-helpers/visibility';\n\nexport type { FieldExtensionProps } from './field';\nexport type { AppProps } from './app';\nexport type { FormSidebarExtensionProps } from './formSidebar';\nexport { FieldExtensionFeature, FieldExtensionType } from './field';\nexport * from './type-helpers/appInstallation';\n\nexport type ExtensionProps =\n  | FieldExtensionProps\n  | FormSidebarExtensionProps\n  | ExtensionDialogProps;\n\ntype Xprops = {\n  onProps: (props: Record<string, any>) => void;\n  onConnected: (uid: string) => Promise<unknown>;\n  resize: (size: {\n    height: 'auto' | 'full' | number;\n    width: 'auto' | '100%' | number;\n  }) => unknown;\n} & ExtensionProps;\n\ndeclare global {\n  interface Window {\n    xprops: Xprops;\n  }\n}\n\nfunction handleProps(props: any) {\n  const transformedProps: any = {};\n  Object.keys(props).forEach((key: string) => {\n    // do not pass down zoid props to the extension\n    if (reservedExtensionProps.includes(key)) return;\n\n    // transform props that were prefixed with '_' to bypass zoid reverved props\n    if (\n      key.startsWith('_') &&\n      reservedExtensionProps.includes(key.replace(/^_/g, ''))\n    ) {\n      transformedProps[key.replace(/^_/g, '')] = props[key];\n    } else {\n      transformedProps[key] = props[key];\n    }\n  });\n  return transformedProps;\n}\n\nexport function init({\n  debug,\n  onProps = () => undefined,\n  uid: givenUid,\n}: {\n  onProps: (props: any) => unknown;\n  debug?: boolean;\n  uid?: string;\n}) {\n  return new Promise<{ status: 'ok'; props: any } | { status: 'validation' }>(\n    (resolve, reject) => {\n      if (\n        typeof window === 'undefined' ||\n        typeof window.postMessage === 'undefined'\n      ) {\n        return reject({\n          error: 'unsupported_env',\n          message:\n            'Unsupported environment: Not in a browser supporting PostMessage',\n        });\n      }\n\n      const uid =\n        givenUid ||\n        (typeof URLSearchParams !== 'undefined' &&\n          new URLSearchParams(window.location.search).get('extensionUid'));\n\n      if (!uid) {\n        if (debug)\n          console.error(`[UIX] no uid found in init params or extension URL`);\n        return reject({\n          error: 'missing_uid',\n          message: 'Missing UID: no UID found in init params or extension URL',\n        });\n      }\n      if (debug) console.info(`[UIX:${uid}] initializing with uid ${uid}`);\n\n      zoid.create({\n        tag: uid,\n        url: window.location.href.toString(),\n        autoResize: {\n          width: false,\n          height: true,\n          element: 'html',\n        },\n        props: {\n          onConnected: {\n            type: 'function',\n          },\n        },\n      });\n      if (typeof window.xprops !== 'undefined') {\n        const { onConnected, onProps: initialOnProps } = window.xprops;\n\n        onConnected(uid).then((status) => {\n          if (status === true) {\n            const {\n              onProps: onParentProps,\n              onConnected: _nevermind,\n              resize,\n              ...extensionProps\n            } = window.xprops;\n\n            if (debug)\n              console.info(`[UIX:${uid}] initial shared props`, extensionProps);\n            onParentProps((p: Xprops) => {\n              const {\n                onProps: onParentProps,\n                onConnected,\n                ...newExtensionProps\n              } = p;\n\n              if (debug)\n                console.info(\n                  `[UIX:${uid}] new shared props`,\n                  newExtensionProps\n                );\n              if ('isExpanded' in p && typeof p.isExpanded === 'boolean') {\n                p.isExpanded\n                  ? resize({ height: 'full', width: '100%' })\n                  : resize({ height: 'auto', width: '100%' });\n              }\n              onProps(handleProps(newExtensionProps));\n            });\n\n            if (debug) console.info(`[UIX:${uid}] initialized`);\n            onProps(handleProps(extensionProps));\n            resolve({ status: 'ok', props: handleProps(extensionProps) });\n          } else {\n            if (debug)\n              console.info(\n                `[UIX:${uid}] sdk renderer returned status:`,\n                status\n              );\n            resolve({ status: 'validation' });\n          }\n        });\n      } else {\n        if (debug) console.error(`[UIX] no shared props from host found`);\n        reject({\n          error: 'failed_communication',\n          message:\n            'No communication established with host, please check your URL',\n        });\n      }\n    }\n  );\n}\n\nexport default { init };\n"],"names":["reservedExtensionProps","ExtensionPermission","FieldExtensionType","STRING","RICHTEXT","INT","FLOAT","BOOLEAN","JSON","DATETIME","DATE","LOCATION","COLOR","ENUMERATION","RELATION","ASSET","UNION","FieldExtensionFeature","FieldRenderer","ListRenderer","TableRenderer","AppInstallationStatus","COMPLETED","DISABLED","PENDING","handleProps","props","transformedProps","Object","keys","forEach","key","includes","startsWith","replace","init","debug","onProps","undefined","givenUid","uid","Promise","resolve","reject","window","postMessage","error","message","URLSearchParams","location","search","get","console","info","zoid","create","tag","url","href","toString","autoResize","width","height","element","onConnected","type","xprops","then","status","onParentProps","_nevermind","resize","extensionProps","p","newExtensionProps","isExpanded"],"mappings":"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"}

package/dist/app-sdk.umd.development.js

@@ -0,0 +1,171 @@
+(function (global, factory) {
+  typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('@graphcms/zoid/lib/zoid.js')) :
+  typeof define === 'function' && define.amd ? define(['exports', '@graphcms/zoid/lib/zoid.js'], factory) :
+  (global = global || self, factory(global['@hygraph/app-sdk'] = {}, global.zoid));
+}(this, (function (exports, zoid) { 'use strict';
+
+  zoid = zoid && Object.prototype.hasOwnProperty.call(zoid, 'default') ? zoid['default'] : zoid;
+
+  function _objectWithoutPropertiesLoose(source, excluded) {
+    if (source == null) return {};
+    var target = {};
+    var sourceKeys = Object.keys(source);
+    var key, i;
+    for (i = 0; i < sourceKeys.length; i++) {
+      key = sourceKeys[i];
+      if (excluded.indexOf(key) >= 0) continue;
+      target[key] = source[key];
+    }
+    return target;
+  }
+
+  // see https://github.com/krakenjs/zoid/blob/master/src/component/props.js#L53
+  var reservedExtensionProps = ['timeout', 'window', 'close', 'focus', 'resize', 'uid', 'cspNonce', 'getParent', 'getParentDomain', 'hide', 'show', 'export', 'onDisplay', 'onRendered', 'onRender', 'onClose', 'onDestroy', 'onResize', 'onFocus', 'onError', 'onProps'];
+  (function (ExtensionPermission) {
+    ExtensionPermission["INPUT"] = "INPUT";
+    ExtensionPermission["FORM"] = "FORM";
+    ExtensionPermission["API"] = "API";
+  })(exports.ExtensionPermission || (exports.ExtensionPermission = {}));
+
+  var FieldExtensionType = {
+    STRING: 'STRING',
+    RICHTEXT: 'RICHTEXT',
+    INT: 'INT',
+    FLOAT: 'FLOAT',
+    BOOLEAN: 'BOOLEAN',
+    JSON: 'JSON',
+    DATETIME: 'DATETIME',
+    DATE: 'DATE',
+    LOCATION: 'LOCATION',
+    COLOR: 'COLOR',
+    ENUMERATION: 'ENUMERATION',
+    RELATION: 'RELATION',
+    ASSET: 'ASSET',
+    UNION: 'UNION'
+  };
+  var FieldExtensionFeature = {
+    FieldRenderer: 'FieldRenderer',
+    ListRenderer: 'ListRenderer',
+    TableRenderer: 'TableRenderer'
+  };
+
+  var AppInstallationStatus = {
+    COMPLETED: 'COMPLETED',
+    DISABLED: 'DISABLED',
+    PENDING: 'PENDING'
+  };
+
+  var _excluded = ["onProps", "onConnected", "resize"],
+    _excluded2 = ["onProps", "onConnected"];
+  function handleProps(props) {
+    var transformedProps = {};
+    Object.keys(props).forEach(function (key) {
+      // do not pass down zoid props to the extension
+      if (reservedExtensionProps.includes(key)) return;
+      // transform props that were prefixed with '_' to bypass zoid reverved props
+      if (key.startsWith('_') && reservedExtensionProps.includes(key.replace(/^_/g, ''))) {
+        transformedProps[key.replace(/^_/g, '')] = props[key];
+      } else {
+        transformedProps[key] = props[key];
+      }
+    });
+    return transformedProps;
+  }
+  function init(_ref) {
+    var debug = _ref.debug,
+      _ref$onProps = _ref.onProps,
+      onProps = _ref$onProps === void 0 ? function () {
+        return undefined;
+      } : _ref$onProps,
+      givenUid = _ref.uid;
+    return new Promise(function (resolve, reject) {
+      if (typeof window === 'undefined' || typeof window.postMessage === 'undefined') {
+        return reject({
+          error: 'unsupported_env',
+          message: 'Unsupported environment: Not in a browser supporting PostMessage'
+        });
+      }
+      var uid = givenUid || typeof URLSearchParams !== 'undefined' && new URLSearchParams(window.location.search).get('extensionUid');
+      if (!uid) {
+        if (debug) console.error("[UIX] no uid found in init params or extension URL");
+        return reject({
+          error: 'missing_uid',
+          message: 'Missing UID: no UID found in init params or extension URL'
+        });
+      }
+      if (debug) console.info("[UIX:" + uid + "] initializing with uid " + uid);
+      zoid.create({
+        tag: uid,
+        url: window.location.href.toString(),
+        autoResize: {
+          width: false,
+          height: true,
+          element: 'html'
+        },
+        props: {
+          onConnected: {
+            type: 'function'
+          }
+        }
+      });
+      if (typeof window.xprops !== 'undefined') {
+        var _window$xprops = window.xprops,
+          onConnected = _window$xprops.onConnected;
+        onConnected(uid).then(function (status) {
+          if (status === true) {
+            var _window$xprops2 = window.xprops,
+              onParentProps = _window$xprops2.onProps,
+              resize = _window$xprops2.resize,
+              extensionProps = _objectWithoutPropertiesLoose(_window$xprops2, _excluded);
+            if (debug) console.info("[UIX:" + uid + "] initial shared props", extensionProps);
+            onParentProps(function (p) {
+              var newExtensionProps = _objectWithoutPropertiesLoose(p, _excluded2);
+              if (debug) console.info("[UIX:" + uid + "] new shared props", newExtensionProps);
+              if ('isExpanded' in p && typeof p.isExpanded === 'boolean') {
+                p.isExpanded ? resize({
+                  height: 'full',
+                  width: '100%'
+                }) : resize({
+                  height: 'auto',
+                  width: '100%'
+                });
+              }
+              onProps(handleProps(newExtensionProps));
+            });
+            if (debug) console.info("[UIX:" + uid + "] initialized");
+            onProps(handleProps(extensionProps));
+            resolve({
+              status: 'ok',
+              props: handleProps(extensionProps)
+            });
+          } else {
+            if (debug) console.info("[UIX:" + uid + "] sdk renderer returned status:", status);
+            resolve({
+              status: 'validation'
+            });
+          }
+        });
+      } else {
+        if (debug) console.error("[UIX] no shared props from host found");
+        reject({
+          error: 'failed_communication',
+          message: 'No communication established with host, please check your URL'
+        });
+      }
+    });
+  }
+  var index = {
+    init: init
+  };
+
+  exports.AppInstallationStatus = AppInstallationStatus;
+  exports.FieldExtensionFeature = FieldExtensionFeature;
+  exports.FieldExtensionType = FieldExtensionType;
+  exports.default = index;
+  exports.init = init;
+  exports.reservedExtensionProps = reservedExtensionProps;
+
+  Object.defineProperty(exports, '__esModule', { value: true });
+
+})));
+//# sourceMappingURL=app-sdk.umd.development.js.map