sanity-plugin-dashboard-widget-netlify 1.1.0 → 1.3.0

package/README.md

@@ -57,11 +57,12 @@ To get dashboard support in Sanity Studio in general:
 `title` - Override the widget default title
 
 `sites[]` - Your Netlify sites to show deploys for
-  - `apiId`- The Netfliy API id of your site (see *Settings > General/Site Details >  Site Information Box*).
-  - `buildHookId` - The id of a build hook you have created for your site within the Netlify administration panel (see *Settings > Continous Deployment*).
-  - `title` - Override the site name with a custom title
+  - `apiId`- The Netfliy API ID of your site (see *Site Settings > General > Site Details >  Site Information -> API ID*).
+  - `buildHookId` - The id of a build hook you have created for your site within the Netlify administration panel (see *Site Settings > Build & Deploy > Continuous Deployment -> Build Hooks*).
   - `name` - The Netlify site name
-  - `url` - Optionally override site deployment url. By default it is inferred to be `https://netlify-site-name-netlify.app`.
+  - `title` - Override the site name with a custom title
+  - `url` - Optionally override site deployment url. By default it is inferred to be `https://netlify-site-name.netlify.app`.
+  - `branch` - Optionally pass the name of a branch to deploy
 
 ## Developing on this module
 

package/dist/3rdparty-typings/sanity.d.js

@@ -0,0 +1,2 @@
+"use strict";
+//# sourceMappingURL=sanity.d.js.map

package/dist/3rdparty-typings/{sanity-parts.d.js.map → sanity.d.js.map}

@@ -1 +1 @@
-{"version":3,"sources":[],"names":[],"mappings":"","sourcesContent":[],"file":"sanity-parts.d.js"}
+{"version":3,"sources":[],"names":[],"mappings":"","sourcesContent":[],"file":"sanity.d.js"}

package/dist/components/NetlifyWidget.js

@@ -3,56 +3,70 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.default = void 0;
+exports.default = NetlifyWidget;
 
 var _react = _interopRequireDefault(require("react"));
 
-var _anchor = _interopRequireDefault(require("part:@sanity/components/buttons/anchor"));
+var _SiteList = _interopRequireDefault(require("./SiteList"));
 
-var _NetlifyWidget = _interopRequireDefault(require("./NetlifyWidget.css"));
+var _dashboard = require("@sanity/dashboard");
 
-var _SiteList = _interopRequireDefault(require("./SiteList"));
+var _styledComponents = _interopRequireDefault(require("styled-components"));
+
+var _ui = require("@sanity/ui");
+
+var _templateObject;
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
-class NetlifyWidget extends _react.default.Component {
-  render() {
-    var netlifySitesUrl = 'https://app.netlify.com/account/sites';
-    var _this$props = this.props,
-        title = _this$props.title,
-        description = _this$props.description,
-        isLoading = _this$props.isLoading,
-        sites = _this$props.sites,
-        onDeploy = _this$props.onDeploy;
-    return /*#__PURE__*/_react.default.createElement("div", {
-      className: _NetlifyWidget.default.container
-    }, /*#__PURE__*/_react.default.createElement("header", {
-      className: _NetlifyWidget.default.header
-    }, /*#__PURE__*/_react.default.createElement("h2", {
-      className: _NetlifyWidget.default.title
-    }, title)), /*#__PURE__*/_react.default.createElement("div", {
-      className: _NetlifyWidget.default.content
-    }, description && /*#__PURE__*/_react.default.createElement("p", {
-      className: _NetlifyWidget.default.description,
-      dangerouslySetInnerHTML: {
-        __html: description
-      }
-    }), /*#__PURE__*/_react.default.createElement(_SiteList.default, {
-      isLoading: isLoading,
-      onDeploy: onDeploy,
-      sites: sites
-    })), /*#__PURE__*/_react.default.createElement("div", {
-      className: _NetlifyWidget.default.footer
-    }, /*#__PURE__*/_react.default.createElement(_anchor.default, {
-      disabled: isLoading,
-      href: isLoading ? undefined : netlifySitesUrl,
-      bleed: true,
-      color: "primary",
-      kind: "simple"
-    }, "Manage sites at Netlify")));
-  }
+function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
 
-}
+var ContentCard = (0, _styledComponents.default)(_ui.Card)(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  min-height: 66px;\n"])));
 
-exports.default = NetlifyWidget;
+function NetlifyWidget(props) {
+  var netlifySitesUrl = 'https://app.netlify.com/account/sites';
+  var title = props.title,
+      description = props.description,
+      isLoading = props.isLoading,
+      sites = props.sites,
+      onDeploy = props.onDeploy;
+
+  var footer = /*#__PURE__*/_react.default.createElement(_ui.Flex, {
+    direction: "column",
+    align: "stretch"
+  }, /*#__PURE__*/_react.default.createElement(_ui.Button, {
+    as: "a",
+    href: isLoading ? undefined : netlifySitesUrl,
+    disabled: isLoading,
+    paddingX: 2,
+    paddingY: 4,
+    mode: "bleed",
+    tone: "primary",
+    text: "Manage sites at Netlify",
+    loading: isLoading,
+    target: "_blank"
+  }));
+
+  return /*#__PURE__*/_react.default.createElement(_dashboard.DashboardWidget, {
+    header: title,
+    footer: footer
+  }, /*#__PURE__*/_react.default.createElement(ContentCard, {
+    paddingY: 1
+  }, description && /*#__PURE__*/_react.default.createElement(_ui.Box, {
+    paddingY: 3,
+    paddingX: 3
+  }, /*#__PURE__*/_react.default.createElement(_ui.Text, {
+    as: "p",
+    size: 1,
+    muted: true
+  }, /*#__PURE__*/_react.default.createElement("span", {
+    dangerouslySetInnerHTML: {
+      __html: description
+    }
+  }))), /*#__PURE__*/_react.default.createElement(_SiteList.default, {
+    isLoading: isLoading,
+    onDeploy: onDeploy,
+    sites: sites
+  })));
+}
 //# sourceMappingURL=NetlifyWidget.js.map

package/dist/components/NetlifyWidget.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/components/NetlifyWidget.tsx"],"names":["NetlifyWidget","React","Component","render","netlifySitesUrl","props","title","description","isLoading","sites","onDeploy","styles","container","header","content","__html","footer","undefined"],"mappings":";;;;;;;AAAA;;AACA;;AACA;;AAEA;;;;AAEe,MAAMA,aAAN,SAA4BC,eAAMC,SAAlC,CAAmD;AAChEC,EAAAA,MAAM,GAAG;AACP,QAAMC,eAAe,GAAG,uCAAxB;AADO,sBAEkD,KAAKC,KAFvD;AAAA,QAEAC,KAFA,eAEAA,KAFA;AAAA,QAEOC,WAFP,eAEOA,WAFP;AAAA,QAEoBC,SAFpB,eAEoBA,SAFpB;AAAA,QAE+BC,KAF/B,eAE+BA,KAF/B;AAAA,QAEsCC,QAFtC,eAEsCA,QAFtC;AAIP,wBACE;AAAK,MAAA,SAAS,EAAEC,uBAAOC;AAAvB,oBACE;AAAQ,MAAA,SAAS,EAAED,uBAAOE;AAA1B,oBACE;AAAI,MAAA,SAAS,EAAEF,uBAAOL;AAAtB,OAA8BA,KAA9B,CADF,CADF,eAIE;AAAK,MAAA,SAAS,EAAEK,uBAAOG;AAAvB,OACGP,WAAW,iBACV;AAAG,MAAA,SAAS,EAAEI,uBAAOJ,WAArB;AAAkC,MAAA,uBAAuB,EAAE;AAACQ,QAAAA,MAAM,EAAER;AAAT;AAA3D,MAFJ,eAIE,6BAAC,iBAAD;AAAU,MAAA,SAAS,EAAEC,SAArB;AAAgC,MAAA,QAAQ,EAAEE,QAA1C;AAAoD,MAAA,KAAK,EAAED;AAA3D,MAJF,CAJF,eAUE;AAAK,MAAA,SAAS,EAAEE,uBAAOK;AAAvB,oBACE,6BAAC,eAAD;AACE,MAAA,QAAQ,EAAER,SADZ;AAEE,MAAA,IAAI,EAAEA,SAAS,GAAGS,SAAH,GAAeb,eAFhC;AAGE,MAAA,KAAK,MAHP;AAIE,MAAA,KAAK,EAAC,SAJR;AAKE,MAAA,IAAI,EAAC;AALP,iCADF,CAVF,CADF;AAwBD;;AA7B+D","sourcesContent":["import React from 'react'\nimport AnchorButton from 'part:@sanity/components/buttons/anchor'\nimport styles from './NetlifyWidget.css'\nimport {Props} from '../types'\nimport SiteList from './SiteList'\n\nexport default class NetlifyWidget extends React.Component<Props> {\n  render() {\n    const netlifySitesUrl = 'https://app.netlify.com/account/sites'\n    const {title, description, isLoading, sites, onDeploy} = this.props\n\n    return (\n      <div className={styles.container}>\n        <header className={styles.header}>\n          <h2 className={styles.title}>{title}</h2>\n        </header>\n        <div className={styles.content}>\n          {description && (\n            <p className={styles.description} dangerouslySetInnerHTML={{__html: description}} />\n          )}\n          <SiteList isLoading={isLoading} onDeploy={onDeploy} sites={sites} />\n        </div>\n        <div className={styles.footer}>\n          <AnchorButton\n            disabled={isLoading}\n            href={isLoading ? undefined : netlifySitesUrl}\n            bleed\n            color=\"primary\"\n            kind=\"simple\"\n          >\n            Manage sites at Netlify\n          </AnchorButton>\n        </div>\n      </div>\n    )\n  }\n}\n"],"file":"NetlifyWidget.js"}
+{"version":3,"sources":["../../src/components/NetlifyWidget.tsx"],"names":["ContentCard","Card","NetlifyWidget","props","netlifySitesUrl","title","description","isLoading","sites","onDeploy","footer","undefined","__html"],"mappings":";;;;;;;AAAA;;AAEA;;AACA;;AACA;;AACA;;;;;;;;AAEA,IAAMA,WAAW,GAAG,+BAAOC,QAAP,CAAH,4FAAjB;;AAIe,SAASC,aAAT,CAAuBC,KAAvB,EAAqC;AAClD,MAAMC,eAAe,GAAG,uCAAxB;AADkD,MAE3CC,KAF2C,GAEOF,KAFP,CAE3CE,KAF2C;AAAA,MAEpCC,WAFoC,GAEOH,KAFP,CAEpCG,WAFoC;AAAA,MAEvBC,SAFuB,GAEOJ,KAFP,CAEvBI,SAFuB;AAAA,MAEZC,KAFY,GAEOL,KAFP,CAEZK,KAFY;AAAA,MAELC,QAFK,GAEON,KAFP,CAELM,QAFK;;AAIlD,MAAMC,MAAM,gBACV,6BAAC,QAAD;AAAM,IAAA,SAAS,EAAC,QAAhB;AAAyB,IAAA,KAAK,EAAC;AAA/B,kBACE,6BAAC,UAAD;AACE,IAAA,EAAE,EAAC,GADL;AAEE,IAAA,IAAI,EAAEH,SAAS,GAAGI,SAAH,GAAeP,eAFhC;AAGE,IAAA,QAAQ,EAAEG,SAHZ;AAIE,IAAA,QAAQ,EAAE,CAJZ;AAKE,IAAA,QAAQ,EAAE,CALZ;AAME,IAAA,IAAI,EAAC,OANP;AAOE,IAAA,IAAI,EAAC,SAPP;AAQE,IAAA,IAAI,EAAC,yBARP;AASE,IAAA,OAAO,EAAEA,SATX;AAUE,IAAA,MAAM,EAAC;AAVT,IADF,CADF;;AAiBA,sBACE,6BAAC,0BAAD;AAAiB,IAAA,MAAM,EAAEF,KAAzB;AAAgC,IAAA,MAAM,EAAEK;AAAxC,kBACE,6BAAC,WAAD;AAAa,IAAA,QAAQ,EAAE;AAAvB,KACGJ,WAAW,iBACV,6BAAC,OAAD;AAAK,IAAA,QAAQ,EAAE,CAAf;AAAkB,IAAA,QAAQ,EAAE;AAA5B,kBAA+B,6BAAC,QAAD;AAAM,IAAA,EAAE,EAAC,GAAT;AAAa,IAAA,IAAI,EAAE,CAAnB;AAAsB,IAAA,KAAK;AAA3B,kBAA4B;AAAM,IAAA,uBAAuB,EAAE;AAACM,MAAAA,MAAM,EAAEN;AAAT;AAA/B,IAA5B,CAA/B,CAFJ,eAIE,6BAAC,iBAAD;AAAU,IAAA,SAAS,EAAEC,SAArB;AAAgC,IAAA,QAAQ,EAAEE,QAA1C;AAAoD,IAAA,KAAK,EAAED;AAA3D,IAJF,CADF,CADF;AAUD","sourcesContent":["import React from 'react'\nimport {Props} from '../types'\nimport SiteList from './SiteList'\nimport {DashboardWidget} from '@sanity/dashboard'\nimport styled from 'styled-components'\nimport {Button, Flex, Card, Text, Box} from '@sanity/ui'\n\nconst ContentCard = styled(Card)`\n  min-height: 66px;\n`\n\nexport default function NetlifyWidget(props: Props) {\n  const netlifySitesUrl = 'https://app.netlify.com/account/sites'\n  const {title, description, isLoading, sites, onDeploy} = props\n\n  const footer = (\n    <Flex direction=\"column\" align=\"stretch\">\n      <Button\n        as=\"a\"\n        href={isLoading ? undefined : netlifySitesUrl}\n        disabled={isLoading}\n        paddingX={2}\n        paddingY={4}\n        mode=\"bleed\"\n        tone=\"primary\"\n        text=\"Manage sites at Netlify\"\n        loading={isLoading}\n        target=\"_blank\"\n      />\n    </Flex>\n  )\n\n  return (\n    <DashboardWidget header={title} footer={footer}>\n      <ContentCard paddingY={1}>\n        {description && (\n          <Box paddingY={3} paddingX={3}><Text as=\"p\" size={1} muted><span dangerouslySetInnerHTML={{__html: description}} /></Text></Box>\n        )}\n        <SiteList isLoading={isLoading} onDeploy={onDeploy} sites={sites} />\n      </ContentCard>\n    </DashboardWidget>\n  )\n}\n"],"file":"NetlifyWidget.js"}

package/dist/components/SiteItem/Links.js

@@ -13,7 +13,8 @@ var Link = props => {
   var url = props.url,
       children = props.children;
   return /*#__PURE__*/_react.default.createElement("span", null, /*#__PURE__*/_react.default.createElement("a", {
-    href: url
+    href: url,
+    target: "_blank"
   }, children));
 };
 

package/dist/components/SiteItem/Links.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/SiteItem/Links.tsx"],"names":["Link","props","url","children","Links","adminUrl"],"mappings":";;;;;;;AAAA;;;;AAEA,IAAMA,IAAsC,GAAIC,KAAD,IAAW;AAAA,MACjDC,GADiD,GAChCD,KADgC,CACjDC,GADiD;AAAA,MAC5CC,QAD4C,GAChCF,KADgC,CAC5CE,QAD4C;AAGxD,sBACE,wDACE;AAAG,IAAA,IAAI,EAAED;AAAT,KAAeC,QAAf,CADF,CADF;AAKD,CARD;;AAeA,IAAMC,KAA+B,GAAIH,KAAD,IAAW;AAAA,MAC1CC,GAD0C,GACzBD,KADyB,CAC1CC,GAD0C;AAAA,MACrCG,QADqC,GACzBJ,KADyB,CACrCI,QADqC;;AAGjD,MAAIH,GAAG,IAAIG,QAAX,EAAqB;AACnB,wBACE,6DACG,6BAAC,IAAD;AAAM,MAAA,GAAG,EAAEH;AAAX,cADH,qBACgC,6BAAC,IAAD;AAAM,MAAA,GAAG,EAAEG;AAAX,eADhC,MADF;AAKD;;AAED,MAAIH,GAAJ,EAAS;AACP,wBAAO,6BAAC,IAAD;AAAM,MAAA,GAAG,EAAEA;AAAX,gBAAP;AACD;;AACD,MAAIG,QAAJ,EAAc;AACZ,wBAAO,6BAAC,IAAD;AAAM,MAAA,GAAG,EAAEA;AAAX,iBAAP;AACD;;AACD,SAAO,IAAP;AACD,CAlBD;;eAoBeD,K","sourcesContent":["import React, {FunctionComponent} from 'react'\n\nconst Link: FunctionComponent<{url: string}> = (props) => {\n  const {url, children} = props\n\n  return (\n    <span>\n      <a href={url}>{children}</a>\n    </span>\n  )\n}\n\ntype Props = {\n  url?: string\n  adminUrl?: string\n}\n\nconst Links: FunctionComponent<Props> = (props) => {\n  const {url, adminUrl} = props\n\n  if (url && adminUrl) {\n    return (\n      <span>\n        (<Link url={url}>view</Link>, <Link url={adminUrl}>admin</Link>)\n      </span>\n    )\n  }\n\n  if (url) {\n    return <Link url={url}>(view)</Link>\n  }\n  if (adminUrl) {\n    return <Link url={adminUrl}>(admin)</Link>\n  }\n  return null\n}\n\nexport default Links\n"],"file":"Links.js"}
+{"version":3,"sources":["../../../src/components/SiteItem/Links.tsx"],"names":["Link","props","url","children","Links","adminUrl"],"mappings":";;;;;;;AAAA;;;;AAEA,IAAMA,IAAsC,GAAIC,KAAD,IAAW;AAAA,MACjDC,GADiD,GAChCD,KADgC,CACjDC,GADiD;AAAA,MAC5CC,QAD4C,GAChCF,KADgC,CAC5CE,QAD4C;AAGxD,sBACE,wDACE;AAAG,IAAA,IAAI,EAAED,GAAT;AAAc,IAAA,MAAM,EAAC;AAArB,KAA+BC,QAA/B,CADF,CADF;AAKD,CARD;;AAeA,IAAMC,KAA+B,GAAIH,KAAD,IAAW;AAAA,MAC1CC,GAD0C,GACzBD,KADyB,CAC1CC,GAD0C;AAAA,MACrCG,QADqC,GACzBJ,KADyB,CACrCI,QADqC;;AAGjD,MAAIH,GAAG,IAAIG,QAAX,EAAqB;AACnB,wBACE,6DACG,6BAAC,IAAD;AAAM,MAAA,GAAG,EAAEH;AAAX,cADH,qBACgC,6BAAC,IAAD;AAAM,MAAA,GAAG,EAAEG;AAAX,eADhC,MADF;AAKD;;AAED,MAAIH,GAAJ,EAAS;AACP,wBAAO,6BAAC,IAAD;AAAM,MAAA,GAAG,EAAEA;AAAX,gBAAP;AACD;;AACD,MAAIG,QAAJ,EAAc;AACZ,wBAAO,6BAAC,IAAD;AAAM,MAAA,GAAG,EAAEA;AAAX,iBAAP;AACD;;AACD,SAAO,IAAP;AACD,CAlBD;;eAoBeD,K","sourcesContent":["import React, {FunctionComponent} from 'react'\n\nconst Link: FunctionComponent<{url: string}> = (props) => {\n  const {url, children} = props\n\n  return (\n    <span>\n      <a href={url} target=\"_blank\">{children}</a>\n    </span>\n  )\n}\n\ntype Props = {\n  url?: string\n  adminUrl?: string\n}\n\nconst Links: FunctionComponent<Props> = (props) => {\n  const {url, adminUrl} = props\n\n  if (url && adminUrl) {\n    return (\n      <span>\n        (<Link url={url}>view</Link>, <Link url={adminUrl}>admin</Link>)\n      </span>\n    )\n  }\n\n  if (url) {\n    return <Link url={url}>(view)</Link>\n  }\n  if (adminUrl) {\n    return <Link url={adminUrl}>(admin)</Link>\n  }\n  return null\n}\n\nexport default Links\n"],"file":"Links.js"}

package/dist/components/SiteItem/index.js

@@ -7,9 +7,7 @@ exports.default = exports.IMAGE_PULL_INTERVAL = void 0;
 
 var _react = _interopRequireWildcard(require("react"));
 
-var _default2 = _interopRequireDefault(require("part:@sanity/components/buttons/default"));
-
-var _SiteItem = _interopRequireDefault(require("./SiteItem.css"));
+var _ui = require("@sanity/ui");
 
 var _Links = _interopRequireDefault(require("./Links"));
 
@@ -34,19 +32,20 @@ function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
 var IMAGE_PULL_INTERVAL = 10000;
 exports.IMAGE_PULL_INTERVAL = IMAGE_PULL_INTERVAL;
 
-var getImageUrl = siteId => {
+var getImageUrl = (siteId, branchName) => {
   var baseUrl = "https://api.netlify.com/api/v1/badges/".concat(siteId, "/deploy-status");
   var time = new Date().getTime();
-  return "".concat(baseUrl, "?").concat(time);
+  var branch = "branch=".concat(branchName);
+  return branchName ? "".concat(baseUrl, "?").concat(time, "&").concat(branch) : "".concat(baseUrl, "?").concat(time);
 };
 
-var useBadgeImage = siteId => {
-  var _useState = (0, _react.useState)(() => getImageUrl(siteId)),
+var useBadgeImage = (siteId, branchName) => {
+  var _useState = (0, _react.useState)(() => getImageUrl(siteId, branchName)),
       _useState2 = _slicedToArray(_useState, 2),
       src = _useState2[0],
       setSrc = _useState2[1];
 
-  var update = (0, _react.useCallback)(() => setSrc(getImageUrl(siteId)), [siteId]);
+  var update = (0, _react.useCallback)(() => setSrc(getImageUrl(siteId, branchName)), [siteId]);
   (0, _react.useEffect)(() => {
     var interval = window.setInterval(update, IMAGE_PULL_INTERVAL);
     return () => window.clearInterval(interval);
@@ -64,38 +63,66 @@ var useDeploy = (site, onDeploy, updateBadge) => {
 };
 
 var SiteItem = props => {
+  var _useState3 = (0, _react.useState)(false),
+      _useState4 = _slicedToArray(_useState3, 2),
+      hasBadgeError = _useState4[0],
+      setHasBadgeError = _useState4[1];
+
   var site = props.site,
       onDeploy = props.onDeploy;
   var id = site.id,
+      name = site.name,
       title = site.title,
       url = site.url,
       adminUrl = site.adminUrl,
-      buildHookId = site.buildHookId;
+      buildHookId = site.buildHookId,
+      branch = site.branch;
 
-  var _useBadgeImage = useBadgeImage(id),
+  var _useBadgeImage = useBadgeImage(id, branch),
       _useBadgeImage2 = _slicedToArray(_useBadgeImage, 2),
       badge = _useBadgeImage2[0],
       updateBadge = _useBadgeImage2[1];
 
   var handleDeploy = useDeploy(site, onDeploy, updateBadge);
-  return /*#__PURE__*/_react.default.createElement("li", {
-    className: _SiteItem.default.root
-  }, /*#__PURE__*/_react.default.createElement("div", {
-    className: _SiteItem.default.status
-  }, /*#__PURE__*/_react.default.createElement("h4", {
-    className: _SiteItem.default.title
-  }, title, /*#__PURE__*/_react.default.createElement(_Links.default, {
+
+  var handleBadgeError = () => {
+    setHasBadgeError(true);
+  };
+
+  return /*#__PURE__*/_react.default.createElement(_ui.Flex, {
+    as: "li"
+  }, /*#__PURE__*/_react.default.createElement(_ui.Box, {
+    flex: 1,
+    paddingY: 2,
+    paddingX: 3
+  }, /*#__PURE__*/_react.default.createElement(_ui.Stack, {
+    space: 2
+  }, /*#__PURE__*/_react.default.createElement(_ui.Text, {
+    as: "h4"
+  }, title || name, /*#__PURE__*/_react.default.createElement(_Links.default, {
     url: url,
     adminUrl: adminUrl
-  })), /*#__PURE__*/_react.default.createElement("div", null, /*#__PURE__*/_react.default.createElement("img", {
+  })), /*#__PURE__*/_react.default.createElement(_ui.Flex, {
+    justify: "flex-start"
+  }, !hasBadgeError && /*#__PURE__*/_react.default.createElement("img", {
     src: badge,
+    onError: handleBadgeError,
     alt: "Badge"
-  }))), buildHookId ? /*#__PURE__*/_react.default.createElement("div", {
-    className: _SiteItem.default.actions
-  }, /*#__PURE__*/_react.default.createElement(_default2.default, {
-    inverted: true,
-    onClick: handleDeploy
-  }, "Deploy")) : null);
+  }), hasBadgeError && /*#__PURE__*/_react.default.createElement(_ui.Card, {
+    tone: "critical",
+    radius: 2,
+    padding: 2
+  }, /*#__PURE__*/_react.default.createElement(_ui.Label, {
+    size: 0,
+    muted: true
+  }, "Failed to load badge"))))), buildHookId ? /*#__PURE__*/_react.default.createElement(_ui.Box, {
+    paddingY: 2,
+    paddingX: 3
+  }, /*#__PURE__*/_react.default.createElement(_ui.Button, {
+    mode: "ghost",
+    onClick: handleDeploy,
+    text: "Deploy"
+  })) : null);
 };
 
 var _default = SiteItem;

package/dist/components/SiteItem/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/SiteItem/index.tsx"],"names":["IMAGE_PULL_INTERVAL","getImageUrl","siteId","baseUrl","time","Date","getTime","useBadgeImage","src","setSrc","update","interval","window","setInterval","clearInterval","useDeploy","site","onDeploy","updateBadge","timeoutRef","clearTimeout","current","setTimeout","SiteItem","props","id","title","url","adminUrl","buildHookId","badge","handleDeploy","styles","root","status","actions"],"mappings":"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","sourcesContent":["import React, {FunctionComponent, useCallback, useEffect, useRef, useState} from 'react'\n\nimport DefaultButton from 'part:@sanity/components/buttons/default'\n\nimport styles from './SiteItem.css'\nimport {DeployAction, Site} from '../../types'\nimport Links from './Links'\n\ninterface Props {\n  site: Site\n  onDeploy: DeployAction\n}\n\nexport const IMAGE_PULL_INTERVAL = 10000\n\nconst getImageUrl = (siteId: string) => {\n  const baseUrl = `https://api.netlify.com/api/v1/badges/${siteId}/deploy-status`\n  const time = new Date().getTime()\n\n  return `${baseUrl}?${time}`\n}\n\nconst useBadgeImage = (siteId: string) => {\n  const [src, setSrc] = useState(() => getImageUrl(siteId))\n  const update = useCallback(() => setSrc(getImageUrl(siteId)), [siteId])\n\n  useEffect(() => {\n    const interval = window.setInterval(update, IMAGE_PULL_INTERVAL)\n    return () => window.clearInterval(interval)\n  }, [update])\n\n  return [src, update] as const\n}\n\nconst useDeploy = (site: Site, onDeploy: DeployAction, updateBadge: () => void) => {\n  const timeoutRef = useRef(-1)\n  useEffect(() => () => window.clearTimeout(timeoutRef.current), [])\n\n  return useCallback(() => {\n    onDeploy(site)\n    timeoutRef.current = window.setTimeout(updateBadge, 1000)\n  }, [site, onDeploy, updateBadge])\n}\n\nconst SiteItem: FunctionComponent<Props> = (props) => {\n  const {site, onDeploy} = props\n  const {id, title, url, adminUrl, buildHookId} = site\n\n  const [badge, updateBadge] = useBadgeImage(id)\n  const handleDeploy = useDeploy(site, onDeploy, updateBadge)\n\n  return (\n    <li className={styles.root}>\n      <div className={styles.status}>\n        <h4 className={styles.title}>\n          {title}\n          <Links url={url} adminUrl={adminUrl} />\n        </h4>\n\n        <div>\n          <img src={badge} alt=\"Badge\" />\n        </div>\n      </div>\n\n      {buildHookId ? (\n        <div className={styles.actions}>\n          <DefaultButton inverted onClick={handleDeploy}>\n            Deploy\n          </DefaultButton>\n        </div>\n      ) : null}\n    </li>\n  )\n}\n\nexport default SiteItem\n"],"file":"index.js"}
+{"version":3,"sources":["../../../src/components/SiteItem/index.tsx"],"names":["IMAGE_PULL_INTERVAL","getImageUrl","siteId","branchName","baseUrl","time","Date","getTime","branch","useBadgeImage","src","setSrc","update","interval","window","setInterval","clearInterval","useDeploy","site","onDeploy","updateBadge","timeoutRef","clearTimeout","current","setTimeout","SiteItem","props","hasBadgeError","setHasBadgeError","id","name","title","url","adminUrl","buildHookId","badge","handleDeploy","handleBadgeError"],"mappings":"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","sourcesContent":["import React, {FunctionComponent, useCallback, useEffect, useRef, useState} from 'react'\nimport {Button, Flex, Box, Card, Text, Stack, Label} from '@sanity/ui'\nimport {DeployAction, Site} from '../../types'\nimport Links from './Links'\n\ninterface Props {\n  site: Site\n  onDeploy: DeployAction\n}\n\nexport const IMAGE_PULL_INTERVAL = 10000\n\nconst getImageUrl = (siteId: string, branchName?: string) => {\n  const baseUrl = `https://api.netlify.com/api/v1/badges/${siteId}/deploy-status`\n  const time = new Date().getTime()\n  const branch = `branch=${branchName}`\n\n  return branchName ? `${baseUrl}?${time}&${branch}` : `${baseUrl}?${time}`\n}\n\nconst useBadgeImage = (siteId: string, branchName?: string ) => {\n  const [src, setSrc] = useState(() => getImageUrl(siteId, branchName))\n  const update = useCallback(() => setSrc(getImageUrl(siteId, branchName)), [siteId])\n\n  useEffect(() => {\n    const interval = window.setInterval(update, IMAGE_PULL_INTERVAL)\n    return () => window.clearInterval(interval)\n  }, [update])\n\n  return [src, update] as const\n}\n\nconst useDeploy = (site: Site, onDeploy: DeployAction, updateBadge: () => void) => {\n  const timeoutRef = useRef(-1)\n  useEffect(() => () => window.clearTimeout(timeoutRef.current), [])\n\n  return useCallback(() => {\n    onDeploy(site)\n    timeoutRef.current = window.setTimeout(updateBadge, 1000)\n  }, [site, onDeploy, updateBadge])\n}\n\nconst SiteItem: FunctionComponent<Props> = (props) => {\n  const [hasBadgeError, setHasBadgeError] = useState(false)\n  const {site, onDeploy} = props\n  const {id, name, title, url, adminUrl, buildHookId, branch} = site\n\n  const [badge, updateBadge] = useBadgeImage(id, branch)\n  const handleDeploy = useDeploy(site, onDeploy, updateBadge)\n  const handleBadgeError = () => {\n    setHasBadgeError(true)\n  }\n\n  return (\n    <Flex as=\"li\">\n      <Box flex={1} paddingY={2} paddingX={3}>\n        <Stack space={2}>\n          <Text as=\"h4\">\n            {title || name}\n            <Links url={url} adminUrl={adminUrl} />\n          </Text>\n\n          <Flex justify=\"flex-start\">\n            {!hasBadgeError && <img src={badge} onError={handleBadgeError} alt=\"Badge\" />}\n            {hasBadgeError && <Card tone=\"critical\" radius={2} padding={2}><Label size={0} muted>Failed to load badge</Label></Card>}\n          </Flex>\n        </Stack>\n      </Box>\n\n      {buildHookId ? (\n        <Box paddingY={2} paddingX={3}>\n          <Button mode=\"ghost\" onClick={handleDeploy} text=\"Deploy\" />\n        </Box>\n      ) : null}\n    </Flex>\n  )\n}\n\nexport default SiteItem\n"],"file":"index.js"}

package/dist/components/SiteList.js

@@ -3,50 +3,55 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.default = void 0;
-
-var _spinner = _interopRequireDefault(require("part:@sanity/components/loading/spinner"));
+exports.default = SiteList;
 
 var _react = _interopRequireDefault(require("react"));
 
-var _NetlifyWidget = _interopRequireDefault(require("./NetlifyWidget.css"));
-
 var _SiteItem = _interopRequireDefault(require("./SiteItem"));
 
+var _ui = require("@sanity/ui");
+
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
-class SiteList extends _react.default.Component {
-  render() {
-    var _this$props = this.props,
-        isLoading = _this$props.isLoading,
-        onDeploy = _this$props.onDeploy,
-        sites = _this$props.sites;
-
-    if (isLoading) {
-      return /*#__PURE__*/_react.default.createElement(_spinner.default, {
-        center: true,
-        message: "Loading sites\u2026"
-      });
-    }
-
-    if (!sites || sites && sites.length === 0) {
-      return /*#__PURE__*/_react.default.createElement("div", {
-        className: _NetlifyWidget.default.error
-      }, "No sites are defined in the widget options. Please check your config.");
-    }
-
-    return /*#__PURE__*/_react.default.createElement("ul", {
-      className: _NetlifyWidget.default.sites
-    }, sites.map((site, index) => {
-      return /*#__PURE__*/_react.default.createElement(_SiteItem.default, {
-        onDeploy: onDeploy,
-        site: site,
-        key: "site-".concat(index)
-      });
-    }));
+function SiteList(props) {
+  var isLoading = props.isLoading,
+      onDeploy = props.onDeploy,
+      sites = props.sites;
+
+  if (isLoading) {
+    return /*#__PURE__*/_react.default.createElement(_ui.Card, {
+      padding: 4
+    }, /*#__PURE__*/_react.default.createElement(_ui.Flex, {
+      direction: "column",
+      justify: "center",
+      align: "center"
+    }, /*#__PURE__*/_react.default.createElement(_ui.Spinner, {
+      muted: true
+    }), /*#__PURE__*/_react.default.createElement(_ui.Box, {
+      marginTop: 3
+    }, /*#__PURE__*/_react.default.createElement(_ui.Text, {
+      muted: true
+    }, "Loading sites\u2026"))));
   }
 
-}
+  if (!sites || sites && sites.length === 0) {
+    return /*#__PURE__*/_react.default.createElement(_ui.Card, {
+      tone: "critical",
+      padding: 3
+    }, /*#__PURE__*/_react.default.createElement(_ui.Text, null, "No sites are defined in the widget options. Please check your config."));
+  }
 
-exports.default = SiteList;
+  return /*#__PURE__*/_react.default.createElement(_ui.Box, {
+    paddingY: 2
+  }, /*#__PURE__*/_react.default.createElement(_ui.Stack, {
+    as: "ul",
+    space: 2
+  }, sites.map((site, index) => {
+    return /*#__PURE__*/_react.default.createElement(_SiteItem.default, {
+      onDeploy: onDeploy,
+      site: site,
+      key: "site-".concat(index)
+    });
+  })));
+}
 //# sourceMappingURL=SiteList.js.map

package/dist/components/SiteList.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/components/SiteList.tsx"],"names":["SiteList","React","Component","render","props","isLoading","onDeploy","sites","length","styles","error","map","site","index"],"mappings":";;;;;;;AAAA;;AACA;;AACA;;AAEA;;;;AAQe,MAAMA,QAAN,SAAuBC,eAAMC,SAA7B,CAA8C;AAC3DC,EAAAA,MAAM,GAAG;AAAA,sBAC8B,KAAKC,KADnC;AAAA,QACAC,SADA,eACAA,SADA;AAAA,QACWC,QADX,eACWA,QADX;AAAA,QACqBC,KADrB,eACqBA,KADrB;;AAEP,QAAIF,SAAJ,EAAe;AACb,0BAAO,6BAAC,gBAAD;AAAS,QAAA,MAAM,MAAf;AAAgB,QAAA,OAAO,EAAC;AAAxB,QAAP;AACD;;AACD,QAAI,CAACE,KAAD,IAAWA,KAAK,IAAIA,KAAK,CAACC,MAAN,KAAiB,CAAzC,EAA6C;AAC3C,0BACE;AAAK,QAAA,SAAS,EAAEC,uBAAOC;AAAvB,iFADF;AAKD;;AACD,wBACE;AAAI,MAAA,SAAS,EAAED,uBAAOF;AAAtB,OACGA,KAAK,CAACI,GAAN,CAAU,CAACC,IAAD,EAAOC,KAAP,KAAiB;AAC1B,0BAAO,6BAAC,iBAAD;AAAU,QAAA,QAAQ,EAAEP,QAApB;AAA8B,QAAA,IAAI,EAAEM,IAApC;AAA0C,QAAA,GAAG,iBAAUC,KAAV;AAA7C,QAAP;AACD,KAFA,CADH,CADF;AAOD;;AApB0D","sourcesContent":["import Spinner from 'part:@sanity/components/loading/spinner'\nimport React from 'react'\nimport styles from './NetlifyWidget.css'\nimport {DeployAction, Site} from '../types'\nimport SiteItem from './SiteItem'\n\ninterface Props {\n  isLoading: boolean\n  sites?: Site[]\n  onDeploy: DeployAction\n}\n\nexport default class SiteList extends React.Component<Props> {\n  render() {\n    const {isLoading, onDeploy, sites} = this.props\n    if (isLoading) {\n      return <Spinner center message=\"Loading sites…\" />\n    }\n    if (!sites || (sites && sites.length === 0)) {\n      return (\n        <div className={styles.error}>\n          No sites are defined in the widget options. Please check your config.\n        </div>\n      )\n    }\n    return (\n      <ul className={styles.sites}>\n        {sites.map((site, index) => {\n          return <SiteItem onDeploy={onDeploy} site={site} key={`site-${index}`} />\n        })}\n      </ul>\n    )\n  }\n}\n"],"file":"SiteList.js"}
+{"version":3,"sources":["../../src/components/SiteList.tsx"],"names":["SiteList","props","isLoading","onDeploy","sites","length","map","site","index"],"mappings":";;;;;;;AAAA;;AAEA;;AACA;;;;AAQe,SAASA,QAAT,CAAkBC,KAAlB,EAAgC;AAAA,MACtCC,SADsC,GACRD,KADQ,CACtCC,SADsC;AAAA,MAC3BC,QAD2B,GACRF,KADQ,CAC3BE,QAD2B;AAAA,MACjBC,KADiB,GACRH,KADQ,CACjBG,KADiB;;AAE7C,MAAIF,SAAJ,EAAe;AACb,wBACE,6BAAC,QAAD;AAAM,MAAA,OAAO,EAAE;AAAf,oBACE,6BAAC,QAAD;AAAM,MAAA,SAAS,EAAC,QAAhB;AAAyB,MAAA,OAAO,EAAC,QAAjC;AAA0C,MAAA,KAAK,EAAC;AAAhD,oBACE,6BAAC,WAAD;AAAS,MAAA,KAAK;AAAd,MADF,eAEE,6BAAC,OAAD;AAAK,MAAA,SAAS,EAAE;AAAhB,oBACE,6BAAC,QAAD;AAAM,MAAA,KAAK;AAAX,6BADF,CAFF,CADF,CADF;AAUD;;AACD,MAAI,CAACE,KAAD,IAAWA,KAAK,IAAIA,KAAK,CAACC,MAAN,KAAiB,CAAzC,EAA6C;AAC3C,wBACE,6BAAC,QAAD;AAAM,MAAA,IAAI,EAAC,UAAX;AAAsB,MAAA,OAAO,EAAE;AAA/B,oBACE,6BAAC,QAAD,gFADF,CADF;AAKD;;AACD,sBACE,6BAAC,OAAD;AAAK,IAAA,QAAQ,EAAE;AAAf,kBACE,6BAAC,SAAD;AAAO,IAAA,EAAE,EAAC,IAAV;AAAe,IAAA,KAAK,EAAE;AAAtB,KACGD,KAAK,CAACE,GAAN,CAAU,CAACC,IAAD,EAAOC,KAAP,KAAiB;AAC1B,wBAAO,6BAAC,iBAAD;AAAU,MAAA,QAAQ,EAAEL,QAApB;AAA8B,MAAA,IAAI,EAAEI,IAApC;AAA0C,MAAA,GAAG,iBAAUC,KAAV;AAA7C,MAAP;AACD,GAFA,CADH,CADF,CADF;AASD","sourcesContent":["import React from 'react'\nimport {DeployAction, Site} from '../types'\nimport SiteItem from './SiteItem'\nimport {Flex, Box, Card, Text, Spinner, Stack} from '@sanity/ui'\n\ninterface Props {\n  isLoading: boolean\n  sites?: Site[]\n  onDeploy: DeployAction\n}\n\nexport default function SiteList(props: Props) {\n  const {isLoading, onDeploy, sites} = props\n  if (isLoading) {\n    return (\n      <Card padding={4}>\n        <Flex direction=\"column\" justify=\"center\" align=\"center\">\n          <Spinner muted />\n          <Box marginTop={3}>\n            <Text muted>Loading sites…</Text>\n          </Box>\n        </Flex>\n      </Card>\n    )\n  }\n  if (!sites || (sites && sites.length === 0)) {\n    return (\n      <Card tone=\"critical\" padding={3}>\n        <Text>No sites are defined in the widget options. Please check your config.</Text>\n      </Card>\n    )\n  }\n  return (\n    <Box paddingY={2}>\n      <Stack as=\"ul\" space={2}>\n        {sites.map((site, index) => {\n          return <SiteItem onDeploy={onDeploy} site={site} key={`site-${index}`} />\n        })}\n      </Stack>\n    </Box>\n  )\n}\n"],"file":"SiteList.js"}

package/dist/props.js

@@ -48,8 +48,9 @@ var props$ = options => {
     name: site.name,
     title: site.title,
     buildHookId: site.buildHookId,
-    url: site.url || site.name && "https://".concat(site.name, ".netlify.app/"),
-    adminUrl: site.name && "https://app.netlify.com/sites/".concat(site.name)
+    url: site.url || site.branch && "https://".concat(site.branch, "--").concat(site.name, ".netlify.app/") || site.name && "https://".concat(site.name, ".netlify.app/"),
+    adminUrl: site.name && "https://app.netlify.com/sites/".concat(site.name),
+    branch: site.branch
   }));
 
   var _createEventHandler = (0, _reactPropsStream.createEventHandler)(),

package/dist/props.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/props.ts"],"names":["noop","undefined","INITIAL_PROPS","title","sites","isLoading","onDeploy","props$","options","configuredSites","map","site","id","apiId","name","buildHookId","url","adminUrl","onDeploy$","setSitesAction$","pipe","type","deployAction$","deployResult$","deployCompletedAction$","result","error","stateReducer$","subscribe","description"],"mappings":";;;;;;;AAAA;;AACA;;AACA;;AACA;;AAEA;;;;;;;;;;;;;;;;;;;;AAEA,IAAMA,IAAI,GAAG,MAAMC,SAAnB;;AAEA,IAAMC,aAAa,GAAG;AACpBC,EAAAA,KAAK,EAAE,eADa;AAEpBC,EAAAA,KAAK,EAAE,EAFa;AAGpBC,EAAAA,SAAS,EAAE,IAHS;AAIpBC,EAAAA,QAAQ,EAAEN;AAJU,CAAtB,C,CAOA;;AACO,IAAMO,MAAM,GAAIC,OAAD,IAA4B;AAChD,MAAMC,eAAe,GAAG,CAACD,OAAO,CAACJ,KAAR,IAAiB,EAAlB,EAAsBM,GAAtB,CAA2BC,IAAD,KAAW;AAC3DC,IAAAA,EAAE,EAAED,IAAI,CAACE,KADkD;AAE3DC,IAAAA,IAAI,EAAEH,IAAI,CAACG,IAFgD;AAG3DX,IAAAA,KAAK,EAAEQ,IAAI,CAACR,KAH+C;AAI3DY,IAAAA,WAAW,EAAEJ,IAAI,CAACI,WAJyC;AAK3DC,IAAAA,GAAG,EAAEL,IAAI,CAACK,GAAL,IAAaL,IAAI,CAACG,IAAL,sBAAwBH,IAAI,CAACG,IAA7B,kBALyC;AAM3DG,IAAAA,QAAQ,EAAEN,IAAI,CAACG,IAAL,4CAA8CH,IAAI,CAACG,IAAnD;AANiD,GAAX,CAA1B,CAAxB;;AADgD,4BAUlB,2CAVkB;AAAA;AAAA,MAUzCI,SAVyC;AAAA,MAU9BZ,QAV8B;;AAWhD,MAAMa,eAAe,GAAG,cAAGV,eAAH,EAAoBW,IAApB,CAAyB,oBAAKhB,KAAD,KAAY;AAACiB,IAAAA,IAAI,EAAE,UAAP;AAAmBjB,IAAAA;AAAnB,GAAZ,CAAJ,CAAzB,CAAxB;AACA,MAAMkB,aAAa,GAAGJ,SAAS,CAACE,IAAV,CAAe,oBAAKT,IAAD,KAAW;AAACU,IAAAA,IAAI,EAAE,gBAAP;AAAyBV,IAAAA;AAAzB,GAAX,CAAJ,CAAf,CAAtB;AACA,MAAMY,aAAa,GAAGL,SAAS,CAACE,IAAV,CAAe,0BAAWT,IAAD,IAAU,oBAAOA,IAAP,CAApB,CAAf,CAAtB;AACA,MAAMa,sBAAsB,GAAGD,aAAa,CAACH,IAAd,CAC7B,oBACGK,MAAD;AAAcJ,IAAAA,IAAI,EAAE;AAApB,KAA2CI,MAA3C,CADF,EAEE,2BAAYC,KAAD,IAAW,cAAG;AAACL,IAAAA,IAAI,EAAE,eAAP;AAAwBK,IAAAA;AAAxB,GAAH,CAAtB,CAFF,CAD6B,CAA/B;AAOA,mBAAMP,eAAN,EAAuBG,aAAvB,EAAsCE,sBAAtC,EAA8DJ,IAA9D,CAAmEO,uBAAnE,EAAkFC,SAAlF;AAEA,SAAO,cAAGnB,eAAH,EAAoBW,IAApB,CACL,oBAAKhB,KAAD,KAAY;AACdA,IAAAA,KADc;AAEdD,IAAAA,KAAK,EAAEK,OAAO,CAACL,KAAR,IAAiBD,aAAa,CAACC,KAFxB;AAGd0B,IAAAA,WAAW,EAAErB,OAAO,CAACqB,WAHP;AAIdxB,IAAAA,SAAS,EAAE,KAJG;AAKdC,IAAAA;AALc,GAAZ,CAAJ,CADK,EAQL,0BAAUJ,aAAV,CARK,CAAP;AAUD,CAjCM","sourcesContent":["import {merge, of} from 'rxjs'\nimport {createEventHandler} from 'react-props-stream'\nimport {catchError, map, startWith, switchMap} from 'rxjs/operators'\nimport {deploy} from './datastores/deploy'\nimport {Site, WidgetOptions} from './types'\nimport {stateReducer$} from './reducers'\n\nconst noop = () => undefined\n\nconst INITIAL_PROPS = {\n  title: 'Netlify sites',\n  sites: [],\n  isLoading: true,\n  onDeploy: noop,\n}\n\n// eslint-disable-next-line @typescript-eslint/explicit-module-boundary-types\nexport const props$ = (options: WidgetOptions) => {\n  const configuredSites = (options.sites || []).map((site) => ({\n    id: site.apiId,\n    name: site.name,\n    title: site.title,\n    buildHookId: site.buildHookId,\n    url: site.url || (site.name && `https://${site.name}.netlify.app/`),\n    adminUrl: site.name && `https://app.netlify.com/sites/${site.name}`,\n  }))\n\n  const [onDeploy$, onDeploy] = createEventHandler<Site>()\n  const setSitesAction$ = of(configuredSites).pipe(map((sites) => ({type: 'setSites', sites})))\n  const deployAction$ = onDeploy$.pipe(map((site) => ({type: 'deploy/started', site})))\n  const deployResult$ = onDeploy$.pipe(switchMap((site) => deploy(site)))\n  const deployCompletedAction$ = deployResult$.pipe(\n    map(\n      (result) => ({type: 'deploy/completed', ...result}),\n      catchError((error) => of({type: 'deploy/failed', error}))\n    )\n  )\n\n  merge(setSitesAction$, deployAction$, deployCompletedAction$).pipe(stateReducer$).subscribe()\n\n  return of(configuredSites).pipe(\n    map((sites) => ({\n      sites,\n      title: options.title || INITIAL_PROPS.title,\n      description: options.description,\n      isLoading: false,\n      onDeploy,\n    })),\n    startWith(INITIAL_PROPS)\n  )\n}\n"],"file":"props.js"}
+{"version":3,"sources":["../src/props.ts"],"names":["noop","undefined","INITIAL_PROPS","title","sites","isLoading","onDeploy","props$","options","configuredSites","map","site","id","apiId","name","buildHookId","url","branch","adminUrl","onDeploy$","setSitesAction$","pipe","type","deployAction$","deployResult$","deployCompletedAction$","result","error","stateReducer$","subscribe","description"],"mappings":";;;;;;;AAAA;;AACA;;AACA;;AACA;;AAEA;;;;;;;;;;;;;;;;;;;;AAEA,IAAMA,IAAI,GAAG,MAAMC,SAAnB;;AAEA,IAAMC,aAAa,GAAG;AACpBC,EAAAA,KAAK,EAAE,eADa;AAEpBC,EAAAA,KAAK,EAAE,EAFa;AAGpBC,EAAAA,SAAS,EAAE,IAHS;AAIpBC,EAAAA,QAAQ,EAAEN;AAJU,CAAtB,C,CAOA;;AACO,IAAMO,MAAM,GAAIC,OAAD,IAA4B;AAChD,MAAMC,eAAe,GAAG,CAACD,OAAO,CAACJ,KAAR,IAAiB,EAAlB,EAAsBM,GAAtB,CAA2BC,IAAD,KAAW;AAC3DC,IAAAA,EAAE,EAAED,IAAI,CAACE,KADkD;AAE3DC,IAAAA,IAAI,EAAEH,IAAI,CAACG,IAFgD;AAG3DX,IAAAA,KAAK,EAAEQ,IAAI,CAACR,KAH+C;AAI3DY,IAAAA,WAAW,EAAEJ,IAAI,CAACI,WAJyC;AAK3DC,IAAAA,GAAG,EAAEL,IAAI,CAACK,GAAL,IAAaL,IAAI,CAACM,MAAL,sBAA0BN,IAAI,CAACM,MAA/B,eAA0CN,IAAI,CAACG,IAA/C,kBAAb,IAAqFH,IAAI,CAACG,IAAL,sBAAwBH,IAAI,CAACG,IAA7B,kBAL/B;AAM3DI,IAAAA,QAAQ,EAAEP,IAAI,CAACG,IAAL,4CAA8CH,IAAI,CAACG,IAAnD,CANiD;AAO3DG,IAAAA,MAAM,EAAEN,IAAI,CAACM;AAP8C,GAAX,CAA1B,CAAxB;;AADgD,4BAWlB,2CAXkB;AAAA;AAAA,MAWzCE,SAXyC;AAAA,MAW9Bb,QAX8B;;AAYhD,MAAMc,eAAe,GAAG,cAAGX,eAAH,EAAoBY,IAApB,CAAyB,oBAAKjB,KAAD,KAAY;AAACkB,IAAAA,IAAI,EAAE,UAAP;AAAmBlB,IAAAA;AAAnB,GAAZ,CAAJ,CAAzB,CAAxB;AACA,MAAMmB,aAAa,GAAGJ,SAAS,CAACE,IAAV,CAAe,oBAAKV,IAAD,KAAW;AAACW,IAAAA,IAAI,EAAE,gBAAP;AAAyBX,IAAAA;AAAzB,GAAX,CAAJ,CAAf,CAAtB;AACA,MAAMa,aAAa,GAAGL,SAAS,CAACE,IAAV,CAAe,0BAAWV,IAAD,IAAU,oBAAOA,IAAP,CAApB,CAAf,CAAtB;AACA,MAAMc,sBAAsB,GAAGD,aAAa,CAACH,IAAd,CAC7B,oBACGK,MAAD;AAAcJ,IAAAA,IAAI,EAAE;AAApB,KAA2CI,MAA3C,CADF,EAEE,2BAAYC,KAAD,IAAW,cAAG;AAACL,IAAAA,IAAI,EAAE,eAAP;AAAwBK,IAAAA;AAAxB,GAAH,CAAtB,CAFF,CAD6B,CAA/B;AAOA,mBAAMP,eAAN,EAAuBG,aAAvB,EAAsCE,sBAAtC,EAA8DJ,IAA9D,CAAmEO,uBAAnE,EAAkFC,SAAlF;AAEA,SAAO,cAAGpB,eAAH,EAAoBY,IAApB,CACL,oBAAKjB,KAAD,KAAY;AACdA,IAAAA,KADc;AAEdD,IAAAA,KAAK,EAAEK,OAAO,CAACL,KAAR,IAAiBD,aAAa,CAACC,KAFxB;AAGd2B,IAAAA,WAAW,EAAEtB,OAAO,CAACsB,WAHP;AAIdzB,IAAAA,SAAS,EAAE,KAJG;AAKdC,IAAAA;AALc,GAAZ,CAAJ,CADK,EAQL,0BAAUJ,aAAV,CARK,CAAP;AAUD,CAlCM","sourcesContent":["import {merge, of} from 'rxjs'\nimport {createEventHandler} from 'react-props-stream'\nimport {catchError, map, startWith, switchMap} from 'rxjs/operators'\nimport {deploy} from './datastores/deploy'\nimport {Site, WidgetOptions} from './types'\nimport {stateReducer$} from './reducers'\n\nconst noop = () => undefined\n\nconst INITIAL_PROPS = {\n  title: 'Netlify sites',\n  sites: [],\n  isLoading: true,\n  onDeploy: noop,\n}\n\n// eslint-disable-next-line @typescript-eslint/explicit-module-boundary-types\nexport const props$ = (options: WidgetOptions) => {\n  const configuredSites = (options.sites || []).map((site) => ({\n    id: site.apiId,\n    name: site.name,\n    title: site.title,\n    buildHookId: site.buildHookId,\n    url: site.url || (site.branch && `https://${site.branch}--${site.name}.netlify.app/`) || (site.name && `https://${site.name}.netlify.app/`),\n    adminUrl: site.name && `https://app.netlify.com/sites/${site.name}`,\n    branch: site.branch\n  }))\n\n  const [onDeploy$, onDeploy] = createEventHandler<Site>()\n  const setSitesAction$ = of(configuredSites).pipe(map((sites) => ({type: 'setSites', sites})))\n  const deployAction$ = onDeploy$.pipe(map((site) => ({type: 'deploy/started', site})))\n  const deployResult$ = onDeploy$.pipe(switchMap((site) => deploy(site)))\n  const deployCompletedAction$ = deployResult$.pipe(\n    map(\n      (result) => ({type: 'deploy/completed', ...result}),\n      catchError((error) => of({type: 'deploy/failed', error}))\n    )\n  )\n\n  merge(setSitesAction$, deployAction$, deployCompletedAction$).pipe(stateReducer$).subscribe()\n\n  return of(configuredSites).pipe(\n    map((sites) => ({\n      sites,\n      title: options.title || INITIAL_PROPS.title,\n      description: options.description,\n      isLoading: false,\n      onDeploy,\n    })),\n    startWith(INITIAL_PROPS)\n  )\n}\n"],"file":"props.js"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "sanity-plugin-dashboard-widget-netlify",
-  "version": "1.1.0",
+  "version": "1.3.0",
   "description": "Sanity Studio Dashboard Widget for triggering Netlify builds",
   "keywords": [
     "sanity",
@@ -34,7 +34,7 @@
     "lint": "eslint .",
     "prebuild": "rimraf dist",
     "build": "sanipack build",
-    "watch": "sanipack watch",
+    "watch": "sanipack build --watch",
     "test": "jest --coverage",
     "test:watch": "jest --coverage --watch",
     "test:prod": "npm run lint && npm run test -- --no-cache",
@@ -52,16 +52,22 @@
     "rxjs": "^6.0.0"
   },
   "peerDependencies": {
-    "@sanity/base": ">=2.0.0",
-    "react": "^16.9 || ^17"
+    "@sanity/base": ">=2.13.0",
+    "@sanity/dashboard": ">=2.13.0",
+    "@sanity/ui": "^0.36.12",
+    "react": "^16.9 || ^17",
+    "styled-components": "^5.2.0"
   },
   "devDependencies": {
+    "@sanity/dashboard": ">=2.13.0",
+    "@sanity/ui": "^0.36.12",
     "@testing-library/jest-dom": "^5.11.4",
     "@testing-library/react": "^11.0.4",
     "@types/jest": "^26.0.20",
     "@types/node": "^10.11.0",
     "@types/react": "^17.0.0",
     "@types/react-dom": "^17.0.0",
+    "@types/styled-components": "^5.1.14",
     "@typescript-eslint/eslint-plugin": "^4.18.0",
     "@typescript-eslint/parser": "^4.18.0",
     "eslint": "^7.22.0",
@@ -75,6 +81,7 @@
     "react-dom": "^17.0.0",
     "rimraf": "^2.6.2",
     "sanipack": "^1.0.8",
+    "styled-components": "^5.2.0",
     "ts-jest": "^26.0.0",
     "tsconfig-paths-jest": "0.0.1",
     "typescript": "^4.0.3"

package/dist/3rdparty-typings/sanity-parts.d.js

@@ -1,2 +0,0 @@
-"use strict";
-//# sourceMappingURL=sanity-parts.d.js.map

package/dist/components/NetlifyWidget.css

@@ -1,41 +0,0 @@
-@import 'part:@sanity/base/theme/variables-style';
-
-.container {
-  composes: container from 'part:@sanity/dashboard/widget-styles';
-}
-
-.description {
-  padding: var(--small-padding) var(--medium-padding) var(--medium-padding);
-  margin: 0;
-}
-
-.header {
-  composes: header from 'part:@sanity/dashboard/widget-styles';
-}
-
-.title {
-  composes: title from 'part:@sanity/dashboard/widget-styles';
-}
-
-.error {
-  color: var(--state-danger-color);
-  padding: var(--medium-padding);
-}
-
-.content {
-  position: relative;
-  padding: var(--small-padding) 0;
-  border-top: 1px solid var(--hairline-color);
-  min-height: 66px;
-}
-
-.sites {
-  list-style: none;
-  margin: 0;
-  padding: 0;
-}
-
-.footer {
-  composes: footer from 'part:@sanity/dashboard/widget-styles';
-  border-top: 1px solid var(--hairline-color);
-}

package/dist/components/NetlifyWidget.css.d.js

@@ -1,23 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.footer = exports.sites = exports.content = exports.error = exports.title = exports.header = exports.description = exports.container = void 0;
-var container;
-exports.container = container;
-var description;
-exports.description = description;
-var header;
-exports.header = header;
-var title;
-exports.title = title;
-var error;
-exports.error = error;
-var content;
-exports.content = content;
-var sites;
-exports.sites = sites;
-var footer;
-exports.footer = footer;
-//# sourceMappingURL=NetlifyWidget.css.d.js.map

package/dist/components/NetlifyWidget.css.d.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../src/components/NetlifyWidget.css.d.ts"],"names":["container","description","header","title","error","content","sites","footer"],"mappings":";;;;;;AAAO,IAAMA,SAAN;;AACA,IAAMC,WAAN;;AACA,IAAMC,MAAN;;AACA,IAAMC,KAAN;;AACA,IAAMC,KAAN;;AACA,IAAMC,OAAN;;AACA,IAAMC,KAAN;;AACA,IAAMC,MAAN","sourcesContent":["export const container: string\nexport const description: string\nexport const header: string\nexport const title: string\nexport const error: string\nexport const content: string\nexport const sites: string\nexport const footer: string\ninterface Namespace {\n\t\"container\": string,\n\t\"description\": string,\n\t\"header\": string,\n\t\"title\": string,\n\t\"error\": string,\n\t\"content\": string,\n\t\"sites\": string,\n\t\"footer\": string,\n}\ndeclare const netlifyWidget: Namespace\nexport default netlifyWidget\n"],"file":"NetlifyWidget.css.d.js"}

package/dist/components/SiteItem/SiteItem.css

@@ -1,25 +0,0 @@
-@import 'part:@sanity/base/theme/variables-style';
-
-.root {
-  display: flex;
-}
-
-.status {
-  flex: 1;
-  padding: var(--small-padding) var(--medium-padding) var(--small-padding) var(--medium-padding);
-}
-
-.error {
-  color: var(--state-danger-color);
-}
-
-.title {
-  font-weight: 400;
-  line-height: 1.3em;
-  margin: 0 0 calc(var(--small-padding) / 2);
-}
-
-.actions {
-  padding: var(--small-padding) var(--medium-padding);
-  display: flex;
-}

package/dist/components/SiteItem/SiteItem.css.d.js

@@ -1,17 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.actions = exports.title = exports.error = exports.status = exports.root = void 0;
-var root;
-exports.root = root;
-var status;
-exports.status = status;
-var error;
-exports.error = error;
-var title;
-exports.title = title;
-var actions;
-exports.actions = actions;
-//# sourceMappingURL=SiteItem.css.d.js.map

package/dist/components/SiteItem/SiteItem.css.d.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../../src/components/SiteItem/SiteItem.css.d.ts"],"names":["root","status","error","title","actions"],"mappings":";;;;;;AAAO,IAAMA,IAAN;;AACA,IAAMC,MAAN;;AACA,IAAMC,KAAN;;AACA,IAAMC,KAAN;;AACA,IAAMC,OAAN","sourcesContent":["export const root: string\nexport const status: string\nexport const error: string\nexport const title: string\nexport const actions: string\ninterface Namespace {\n\t\"root\": string,\n\t\"status\": string,\n\t\"error\": string,\n\t\"title\": string,\n\t\"actions\": string,\n}\ndeclare const siteItem: Namespace\nexport default siteItem\n"],"file":"SiteItem.css.d.js"}