sanity-plugin-dashboard-widget-document-list 0.0.11 → 3.0.0-studio-v3.0

package/README.md

@@ -1,101 +1,116 @@
 # dashboard-widget-document-list
-Dashboard widget for the Sanity Content Studio which displays a list of documents
+[dashboard-plugin]: https://github.com/sanity-io/v3-temp-sanity-dashboard/tree/v3
 
+> **NOTE**
+>
+> This is the **Sanity Studio v3 version** of dashboard-widget-document-list.
+>
+> For the v2 version, please refer to the [v2-branch](https://github.com/sanity-io/dashboard-widget-document-list).
 
+## 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.
+
+## Install
+
+```
+npm install --save dashboard-widget-document-list
+```
 
-1. Install this widget in your Studio folder like so:
+or
 
 ```
-sanity install dashboard-widget-document-list
+yarn add dashboard-widget-document-list
 ```
 
-2. Update your `src/dashboardConfig.js` file by adding `{name: 'document-list'}` to the `widgets` array
-3. Restart your Studio
+Ensure that you have followed install and usage instructions for [@sanity/dashboard][dashboard-plugin].
+
+## Usage
+
+Add dashboard-widget-document-list as a widget to @sanity/dashboard plugin in sanity.config.ts (or .js):
+
+```js
+import { dashboardTool } from "@sanity/dashboard";
+import { catsWidget } from "sanity-plugin-dashboard-widget-document-list";
+
+export default createConfig({
+  // ...
+  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)
@@ -103,12 +118,54 @@ 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)
+
+You can disable the create button altogether by passing a `showCreateButton` boolean:
+
+```js
+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
+
+Make sure to run `npm run build` once, then run
+
+```bash
+npm run link-watch
+```
+
+In another shell, `cd` to your test studio and run:
+
+```bash
+npx yalc add dashboard-widget-document-list --link && yarn install
+```
+
+Now, changes in this repo will be automatically built and pushed to the studio,
+triggering hotreload. Yalc avoids issues with react-hooks that are typical when using yarn/npm link.
+
+### About build & watch
+
+This plugin uses [@sanity/plugin-sdk](https://github.com/sanity-io/plugin-sdk)
+with default configuration for build & watch scripts.

package/lib/index.d.ts

@@ -0,0 +1,18 @@
+import { LayoutConfig, DashboardWidget } from "@sanity/dashboard";
+interface DocumentListConfig {
+    title?: string;
+    types?: string[];
+    query?: string;
+    queryParams?: Record<string, any>;
+    order?: string;
+    limit?: number;
+    showCreateButton?: boolean;
+    createButtonText?: string;
+    apiVersion?: string;
+}
+export interface DocumentListWidgetConfig extends DocumentListConfig {
+    layout?: LayoutConfig;
+}
+export function documentListWidget(config: DocumentListWidgetConfig): DashboardWidget;
+
+//# sourceMappingURL=index.d.ts.map

package/lib/index.d.ts.map

@@ -0,0 +1 @@
+{"mappings":";ACSA;IACE,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,KAAK,CAAC,EAAE,MAAM,EAAE,CAAA;IAChB,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,WAAW,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,CAAA;IACjC,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,gBAAgB,CAAC,EAAE,OAAO,CAAA;IAC1B,gBAAgB,CAAC,EAAE,MAAM,CAAA;IACzB,UAAU,CAAC,EAAE,MAAM,CAAA;CACpB;ACfD,yCAA0C,SAAQ,kBAAkB;IAClE,MAAM,CAAC,EAAE,YAAY,CAAA;CACtB;AAED,mCAAmC,MAAM,EAAE,wBAAwB,GAAG,eAAe,CAQpF","sources":["src/src/sanityConnector.ts","src/src/DocumentList.tsx","src/src/index.tsx","src/index.tsx"],"sourcesContent":[null,null,null,"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":[],"version":3,"file":"index.d.ts.map"}

package/lib/index.js

@@ -1,16 +1,224 @@
-'use strict';
+var $83Duu$reactjsxruntime = require("react/jsx-runtime");
+var $83Duu$react = require("react");
+var $83Duu$sanity_unstable = require("sanity/_unstable");
+var $83Duu$sanity = require("sanity");
+var $83Duu$lodash = require("lodash");
+var $83Duu$sanityui = require("@sanity/ui");
+var $83Duu$sanitydashboard = require("@sanity/dashboard");
+var $83Duu$rxjs = require("rxjs");
+var $83Duu$rxjsoperators = require("rxjs/operators");
+var $83Duu$lodashuniqBy = require("lodash/uniqBy");
 
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
+function $parcel$export(e, n, v, s) {
+  Object.defineProperty(e, n, {get: v, set: s, enumerable: true, configurable: true});
+}
+function $parcel$interopDefault(a) {
+  return a && a.__esModule ? a.default : a;
+}
 
-var _DocumentList = require('./DocumentList');
+$parcel$export(module.exports, "documentListWidget", () => $9233cea927cb9637$export$398a1547d616c51);
 
-var _DocumentList2 = _interopRequireDefault(_DocumentList);
 
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
-exports.default = {
-  name: 'document-list',
-  component: _DocumentList2.default
-};
+
+
+
+
+
+
+const $91d1c422801a90a3$var$draftId = (nonDraftDoc)=>`drafts.${nonDraftDoc._id}`;
+function $91d1c422801a90a3$var$prepareDocumentList(incoming, client) {
+    if (!incoming) return Promise.resolve([]);
+    const documents = Array.isArray(incoming) ? incoming : [
+        incoming
+    ];
+    const ids = documents.filter((doc)=>!doc._id.startsWith("drafts.")).map($91d1c422801a90a3$var$draftId);
+    return client.fetch("*[_id in $ids]", {
+        ids: ids
+    }).then((drafts)=>{
+        const outgoing = documents.map((doc)=>{
+            const foundDraft = drafts.find((draft)=>draft._id === $91d1c422801a90a3$var$draftId(doc));
+            return foundDraft || doc;
+        });
+        return (0, ($parcel$interopDefault($83Duu$lodashuniqBy)))(outgoing, "_id");
+    }).catch((error)=>{
+        throw new Error(`Problems fetching docs ${ids}. Error: ${error.message}`);
+    });
+}
+function $91d1c422801a90a3$export$161e8c29756c0df4(query, params, client) {
+    return client.listen(query, params, {
+        events: [
+            "welcome",
+            "mutation"
+        ],
+        includeResult: false,
+        visibility: "query"
+    }).pipe((0, $83Duu$rxjsoperators.switchMap)((event)=>{
+        return (0, $83Duu$rxjs.of)(1).pipe(event.type === "welcome" ? (0, $83Duu$rxjsoperators.tap)() : (0, $83Duu$rxjsoperators.delay)(1000), (0, $83Duu$rxjsoperators.mergeMap)(()=>client.fetch(query, params).then((incoming)=>{
+                return $91d1c422801a90a3$var$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}`);
+            })));
+    }));
+}
+
+
+
+
+const $77d50d608d9ace00$var$defaultProps = {
+    title: "Last created",
+    order: "_createdAt desc",
+    limit: 10,
+    queryParams: {},
+    showCreateButton: true,
+    apiVersion: "v1"
+};
+function $77d50d608d9ace00$export$65a803c9e13a7e5b(props) {
+    const { query: query , limit: limit , apiVersion: apiVersion , queryParams: queryParams , types: types , order: order , title: title , showCreateButton: showCreateButton , createButtonText: createButtonText ,  } = {
+        ...$77d50d608d9ace00$var$defaultProps,
+        ...props
+    };
+    const [documents, setDocuments] = (0, $83Duu$react.useState)();
+    const [loading, setLoading] = (0, $83Duu$react.useState)(true);
+    const [error, setError] = (0, $83Duu$react.useState)();
+    const client = (0, $83Duu$sanity.useClient)();
+    const schema = (0, $83Duu$sanity.useSchema)();
+    const versionedClient = (0, $83Duu$react.useMemo)(()=>client.withConfig({
+            apiVersion: apiVersion
+        }), [
+        client,
+        apiVersion
+    ]);
+    const { assembledQuery: assembledQuery , params: params  } = (0, $83Duu$react.useMemo)(()=>{
+        if (query) return {
+            assembledQuery: query,
+            params: queryParams
+        };
+        const documentTypes = schema.getTypeNames().filter((typeName)=>{
+            const schemaType = schema.get(typeName);
+            return schemaType.type && schemaType.type.name === "document";
+        });
+        return {
+            assembledQuery: `*[_type in $types] | order(${order}) [0...${limit * 2}]`,
+            params: {
+                types: types ? (0, $83Duu$lodash.intersection)(types, documentTypes) : documentTypes
+            }
+        };
+    }, [
+        schema,
+        query,
+        queryParams,
+        order,
+        limit,
+        types
+    ]);
+    (0, $83Duu$react.useEffect)(()=>{
+        if (!assembledQuery) return;
+        const subscription = (0, $91d1c422801a90a3$export$161e8c29756c0df4)(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 /*#__PURE__*/ (0, $83Duu$reactjsxruntime.jsx)((0, $83Duu$sanitydashboard.DashboardWidgetContainer), {
+        header: title,
+        footer: types && types.length === 1 && showCreateButton && /*#__PURE__*/ (0, $83Duu$reactjsxruntime.jsx)((0, $83Duu$sanity_unstable.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]}`
+        }),
+        children: /*#__PURE__*/ (0, $83Duu$reactjsxruntime.jsxs)((0, $83Duu$sanityui.Card), {
+            children: [
+                error && /*#__PURE__*/ (0, $83Duu$reactjsxruntime.jsx)("div", {
+                    children: error.message
+                }),
+                !error && loading && /*#__PURE__*/ (0, $83Duu$reactjsxruntime.jsx)((0, $83Duu$sanityui.Card), {
+                    padding: 4,
+                    children: /*#__PURE__*/ (0, $83Duu$reactjsxruntime.jsx)((0, $83Duu$sanityui.Flex), {
+                        justify: "center",
+                        children: /*#__PURE__*/ (0, $83Duu$reactjsxruntime.jsx)((0, $83Duu$sanityui.Spinner), {
+                            muted: true
+                        })
+                    })
+                }),
+                !error && !documents && !loading && /*#__PURE__*/ (0, $83Duu$reactjsxruntime.jsx)("div", {
+                    children: "Could not locate any documents :/"
+                }),
+                /*#__PURE__*/ (0, $83Duu$reactjsxruntime.jsx)((0, $83Duu$sanityui.Stack), {
+                    space: 2,
+                    children: documents && documents.map((doc)=>/*#__PURE__*/ (0, $83Duu$reactjsxruntime.jsx)($77d50d608d9ace00$var$MenuEntry, {
+                            doc: doc
+                        }, doc._id))
+                })
+            ]
+        })
+    });
+}
+function $77d50d608d9ace00$var$MenuEntry({ doc: doc  }) {
+    const schema = (0, $83Duu$sanity.useSchema)();
+    const type = schema.get(doc._type);
+    return /*#__PURE__*/ (0, $83Duu$reactjsxruntime.jsx)((0, $83Duu$sanityui.Card), {
+        flex: 1,
+        children: /*#__PURE__*/ (0, $83Duu$reactjsxruntime.jsx)((0, $83Duu$sanity_unstable.IntentButton), {
+            intent: "edit",
+            mode: "bleed",
+            padding: 1,
+            radius: 0,
+            params: {
+                type: doc._type,
+                id: (0, $83Duu$sanity.getPublishedId)(doc._id)
+            },
+            style: {
+                width: "100%"
+            },
+            children: /*#__PURE__*/ (0, $83Duu$reactjsxruntime.jsx)((0, $83Duu$sanity_unstable.SanityPreview), {
+                layout: "default",
+                type: type,
+                value: doc
+            }, doc._id)
+        })
+    });
+}
+var $77d50d608d9ace00$export$2e2bcd8739ae039 = $77d50d608d9ace00$export$65a803c9e13a7e5b;
+
+
+
+function $9233cea927cb9637$export$398a1547d616c51(config) {
+    return {
+        name: "document-list-widget",
+        component: function component() {
+            return /*#__PURE__*/ (0, $83Duu$reactjsxruntime.jsx)((0, $77d50d608d9ace00$export$2e2bcd8739ae039), {
+                ...config
+            });
+        },
+        layout: config.layout
+    };
+}
+
+
+//# sourceMappingURL=index.js.map

package/lib/index.js.map

@@ -0,0 +1 @@
+{"mappings":"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","sources":["src/index.tsx","src/DocumentList.tsx","src/sanityConnector.ts"],"sourcesContent":["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","import React, {useEffect, useMemo, useState} from 'react'\nimport {IntentButton, SanityPreview} from 'sanity/_unstable'\nimport {getPublishedId, useClient, useSchema} from 'sanity'\nimport {intersection} from 'lodash'\nimport {getSubscription} from './sanityConnector'\nimport {SanityDocument} from '@sanity/types'\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 client = useClient()\n  const schema = useSchema()\n  const versionedClient = useMemo(() => client.withConfig({apiVersion}), [client, apiVersion])\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 && 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        <SanityPreview layout=\"default\" type={type} value={doc} key={doc._id} />\n      </IntentButton>\n    </Card>\n  )\n}\n\nexport default DocumentList\n","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/types'\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('*[_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"],"names":[],"version":3,"file":"index.js.map"}