sanity-plugin-dashboard-widget-document-list 0.1.0 → 1.0.1

package/LICENSE

@@ -1,21 +1,21 @@
-The MIT License
+MIT License
 
-Copyright (c) 2022, Sanity.io <hello@sanity.io>
+Copyright (c) 2022 Sanity.io
 
 Permission is hereby granted, free of charge, to any person obtaining a copy
-of this software and associated documentation files (the "Software"), to
-deal in the Software without restriction, including without limitation the
-rights to use, copy, modify, merge, publish, distribute, sublicense, and/or
-sell copies of the Software, and to permit persons to whom the Software is
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
 furnished to do so, subject to the following conditions:
 
- * The above copyright notice and this permission notice shall be included in
-   all copies or substantial portions of the Software.
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
 
 THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
 IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
 FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
 AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
-LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING
-FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS
-IN THE SOFTWARE.
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

package/README.md

@@ -1,110 +1,112 @@
-# dashboard-widget-document-list
+# sanity-plugin-dashboard-widget-document-list
 
->This is a **Sanity Studio v2** plugin.
-> For the v3 version, please refer to the [v3-branch](https://github.com/sanity-io/dashboard-widget-document-list).
+>This is a **Sanity Studio v3** plugin.
+> For the v2 version, please refer to the [v2-branch](https://github.com/sanity-io/dashboard-widget-document-list/tree/studio-v2).
 
-Dashboard widget for the Sanity Content Studio which displays a list of documents
+## What is it?
 
-## Usage
-Assuming you already have a functional Dashboard in your Sanity Content Studio.
+Dashboard widget for the Sanity Content Studio which displays a list of documents.
 
-1. Install this widget in your Studio folder like so:
+## Install
 
-```sh
-yarn add sanity-plugin-dashboard-widget-document-list@studio-v2
 ```
+npm install --save sanity-plugin-dashboard-widget-document-list
+```
+
+or
 
-Next, add `"dashboard-widget-document-list"` to `sanity.json` plugins array:
-```json
-"plugins": [
-  "dashboard-widget-document-list"
-]
 ```
+yarn add sanity-plugin-dashboard-widget-document-list
+```
+
+Ensure that you have followed install and usage instructions for @sanity/dashboard.
+
+## Usage
+
+Add dashboard-widget-document-list as a widget to @sanity/dashboard plugin in sanity.config.ts (or .js):
 
-2. Update your `src/dashboardConfig.js` file by adding `{name: 'document-list'}` to the `widgets` array
-3. Restart your Studio
+```js
+import { dashboardTool } from "@sanity/dashboard";
+import { documentListWidget } from "sanity-plugin-dashboard-widget-document-list";
+
+export default defineConfig({
+  // ...
+  plugins: [
+     dashboardTool({
+             widgets: [
+                 documentListWidget(),
+             ],
+         }
+     ),
+  ] 
+})
+```
 
 *Note*: If a document in the result (as returned by the backend) has a draft, that draft is rendered instead of the published document.
 
-There are some options available:
+## Options
+
+There are some options available, as specified by [DocumentListConfig](src/DocumentList.tsx):
 
 ### `title` (string)
 Widget title
 
 ```js
-{
-  name: 'document-list',
-  options: {
+documentListWidget({
     title: 'Some documents'
-  }
-}
+})
 ```
 
 ### `order` (string)
 Field and direction to order by when docs are rendered
 
 ```js
-{
-  name: 'document-list',
-  options: {
+documentListWidget({
     title: 'Last edited',
     order: '_updatedAt desc'
-  }
-}
+})
 ```
 
 ### `limit` (number)
 Number of docs rendered
 
 ```js
-{
-  name: 'document-list',
-  options: {
+documentListWidget({
     title: 'Last edited',
     order: '_updatedAt desc',
     limit: 3
-  }
-}
+})
 ```
 
 ### `types` (array)
 Array of strings signifying which document (schema) types are fetched
 
 ```js
-{
-  name: 'document-list',
-  options: {
+documentListWidget({
     title: 'Last edited',
     order: '_updatedAt desc',
     types: ['book', 'author']
-  }
-}
+})
 ```
 
 ### `query` (string) and `params` (object)
 Customized GROQ query with params for maximum control. If you use the query option, the `types`, `order`, and `limit` options will cease to function. You're on your own.
 
 ```js
-{
-  name: 'document-list',
-  options: {
+documentListWidget({
     title: 'Published books by title',
     query: '*[_type == "book" && published == true] | order(title asc) [0...10]'
-  }
-}
+})
 ```
 
 ```js
-{
-  name: 'document-list',
-  options: {
+documentListWidget({
     title: 'My favorite documents',
     query: '*[_id in $ids]',
     params: {
       ids: ['ab2', 'c5z', '654']
     }
-  }
-}
+})
 ```
 
 ### `createButtonText` (string)
@@ -112,14 +114,11 @@ Customized GROQ query with params for maximum control. If you use the query opti
 You can override the button default button text (`Create new ${types[0]}`) by setting `createButtonText` to a string of your choice. This doesn't support dynamic variables.
 
 ```js
-{
-  name: 'document-list',
-  options: {
+documentListWidget({
     title: 'Blog posts',
     query: '*[_type == "post"]',
     createButtonText: 'Create new blog post'
-  }
-}
+})
 ```
 
 ### `showCreateButton` (boolean)
@@ -127,10 +126,35 @@ You can override the button default button text (`Create new ${types[0]}`) by se
 You can disable the create button altogether by passing a `showCreateButton` boolean:
 
 ```js
-{
-  name: 'document-list',
-  options: {
+documentListWidget({
     showCreateButton: false
-  }
-}
+})
 ```
+
+### Widget size
+
+You can change the width of the plugin using `layout.width`:
+```js
+documentListWidget({
+    layout: { width: "small" } 
+})
+```
+
+## License
+
+MIT-licensed. See LICENSE.
+
+## Develop & test
+
+This plugin uses [@sanity/plugin-kit](https://github.com/sanity-io/plugin-kit)
+with default configuration for build & watch scripts.
+
+See [Testing a plugin in Sanity Studio](https://github.com/sanity-io/plugin-kit#testing-a-plugin-in-sanity-studio)
+on how to run this plugin with hotreload in the studio.
+
+### Release new version
+
+Run ["CI & Release" workflow](https://github.com/sanity-io/dashboard-widget-document-list/actions/workflows/main.yml).
+Make sure to select the main branch and check "Release new version".
+
+Semantic release will only release on configured branches, so it is safe to run release on any branch.

package/lib/index.esm.js

@@ -0,0 +1,2 @@
+function e(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);t&&(n=n.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),r.push.apply(r,n)}return r}function t(t){for(var n=1;n<arguments.length;n++){var i=null!=arguments[n]?arguments[n]:{};n%2?e(Object(i),!0).forEach((function(e){r(t,e,i[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(i)):e(Object(i)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(i,e))}))}return t}function r(e,t,r){return t in e?Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[t]=r,e}import{jsx as n,jsxs as i}from"react/jsx-runtime";import{useState as o,useMemo as c,useEffect as a}from"react";import{useClient as s,useSchema as d,IntentButton as u,getPublishedId as p,Preview as l}from"sanity";import{intersection as m}from"lodash";import{of as y}from"rxjs";import{switchMap as f,tap as h,delay as b,mergeMap as g}from"rxjs/operators";import w from"lodash/uniqBy";import{Card as O,Flex as j,Spinner as v,Stack as P}from"@sanity/ui";import{DashboardWidgetContainer as _}from"@sanity/dashboard";const x=e=>"drafts.".concat(e._id);function E(e,t,r){return r.listen(e,t,{events:["welcome","mutation"],includeResult:!1,visibility:"query"}).pipe(f((n=>y(1).pipe("welcome"===n.type?h():b(1e3),g((()=>r.fetch(e,t).then((e=>function(e,t){if(!e)return Promise.resolve([]);const r=Array.isArray(e)?e:[e],n=r.filter((e=>!e._id.startsWith("drafts."))).map(x);return t.fetch("*[_id in $ids]",{ids:n}).then((e=>{const t=r.map((t=>e.find((e=>e._id===x(t)))||t));return w(t,"_id")})).catch((e=>{throw new Error("Problems fetching docs ".concat(n,". Error: ").concat(e.message))}))}(e,r))).catch((r=>{if(r.message.startsWith("Problems fetching docs"))throw r;throw new Error("Query failed ".concat(e," and ").concat(JSON.stringify(t),". Error: ").concat(r.message))}))))))))}const q={title:"Last created",order:"_createdAt desc",limit:10,queryParams:{},showCreateButton:!0,apiVersion:"v1"};function B(e){const{query:r,limit:p,apiVersion:l,queryParams:y,types:f,order:h,title:b,showCreateButton:g,createButtonText:w}=t(t({},q),e),[x,B]=o(),[D,Q]=o(!0),[S,A]=o(),T=s({apiVersion:l}),V=d(),{assembledQuery:N,params:W}=c((()=>{if(r)return{assembledQuery:r,params:y};const e=V.getTypeNames().filter((e=>{var t;const r=V.get(e);return"document"===(null==(t=null==r?void 0:r.type)?void 0:t.name)}));return{assembledQuery:"*[_type in $types] | order(".concat(h,") [0...").concat(2*p,"]"),params:{types:f?m(f,e):e}}}),[V,r,y,h,p,f]);return a((()=>{if(!N)return;const e=E(N,W,T).subscribe({next:e=>{B(e.slice(0,p)),Q(!1)},error:e=>{A(e),Q(!1)}});return()=>{e.unsubscribe()}}),[p,T,N,W]),n(_,{header:b,footer:f&&1===f.length&&g&&n(u,{mode:"bleed",style:{width:"100%"},paddingX:2,paddingY:4,tone:"primary",type:"button",intent:"create",params:{type:f[0]},text:w||"Create new ".concat(f[0])}),children:i(O,{children:[S&&n("div",{children:S.message}),!S&&D&&n(O,{padding:4,children:n(j,{justify:"center",children:n(v,{muted:!0})})}),!S&&!x&&!D&&n("div",{children:"Could not locate any documents :/"}),n(P,{space:2,children:x&&x.map((e=>n(C,{doc:e},e._id)))})]})})}function C(e){let{doc:t}=e;const r=d().get(t._type);return n(O,{flex:1,children:n(u,{intent:"edit",mode:"bleed",padding:1,radius:0,params:{type:t._type,id:p(t._id)},style:{width:"100%"},children:r?n(l,{layout:"default",schemaType:r,value:t},t._id):"Schema-type missing"})})}function D(e){return{name:"document-list-widget",component:function(){return n(B,t({},e))},layout:e.layout}}export{D as documentListWidget};
+//# sourceMappingURL=index.esm.js.map

package/lib/index.esm.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.esm.js","sources":["../src/sanityConnector.ts","../src/DocumentList.tsx","../src/plugin.tsx"],"sourcesContent":["import {Observable, of as observableOf} from 'rxjs'\nimport {delay, mergeMap, switchMap, tap} from 'rxjs/operators'\nimport uniqBy from 'lodash/uniqBy'\nimport {SanityClient} from '@sanity/client'\nimport {SanityDocument} from 'sanity'\n\nconst draftId = (nonDraftDoc: SanityDocument) => `drafts.${nonDraftDoc._id}`\n\nfunction prepareDocumentList(\n  incoming: SanityDocument | SanityDocument[],\n  client: SanityClient\n): Promise<SanityDocument[]> {\n  if (!incoming) {\n    return Promise.resolve([])\n  }\n  const documents = Array.isArray(incoming) ? incoming : [incoming]\n\n  const ids = documents.filter((doc) => !doc._id.startsWith('drafts.')).map(draftId)\n\n  return client\n    .fetch<SanityDocument[]>('*[_id in $ids]', {ids})\n    .then((drafts) => {\n      const outgoing = documents.map((doc) => {\n        const foundDraft = drafts.find((draft) => draft._id === draftId(doc))\n        return foundDraft || doc\n      })\n      return uniqBy(outgoing, '_id')\n    })\n    .catch((error) => {\n      throw new Error(`Problems fetching docs ${ids}. Error: ${error.message}`)\n    })\n}\n\nexport function getSubscription(\n  query: string,\n  params: Record<string, any>,\n  client: SanityClient\n): Observable<SanityDocument[]> {\n  return client\n    .listen(query, params, {\n      events: ['welcome', 'mutation'],\n      includeResult: false,\n      visibility: 'query',\n    })\n    .pipe(\n      switchMap((event) => {\n        return observableOf(1).pipe(\n          event.type === 'welcome' ? tap() : delay(1000),\n          mergeMap(() =>\n            client\n              .fetch(query, params)\n              .then((incoming) => {\n                return prepareDocumentList(incoming, client)\n              })\n              .catch((error) => {\n                if (error.message.startsWith('Problems fetching docs')) {\n                  throw error\n                }\n                throw new Error(\n                  `Query failed ${query} and ${JSON.stringify(params)}. Error: ${error.message}`\n                )\n              })\n          )\n        )\n      })\n    )\n}\n","import React, {useEffect, useMemo, useState} from 'react'\nimport {getPublishedId, useClient, useSchema} from 'sanity'\nimport {intersection} from 'lodash'\nimport {getSubscription} from './sanityConnector'\nimport {SanityDocument, IntentButton, Preview} from 'sanity'\nimport {Card, Flex, Spinner, Stack} from '@sanity/ui'\nimport {DashboardWidgetContainer} from '@sanity/dashboard'\n\nexport interface DocumentListConfig {\n  title?: string\n  types?: string[]\n  query?: string\n  queryParams?: Record<string, any>\n  order?: string\n  limit?: number\n  showCreateButton?: boolean\n  createButtonText?: string\n  apiVersion?: string\n}\n\nconst defaultProps = {\n  title: 'Last created',\n  order: '_createdAt desc',\n  limit: 10,\n  queryParams: {},\n  showCreateButton: true,\n  apiVersion: 'v1',\n}\n\nexport function DocumentList(props: DocumentListConfig) {\n  const {\n    query,\n    limit,\n    apiVersion,\n    queryParams,\n    types,\n    order,\n    title,\n    showCreateButton,\n    createButtonText,\n  } = {\n    ...defaultProps,\n    ...props,\n  }\n\n  const [documents, setDocuments] = useState<SanityDocument[] | undefined>()\n  const [loading, setLoading] = useState<boolean>(true)\n  const [error, setError] = useState<Error | undefined>()\n\n  const versionedClient = useClient({apiVersion})\n  const schema = useSchema()\n\n  const {assembledQuery, params} = useMemo(() => {\n    if (query) {\n      return {assembledQuery: query, params: queryParams}\n    }\n\n    const documentTypes = schema.getTypeNames().filter((typeName) => {\n      const schemaType = schema.get(typeName)\n      return schemaType?.type?.name === 'document'\n    })\n\n    return {\n      assembledQuery: `*[_type in $types] | order(${order}) [0...${limit * 2}]`,\n      params: {types: types ? intersection(types, documentTypes) : documentTypes},\n    }\n  }, [schema, query, queryParams, order, limit, types])\n\n  useEffect(() => {\n    if (!assembledQuery) {\n      return\n    }\n\n    const subscription = getSubscription(assembledQuery, params, versionedClient).subscribe({\n      next: (d) => {\n        setDocuments(d.slice(0, limit))\n        setLoading(false)\n      },\n      error: (e) => {\n        setError(e)\n        setLoading(false)\n      },\n    })\n    // eslint-disable-next-line consistent-return\n    return () => {\n      subscription.unsubscribe()\n    }\n  }, [limit, versionedClient, assembledQuery, params])\n\n  return (\n    <DashboardWidgetContainer\n      header={title}\n      footer={\n        types &&\n        types.length === 1 &&\n        showCreateButton && (\n          <IntentButton\n            mode=\"bleed\"\n            style={{width: '100%'}}\n            paddingX={2}\n            paddingY={4}\n            tone=\"primary\"\n            type=\"button\"\n            intent=\"create\"\n            params={{type: types[0]}}\n            text={createButtonText || `Create new ${types[0]}`}\n          />\n        )\n      }\n    >\n      <Card>\n        {error && <div>{error.message}</div>}\n        {!error && loading && (\n          <Card padding={4}>\n            <Flex justify=\"center\">\n              <Spinner muted />\n            </Flex>\n          </Card>\n        )}\n        {!error && !documents && !loading && <div>Could not locate any documents :/</div>}\n        <Stack space={2}>\n          {documents && documents.map((doc) => <MenuEntry key={doc._id} doc={doc} />)}\n        </Stack>\n      </Card>\n    </DashboardWidgetContainer>\n  )\n}\n\nfunction MenuEntry({doc}: {doc: SanityDocument}) {\n  const schema = useSchema()\n  const type = schema.get(doc._type)\n  return (\n    <Card flex={1}>\n      <IntentButton\n        intent=\"edit\"\n        mode=\"bleed\"\n        padding={1}\n        radius={0}\n        params={{\n          type: doc._type,\n          id: getPublishedId(doc._id),\n        }}\n        style={{width: '100%'}}\n      >\n        {type ? (\n          <Preview layout=\"default\" schemaType={type} value={doc} key={doc._id} />\n        ) : (\n          'Schema-type missing'\n        )}\n      </IntentButton>\n    </Card>\n  )\n}\n\nexport default DocumentList\n","import DocumentList, {DocumentListConfig} from './DocumentList'\nimport React from 'react'\nimport {LayoutConfig, DashboardWidget} from '@sanity/dashboard'\n\nexport interface DocumentListWidgetConfig extends DocumentListConfig {\n  layout?: LayoutConfig\n}\n\nexport function documentListWidget(config: DocumentListWidgetConfig): DashboardWidget {\n  return {\n    name: 'document-list-widget',\n    component: function component() {\n      return <DocumentList {...config} />\n    },\n    layout: config.layout,\n  }\n}\n"],"names":["draftId","nonDraftDoc","_id","getSubscription","query","params","client","listen","events","includeResult","visibility","pipe","switchMap","event","observableOf","type","tap","delay","mergeMap","fetch","then","incoming","Promise","resolve","documents","Array","isArray","ids","filter","doc","startsWith","map","drafts","outgoing","find","draft","uniqBy","catch","error","Error","message","prepareDocumentList","JSON","stringify","defaultProps","title","order","limit","queryParams","showCreateButton","apiVersion","DocumentList","props","types","createButtonText","setDocuments","useState","loading","setLoading","setError","versionedClient","useClient","schema","useSchema","assembledQuery","useMemo","documentTypes","getTypeNames","typeName","_a","schemaType","get","name","concat","intersection","useEffect","subscription","subscribe","next","d","slice","e","unsubscribe","jsx","DashboardWidgetContainer","header","footer","length","IntentButton","mode","style","width","paddingX","paddingY","tone","intent","text","children","jsxs","Card","padding","Flex","justify","Spinner","muted","Stack","space","MenuEntry","_ref","_type","flex","radius","id","getPublishedId","Preview","layout","value","documentListWidget","config","component","_objectSpread"],"mappings":"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"}

package/lib/index.js

@@ -1,17 +1,2 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-
-var _DocumentList = _interopRequireDefault(require("./DocumentList"));
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
-var _default = {
-  name: 'document-list',
-  component: _DocumentList.default
-};
-exports.default = _default;
-//# sourceMappingURL=index.js.map
+"use strict";function e(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);t&&(n=n.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),r.push.apply(r,n)}return r}function t(t){for(var n=1;n<arguments.length;n++){var i=null!=arguments[n]?arguments[n]:{};n%2?e(Object(i),!0).forEach((function(e){r(t,e,i[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(i)):e(Object(i)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(i,e))}))}return t}function r(e,t,r){return t in e?Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[t]=r,e}Object.defineProperty(exports,"__esModule",{value:!0});var n=require("react/jsx-runtime"),i=require("react"),s=require("sanity"),a=require("lodash"),o=require("rxjs"),c=require("rxjs/operators"),u=require("lodash/uniqBy"),d=require("@sanity/ui"),l=require("@sanity/dashboard");function p(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var y=p(u);const f=e=>"drafts.".concat(e._id);function m(e,t,r){return r.listen(e,t,{events:["welcome","mutation"],includeResult:!1,visibility:"query"}).pipe(c.switchMap((n=>o.of(1).pipe("welcome"===n.type?c.tap():c.delay(1e3),c.mergeMap((()=>r.fetch(e,t).then((e=>function(e,t){if(!e)return Promise.resolve([]);const r=Array.isArray(e)?e:[e],n=r.filter((e=>!e._id.startsWith("drafts."))).map(f);return t.fetch("*[_id in $ids]",{ids:n}).then((e=>{const t=r.map((t=>e.find((e=>e._id===f(t)))||t));return y.default(t,"_id")})).catch((e=>{throw new Error("Problems fetching docs ".concat(n,". Error: ").concat(e.message))}))}(e,r))).catch((r=>{if(r.message.startsWith("Problems fetching docs"))throw r;throw new Error("Query failed ".concat(e," and ").concat(JSON.stringify(t),". Error: ").concat(r.message))}))))))))}const h={title:"Last created",order:"_createdAt desc",limit:10,queryParams:{},showCreateButton:!0,apiVersion:"v1"};function b(e){const{query:r,limit:o,apiVersion:c,queryParams:u,types:p,order:y,title:f,showCreateButton:b,createButtonText:g}=t(t({},h),e),[x,w]=i.useState(),[O,v]=i.useState(!0),[P,q]=i.useState(),_=s.useClient({apiVersion:c}),S=s.useSchema(),{assembledQuery:C,params:E}=i.useMemo((()=>{if(r)return{assembledQuery:r,params:u};const e=S.getTypeNames().filter((e=>{var t;const r=S.get(e);return"document"===(null==(t=null==r?void 0:r.type)?void 0:t.name)}));return{assembledQuery:"*[_type in $types] | order(".concat(y,") [0...").concat(2*o,"]"),params:{types:p?a.intersection(p,e):e}}}),[S,r,u,y,o,p]);return i.useEffect((()=>{if(!C)return;const e=m(C,E,_).subscribe({next:e=>{w(e.slice(0,o)),v(!1)},error:e=>{q(e),v(!1)}});return()=>{e.unsubscribe()}}),[o,_,C,E]),n.jsx(l.DashboardWidgetContainer,{header:f,footer:p&&1===p.length&&b&&n.jsx(s.IntentButton,{mode:"bleed",style:{width:"100%"},paddingX:2,paddingY:4,tone:"primary",type:"button",intent:"create",params:{type:p[0]},text:g||"Create new ".concat(p[0])}),children:n.jsxs(d.Card,{children:[P&&n.jsx("div",{children:P.message}),!P&&O&&n.jsx(d.Card,{padding:4,children:n.jsx(d.Flex,{justify:"center",children:n.jsx(d.Spinner,{muted:!0})})}),!P&&!x&&!O&&n.jsx("div",{children:"Could not locate any documents :/"}),n.jsx(d.Stack,{space:2,children:x&&x.map((e=>n.jsx(j,{doc:e},e._id)))})]})})}function j(e){let{doc:t}=e;const r=s.useSchema().get(t._type);return n.jsx(d.Card,{flex:1,children:n.jsx(s.IntentButton,{intent:"edit",mode:"bleed",padding:1,radius:0,params:{type:t._type,id:s.getPublishedId(t._id)},style:{width:"100%"},children:r?n.jsx(s.Preview,{layout:"default",schemaType:r,value:t},t._id):"Schema-type missing"})})}exports.documentListWidget=function(e){return{name:"document-list-widget",component:function(){return n.jsx(b,t({},e))},layout:e.layout}};
+//# sourceMappingURL=index.js.map

package/lib/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/index.js"],"names":["name","component","DocumentList"],"mappings":";;;;;;;AAAA;;;;eAEe;AACbA,EAAAA,IAAI,EAAE,eADO;AAEbC,EAAAA,SAAS,EAAEC;AAFE,C","sourcesContent":["import DocumentList from './DocumentList'\n\nexport default {\n  name: 'document-list',\n  component: DocumentList\n}\n"],"file":"index.js"}
+{"version":3,"file":"index.js","sources":["../src/sanityConnector.ts","../src/DocumentList.tsx","../src/plugin.tsx"],"sourcesContent":["import {Observable, of as observableOf} from 'rxjs'\nimport {delay, mergeMap, switchMap, tap} from 'rxjs/operators'\nimport uniqBy from 'lodash/uniqBy'\nimport {SanityClient} from '@sanity/client'\nimport {SanityDocument} from 'sanity'\n\nconst draftId = (nonDraftDoc: SanityDocument) => `drafts.${nonDraftDoc._id}`\n\nfunction prepareDocumentList(\n  incoming: SanityDocument | SanityDocument[],\n  client: SanityClient\n): Promise<SanityDocument[]> {\n  if (!incoming) {\n    return Promise.resolve([])\n  }\n  const documents = Array.isArray(incoming) ? incoming : [incoming]\n\n  const ids = documents.filter((doc) => !doc._id.startsWith('drafts.')).map(draftId)\n\n  return client\n    .fetch<SanityDocument[]>('*[_id in $ids]', {ids})\n    .then((drafts) => {\n      const outgoing = documents.map((doc) => {\n        const foundDraft = drafts.find((draft) => draft._id === draftId(doc))\n        return foundDraft || doc\n      })\n      return uniqBy(outgoing, '_id')\n    })\n    .catch((error) => {\n      throw new Error(`Problems fetching docs ${ids}. Error: ${error.message}`)\n    })\n}\n\nexport function getSubscription(\n  query: string,\n  params: Record<string, any>,\n  client: SanityClient\n): Observable<SanityDocument[]> {\n  return client\n    .listen(query, params, {\n      events: ['welcome', 'mutation'],\n      includeResult: false,\n      visibility: 'query',\n    })\n    .pipe(\n      switchMap((event) => {\n        return observableOf(1).pipe(\n          event.type === 'welcome' ? tap() : delay(1000),\n          mergeMap(() =>\n            client\n              .fetch(query, params)\n              .then((incoming) => {\n                return prepareDocumentList(incoming, client)\n              })\n              .catch((error) => {\n                if (error.message.startsWith('Problems fetching docs')) {\n                  throw error\n                }\n                throw new Error(\n                  `Query failed ${query} and ${JSON.stringify(params)}. Error: ${error.message}`\n                )\n              })\n          )\n        )\n      })\n    )\n}\n","import React, {useEffect, useMemo, useState} from 'react'\nimport {getPublishedId, useClient, useSchema} from 'sanity'\nimport {intersection} from 'lodash'\nimport {getSubscription} from './sanityConnector'\nimport {SanityDocument, IntentButton, Preview} from 'sanity'\nimport {Card, Flex, Spinner, Stack} from '@sanity/ui'\nimport {DashboardWidgetContainer} from '@sanity/dashboard'\n\nexport interface DocumentListConfig {\n  title?: string\n  types?: string[]\n  query?: string\n  queryParams?: Record<string, any>\n  order?: string\n  limit?: number\n  showCreateButton?: boolean\n  createButtonText?: string\n  apiVersion?: string\n}\n\nconst defaultProps = {\n  title: 'Last created',\n  order: '_createdAt desc',\n  limit: 10,\n  queryParams: {},\n  showCreateButton: true,\n  apiVersion: 'v1',\n}\n\nexport function DocumentList(props: DocumentListConfig) {\n  const {\n    query,\n    limit,\n    apiVersion,\n    queryParams,\n    types,\n    order,\n    title,\n    showCreateButton,\n    createButtonText,\n  } = {\n    ...defaultProps,\n    ...props,\n  }\n\n  const [documents, setDocuments] = useState<SanityDocument[] | undefined>()\n  const [loading, setLoading] = useState<boolean>(true)\n  const [error, setError] = useState<Error | undefined>()\n\n  const versionedClient = useClient({apiVersion})\n  const schema = useSchema()\n\n  const {assembledQuery, params} = useMemo(() => {\n    if (query) {\n      return {assembledQuery: query, params: queryParams}\n    }\n\n    const documentTypes = schema.getTypeNames().filter((typeName) => {\n      const schemaType = schema.get(typeName)\n      return schemaType?.type?.name === 'document'\n    })\n\n    return {\n      assembledQuery: `*[_type in $types] | order(${order}) [0...${limit * 2}]`,\n      params: {types: types ? intersection(types, documentTypes) : documentTypes},\n    }\n  }, [schema, query, queryParams, order, limit, types])\n\n  useEffect(() => {\n    if (!assembledQuery) {\n      return\n    }\n\n    const subscription = getSubscription(assembledQuery, params, versionedClient).subscribe({\n      next: (d) => {\n        setDocuments(d.slice(0, limit))\n        setLoading(false)\n      },\n      error: (e) => {\n        setError(e)\n        setLoading(false)\n      },\n    })\n    // eslint-disable-next-line consistent-return\n    return () => {\n      subscription.unsubscribe()\n    }\n  }, [limit, versionedClient, assembledQuery, params])\n\n  return (\n    <DashboardWidgetContainer\n      header={title}\n      footer={\n        types &&\n        types.length === 1 &&\n        showCreateButton && (\n          <IntentButton\n            mode=\"bleed\"\n            style={{width: '100%'}}\n            paddingX={2}\n            paddingY={4}\n            tone=\"primary\"\n            type=\"button\"\n            intent=\"create\"\n            params={{type: types[0]}}\n            text={createButtonText || `Create new ${types[0]}`}\n          />\n        )\n      }\n    >\n      <Card>\n        {error && <div>{error.message}</div>}\n        {!error && loading && (\n          <Card padding={4}>\n            <Flex justify=\"center\">\n              <Spinner muted />\n            </Flex>\n          </Card>\n        )}\n        {!error && !documents && !loading && <div>Could not locate any documents :/</div>}\n        <Stack space={2}>\n          {documents && documents.map((doc) => <MenuEntry key={doc._id} doc={doc} />)}\n        </Stack>\n      </Card>\n    </DashboardWidgetContainer>\n  )\n}\n\nfunction MenuEntry({doc}: {doc: SanityDocument}) {\n  const schema = useSchema()\n  const type = schema.get(doc._type)\n  return (\n    <Card flex={1}>\n      <IntentButton\n        intent=\"edit\"\n        mode=\"bleed\"\n        padding={1}\n        radius={0}\n        params={{\n          type: doc._type,\n          id: getPublishedId(doc._id),\n        }}\n        style={{width: '100%'}}\n      >\n        {type ? (\n          <Preview layout=\"default\" schemaType={type} value={doc} key={doc._id} />\n        ) : (\n          'Schema-type missing'\n        )}\n      </IntentButton>\n    </Card>\n  )\n}\n\nexport default DocumentList\n","import DocumentList, {DocumentListConfig} from './DocumentList'\nimport React from 'react'\nimport {LayoutConfig, DashboardWidget} from '@sanity/dashboard'\n\nexport interface DocumentListWidgetConfig extends DocumentListConfig {\n  layout?: LayoutConfig\n}\n\nexport function documentListWidget(config: DocumentListWidgetConfig): DashboardWidget {\n  return {\n    name: 'document-list-widget',\n    component: function component() {\n      return <DocumentList {...config} />\n    },\n    layout: config.layout,\n  }\n}\n"],"names":["draftId","nonDraftDoc","_id","getSubscription","query","params","client","listen","events","includeResult","visibility","pipe","switchMap","event","observableOf","of","type","tap","delay","mergeMap","fetch","then","incoming","Promise","resolve","documents","Array","isArray","ids","filter","doc","startsWith","map","drafts","outgoing","find","draft","uniqBy","catch","error","Error","message","prepareDocumentList","JSON","stringify","defaultProps","title","order","limit","queryParams","showCreateButton","apiVersion","DocumentList","props","types","createButtonText","setDocuments","useState","loading","setLoading","setError","versionedClient","useClient","schema","useSchema","assembledQuery","useMemo","documentTypes","getTypeNames","typeName","_a","schemaType","get","name","concat","intersection","useEffect","subscription","subscribe","next","d","slice","e","unsubscribe","jsx","DashboardWidgetContainer","header","footer","length","IntentButton","mode","style","width","paddingX","paddingY","tone","intent","text","children","jsxs","Card","padding","Flex","justify","Spinner","muted","Stack","space","MenuEntry","_ref","_type","flex","radius","id","getPublishedId","Preview","layout","value","config","component","_objectSpread"],"mappings":"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"}

package/lib/src/index.d.ts

@@ -0,0 +1,24 @@
+/// <reference types="react" />
+
+import {DashboardWidget} from '@sanity/dashboard'
+import {LayoutConfig} from '@sanity/dashboard'
+
+declare interface DocumentListConfig {
+  title?: string
+  types?: string[]
+  query?: string
+  queryParams?: Record<string, any>
+  order?: string
+  limit?: number
+  showCreateButton?: boolean
+  createButtonText?: string
+  apiVersion?: string
+}
+
+export declare function documentListWidget(config: DocumentListWidgetConfig): DashboardWidget
+
+export declare interface DocumentListWidgetConfig extends DocumentListConfig {
+  layout?: LayoutConfig
+}
+
+export {}

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "sanity-plugin-dashboard-widget-document-list",
-  "version": "0.1.0",
-  "description": "Example dashboard widget for Sanity Content Studio",
+  "version": "1.0.1",
+  "description": "> **NOTE**",
   "keywords": [
     "sanity",
     "plugin",
@@ -20,33 +20,76 @@
   },
   "license": "MIT",
   "author": "Sanity.io <hello@sanity.io>",
-  "main": "lib/index.js",
+  "exports": {
+    ".": {
+      "types": "./lib/src/index.d.ts",
+      "source": "./src/index.ts",
+      "import": "./lib/index.esm.js",
+      "require": "./lib/index.js",
+      "default": "./lib/index.esm.js"
+    },
+    "./package.json": "./package.json"
+  },
+  "main": "./lib/index.js",
+  "module": "./lib/index.esm.js",
+  "source": "./src/index.ts",
+  "types": "./lib/src/index.d.ts",
+  "files": [
+    "src",
+    "lib",
+    "v2-incompatible.js",
+    "sanity.json"
+  ],
   "scripts": {
-    "prebuild": "npm run clean",
-    "build": "sanipack build",
+    "prebuild": "npm run clean && plugin-kit verify-package --silent && pkg-utils",
+    "build": "pkg-utils build --strict",
     "clean": "rimraf lib",
-    "prepublishOnly": "npm run build && npm test",
-    "test": "sanipack verify"
+    "compile": "tsc --noEmit",
+    "link-watch": "plugin-kit link-watch",
+    "lint": "eslint .",
+    "prepare": "husky install",
+    "prepublishOnly": "npm run build",
+    "watch": "pkg-utils watch"
   },
   "dependencies": {
+    "@sanity/incompatible-plugin": "^1.0.4",
+    "@sanity/ui": "^1.0.0",
     "lodash": "^4.17.15",
-    "prop-types": "^15.7.2",
     "rxjs": "^6.0.0"
   },
   "devDependencies": {
-    "@commitlint/cli": "^17.1.2",
-    "@commitlint/config-conventional": "^17.1.0",
-    "@sanity/semantic-release-preset": "^2.0.1",
-    "babel-eslint": "^7.2.3",
-    "eslint": "^4.3.0",
-    "eslint-config-sanity": "^2.1.4",
-    "eslint-plugin-react": "^7.1.0",
-    "rimraf": "^2.7.1",
-    "sanipack": "^1.0.8"
+    "@commitlint/cli": "^17.2.0",
+    "@commitlint/config-conventional": "^17.2.0",
+    "@sanity/dashboard": "^3.0.0-v3-studio.8",
+    "@sanity/pkg-utils": "^1.17.2",
+    "@sanity/plugin-kit": "^2.1.5",
+    "@sanity/semantic-release-preset": "^2.0.2",
+    "@types/react": "^18",
+    "@typescript-eslint/eslint-plugin": "^5.42.0",
+    "@typescript-eslint/parser": "^5.42.0",
+    "eslint": "^8.26.0",
+    "eslint-config-prettier": "^8.5.0",
+    "eslint-config-sanity": "^6.0.0",
+    "eslint-plugin-prettier": "^4.2.1",
+    "eslint-plugin-react": "^7.31.10",
+    "eslint-plugin-react-hooks": "^4.6.0",
+    "husky": "^8.0.1",
+    "lint-staged": "^13.0.3",
+    "prettier": "^2.7.1",
+    "prettier-plugin-packagejson": "^2.3.0",
+    "react": "^18",
+    "rimraf": "^3.0.2",
+    "sanity": "^3.0.0",
+    "typescript": "^4.8.4"
   },
   "peerDependencies": {
-    "@sanity/base": ">=1",
-    "react": "^16 || ^17"
+    "@sanity/dashboard": "^3.0.0-v3-studio.8",
+    "react": "^18",
+    "sanity": "^3.0.0"
+  },
+  "engines": {
+    "node": ">=14"
   },
-  "public": true
+  "public": true,
+  "sanityExchangeUrl": "https://www.sanity.io/plugins/sanity-plugin-dashboard-widget-document-list"
 }

package/sanity.json

@@ -1,12 +1,8 @@
 {
-  "paths": {
-    "source": "./src",
-    "compiled": "./lib"
-  },
   "parts": [
     {
-      "implements": "part:@sanity/dashboard/widget",
-      "path": "index.js"
+      "implements": "part:@sanity/base/sanity-root",
+      "path": "./v2-incompatible.js"
     }
   ]
 }

package/src/DocumentList.tsx

@@ -0,0 +1,155 @@
+import React, {useEffect, useMemo, useState} from 'react'
+import {getPublishedId, useClient, useSchema} from 'sanity'
+import {intersection} from 'lodash'
+import {getSubscription} from './sanityConnector'
+import {SanityDocument, IntentButton, Preview} from 'sanity'
+import {Card, Flex, Spinner, Stack} from '@sanity/ui'
+import {DashboardWidgetContainer} from '@sanity/dashboard'
+
+export interface DocumentListConfig {
+  title?: string
+  types?: string[]
+  query?: string
+  queryParams?: Record<string, any>
+  order?: string
+  limit?: number
+  showCreateButton?: boolean
+  createButtonText?: string
+  apiVersion?: string
+}
+
+const defaultProps = {
+  title: 'Last created',
+  order: '_createdAt desc',
+  limit: 10,
+  queryParams: {},
+  showCreateButton: true,
+  apiVersion: 'v1',
+}
+
+export function DocumentList(props: DocumentListConfig) {
+  const {
+    query,
+    limit,
+    apiVersion,
+    queryParams,
+    types,
+    order,
+    title,
+    showCreateButton,
+    createButtonText,
+  } = {
+    ...defaultProps,
+    ...props,
+  }
+
+  const [documents, setDocuments] = useState<SanityDocument[] | undefined>()
+  const [loading, setLoading] = useState<boolean>(true)
+  const [error, setError] = useState<Error | undefined>()
+
+  const versionedClient = useClient({apiVersion})
+  const schema = useSchema()
+
+  const {assembledQuery, params} = useMemo(() => {
+    if (query) {
+      return {assembledQuery: query, params: queryParams}
+    }
+
+    const documentTypes = schema.getTypeNames().filter((typeName) => {
+      const schemaType = schema.get(typeName)
+      return schemaType?.type?.name === 'document'
+    })
+
+    return {
+      assembledQuery: `*[_type in $types] | order(${order}) [0...${limit * 2}]`,
+      params: {types: types ? intersection(types, documentTypes) : documentTypes},
+    }
+  }, [schema, query, queryParams, order, limit, types])
+
+  useEffect(() => {
+    if (!assembledQuery) {
+      return
+    }
+
+    const subscription = getSubscription(assembledQuery, params, versionedClient).subscribe({
+      next: (d) => {
+        setDocuments(d.slice(0, limit))
+        setLoading(false)
+      },
+      error: (e) => {
+        setError(e)
+        setLoading(false)
+      },
+    })
+    // eslint-disable-next-line consistent-return
+    return () => {
+      subscription.unsubscribe()
+    }
+  }, [limit, versionedClient, assembledQuery, params])
+
+  return (
+    <DashboardWidgetContainer
+      header={title}
+      footer={
+        types &&
+        types.length === 1 &&
+        showCreateButton && (
+          <IntentButton
+            mode="bleed"
+            style={{width: '100%'}}
+            paddingX={2}
+            paddingY={4}
+            tone="primary"
+            type="button"
+            intent="create"
+            params={{type: types[0]}}
+            text={createButtonText || `Create new ${types[0]}`}
+          />
+        )
+      }
+    >
+      <Card>
+        {error && <div>{error.message}</div>}
+        {!error && loading && (
+          <Card padding={4}>
+            <Flex justify="center">
+              <Spinner muted />
+            </Flex>
+          </Card>
+        )}
+        {!error && !documents && !loading && <div>Could not locate any documents :/</div>}
+        <Stack space={2}>
+          {documents && documents.map((doc) => <MenuEntry key={doc._id} doc={doc} />)}
+        </Stack>
+      </Card>
+    </DashboardWidgetContainer>
+  )
+}
+
+function MenuEntry({doc}: {doc: SanityDocument}) {
+  const schema = useSchema()
+  const type = schema.get(doc._type)
+  return (
+    <Card flex={1}>
+      <IntentButton
+        intent="edit"
+        mode="bleed"
+        padding={1}
+        radius={0}
+        params={{
+          type: doc._type,
+          id: getPublishedId(doc._id),
+        }}
+        style={{width: '100%'}}
+      >
+        {type ? (
+          <Preview layout="default" schemaType={type} value={doc} key={doc._id} />
+        ) : (
+          'Schema-type missing'
+        )}
+      </IntentButton>
+    </Card>
+  )
+}
+
+export default DocumentList

package/src/index.ts

@@ -0,0 +1 @@
+export {documentListWidget, type DocumentListWidgetConfig} from './plugin'

package/src/plugin.tsx

@@ -0,0 +1,17 @@
+import DocumentList, {DocumentListConfig} from './DocumentList'
+import React from 'react'
+import {LayoutConfig, DashboardWidget} from '@sanity/dashboard'
+
+export interface DocumentListWidgetConfig extends DocumentListConfig {
+  layout?: LayoutConfig
+}
+
+export function documentListWidget(config: DocumentListWidgetConfig): DashboardWidget {
+  return {
+    name: 'document-list-widget',
+    component: function component() {
+      return <DocumentList {...config} />
+    },
+    layout: config.layout,
+  }
+}

package/src/sanityConnector.ts

@@ -0,0 +1,67 @@
+import {Observable, of as observableOf} from 'rxjs'
+import {delay, mergeMap, switchMap, tap} from 'rxjs/operators'
+import uniqBy from 'lodash/uniqBy'
+import {SanityClient} from '@sanity/client'
+import {SanityDocument} from 'sanity'
+
+const draftId = (nonDraftDoc: SanityDocument) => `drafts.${nonDraftDoc._id}`
+
+function prepareDocumentList(
+  incoming: SanityDocument | SanityDocument[],
+  client: SanityClient
+): Promise<SanityDocument[]> {
+  if (!incoming) {
+    return Promise.resolve([])
+  }
+  const documents = Array.isArray(incoming) ? incoming : [incoming]
+
+  const ids = documents.filter((doc) => !doc._id.startsWith('drafts.')).map(draftId)
+
+  return client
+    .fetch<SanityDocument[]>('*[_id in $ids]', {ids})
+    .then((drafts) => {
+      const outgoing = documents.map((doc) => {
+        const foundDraft = drafts.find((draft) => draft._id === draftId(doc))
+        return foundDraft || doc
+      })
+      return uniqBy(outgoing, '_id')
+    })
+    .catch((error) => {
+      throw new Error(`Problems fetching docs ${ids}. Error: ${error.message}`)
+    })
+}
+
+export function getSubscription(
+  query: string,
+  params: Record<string, any>,
+  client: SanityClient
+): Observable<SanityDocument[]> {
+  return client
+    .listen(query, params, {
+      events: ['welcome', 'mutation'],
+      includeResult: false,
+      visibility: 'query',
+    })
+    .pipe(
+      switchMap((event) => {
+        return observableOf(1).pipe(
+          event.type === 'welcome' ? tap() : delay(1000),
+          mergeMap(() =>
+            client
+              .fetch(query, params)
+              .then((incoming) => {
+                return prepareDocumentList(incoming, client)
+              })
+              .catch((error) => {
+                if (error.message.startsWith('Problems fetching docs')) {
+                  throw error
+                }
+                throw new Error(
+                  `Query failed ${query} and ${JSON.stringify(params)}. Error: ${error.message}`
+                )
+              })
+          )
+        )
+      })
+    )
+}

package/v2-incompatible.js

@@ -0,0 +1,11 @@
+const {showIncompatiblePluginDialog} = require('@sanity/incompatible-plugin')
+const {name, version, sanityExchangeUrl} = require('./package.json')
+
+export default showIncompatiblePluginDialog({
+  name: name,
+  versions: {
+    v3: version,
+    v2: '^0.0.13',
+  },
+  sanityExchangeUrl,
+})

package/.github/workflows/main.yml

@@ -1,133 +0,0 @@
----
-name: CI & Release
-
-# Workflow name based on selected inputs. Fallback to default Github naming when expression evaluates to empty string
-run-name: >-
-  ${{
-    inputs.release && inputs.test && format('Build {0} ➤ Test ➤ Publish to NPM', github.ref_name)  ||
-    inputs.release && !inputs.test && format('Build {0} ➤ Skip Tests ➤ Publish to NPM', github.ref_name) ||
-    github.event_name == 'workflow_dispatch' && inputs.test && format('Build {0} ➤ Test', github.ref_name) ||
-    github.event_name == 'workflow_dispatch' && !inputs.test && format('Build {0} ➤ Skip Tests', github.ref_name) ||
-    ''
-  }}
-
-on:
-  # Build on pushes branches that have a PR (including drafts)
-  pull_request:
-  # Build on commits pushed to branches without a PR if it's in the allowlist
-  push:
-    branches: [main,studio-v2]
-  # https://docs.github.com/en/actions/managing-workflow-runs/manually-running-a-workflow
-  workflow_dispatch:
-    inputs:
-      test:
-        description: Run tests
-        required: true
-        default: true
-        type: boolean
-      release:
-        description: Release new version
-        required: true
-        default: false
-        type: boolean
-
-concurrency:
-  # On PRs builds will cancel if new pushes happen before the CI completes, as it defines `github.head_ref` and gives it the name of the branch the PR wants to merge into
-  # Otherwise `github.run_id` ensures that you can quickly merge a queue of PRs without causing tests to auto cancel on any of the commits pushed to main.
-  group: ${{ github.workflow }}-${{ github.head_ref || github.run_id }}
-  cancel-in-progress: true
-
-jobs:
-  log-the-inputs:
-    name: Log inputs
-    runs-on: ubuntu-latest
-    steps:
-      - run: |
-          echo "Inputs: $INPUTS"
-        env:
-          INPUTS: ${{ toJSON(inputs) }}
-
-  build:
-    runs-on: ubuntu-latest
-    name: Lint & Build
-    steps:
-      - uses: actions/checkout@93ea575cb5d8a053eaa0ac8fa3b40d7e05a33cc8 # tag=v3
-      - uses: actions/setup-node@8c91899e586c5b171469028077307d293428b516 # tag=v3
-        with:
-          cache: npm
-          node-version: lts/*
-      - run: npm ci
-        # Linting can be skipped
-      - run: npm run lint --if-present
-        if: github.event.inputs.test != 'false'
-        # But not the build script, as semantic-release will crash if this command fails so it makes sense to test it early
-      - run: npm run prepublishOnly --if-present
-
-  #  test:
-  #    needs: build
-  #    # The test matrix can be skipped, in case a new release needs to be fast-tracked and tests are already passing on main
-  #    if: github.event.inputs.test != 'false'
-  #    runs-on: ${{ matrix.os }}
-  #    name: Node.js ${{ matrix.node }} / ${{ matrix.os }}
-  #    strategy:
-  #      # A test failing on windows doesn't mean it'll fail on macos. It's useful to let all tests run to its completion to get the full picture
-  #      fail-fast: false
-  #      matrix:
-  #        # Run the testing suite on each major OS with the latest LTS release of Node.js
-  #        os: [macos-latest, ubuntu-latest, windows-latest]
-  #        node: [lts/*]
-  #        # It makes sense to also test the oldest, and latest, versions of Node.js, on ubuntu-only since it's the fastest CI runner
-  #        include:
-  #          - os: ubuntu-latest
-  #            # Test the oldest LTS release of Node that's still receiving bugfixes and security patches, versions older than that have reached End-of-Life
-  #            node: lts/-2
-  #          - os: ubuntu-latest
-  #            # Test the actively developed version that will become the latest LTS release next October
-  #            node: current
-  #    steps:
-  #      # It's only necessary to do this for windows, as mac and ubuntu are sane OS's that already use LF
-  #      - name: Set git to use LF
-  #        if: matrix.os == 'windows-latest'
-  #        run: |
-  #          git config --global core.autocrlf false
-  #          git config --global core.eol lf
-  #      - uses: actions/checkout@93ea575cb5d8a053eaa0ac8fa3b40d7e05a33cc8 # tag=v3
-  #      - uses: actions/setup-node@8c91899e586c5b171469028077307d293428b516 # tag=v3
-  #        with:
-  #          cache: npm
-  #          node-version: ${{ matrix.node }}
-  #      - run: npm i
-  #      - run: npm test --if-present
-
-  release:
-    # needs: [build, test]
-    needs: [build]
-    # only run if opt-in during workflow_dispatch
-    if: always() && github.event.inputs.release == 'true' && needs.build.result != 'failure' && needs.test.result != 'failure' && needs.test.result != 'cancelled'
-    runs-on: ubuntu-latest
-    name: Semantic release
-    steps:
-      - uses: actions/checkout@93ea575cb5d8a053eaa0ac8fa3b40d7e05a33cc8 # tag=v3
-        with:
-          # Need to fetch entire commit history to
-          # analyze every commit since last release
-          fetch-depth: 0
-      - uses: actions/setup-node@8c91899e586c5b171469028077307d293428b516 # tag=v3
-        with:
-          cache: npm
-          node-version: lts/*
-      - run: npm ci
-        # Branches that will release new versions are defined in .releaserc.json
-      - run: npx semantic-release
-        # Don't allow interrupting the release step if the job is cancelled, as it can lead to an inconsistent state
-        # e.g. git tags were pushed but it exited before `npm publish`
-        if: always()
-        env:
-          GITHUB_TOKEN: ${{ secrets.GITHUB_TOKEN }}
-          NPM_TOKEN: ${{ secrets.NPM_PUBLISH_TOKEN }}
-        # Re-run semantic release with rich logs if it failed to publish for easier debugging
-      - run: npx semantic-release --dry-run --debug
-        if: failure()
-        env:
-          GITHUB_TOKEN: ${{ secrets.GITHUB_TOKEN }}
-          NPM_TOKEN: ${{ secrets.NPM_PUBLISH_TOKEN }}

package/.releaserc.json

@@ -1,7 +0,0 @@
-{
-  "extends": "@sanity/semantic-release-preset",
-  "branches": [
-    "main",
-    { "name": "studio-v2", "channel": "studio-v2", "range": "0.1.x" }
-  ]
-}

package/CHANGELOG.md

@@ -1,18 +0,0 @@
-<!-- markdownlint-disable --><!-- textlint-disable -->
-
-# 📓 Changelog
-
-All notable changes to this project will be documented in this file. See
-[Conventional Commits](https://conventionalcommits.org) for commit guidelines.
-
-## [0.1.0](https://github.com/sanity-io/dashboard-widget-document-list/compare/v0.0.13...v0.1.0) (2022-11-22)
-
-### Features
-
-- make semantic-release happy (not really a feat) ([afe6342](https://github.com/sanity-io/dashboard-widget-document-list/commit/afe634251827e4651422ea82e4841954447d2e35))
-
-### Bug Fixes
-
-- added workflow so it can be triggered from v3 ([1fcacd7](https://github.com/sanity-io/dashboard-widget-document-list/commit/1fcacd76267754c7a8c8480ceb04d10c3fda981b))
-- **ci:** publish using semantic-release ([8f5b196](https://github.com/sanity-io/dashboard-widget-document-list/commit/8f5b1964c484552bc712d88c962c94f9cf150004))
-- typo ([3929617](https://github.com/sanity-io/dashboard-widget-document-list/commit/39296177e02b56c4748eff1fcaabcd275e746c06))

package/lib/DocumentList.css

@@ -1,34 +0,0 @@
-@import 'part:@sanity/base/theme/variables-style';
-
-.container {
-  composes: container from "part:@sanity/dashboard/widget-styles";
-}
-
-.header {
-  composes: header from "part:@sanity/dashboard/widget-styles";
-}
-
-.title {
-  composes: title from "part:@sanity/dashboard/widget-styles";
-}
-
-.content {
-  composes: content from 'part:@sanity/dashboard/widget-styles';
-  border-top: 1px solid var(--hairline-color);
-  padding: var(--small-padding) 0;
-}
-
-.link {
-  composes: item from 'part:@sanity/base/theme/layout/selectable-style';
-  display: block;
-  color: inherit;
-  text-decoration: inherit;
-  outline: none;
-  padding: var(--small-padding) var(--medium-padding);
-  height: 100%;
-}
-
-.footer {
-  composes: footer from 'part:@sanity/dashboard/widget-styles';
-  border-top: 1px solid var(--hairline-color);
-}

package/lib/DocumentList.js

@@ -1,196 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-
-var _react = _interopRequireDefault(require("react"));
-
-var _propTypes = _interopRequireDefault(require("prop-types"));
-
-var _router = require("part:@sanity/base/router");
-
-var _preview = _interopRequireDefault(require("part:@sanity/base/preview"));
-
-var _spinner = _interopRequireDefault(require("part:@sanity/components/loading/spinner"));
-
-var _schema = _interopRequireDefault(require("part:@sanity/base/schema"));
-
-var _intent = _interopRequireDefault(require("part:@sanity/components/buttons/intent"));
-
-var _default2 = require("part:@sanity/components/lists/default");
-
-var _draftUtils = require("part:@sanity/base/util/draft-utils");
-
-var _lodash = require("lodash");
-
-var _sanityConnector = require("./sanityConnector");
-
-var _DocumentList = _interopRequireDefault(require("./DocumentList.css"));
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
-function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
-
-var schemaTypeNames = _schema.default.getTypeNames();
-
-class DocumentList extends _react.default.Component {
-  constructor() {
-    super(...arguments);
-
-    _defineProperty(this, "state", {
-      documents: null,
-      loading: true,
-      error: null
-    });
-
-    _defineProperty(this, "componentDidMount", () => {
-      var _this$props = this.props,
-          query = _this$props.query,
-          limit = _this$props.limit,
-          apiVersion = _this$props.apiVersion;
-
-      var _this$assembleQuery = this.assembleQuery(),
-          assembledQuery = _this$assembleQuery.assembledQuery,
-          params = _this$assembleQuery.params;
-
-      if (!assembledQuery) {
-        return;
-      }
-
-      this.unsubscribe();
-      this.subscription = (0, _sanityConnector.getSubscription)(assembledQuery, params, apiVersion).subscribe({
-        next: documents => this.setState({
-          documents: documents.slice(0, limit),
-          loading: false
-        }),
-        error: _error => this.setState({
-          error: _error,
-          query,
-          loading: false
-        })
-      });
-    });
-
-    _defineProperty(this, "assembleQuery", () => {
-      var _this$props2 = this.props,
-          query = _this$props2.query,
-          queryParams = _this$props2.queryParams,
-          types = _this$props2.types,
-          order = _this$props2.order,
-          limit = _this$props2.limit;
-
-      if (query) {
-        return {
-          assembledQuery: query,
-          params: queryParams
-        };
-      }
-
-      var documentTypes = schemaTypeNames.filter(typeName => {
-        var schemaType = _schema.default.get(typeName);
-
-        return schemaType.type && schemaType.type.name === 'document';
-      });
-      return {
-        assembledQuery: "*[_type in $types] | order(".concat(order, ") [0...").concat(limit * 2, "]"),
-        params: {
-          types: types ? (0, _lodash.intersection)(types, documentTypes) : documentTypes
-        }
-      };
-    });
-  }
-
-  componentWillUnmount() {
-    this.unsubscribe();
-  }
-
-  unsubscribe() {
-    if (this.subscription) {
-      this.subscription.unsubscribe();
-    }
-  }
-
-  render() {
-    var _this$props3 = this.props,
-        title = _this$props3.title,
-        types = _this$props3.types,
-        showCreateButton = _this$props3.showCreateButton,
-        createButtonText = _this$props3.createButtonText;
-    var _this$state = this.state,
-        documents = _this$state.documents,
-        loading = _this$state.loading,
-        error = _this$state.error;
-    return /*#__PURE__*/_react.default.createElement("div", {
-      className: _DocumentList.default.container
-    }, /*#__PURE__*/_react.default.createElement("header", {
-      className: _DocumentList.default.header
-    }, /*#__PURE__*/_react.default.createElement("h2", {
-      className: _DocumentList.default.title
-    }, title)), /*#__PURE__*/_react.default.createElement("div", {
-      className: _DocumentList.default.content
-    }, error && /*#__PURE__*/_react.default.createElement("div", null, error.message), !error && loading && /*#__PURE__*/_react.default.createElement(_spinner.default, {
-      center: true,
-      message: "Loading..."
-    }), !error && !documents && !loading && /*#__PURE__*/_react.default.createElement("div", null, "Could not locate any documents :/"), /*#__PURE__*/_react.default.createElement(_default2.List, null, documents && documents.map(doc => {
-      var type = _schema.default.get(doc._type);
-
-      return /*#__PURE__*/_react.default.createElement(_default2.Item, {
-        key: doc._id
-      }, /*#__PURE__*/_react.default.createElement(_router.IntentLink, {
-        intent: "edit",
-        params: {
-          type: doc._type,
-          id: (0, _draftUtils.getPublishedId)(doc._id)
-        },
-        className: _DocumentList.default.link
-      }, /*#__PURE__*/_react.default.createElement(_preview.default, {
-        layout: "default",
-        type: type,
-        value: doc,
-        key: doc._id
-      })));
-    }))), types && types.length === 1 && showCreateButton && /*#__PURE__*/_react.default.createElement("div", {
-      className: _DocumentList.default.footer
-    }, /*#__PURE__*/_react.default.createElement(_intent.default, {
-      bleed: true,
-      color: "primary",
-      kind: "simple",
-      intent: "create",
-      params: {
-        type: types[0]
-      }
-    }, createButtonText || "Create new ".concat(types[0]))));
-  }
-
-}
-
-_defineProperty(DocumentList, "propTypes", {
-  title: _propTypes.default.string,
-  types: _propTypes.default.arrayOf(_propTypes.default.string),
-  query: _propTypes.default.string,
-  queryParams: _propTypes.default.object,
-  // eslint-disable-line react/forbid-prop-types
-  order: _propTypes.default.string,
-  limit: _propTypes.default.number,
-  showCreateButton: _propTypes.default.bool,
-  createButtonText: _propTypes.default.string,
-  apiVersion: _propTypes.default.string
-});
-
-_defineProperty(DocumentList, "defaultProps", {
-  title: 'Last created',
-  order: '_createdAt desc',
-  limit: 10,
-  types: null,
-  query: null,
-  queryParams: {},
-  showCreateButton: true,
-  createButtonText: null,
-  apiVersion: 'v1'
-});
-
-var _default = DocumentList;
-exports.default = _default;
-//# sourceMappingURL=DocumentList.js.map

package/lib/DocumentList.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/DocumentList.js"],"names":["schemaTypeNames","schema","getTypeNames","DocumentList","React","Component","documents","loading","error","props","query","limit","apiVersion","assembleQuery","assembledQuery","params","unsubscribe","subscription","subscribe","next","setState","slice","queryParams","types","order","documentTypes","filter","typeName","schemaType","get","type","name","componentWillUnmount","render","title","showCreateButton","createButtonText","state","styles","container","header","content","message","map","doc","_type","_id","id","link","length","footer","PropTypes","string","arrayOf","object","number","bool"],"mappings":"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","sourcesContent":["/* eslint-disable complexity */\nimport React from 'react'\nimport PropTypes from 'prop-types'\nimport {IntentLink} from 'part:@sanity/base/router'\nimport SanityPreview from 'part:@sanity/base/preview'\nimport Spinner from 'part:@sanity/components/loading/spinner'\nimport schema from 'part:@sanity/base/schema'\nimport IntentButton from 'part:@sanity/components/buttons/intent'\nimport {List, Item} from 'part:@sanity/components/lists/default'\nimport {getPublishedId} from 'part:@sanity/base/util/draft-utils'\nimport {intersection} from 'lodash'\nimport {getSubscription} from './sanityConnector'\nimport styles from './DocumentList.css'\n\nconst schemaTypeNames = schema.getTypeNames()\n\nclass DocumentList extends React.Component {\n\n  state = {\n    documents: null,\n    loading: true,\n    error: null\n  }\n\n  static propTypes = {\n    title: PropTypes.string,\n    types: PropTypes.arrayOf(PropTypes.string),\n    query: PropTypes.string,\n    queryParams: PropTypes.object, // eslint-disable-line react/forbid-prop-types\n    order: PropTypes.string,\n    limit: PropTypes.number,\n    showCreateButton: PropTypes.bool,\n    createButtonText: PropTypes.string,\n    apiVersion: PropTypes.string\n  }\n\n  static defaultProps = {\n    title: 'Last created',\n    order: '_createdAt desc',\n    limit: 10,\n    types: null,\n    query: null,\n    queryParams: {},\n    showCreateButton: true,\n    createButtonText: null,\n    apiVersion: 'v1'\n  }\n\n  componentDidMount = () => {\n    const {query, limit, apiVersion} = this.props\n    const {assembledQuery, params} = this.assembleQuery()\n    if (!assembledQuery) {\n      return\n    }\n\n    this.unsubscribe()\n    this.subscription = getSubscription(assembledQuery, params, apiVersion)\n      .subscribe({\n        next: documents =>\n          this.setState({documents: documents.slice(0, limit), loading: false}),\n        error: error =>\n          this.setState({error, query, loading: false})\n      })\n  }\n\n  componentWillUnmount() {\n    this.unsubscribe()\n  }\n\n  unsubscribe() {\n    if (this.subscription) {\n      this.subscription.unsubscribe()\n    }\n  }\n\n  assembleQuery = () => {\n    const {query, queryParams, types, order, limit} = this.props\n    if (query) {\n      return {assembledQuery: query, params: queryParams}\n    }\n\n    const documentTypes = schemaTypeNames.filter(typeName => {\n      const schemaType = schema.get(typeName)\n      return schemaType.type && schemaType.type.name === 'document'\n    })\n\n    return {\n      assembledQuery: `*[_type in $types] | order(${order}) [0...${limit * 2}]`,\n      params: {types: types ? intersection(types, documentTypes) : documentTypes}\n    }\n  }\n\n\n  render() {\n    const {title, types, showCreateButton, createButtonText} = this.props\n    const {documents, loading, error} = this.state\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          {error && <div>{error.message}</div>}\n          {!error && loading && <Spinner center message=\"Loading...\" />}\n          {(!error && !documents && !loading) && <div>Could not locate any documents :/</div>}\n          <List>\n            {documents && documents.map(doc => {\n              const type = schema.get(doc._type)\n              return (\n                <Item key={doc._id}>\n                  <IntentLink\n                    intent=\"edit\"\n                    params={{\n                      type: doc._type,\n                      id: getPublishedId(doc._id)\n                    }}\n                    className={styles.link}\n                  >\n                    <SanityPreview layout=\"default\" type={type} value={doc} key={doc._id} />\n                  </IntentLink>\n                </Item>\n              )\n\n            })}\n          </List>\n        </div>\n        {types && types.length === 1 && showCreateButton && (\n          <div className={styles.footer}>\n            <IntentButton bleed color=\"primary\" kind=\"simple\" intent=\"create\" params={{type: types[0]}}>\n              {createButtonText || `Create new ${types[0]}`}\n            </IntentButton>\n          </div>\n        )}\n      </div>\n    )\n  }\n}\n\nexport default DocumentList\n"],"file":"DocumentList.js"}

package/lib/sanityConnector.js

@@ -1,64 +0,0 @@
-"use strict";
-
-var _rxjs = require("rxjs");
-
-var _operators = require("rxjs/operators");
-
-var _lodash = require("lodash");
-
-var _client = _interopRequireDefault(require("part:@sanity/base/client"));
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
-var withConfig = config => {
-  return typeof _client.default.withConfig === 'function' ? _client.default.withConfig(config) : _client.default;
-};
-
-var draftId = nonDraftDoc => "drafts.".concat(nonDraftDoc._id);
-
-var prepareDocumentList = (incoming, apiVersion) => {
-  if (!incoming) {
-    return Promise.resolve([]);
-  }
-
-  var documents = Array.isArray(incoming) ? incoming : [incoming];
-  var ids = documents.filter(doc => !doc._id.startsWith('drafts.')).map(draftId);
-  return withConfig({
-    apiVersion
-  }).fetch('*[_id in $ids]', {
-    ids
-  }).then(drafts => {
-    var outgoing = documents.map(doc => {
-      var foundDraft = drafts.find(draft => draft._id === draftId(doc));
-      return foundDraft || doc;
-    });
-    return (0, _lodash.uniqBy)(outgoing, '_id');
-  }).catch(error => {
-    throw new Error("Problems fetching docs ".concat(ids, ". Error: ").concat(error.message));
-  });
-};
-
-var getSubscription = (query, params, apiVersion) => withConfig({
-  apiVersion
-}).listen(query, params, {
-  events: ['welcome', 'mutation'],
-  includeResult: false,
-  visibility: 'query'
-}).pipe((0, _operators.switchMap)(event => {
-  return (0, _rxjs.of)(1).pipe(event.type === 'welcome' ? (0, _operators.tap)() : (0, _operators.delay)(1000), (0, _operators.mergeMap)(() => withConfig({
-    apiVersion
-  }).fetch(query, params).then(incoming => {
-    return prepareDocumentList(incoming, apiVersion);
-  }).catch(error => {
-    if (error.message.startsWith('Problems fetching docs')) {
-      throw error;
-    }
-
-    throw new Error("Query failed ".concat(query, " and ").concat(JSON.stringify(params), ". Error: ").concat(error.message));
-  })));
-}));
-
-module.exports = {
-  getSubscription
-};
-//# sourceMappingURL=sanityConnector.js.map

package/lib/sanityConnector.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/sanityConnector.js"],"names":["withConfig","config","sanityClient","draftId","nonDraftDoc","_id","prepareDocumentList","incoming","apiVersion","Promise","resolve","documents","Array","isArray","ids","filter","doc","startsWith","map","fetch","then","drafts","outgoing","foundDraft","find","draft","catch","error","Error","message","getSubscription","query","params","listen","events","includeResult","visibility","pipe","event","type","JSON","stringify","module","exports"],"mappings":";;AAAA;;AACA;;AACA;;AACA;;;;AAEA,IAAMA,UAAU,GAAGC,MAAM,IAAI;AAC3B,SAAO,OAAOC,gBAAaF,UAApB,KAAmC,UAAnC,GACHE,gBAAaF,UAAb,CAAwBC,MAAxB,CADG,GAEHC,eAFJ;AAGD,CAJD;;AAMA,IAAMC,OAAO,GAAGC,WAAW,qBAAcA,WAAW,CAACC,GAA1B,CAA3B;;AAEA,IAAMC,mBAAmB,GAAG,CAACC,QAAD,EAAWC,UAAX,KAA0B;AACpD,MAAI,CAACD,QAAL,EAAe;AACb,WAAOE,OAAO,CAACC,OAAR,CAAgB,EAAhB,CAAP;AACD;;AACD,MAAMC,SAAS,GAAGC,KAAK,CAACC,OAAN,CAAcN,QAAd,IAA0BA,QAA1B,GAAqC,CAACA,QAAD,CAAvD;AAEA,MAAMO,GAAG,GAAGH,SAAS,CAClBI,MADS,CACFC,GAAG,IAAI,CAACA,GAAG,CAACX,GAAJ,CAAQY,UAAR,CAAmB,SAAnB,CADN,EAETC,GAFS,CAELf,OAFK,CAAZ;AAIA,SAAOH,UAAU,CAAC;AAACQ,IAAAA;AAAD,GAAD,CAAV,CAAyBW,KAAzB,CAA+B,gBAA/B,EAAiD;AAACL,IAAAA;AAAD,GAAjD,EACJM,IADI,CACCC,MAAM,IAAI;AACd,QAAMC,QAAQ,GAAGX,SAAS,CAACO,GAAV,CAAcF,GAAG,IAAI;AACpC,UAAMO,UAAU,GAAGF,MAAM,CAACG,IAAP,CAAYC,KAAK,IAAIA,KAAK,CAACpB,GAAN,KAAcF,OAAO,CAACa,GAAD,CAA1C,CAAnB;AACA,aAAOO,UAAU,IAAIP,GAArB;AACD,KAHgB,CAAjB;AAIA,WAAO,oBAAOM,QAAP,EAAiB,KAAjB,CAAP;AACD,GAPI,EAQJI,KARI,CAQEC,KAAK,IAAI;AACd,UAAM,IAAIC,KAAJ,kCAAoCd,GAApC,sBAAmDa,KAAK,CAACE,OAAzD,EAAN;AACD,GAVI,CAAP;AAWD,CArBD;;AAuBA,IAAMC,eAAe,GAAG,CAACC,KAAD,EAAQC,MAAR,EAAgBxB,UAAhB,KACtBR,UAAU,CAAC;AAACQ,EAAAA;AAAD,CAAD,CAAV,CACGyB,MADH,CACUF,KADV,EACiBC,MADjB,EACyB;AAACE,EAAAA,MAAM,EAAE,CAAC,SAAD,EAAY,UAAZ,CAAT;AAAkCC,EAAAA,aAAa,EAAE,KAAjD;AAAwDC,EAAAA,UAAU,EAAE;AAApE,CADzB,EAEGC,IAFH,CAEQ,0BAAUC,KAAK,IAAI;AACvB,SAAO,cAAa,CAAb,EAAgBD,IAAhB,CACLC,KAAK,CAACC,IAAN,KAAe,SAAf,GAA2B,qBAA3B,GAAmC,sBAAM,IAAN,CAD9B,EAEL,yBAAS,MAAMvC,UAAU,CAAC;AAACQ,IAAAA;AAAD,GAAD,CAAV,CAAyBW,KAAzB,CAA+BY,KAA/B,EAAsCC,MAAtC,EACZZ,IADY,CACPb,QAAQ,IAAI;AAChB,WAAOD,mBAAmB,CAACC,QAAD,EAAWC,UAAX,CAA1B;AACD,GAHY,EAIZkB,KAJY,CAINC,KAAK,IAAI;AACd,QAAIA,KAAK,CAACE,OAAN,CAAcZ,UAAd,CAAyB,wBAAzB,CAAJ,EAAwD;AACtD,YAAMU,KAAN;AACD;;AACD,UAAM,IAAIC,KAAJ,wBAA0BG,KAA1B,kBAAuCS,IAAI,CAACC,SAAL,CAAeT,MAAf,CAAvC,sBAAyEL,KAAK,CAACE,OAA/E,EAAN;AACD,GATY,CAAf,CAFK,CAAP;AAaD,CAdK,CAFR,CADF;;AAoBAa,MAAM,CAACC,OAAP,GAAiB;AACfb,EAAAA;AADe,CAAjB","sourcesContent":["import {of as observableOf} from 'rxjs'\nimport {switchMap, delay, tap, mergeMap} from 'rxjs/operators'\nimport {uniqBy} from 'lodash'\nimport sanityClient from 'part:@sanity/base/client'\n\nconst withConfig = config => {\n  return typeof sanityClient.withConfig === 'function'\n    ? sanityClient.withConfig(config)\n    : sanityClient\n}\n\nconst draftId = nonDraftDoc => `drafts.${nonDraftDoc._id}`\n\nconst prepareDocumentList = (incoming, apiVersion) => {\n  if (!incoming) {\n    return Promise.resolve([])\n  }\n  const documents = Array.isArray(incoming) ? incoming : [incoming]\n\n  const ids = documents\n    .filter(doc => !doc._id.startsWith('drafts.'))\n    .map(draftId)\n\n  return withConfig({apiVersion}).fetch('*[_id in $ids]', {ids})\n    .then(drafts => {\n      const outgoing = documents.map(doc => {\n        const foundDraft = drafts.find(draft => draft._id === draftId(doc))\n        return foundDraft || doc\n      })\n      return uniqBy(outgoing, '_id')\n    })\n    .catch(error => {\n      throw new Error(`Problems fetching docs ${ids}. Error: ${error.message}`)\n    })\n}\n\nconst getSubscription = (query, params, apiVersion) =>\n  withConfig({apiVersion})\n    .listen(query, params, {events: ['welcome', 'mutation'], includeResult: false, visibility: 'query'})\n    .pipe(switchMap(event => {\n      return observableOf(1).pipe(\n        event.type === 'welcome' ? tap() : delay(1000),\n        mergeMap(() => withConfig({apiVersion}).fetch(query, params)\n          .then(incoming => {\n            return prepareDocumentList(incoming, apiVersion)\n          })\n          .catch(error => {\n            if (error.message.startsWith('Problems fetching docs')) {\n              throw error\n            }\n            throw new Error(`Query failed ${query} and ${JSON.stringify(params)}. Error: ${error.message}`)\n          }))\n      )\n    }))\n\n\nmodule.exports = {\n  getSubscription\n}\n"],"file":"sanityConnector.js"}