tinacms 0.66.10 → 0.67.0

package/CHANGELOG.md

@@ -1,5 +1,19 @@
 # tinacms
 
+## 0.67.0
+
+### Minor Changes
+
+- 86651039b: Updates to the way forms are generated in contextual editing. This lays the groundwork for
+  future updates but doesn't offer new behavior yet. It does come with a small breaking change:
+
+  [BREAKING]: The `id` of forms is now the actual document `path`. Previously this was the name of the GraphQL query node (eg. `getPostDocument`).
+  If you're using the [`formifyCallback`](https://tina.io/docs/advanced/customizing-forms/#customizing-a-form) prop to create global forms, you'll probably need to update the callback to check for the appropriate id.
+
+  Eg. `formConfig.id === 'getSiteNavsDocument'` should be something like `formConfig.id === 'content/navs/mynav.md'`
+
+  If you're experiencing any issues with contextual editing, you can disable this flag for now by specifying `cms.flags.set('use-unstable-formify', false)`.
+
 ## 0.66.10
 
 ### Patch Changes

package/dist/index.es.js

@@ -417,9 +417,6 @@ function useGraphqlFormsUnstable({
   eventList
 }) {
   const cms = useCMS();
-  React.useEffect(() => {
-    console.log("NOTE: using unstable formify");
-  }, []);
   const state = useFormify({
     query,
     cms,
@@ -495,11 +492,12 @@ function useGraphqlForms({
       setIsLoading(false);
       return;
     }
+    const useUnstableFormify = (cms == null ? void 0 : cms.flags.get("use-unstable-formify")) === false ? false : true;
     const formIds = [];
     setIsLoading(true);
     cms.api.tina.requestWithForm((gql2) => gql2(query), {
       variables,
-      useUnstableFormify: cms.flags.get("use-unstable-formify")
+      useUnstableFormify
     }).then((payload) => {
       cms.plugins.remove(new FormMetaPlugin({ name: "tina-admin-link" }));
       setData(payload);
@@ -3282,10 +3280,10 @@ const TinaDataProvider = ({
   });
   const cms = useCMS();
   const useUnstableFormify = React.useMemo(() => {
-    if (cms == null ? void 0 : cms.flags.get("use-unstable-formify")) {
-      return true;
+    if ((cms == null ? void 0 : cms.flags.get("use-unstable-formify")) === false) {
+      return false;
     }
-    return false;
+    return true;
   }, [cms == null ? void 0 : cms.flags]);
   return /* @__PURE__ */ React.createElement(TinaDataContext.Provider, {
     value: {

package/dist/index.js

@@ -436,9 +436,6 @@ var __objRest = (source, exclude) => {
     eventList
   }) {
     const cms = toolkit.useCMS();
-    React__default["default"].useEffect(() => {
-      console.log("NOTE: using unstable formify");
-    }, []);
     const state = useFormify({
       query,
       cms,
@@ -514,11 +511,12 @@ var __objRest = (source, exclude) => {
         setIsLoading(false);
         return;
       }
+      const useUnstableFormify = (cms == null ? void 0 : cms.flags.get("use-unstable-formify")) === false ? false : true;
       const formIds = [];
       setIsLoading(true);
       cms.api.tina.requestWithForm((gql2) => gql2(query), {
         variables,
-        useUnstableFormify: cms.flags.get("use-unstable-formify")
+        useUnstableFormify
       }).then((payload) => {
         cms.plugins.remove(new toolkit.FormMetaPlugin({ name: "tina-admin-link" }));
         setData(payload);
@@ -3301,10 +3299,10 @@ mutation addPendingDocumentMutation(
     });
     const cms = toolkit.useCMS();
     const useUnstableFormify = React__default["default"].useMemo(() => {
-      if (cms == null ? void 0 : cms.flags.get("use-unstable-formify")) {
-        return true;
+      if ((cms == null ? void 0 : cms.flags.get("use-unstable-formify")) === false) {
+        return false;
       }
-      return false;
+      return true;
     }, [cms == null ? void 0 : cms.flags]);
     return /* @__PURE__ */ React__default["default"].createElement(sharedctx.TinaDataContext.Provider, {
       value: {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "tinacms",
-  "version": "0.66.10",
+  "version": "0.67.0",
   "main": "dist/index.js",
   "files": [
     "dist"