tinacms 0.68.4 → 0.68.5

package/CHANGELOG.md

@@ -1,5 +1,19 @@
 # tinacms
 
+## 0.68.5
+
+### Patch Changes
+
+- 646cad8da: Adds support for using the generated client on the frontend
+- f857616f6: Rename sdk to queries
+- 6e2ed31a2: Added `isTitle` property to the schema that allows the title to be displayed in the CMS
+- Updated dependencies [a196198bd]
+- Updated dependencies [57a4a3789]
+- Updated dependencies [6e2ed31a2]
+- Updated dependencies [ba1499029]
+  - @tinacms/toolkit@0.56.28
+  - @tinacms/schema-tools@0.0.4
+
 ## 0.68.4
 
 ### Patch Changes

package/dist/admin/api.d.ts

@@ -11,15 +11,13 @@ See the License for the specific language governing permissions and
 limitations under the License.
 */
 import type { TinaCMS } from '@tinacms/toolkit';
+import type { TinaSchema } from '@tinacms/schema-tools';
+import type { Client } from '../internalClient';
 import type { Collection, DocumentForm } from './types';
 export declare class TinaAdminApi {
-    api: {
-        request: (query: string, { variables }: {
-            variables: object;
-        }) => any;
-        isAuthenticated: () => boolean;
-    };
-    schema: any;
+    api: Client;
+    useDataLayer: boolean;
+    schema: TinaSchema;
     constructor(cms: TinaCMS);
     isAuthenticated(): Promise<boolean>;
     fetchCollections(): Promise<Collection[]>;
@@ -31,6 +29,6 @@ export declare class TinaAdminApi {
     fetchDocument(collectionName: string, relativePath: string): Promise<{
         document: DocumentForm;
     }>;
-    createDocument(collectionName: string, relativePath: string, params: Object): Promise<any>;
-    updateDocument(collectionName: string, relativePath: string, params: Object): Promise<any>;
+    createDocument(collectionName: string, relativePath: string, params: Object): Promise<unknown>;
+    updateDocument(collectionName: string, relativePath: string, params: Object): Promise<unknown>;
 }

package/dist/admin/types.d.ts

@@ -25,6 +25,7 @@ export interface DocumentNode {
             relativePath: string;
             filename: string;
             extension: string;
+            title?: string;
         };
     };
 }

package/dist/client.es.js

@@ -1,9 +1,12 @@
 import fetchPonyfill from "fetch-ponyfill";
 const { fetch, Headers } = fetchPonyfill();
 class TinaClient {
-  constructor({ token, url }) {
+  constructor({ token, url, queries }) {
     this.apiUrl = url;
     this.readonlyToken = token;
+    if (queries) {
+      this.queries = queries(this);
+    }
   }
   async request(args) {
     const headers = new Headers();
@@ -33,8 +36,8 @@ class TinaClient {
     };
   }
 }
-const createClient = (args) => {
+function createClient(args) {
   const client = new TinaClient(args);
   return client;
-};
+}
 export { TinaClient, createClient };

package/dist/client.js

@@ -8,9 +8,12 @@
   var fetchPonyfill__default = /* @__PURE__ */ _interopDefaultLegacy(fetchPonyfill);
   const { fetch, Headers } = fetchPonyfill__default["default"]();
   class TinaClient {
-    constructor({ token, url }) {
+    constructor({ token, url, queries }) {
       this.apiUrl = url;
       this.readonlyToken = token;
+      if (queries) {
+        this.queries = queries(this);
+      }
     }
     async request(args) {
       const headers = new Headers();
@@ -40,10 +43,10 @@
       };
     }
   }
-  const createClient = (args) => {
+  function createClient(args) {
     const client = new TinaClient(args);
     return client;
-  };
+  }
   exports2.TinaClient = TinaClient;
   exports2.createClient = createClient;
   Object.defineProperty(exports2, "__esModule", { value: true });

package/dist/index.es.js

@@ -2423,6 +2423,7 @@ class TinaAdminApi {
   constructor(cms) {
     this.api = cms.api.tina;
     this.schema = cms.api.tina.schema;
+    this.useDataLayer = cms.flags.get("experimentalData");
   }
   async isAuthenticated() {
     return await this.api.isAuthenticated();
@@ -2449,19 +2450,22 @@ class TinaAdminApi {
   }
   async fetchCollection(collectionName, includeDocuments) {
     if (includeDocuments === true) {
-      const response = await this.api.request(`#graphql
-      query($collection: String!, $includeDocuments: Boolean!){
+      if (this.useDataLayer) {
+        const sort = this.schema.getIsTitleFieldName(collectionName);
+        const response = await this.api.request(`#graphql
+      query($collection: String!, $includeDocuments: Boolean!, $sort: String){
         collection(collection: $collection){
           name
           label
           format
           templates
-          documents @include(if: $includeDocuments) {
+          documents(sort: $sort) @include(if: $includeDocuments) {
             totalCount
             edges {
               node {
                 ... on Document {
                   _sys {
+                    title
                     template
                     breadcrumbs
                     path
@@ -2475,8 +2479,39 @@ class TinaAdminApi {
             }
           }
         }
-      }`, { variables: { collection: collectionName, includeDocuments } });
-      return response.collection;
+      }`, { variables: { collection: collectionName, includeDocuments, sort } });
+        return response.collection;
+      } else {
+        const response = await this.api.request(`#graphql
+    query($collection: String!, $includeDocuments: Boolean!){
+      collection(collection: $collection){
+        name
+        label
+        format
+        templates
+        documents @include(if: $includeDocuments) {
+          totalCount
+          edges {
+            node {
+              ... on Document {
+                _sys {
+                  # TODO: only include title if we need to
+                  template
+                  breadcrumbs
+                  path
+                  basename
+                  relativePath
+                  filename
+                  extension
+                }
+              }
+            }
+          }
+        }
+      }
+    }`, { variables: { collection: collectionName, includeDocuments } });
+        return response.collection;
+      }
     } else {
       try {
         const collection = this.schema.getCollection(collectionName);
@@ -3746,6 +3781,8 @@ const CollectionListPage = () => {
       }, /* @__PURE__ */ React.createElement("tbody", {
         className: "divide-y divide-gray-150"
       }, documents.map((document) => {
+        var _a2;
+        const hasTitle = Boolean(document.node._sys.title);
         const subfolders = document.node._sys.breadcrumbs.slice(0, -1).join("/");
         return /* @__PURE__ */ React.createElement("tr", {
           key: `document-${document.node._sys.relativePath}`,
@@ -3761,11 +3798,17 @@ const CollectionListPage = () => {
           className: "inline-block h-6 w-auto opacity-70"
         }), /* @__PURE__ */ React.createElement("span", null, /* @__PURE__ */ React.createElement("span", {
           className: "block text-xs text-gray-400 mb-1 uppercase"
-        }, "Filename"), /* @__PURE__ */ React.createElement("span", {
+        }, hasTitle ? "Title" : "Filename"), /* @__PURE__ */ React.createElement("span", {
           className: "h-5 leading-5 block whitespace-nowrap"
         }, subfolders && /* @__PURE__ */ React.createElement("span", {
           className: "text-xs text-gray-400"
-        }, `${subfolders}/`), /* @__PURE__ */ React.createElement("span", null, document.node._sys.filename))))), /* @__PURE__ */ React.createElement("td", {
+        }, `${subfolders}/`), /* @__PURE__ */ React.createElement("span", null, hasTitle ? (_a2 = document.node._sys) == null ? void 0 : _a2.title : document.node._sys.filename))))), hasTitle && /* @__PURE__ */ React.createElement("td", {
+          className: "px-6 py-4 whitespace-nowrap"
+        }, /* @__PURE__ */ React.createElement("span", {
+          className: "block text-xs text-gray-400 mb-1 uppercase"
+        }, "Filename"), /* @__PURE__ */ React.createElement("span", {
+          className: "h-5 leading-5 block text-sm font-medium text-gray-900"
+        }, document.node._sys.filename)), /* @__PURE__ */ React.createElement("td", {
           className: "px-6 py-4 whitespace-nowrap"
         }, /* @__PURE__ */ React.createElement("span", {
           className: "block text-xs text-gray-400 mb-1 uppercase"

package/dist/index.js

@@ -2442,6 +2442,7 @@ mutation addPendingDocumentMutation(
     constructor(cms) {
       this.api = cms.api.tina;
       this.schema = cms.api.tina.schema;
+      this.useDataLayer = cms.flags.get("experimentalData");
     }
     async isAuthenticated() {
       return await this.api.isAuthenticated();
@@ -2468,19 +2469,22 @@ mutation addPendingDocumentMutation(
     }
     async fetchCollection(collectionName, includeDocuments) {
       if (includeDocuments === true) {
-        const response = await this.api.request(`#graphql
-      query($collection: String!, $includeDocuments: Boolean!){
+        if (this.useDataLayer) {
+          const sort = this.schema.getIsTitleFieldName(collectionName);
+          const response = await this.api.request(`#graphql
+      query($collection: String!, $includeDocuments: Boolean!, $sort: String){
         collection(collection: $collection){
           name
           label
           format
           templates
-          documents @include(if: $includeDocuments) {
+          documents(sort: $sort) @include(if: $includeDocuments) {
             totalCount
             edges {
               node {
                 ... on Document {
                   _sys {
+                    title
                     template
                     breadcrumbs
                     path
@@ -2494,8 +2498,39 @@ mutation addPendingDocumentMutation(
             }
           }
         }
-      }`, { variables: { collection: collectionName, includeDocuments } });
-        return response.collection;
+      }`, { variables: { collection: collectionName, includeDocuments, sort } });
+          return response.collection;
+        } else {
+          const response = await this.api.request(`#graphql
+    query($collection: String!, $includeDocuments: Boolean!){
+      collection(collection: $collection){
+        name
+        label
+        format
+        templates
+        documents @include(if: $includeDocuments) {
+          totalCount
+          edges {
+            node {
+              ... on Document {
+                _sys {
+                  # TODO: only include title if we need to
+                  template
+                  breadcrumbs
+                  path
+                  basename
+                  relativePath
+                  filename
+                  extension
+                }
+              }
+            }
+          }
+        }
+      }
+    }`, { variables: { collection: collectionName, includeDocuments } });
+          return response.collection;
+        }
       } else {
         try {
           const collection = this.schema.getCollection(collectionName);
@@ -3765,6 +3800,8 @@ This will work when developing locally but NOT when deployed to production.
         }, /* @__PURE__ */ React__default["default"].createElement("tbody", {
           className: "divide-y divide-gray-150"
         }, documents.map((document) => {
+          var _a2;
+          const hasTitle = Boolean(document.node._sys.title);
           const subfolders = document.node._sys.breadcrumbs.slice(0, -1).join("/");
           return /* @__PURE__ */ React__default["default"].createElement("tr", {
             key: `document-${document.node._sys.relativePath}`,
@@ -3780,11 +3817,17 @@ This will work when developing locally but NOT when deployed to production.
             className: "inline-block h-6 w-auto opacity-70"
           }), /* @__PURE__ */ React__default["default"].createElement("span", null, /* @__PURE__ */ React__default["default"].createElement("span", {
             className: "block text-xs text-gray-400 mb-1 uppercase"
-          }, "Filename"), /* @__PURE__ */ React__default["default"].createElement("span", {
+          }, hasTitle ? "Title" : "Filename"), /* @__PURE__ */ React__default["default"].createElement("span", {
             className: "h-5 leading-5 block whitespace-nowrap"
           }, subfolders && /* @__PURE__ */ React__default["default"].createElement("span", {
             className: "text-xs text-gray-400"
-          }, `${subfolders}/`), /* @__PURE__ */ React__default["default"].createElement("span", null, document.node._sys.filename))))), /* @__PURE__ */ React__default["default"].createElement("td", {
+          }, `${subfolders}/`), /* @__PURE__ */ React__default["default"].createElement("span", null, hasTitle ? (_a2 = document.node._sys) == null ? void 0 : _a2.title : document.node._sys.filename))))), hasTitle && /* @__PURE__ */ React__default["default"].createElement("td", {
+            className: "px-6 py-4 whitespace-nowrap"
+          }, /* @__PURE__ */ React__default["default"].createElement("span", {
+            className: "block text-xs text-gray-400 mb-1 uppercase"
+          }, "Filename"), /* @__PURE__ */ React__default["default"].createElement("span", {
+            className: "h-5 leading-5 block text-sm font-medium text-gray-900"
+          }, document.node._sys.filename)), /* @__PURE__ */ React__default["default"].createElement("td", {
             className: "px-6 py-4 whitespace-nowrap"
           }, /* @__PURE__ */ React__default["default"].createElement("span", {
             className: "block text-xs text-gray-400 mb-1 uppercase"

package/dist/tina-cms.d.ts

@@ -53,7 +53,7 @@ declare type APIProviderProps = {
      * The API url From this client will be used to make requests.
      *
      */
-    client: TinaClient;
+    client: TinaClient<unknown>;
     /**
      * Content API URL
      *

package/dist/unifiedClient/index.d.ts

@@ -10,21 +10,26 @@ WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 See the License for the specific language governing permissions and
 limitations under the License.
 */
-export interface TinaClientArs {
+export interface TinaClientArgs<GenQueries = Record<string, unknown>> {
     url: string;
     token?: string;
+    queries?: (client: TinaClient<GenQueries>) => GenQueries;
 }
 export declare type TinaClientRequestArgs = {
     variables?: Record<string, any>;
     query: string;
-} & Partial<TinaClientArs>;
-export declare class TinaClient {
+} & Partial<Omit<TinaClientArgs, 'queries'>>;
+export declare class TinaClient<GenQueries> {
     apiUrl: string;
     readonlyToken?: string;
-    constructor({ token, url }: TinaClientArs);
+    /**
+     *
+     */
+    queries?: GenQueries;
+    constructor({ token, url, queries }: TinaClientArgs<GenQueries>);
     request<DataType extends Record<string, any> = any>(args: TinaClientRequestArgs): Promise<{
         data: DataType;
         query: string;
     }>;
 }
-export declare const createClient: (args: TinaClientArs) => TinaClient;
+export declare function createClient<GenQueries>(args: TinaClientArgs<GenQueries>): TinaClient<GenQueries>;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "tinacms",
-  "version": "0.68.4",
+  "version": "0.68.5",
   "main": "dist/index.js",
   "files": [
     "dist"
@@ -25,9 +25,9 @@
     "@graphql-tools/relay-operation-optimizer": "^6.4.1",
     "@headlessui/react": "^1.5.0",
     "@heroicons/react": "^1.0.4",
-    "@tinacms/schema-tools": "0.0.3",
+    "@tinacms/schema-tools": "0.0.4",
     "@tinacms/sharedctx": "0.1.1",
-    "@tinacms/toolkit": "0.56.27",
+    "@tinacms/toolkit": "0.56.28",
     "crypto-js": "^4.0.0",
     "fetch-ponyfill": "^7.1.0",
     "final-form": "4.20.1",