@tinacms/app 0.0.0-bbf2f81-20241024004604 → 0.0.0-bc35474-20251110001045

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/CHANGELOG.md CHANGED
@@ -1,11 +1,232 @@
1
1
  # @tinacms/app
2
2
 
3
- ## 0.0.0-bbf2f81-20241024004604
3
+ ## 0.0.0-bc35474-20251110001045
4
4
 
5
5
  ### Patch Changes
6
6
 
7
- - Updated dependencies [[`bbf2f81`](https://github.com/tinacms/tinacms/commit/bbf2f81143eb400faf8aa4dff33b8a58fa5059c8)]:
8
- - tinacms@0.0.0-bbf2f81-20241024004604
7
+ - [#6087](https://github.com/tinacms/tinacms/pull/6087) [`1286e87`](https://github.com/tinacms/tinacms/commit/1286e87323694dc819edc56360613dc654f3d3ca) Thanks [@kulesy](https://github.com/kulesy)! - feat: Enhance branch creation modal with improved UI/UX and dropdown button component
8
+
9
+ - Updated dependencies [[`1286e87`](https://github.com/tinacms/tinacms/commit/1286e87323694dc819edc56360613dc654f3d3ca), [`4416a28`](https://github.com/tinacms/tinacms/commit/4416a283ac1cfea5e9c4890cd71f2edf3b704344), [`6cba118`](https://github.com/tinacms/tinacms/commit/6cba118c90f7c7ab6356c0ef83fca18526e47f8d), [`bc35474`](https://github.com/tinacms/tinacms/commit/bc354740d0cb359c372ba287974e7e9db3c5119c)]:
10
+ - tinacms@0.0.0-bc35474-20251110001045
11
+
12
+ ## 2.3.5
13
+
14
+ ### Patch Changes
15
+
16
+ - Updated dependencies [[`003e348`](https://github.com/tinacms/tinacms/commit/003e348472ddc08eee63d78190038097542b6311), [`5527e8a`](https://github.com/tinacms/tinacms/commit/5527e8ab5821c8613fcfd1b0b8bc6d93291a6d03), [`5ffd60e`](https://github.com/tinacms/tinacms/commit/5ffd60e7b07b19cde6fab36a911503276c83715f), [`b23aa0c`](https://github.com/tinacms/tinacms/commit/b23aa0c5defc51b8f9fe00a59dd87e1d2f8b9f0b), [`5d13c0d`](https://github.com/tinacms/tinacms/commit/5d13c0d023373692233c8be2127ae6e3d7d68b47)]:
17
+ - tinacms@2.9.1
18
+
19
+ ## 2.3.4
20
+
21
+ ### Patch Changes
22
+
23
+ - Updated dependencies [[`0bbe080`](https://github.com/tinacms/tinacms/commit/0bbe0804e334238850a4f8f33be5cd123ff68ab3), [`98fbc94`](https://github.com/tinacms/tinacms/commit/98fbc941a07fbc52edafaeb43b49b5ea30ea4172), [`ced9076`](https://github.com/tinacms/tinacms/commit/ced9076d25d7177bd8d9ae3c6133d0560366511c)]:
24
+ - tinacms@2.9.0
25
+
26
+ ## 2.3.3
27
+
28
+ ### Patch Changes
29
+
30
+ - Updated dependencies [[`ea917dd`](https://github.com/tinacms/tinacms/commit/ea917dd2840c955d462b66b58009d2a16da39377), [`b012b6c`](https://github.com/tinacms/tinacms/commit/b012b6c7fae2674c613fd4c54e1819a86c6d2c3e), [`39e5b05`](https://github.com/tinacms/tinacms/commit/39e5b0562af7bca1e2923fc94b7c8119e12a0133), [`55e018b`](https://github.com/tinacms/tinacms/commit/55e018b9826a540005bbadf8fd51e9bac456d531)]:
31
+ - tinacms@2.8.3
32
+
33
+ ## 2.3.2
34
+
35
+ ### Patch Changes
36
+
37
+ - Updated dependencies [[`eaa6ed5`](https://github.com/tinacms/tinacms/commit/eaa6ed551c76349c5849cd1e19a8066ecbbe205c), [`60a15d5`](https://github.com/tinacms/tinacms/commit/60a15d533b85a0c3f9f483f6f0f0b6824616284b), [`2fb1c4e`](https://github.com/tinacms/tinacms/commit/2fb1c4e79d1cae5ab29c3f93b0867214e193f59c)]:
38
+ - tinacms@2.8.2
39
+ - @tinacms/mdx@1.8.1
40
+
41
+ ## 2.3.1
42
+
43
+ ### Patch Changes
44
+
45
+ - Updated dependencies [[`41359ed`](https://github.com/tinacms/tinacms/commit/41359edaf08def7a5e26969ec114155038c09752), [`b20a2c4`](https://github.com/tinacms/tinacms/commit/b20a2c4fd64fa2d06711850db63fb317302ee361), [`41359ed`](https://github.com/tinacms/tinacms/commit/41359edaf08def7a5e26969ec114155038c09752)]:
46
+ - tinacms@2.8.1
47
+
48
+ ## 2.3.0
49
+
50
+ ### Minor Changes
51
+
52
+ - [#5744](https://github.com/tinacms/tinacms/pull/5744) [`98a61e2`](https://github.com/tinacms/tinacms/commit/98a61e2d263978a7096cc23ac7e94aa0039981be) Thanks [@Ben0189](https://github.com/Ben0189)! - Upgrade Plate editor to v48 beta, integrating latest features and improvements.
53
+
54
+ ### Patch Changes
55
+
56
+ - Updated dependencies [[`98a61e2`](https://github.com/tinacms/tinacms/commit/98a61e2d263978a7096cc23ac7e94aa0039981be)]:
57
+ - @tinacms/mdx@1.8.0
58
+ - tinacms@2.8.0
59
+
60
+ ## 2.2.10
61
+
62
+ ### Patch Changes
63
+
64
+ - [#5833](https://github.com/tinacms/tinacms/pull/5833) [`5269d65`](https://github.com/tinacms/tinacms/commit/5269d6578d361c55326f39375eaa175707342d51) Thanks [@JackDevAU](https://github.com/JackDevAU)! - 🐛 FIX - Visual Editor Webpack HMR loading issue
65
+
66
+ - Updated dependencies [[`5269d65`](https://github.com/tinacms/tinacms/commit/5269d6578d361c55326f39375eaa175707342d51), [`3026a2b`](https://github.com/tinacms/tinacms/commit/3026a2b492113a53c036e43d5d85837cea4a6de3), [`28a94a6`](https://github.com/tinacms/tinacms/commit/28a94a602186f48b528b91236007839e5d02a9de)]:
67
+ - tinacms@2.7.10
68
+
69
+ ## 2.2.9
70
+
71
+ ### Patch Changes
72
+
73
+ - [#5741](https://github.com/tinacms/tinacms/pull/5741) [`0e9de37`](https://github.com/tinacms/tinacms/commit/0e9de379dab2970206b9b60eb014808662f67287) Thanks [@wicksipedia](https://github.com/wicksipedia)! - CMS admin UI - Refactor Sidebar and Branch Button Components
74
+ Forms header - Adds breadcrumb navigation
75
+
76
+ - [#5784](https://github.com/tinacms/tinacms/pull/5784) [`b25c5f0`](https://github.com/tinacms/tinacms/commit/b25c5f0b0e1d3f37870b780230b41dbc56bef1ab) Thanks [@JackDevAU](https://github.com/JackDevAU)! - - Fixed padding issues in FormLists
77
+
78
+ - Fixed Visual Editing's "Edit" button (Reference Fields)
79
+
80
+ - [#5789](https://github.com/tinacms/tinacms/pull/5789) [`5040a6a`](https://github.com/tinacms/tinacms/commit/5040a6aa24e62166d942c47b61a3f18585caded6) Thanks [@JackDevAU](https://github.com/JackDevAU)! - ✨ Adds click to focus for nested objects
81
+
82
+ - Updated dependencies [[`2a3ed6c`](https://github.com/tinacms/tinacms/commit/2a3ed6c3ec3233fd90fd94f3dd3d0243aaad079a), [`bc47f93`](https://github.com/tinacms/tinacms/commit/bc47f938431c400714808613f633b05659a87be1), [`0e9de37`](https://github.com/tinacms/tinacms/commit/0e9de379dab2970206b9b60eb014808662f67287), [`468f0ee`](https://github.com/tinacms/tinacms/commit/468f0eefc0a15a9a9a23737d29ea9a5cb5c6aef6), [`e27c017`](https://github.com/tinacms/tinacms/commit/e27c0172005797af93b908152d51b2966c0cf059), [`b25c5f0`](https://github.com/tinacms/tinacms/commit/b25c5f0b0e1d3f37870b780230b41dbc56bef1ab), [`5040a6a`](https://github.com/tinacms/tinacms/commit/5040a6aa24e62166d942c47b61a3f18585caded6), [`dbef36f`](https://github.com/tinacms/tinacms/commit/dbef36f594b949024d5525184b6a9e1b9085b759), [`3ba6d78`](https://github.com/tinacms/tinacms/commit/3ba6d78f35f817d55bfc3d12b750e54b7e0d11f2)]:
83
+ - tinacms@2.7.9
84
+ - @tinacms/mdx@1.7.0
85
+
86
+ ## 2.2.8
87
+
88
+ ### Patch Changes
89
+
90
+ - Updated dependencies [[`5e36123`](https://github.com/tinacms/tinacms/commit/5e361239a372e21dda624d17b4ff274bab23ce90), [`856e07a`](https://github.com/tinacms/tinacms/commit/856e07a0b8d742ee78d5eba565623cf081a61534), [`4d9c8ab`](https://github.com/tinacms/tinacms/commit/4d9c8abf6badd1bcc833bda432ab22dace4925ae), [`7346dc9`](https://github.com/tinacms/tinacms/commit/7346dc996fd81ecb395b62f373976512e8224c21)]:
91
+ - tinacms@2.7.8
92
+ - @tinacms/mdx@1.6.3
93
+
94
+ ## 2.2.7
95
+
96
+ ### Patch Changes
97
+
98
+ - [#5607](https://github.com/tinacms/tinacms/pull/5607) [`1965236`](https://github.com/tinacms/tinacms/commit/19652363784e48b065ec1924a9cd9611c8e79cae) Thanks [@jeffsee55](https://github.com/jeffsee55)! - Specify react and react-dom as peer deps
99
+
100
+ - Updated dependencies [[`1965236`](https://github.com/tinacms/tinacms/commit/19652363784e48b065ec1924a9cd9611c8e79cae)]:
101
+ - tinacms@2.7.7
102
+
103
+ ## 2.2.6
104
+
105
+ ### Patch Changes
106
+
107
+ - Updated dependencies [[`65cee5d`](https://github.com/tinacms/tinacms/commit/65cee5d6ae16c7320a4a14f0d9a82dc5f9103e34)]:
108
+ - tinacms@2.7.6
109
+
110
+ ## 2.2.5
111
+
112
+ ### Patch Changes
113
+
114
+ - [#5602](https://github.com/tinacms/tinacms/pull/5602) [`ab43169`](https://github.com/tinacms/tinacms/commit/ab43169af5a95f31fa27bb0236623a031883a1fd) Thanks [@wicksipedia](https://github.com/wicksipedia)! - fix naming of TinaCloud
115
+
116
+ - [#5588](https://github.com/tinacms/tinacms/pull/5588) [`fd664d8`](https://github.com/tinacms/tinacms/commit/fd664d8f4e83941ed1b1f234668ab6341a6178f8) Thanks [@JackDevAU](https://github.com/JackDevAU)! - - Fix server-side branch queries by storing the active branch in a cookie and passing it via the x-branch header.
117
+ - Ensure GraphQL playground correctly updates when switching branches.
118
+ - Updated dependencies [[`921f235`](https://github.com/tinacms/tinacms/commit/921f2356e4615d532d02eefa7103fdb70f83b97a), [`ab43169`](https://github.com/tinacms/tinacms/commit/ab43169af5a95f31fa27bb0236623a031883a1fd), [`b551232`](https://github.com/tinacms/tinacms/commit/b5512326ad0ad9855bc75e2073a3ab2a8ec4c064), [`ea204c9`](https://github.com/tinacms/tinacms/commit/ea204c9045451f3ebea04f503e6158d2016613e4), [`fd664d8`](https://github.com/tinacms/tinacms/commit/fd664d8f4e83941ed1b1f234668ab6341a6178f8)]:
119
+ - tinacms@2.7.5
120
+ - @tinacms/mdx@1.6.2
121
+
122
+ ## 2.2.3
123
+
124
+ ### Patch Changes
125
+
126
+ - Updated dependencies [[`991db1f`](https://github.com/tinacms/tinacms/commit/991db1f10c1f9cf9211d7e82bd56658cdcce24c7)]:
127
+ - tinacms@2.7.3
128
+
129
+ ## 2.2.2
130
+
131
+ ### Patch Changes
132
+
133
+ - Updated dependencies [[`619e601`](https://github.com/tinacms/tinacms/commit/619e6010d6f95d893e980952bef64f747808c956), [`602b4d0`](https://github.com/tinacms/tinacms/commit/602b4d07f94de4c10d5bb059a5edc49546a2031c)]:
134
+ - tinacms@2.7.2
135
+ - @tinacms/mdx@1.6.1
136
+
137
+ ## 2.2.1
138
+
139
+ ### Patch Changes
140
+
141
+ - Updated dependencies [[`74513b3`](https://github.com/tinacms/tinacms/commit/74513b357aa27165aa86f7b3218c697c663539e8), [`06c1716`](https://github.com/tinacms/tinacms/commit/06c17163b558a96275b0ef66c746b005a6f90d13)]:
142
+ - tinacms@2.7.1
143
+
144
+ ## 2.2.0
145
+
146
+ ### Minor Changes
147
+
148
+ - [#5503](https://github.com/tinacms/tinacms/pull/5503) [`99bb59f`](https://github.com/tinacms/tinacms/commit/99bb59ff7b9f3cf27a1382b91826eb81831ecb95) Thanks [@JackDevAU](https://github.com/JackDevAU)! - feat: add experimental user form select to the useTina hook
149
+
150
+ ### Patch Changes
151
+
152
+ - [#5486](https://github.com/tinacms/tinacms/pull/5486) [`d7c5ec1`](https://github.com/tinacms/tinacms/commit/d7c5ec1b174419dcc6ddba3cfb3684dd469da571) Thanks [@JackDevAU](https://github.com/JackDevAU)! - Update dependencies across packages
153
+
154
+ - Updated dependencies [[`3974aa7`](https://github.com/tinacms/tinacms/commit/3974aa759192713140733b99ee0254a1a056e124), [`7541614`](https://github.com/tinacms/tinacms/commit/7541614527a02268ea453b23ce84637f978dcf2d), [`d7c5ec1`](https://github.com/tinacms/tinacms/commit/d7c5ec1b174419dcc6ddba3cfb3684dd469da571), [`99bb59f`](https://github.com/tinacms/tinacms/commit/99bb59ff7b9f3cf27a1382b91826eb81831ecb95)]:
155
+ - tinacms@2.7.0
156
+ - @tinacms/mdx@1.6.0
157
+
158
+ ## 2.1.19
159
+
160
+ ### Patch Changes
161
+
162
+ - Updated dependencies []:
163
+ - tinacms@2.6.4
164
+
165
+ ## 2.1.18
166
+
167
+ ### Patch Changes
168
+
169
+ - Updated dependencies [[`05ba069`](https://github.com/tinacms/tinacms/commit/05ba0692a7e990fbb671177829562869d517e7c1), [`42daaf7`](https://github.com/tinacms/tinacms/commit/42daaf7af125da265d2c5998168e9c7345dc0a59), [`bc986dd`](https://github.com/tinacms/tinacms/commit/bc986dd48f9a7da264281b55926ec51ce1068bb7), [`3af2354`](https://github.com/tinacms/tinacms/commit/3af23542b984c10e138d0cf10a165d50b99bb0e9)]:
170
+ - tinacms@2.6.3
171
+
172
+ ## 2.1.17
173
+
174
+ ### Patch Changes
175
+
176
+ - Updated dependencies []:
177
+ - tinacms@2.6.2
178
+
179
+ ## 2.1.16
180
+
181
+ ### Patch Changes
182
+
183
+ - Updated dependencies [[`61c45f4`](https://github.com/tinacms/tinacms/commit/61c45f49a2abe82336b661dedbbe2a15d0f3da05)]:
184
+ - tinacms@2.6.1
185
+
186
+ ## 2.1.15
187
+
188
+ ### Patch Changes
189
+
190
+ - Updated dependencies [[`9931d5a`](https://github.com/tinacms/tinacms/commit/9931d5a0d7e5e9e5165170047cf5653041bddd7a), [`4aadf3e`](https://github.com/tinacms/tinacms/commit/4aadf3ee0b5e7ba6614baee9507a3b51abc92053), [`92b683b`](https://github.com/tinacms/tinacms/commit/92b683bd3d73b47271eee5b8ff648ed4dcde51e3), [`82b0039`](https://github.com/tinacms/tinacms/commit/82b00393da8bbcc2cf357fbbb546904f07e8d89c), [`877699d`](https://github.com/tinacms/tinacms/commit/877699d08b3e2c2470742a3acf25d02a95e440b3)]:
191
+ - tinacms@2.6.0
192
+ - @tinacms/mdx@1.5.4
193
+
194
+ ## 2.1.14
195
+
196
+ ### Patch Changes
197
+
198
+ - Updated dependencies [[`b54b303`](https://github.com/tinacms/tinacms/commit/b54b303a8290528230dc83d8fb1b7535df7199f6), [`0345852`](https://github.com/tinacms/tinacms/commit/0345852e3a7568b61a1417cd037715ab0d0dca01)]:
199
+ - tinacms@2.5.2
200
+ - @tinacms/mdx@1.5.3
201
+
202
+ ## 2.1.13
203
+
204
+ ### Patch Changes
205
+
206
+ - Updated dependencies [[`bbfd415`](https://github.com/tinacms/tinacms/commit/bbfd415762a8b2c62b7653b497b94d67aaa8501a), [`83a25cf`](https://github.com/tinacms/tinacms/commit/83a25cf61b736e1867d37bee37f7514d349e4427)]:
207
+ - tinacms@2.5.1
208
+
209
+ ## 2.1.12
210
+
211
+ ### Patch Changes
212
+
213
+ - [#5276](https://github.com/tinacms/tinacms/pull/5276) [`f90ef4d`](https://github.com/tinacms/tinacms/commit/f90ef4d92ae7b21c8c610d14af9510354a3969c6) Thanks [@Ben0189](https://github.com/Ben0189)! - Updates minor and patch dependencies
214
+
215
+ - [#5218](https://github.com/tinacms/tinacms/pull/5218) [`03bb823`](https://github.com/tinacms/tinacms/commit/03bb8237df87dab9da503818b839d44209263a48) Thanks [@kldavis4](https://github.com/kldavis4)! - Adds referential integrity for renaming and deleting referenced documents.
216
+
217
+ When a document is renamed, any documents which reference the document will be updated with the new document name. When a document is deleted, the user will be warned and any references to the document will be deleted.
218
+
219
+ - Updated dependencies [[`f90ef4d`](https://github.com/tinacms/tinacms/commit/f90ef4d92ae7b21c8c610d14af9510354a3969c6), [`03bb823`](https://github.com/tinacms/tinacms/commit/03bb8237df87dab9da503818b839d44209263a48), [`60fb710`](https://github.com/tinacms/tinacms/commit/60fb710addd539860eb7ba39196e02f3bb5f08c1), [`f3aa146`](https://github.com/tinacms/tinacms/commit/f3aa1465423101520bd05939249228c8d8b2a0df)]:
220
+ - @tinacms/mdx@1.5.2
221
+ - tinacms@2.5.0
222
+
223
+ ## 2.1.11
224
+
225
+ ### Patch Changes
226
+
227
+ - Updated dependencies [[`9bb408f`](https://github.com/tinacms/tinacms/commit/9bb408f1c45ecb1fd8e39faac652c4b342f74967), [`bbf2f81`](https://github.com/tinacms/tinacms/commit/bbf2f81143eb400faf8aa4dff33b8a58fa5059c8), [`bc59a81`](https://github.com/tinacms/tinacms/commit/bc59a819e1e68e48de027c4fac72551ca109185d)]:
228
+ - tinacms@2.4.0
229
+ - @tinacms/mdx@1.5.1
9
230
 
10
231
  ## 2.1.10
11
232
 
@@ -359,7 +580,7 @@
359
580
 
360
581
  fix: Use clean page-sizes on media manager (to make pagination more obvious)
361
582
 
362
- Fix issue with uploading media in a folder with tina cloud
583
+ Fix issue with uploading media in a folder with TinaCloud
363
584
 
364
585
  - Updated dependencies [9c27087fb]
365
586
  - Updated dependencies [65d0a701f]
@@ -682,7 +903,7 @@
682
903
  > NOTE: Relative paths are fine to use here, but make sure it's relative to the `.tina/config` file
683
904
 
684
905
  ```ts
685
- localContentPath: process.env.REMOTE_ROOT_PATH // eg. '../../my-content-repo'
906
+ localContentPath: process.env.REMOTE_ROOT_PATH; // eg. '../../my-content-repo'
686
907
  ```
687
908
 
688
909
  ### Production workflow
@@ -726,18 +947,18 @@
726
947
  EX:
727
948
 
728
949
  ```ts
729
- import { defineConfig } from 'tinacms'
950
+ import { defineConfig } from "tinacms";
730
951
 
731
952
  export default defineConfig({
732
953
  admin: {
733
954
  auth: {
734
955
  onLogin: () => {
735
- console.log('On Log in!')
956
+ console.log("On Log in!");
736
957
  },
737
958
  },
738
959
  },
739
960
  /// ...
740
- })
961
+ });
741
962
  ```
742
963
 
743
964
  - 9d4943a82: Fix issue resolving alias fields when passing through the `useTina` hook
@@ -960,13 +1181,13 @@
960
1181
 
961
1182
  ```ts
962
1183
  // .tina/config.ts
963
- import schema from './schema'
1184
+ import schema from "./schema";
964
1185
 
965
1186
  export default defineConfig({
966
1187
  schema: schema,
967
1188
  //.. Everything from define config in `schema.ts`
968
1189
  //.. Everything from `schema.config`
969
- })
1190
+ });
970
1191
  ```
971
1192
 
972
1193
  2. Add Build config
package/index.html CHANGED
@@ -51,7 +51,7 @@
51
51
  the assets for this page.\
52
52
  </p>\
53
53
  <p>\
54
- Please visit <a href="https://tina.io/docs/tina-cloud/faq/#how-do-i-resolve-failed-loading-tinacms-assets-error">this doc</a> for help.\
54
+ Please visit <a href="https://tina.io/docs/r/FAQ/#13-how-do-i-resolve-failed-loading-tinacms-assets-error">this doc</a> for help.\
55
55
  </p>\
56
56
  </div>'
57
57
  }
package/package.json CHANGED
@@ -1,12 +1,16 @@
1
1
  {
2
2
  "name": "@tinacms/app",
3
- "version": "0.0.0-bbf2f81-20241024004604",
3
+ "version": "0.0.0-bc35474-20251110001045",
4
4
  "main": "src/main.tsx",
5
5
  "license": "Apache-2.0",
6
6
  "devDependencies": {
7
- "@types/react": "^18.3.10",
8
- "@types/react-dom": "^18.3.0",
9
- "typescript": "^5.6.2"
7
+ "@types/react": "^18.3.18",
8
+ "@types/react-dom": "^18.3.5",
9
+ "typescript": "^5.7.3"
10
+ },
11
+ "peerDependencies": {
12
+ "react": ">=18.3.1 <20.0.0",
13
+ "react-dom": ">=18.3.1 <20.0.0"
10
14
  },
11
15
  "dependencies": {
12
16
  "@graphiql/toolkit": "0.8.4",
@@ -20,9 +24,9 @@
20
24
  "react": "^18.3.1",
21
25
  "react-dom": "^18.3.1",
22
26
  "react-router-dom": "6.3.0",
23
- "typescript": "^5.6.2",
24
- "zod": "^3.23.8",
25
- "@tinacms/mdx": "1.5.0",
26
- "tinacms": "0.0.0-bbf2f81-20241024004604"
27
+ "typescript": "^5.7.3",
28
+ "zod": "^3.24.2",
29
+ "@tinacms/mdx": "1.8.1",
30
+ "tinacms": "0.0.0-bc35474-20251110001045"
27
31
  }
28
32
  }
package/src/App.tsx CHANGED
@@ -1,20 +1,20 @@
1
- import React, { Suspense } from 'react'
2
- import TinaCMS, { TinaAdmin, useCMS, MdxFieldPluginExtendible } from 'tinacms'
3
- import { Preview } from './preview'
4
- import Playground from './Playground'
1
+ import React, { Suspense } from 'react';
2
+ import TinaCMS, { TinaAdmin, useCMS, MdxFieldPluginExtendible } from 'tinacms';
3
+ import { Preview } from './preview';
4
+ import Playground from './Playground';
5
5
 
6
6
  // TODO: Resolve this to local file in tsconfig.json
7
7
  // @ts-expect-error
8
- import config from 'TINA_IMPORT'
8
+ import config from 'TINA_IMPORT';
9
9
  // @ts-expect-error
10
- import schemaJson from 'SCHEMA_IMPORT'
10
+ import schemaJson from 'SCHEMA_IMPORT';
11
11
  // @ts-expect-error
12
- import staticMedia from 'STATIC_MEDIA_IMPORT'
12
+ import staticMedia from 'STATIC_MEDIA_IMPORT';
13
13
 
14
- const RawEditor = React.lazy(() => import('./fields/rich-text'))
14
+ const RawEditor = React.lazy(() => import('./fields/rich-text'));
15
15
 
16
16
  const Editor = (props) => {
17
- const [rawMode, setRawMode] = React.useState(false)
17
+ const [rawMode, setRawMode] = React.useState(false);
18
18
  return (
19
19
  <MdxFieldPluginExtendible.Component
20
20
  rawMode={rawMode}
@@ -26,32 +26,32 @@ const Editor = (props) => {
26
26
  </Suspense>
27
27
  }
28
28
  />
29
- )
30
- }
29
+ );
30
+ };
31
31
 
32
32
  const SetPreview = () => {
33
- const cms = useCMS()
33
+ const cms = useCMS();
34
34
  React.useEffect(() => {
35
35
  // Override original 'rich-text' field with one that has raw mode support
36
36
  cms.fields.add({
37
37
  ...MdxFieldPluginExtendible,
38
38
  Component: Editor,
39
- })
40
- const basePath = __BASE_PATH__.replace(/^\/|\/$/g, '')
41
- cms.flags.set('tina-basepath', basePath)
39
+ });
40
+ const basePath = __BASE_PATH__.replace(/^\/|\/$/g, '');
41
+ cms.flags.set('tina-basepath', basePath);
42
42
  cms.flags.set(
43
43
  'tina-preview',
44
44
  `${basePath ? `${basePath}/` : ''}${config.build.outputFolder.replace(
45
45
  /^\/|\/$/g,
46
46
  ''
47
47
  )}`
48
- )
49
- }, [])
50
- return null
51
- }
48
+ );
49
+ }, []);
50
+ return null;
51
+ };
52
52
 
53
53
  export const TinaAdminWrapper = () => {
54
- const schema = { ...config?.schema, config }
54
+ const schema = { ...config?.schema, config };
55
55
  return (
56
56
  // @ts-ignore JSX element type 'TinaCMS' does not have any construct or call signatures.ts(2604)
57
57
  <TinaCMS
@@ -70,10 +70,10 @@ export const TinaAdminWrapper = () => {
70
70
  schemaJson={schemaJson}
71
71
  />
72
72
  </TinaCMS>
73
- )
74
- }
73
+ );
74
+ };
75
75
 
76
76
  function App() {
77
- return <TinaAdminWrapper />
77
+ return <TinaAdminWrapper />;
78
78
  }
79
- export default App
79
+ export default App;
@@ -1,28 +1,28 @@
1
- import { createGraphiQLFetcher } from '@graphiql/toolkit'
2
- import { GraphiQL } from 'graphiql'
3
- import { parse, print } from 'graphql'
4
- import React from 'react'
5
- import { useCMS } from 'tinacms'
6
- import { FolderIcon } from '@heroicons/react/outline'
7
- import { queries } from 'CLIENT_IMPORT'
1
+ import { createGraphiQLFetcher } from '@graphiql/toolkit';
2
+ import { FolderIcon } from '@heroicons/react/outline';
3
+ import { queries } from 'CLIENT_IMPORT';
4
+ import { GraphiQL } from 'graphiql';
5
+ import { parse, print } from 'graphql';
6
+ import React from 'react';
7
+ import { useCMS } from 'tinacms';
8
8
 
9
- import 'graphiql/graphiql.min.css'
9
+ import 'graphiql/graphiql.min.css';
10
10
 
11
11
  const Playground = () => {
12
- const cms = useCMS()
13
- const [query, setQuery] = React.useState('')
14
- const [variables, setVariables] = React.useState('')
15
- const [autoQueries, setAutoQueries] = React.useState()
12
+ const cms = useCMS();
13
+ const [query, setQuery] = React.useState('');
14
+ const [variables, setVariables] = React.useState('');
15
+ const [autoQueries, setAutoQueries] = React.useState();
16
16
  const [collectionInfo, setCollectionInfo] = React.useState<{
17
17
  collections: {
18
- name: string
19
- documents: { edges: { node: { _sys: { relativePath: string } } }[] }
20
- }[]
21
- }>()
18
+ name: string;
19
+ documents: { edges: { node: { _sys: { relativePath: string } } }[] };
20
+ }[];
21
+ }>();
22
22
  React.useEffect(() => {
23
23
  const run = async () => {
24
24
  if (queries) {
25
- const q = queries({ request: async () => query })
25
+ const q = queries({ request: async () => query });
26
26
  setCollectionInfo(
27
27
  await cms.api.tina.request(
28
28
  `
@@ -45,52 +45,50 @@ const Playground = () => {
45
45
  `,
46
46
  { variables: {} }
47
47
  )
48
- )
49
- setAutoQueries(q)
48
+ );
49
+ setAutoQueries(q);
50
50
  } else {
51
- setAutoQueries({})
51
+ setAutoQueries({});
52
52
  }
53
- }
54
- run()
55
- }, [])
53
+ };
54
+ run();
55
+ }, []);
56
56
 
57
- const ref = React.useRef()
57
+ const ref = React.useRef();
58
58
 
59
59
  const getToken = () => {
60
- return JSON.parse(localStorage.getItem('tinacms-auth') || '{}')?.id_token
61
- }
60
+ return JSON.parse(localStorage.getItem('tinacms-auth') || '{}')?.id_token;
61
+ };
62
62
 
63
63
  if (!autoQueries) {
64
- return null
64
+ return null;
65
65
  }
66
66
 
67
67
  const Plugin = () => {
68
- const noAutoQueries = Object.keys(autoQueries).length === 0
68
+ const noAutoQueries = Object.keys(autoQueries).length === 0;
69
69
  return (
70
70
  <div>
71
- <div className="graphiql-doc-explorer-title">Queries</div>
72
- <div className="graphiql-doc-explorer-content">
73
- <div className="graphiql-markdown-description">
71
+ <div className='graphiql-doc-explorer-title'>Queries</div>
72
+ <div className='graphiql-doc-explorer-content'>
73
+ <div className='graphiql-markdown-description'>
74
74
  {noAutoQueries
75
75
  ? 'No auto-generated queries found, the Tina config is likely set to client.skip = true'
76
76
  : "Tina's auto-generated queries can be found here as well as any queries you may have defined yourself."}{' '}
77
- <a href="https://tina.io/docs/data-fetching/custom-queries/">
78
- Learn more here
79
- </a>
77
+ <a href='https://tina.io/docs/r/custom-queries/'>Learn more here</a>
80
78
  </div>
81
- <nav className="space-y-1" aria-label="Sidebar">
79
+ <nav className='space-y-1' aria-label='Sidebar'>
82
80
  <ul>
83
81
  {Object.entries(autoQueries).map(([key, value]) => {
84
82
  const collection = collectionInfo?.collections.find(
85
83
  ({ name }) => name === key
86
- )
87
- let variables = ''
88
- let relativePath = ''
84
+ );
85
+ let variables = '';
86
+ let relativePath = '';
89
87
  if (collection) {
90
88
  relativePath =
91
89
  collection?.documents?.edges[0]?.node?._sys.relativePath ||
92
- ''
93
- variables = JSON.stringify({ relativePath }, null, 2)
90
+ '';
91
+ variables = JSON.stringify({ relativePath }, null, 2);
94
92
  }
95
93
  return (
96
94
  <li>
@@ -100,47 +98,47 @@ const Playground = () => {
100
98
  false
101
99
  ? 'bg-gray-100 text-gray-900'
102
100
  : 'text-gray-600 hover:bg-gray-50 hover:text-gray-900',
103
- 'flex items-center rounded-md px-3 py-2 text-sm font-medium w-full text-left'
101
+ 'flex items-center rounded px-3 py-2 text-sm font-medium w-full text-left'
104
102
  )}
105
103
  onClick={async () => {
106
104
  if (typeof value === 'function') {
107
- const v = await value({})
108
- const ast = parse(v.query)
109
- setVariables(variables)
110
- setQuery(print(ast))
105
+ const v = await value({});
106
+ const ast = parse(v.query);
107
+ setVariables(variables);
108
+ setQuery(print(ast));
111
109
  }
112
110
  }}
113
111
  >
114
- <span className="truncate">
112
+ <span className='truncate'>
115
113
  {key}{' '}
116
114
  {relativePath && (
117
- <span className="pl-2 text-sm text-gray-300">
115
+ <span className='pl-2 text-sm text-gray-300'>
118
116
  ({relativePath})
119
117
  </span>
120
118
  )}{' '}
121
119
  </span>
122
120
  </button>
123
121
  </li>
124
- )
122
+ );
125
123
  })}
126
124
  </ul>
127
125
  </nav>
128
126
  </div>
129
127
  </div>
130
- )
131
- }
128
+ );
129
+ };
132
130
  return (
133
131
  <div style={{ height: '100vh' }}>
134
132
  <GraphiQL
135
133
  fetcher={async (params, options) => {
136
134
  const fetcher = createGraphiQLFetcher({
137
- url: __API_URL__,
135
+ url: cms.api.tina.contentApiUrl || __API_URL__,
138
136
  headers: { Authorization: `Bearer ${getToken()}` },
139
- })
140
- return fetcher(params, options)
137
+ });
138
+ return fetcher(params, options);
141
139
  }}
142
140
  query={query}
143
- defaultEditorToolsVisibility="variables"
141
+ defaultEditorToolsVisibility='variables'
144
142
  isHeadersEditorEnabled={false}
145
143
  defaultTabs={[]}
146
144
  plugins={[
@@ -153,11 +151,11 @@ const Playground = () => {
153
151
  variables={variables}
154
152
  ></GraphiQL>
155
153
  </div>
156
- )
157
- }
154
+ );
155
+ };
158
156
 
159
- export default Playground
157
+ export default Playground;
160
158
 
161
159
  function classNames(...classes: string[]) {
162
- return classes.filter(Boolean).join(' ')
160
+ return classes.filter(Boolean).join(' ');
163
161
  }
@@ -1 +1 @@
1
- export const queries = false
1
+ export const queries = false;
@@ -1,6 +1,6 @@
1
1
  /**
2
2
 
3
3
  */
4
- import RawEditor from './monaco'
4
+ import RawEditor from './monaco';
5
5
 
6
- export default RawEditor
6
+ export default RawEditor;