@tinacms/app 0.0.0-602b4d0-20250227035220 → 0.0.0-60814a3-20251219052946

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.
Files changed (22) hide show
  1. package/CHANGELOG.md +230 -11
  2. package/index.html +1 -1
  3. package/package.json +12 -4
  4. package/src/App.tsx +24 -24
  5. package/src/Playground.tsx +56 -58
  6. package/src/dummy-client.ts +1 -1
  7. package/src/fields/rich-text/index.tsx +2 -2
  8. package/src/fields/rich-text/monaco/error-message.tsx +59 -59
  9. package/src/fields/rich-text/monaco/index.tsx +68 -74
  10. package/src/fields/rich-text/monaco/use-debounce.ts +8 -8
  11. package/src/global.css +3 -3
  12. package/src/index.css +24 -15
  13. package/src/lib/build-form.ts +24 -24
  14. package/src/lib/errors.tsx +7 -7
  15. package/src/lib/expand-query.ts +74 -69
  16. package/src/lib/graphql-reducer.ts +295 -277
  17. package/src/lib/types.ts +34 -33
  18. package/src/lib/util.ts +48 -53
  19. package/src/main.tsx +7 -7
  20. package/src/preflight.css +10 -10
  21. package/src/preview.tsx +12 -12
  22. package/src/vite-env.d.ts +3 -3
package/CHANGELOG.md CHANGED
@@ -1,12 +1,231 @@
1
1
  # @tinacms/app
2
2
 
3
- ## 0.0.0-602b4d0-20250227035220
3
+ ## 0.0.0-60814a3-20251219052946
4
4
 
5
5
  ### Patch Changes
6
6
 
7
- - Updated dependencies [[`602b4d0`](https://github.com/tinacms/tinacms/commit/602b4d07f94de4c10d5bb059a5edc49546a2031c)]:
8
- - tinacms@0.0.0-602b4d0-20250227035220
9
- - @tinacms/mdx@0.0.0-602b4d0-20250227035220
7
+ - Updated dependencies [[`60814a3`](https://github.com/tinacms/tinacms/commit/60814a3b56f99843211ef144576109857ad6ba86)]:
8
+ - tinacms@0.0.0-60814a3-20251219052946
9
+
10
+ ## 2.3.17
11
+
12
+ ### Patch Changes
13
+
14
+ - Updated dependencies [[`8335218`](https://github.com/tinacms/tinacms/commit/833521832f91c98ff3cb48535eecb3824cb0f7bd)]:
15
+ - tinacms@3.1.2
16
+
17
+ ## 2.3.16
18
+
19
+ ### Patch Changes
20
+
21
+ - Updated dependencies [[`3a12a39`](https://github.com/tinacms/tinacms/commit/3a12a392d5a8eb9bba5a5be65d080f24afa08de3)]:
22
+ - tinacms@3.1.1
23
+
24
+ ## 2.3.15
25
+
26
+ ### Patch Changes
27
+
28
+ - Updated dependencies [[`998975c`](https://github.com/tinacms/tinacms/commit/998975cc8e3c71489f3ed6cbf9ca0a5a7619c18b), [`a125472`](https://github.com/tinacms/tinacms/commit/a125472d3278c140cb416dba5cd1478fb5dfe320), [`3097535`](https://github.com/tinacms/tinacms/commit/3097535275e813db907a592ee96bd8481f0eacc5), [`9fb397d`](https://github.com/tinacms/tinacms/commit/9fb397da515468f72b01f5a7cf881187a9c33d6e)]:
29
+ - tinacms@3.1.0
30
+ - @tinacms/mdx@2.0.1
31
+
32
+ ## 2.3.14
33
+
34
+ ### Patch Changes
35
+
36
+ - Updated dependencies [[`5c1e891`](https://github.com/tinacms/tinacms/commit/5c1e89181f595d392ad6cb56ca5fc0b6d9e60a23), [`f717193`](https://github.com/tinacms/tinacms/commit/f717193aa4a1d3205df42d120fd1f6192b5e41e5), [`ac59522`](https://github.com/tinacms/tinacms/commit/ac59522053c71c713057c4c2b6ce610617bce85e)]:
37
+ - tinacms@3.0.2
38
+ - @tinacms/mdx@2.0.0
39
+
40
+ ## 2.3.13
41
+
42
+ ### Patch Changes
43
+
44
+ - Updated dependencies [[`50fa9f4`](https://github.com/tinacms/tinacms/commit/50fa9f4bf932a3dc45b88d245e35917efe8d3423), [`428ec7e`](https://github.com/tinacms/tinacms/commit/428ec7eca20603e2cb666d562fd4cc16dda4cbed), [`6946476`](https://github.com/tinacms/tinacms/commit/69464767d339a5df3c6c530ece94ef80049e534f), [`f99bbbc`](https://github.com/tinacms/tinacms/commit/f99bbbc221eead8d714b3791348d415dd8fcd063)]:
45
+ - tinacms@3.0.1
46
+
47
+ ## 2.3.12
48
+
49
+ ### Patch Changes
50
+
51
+ - Updated dependencies [[`2e1535d`](https://github.com/tinacms/tinacms/commit/2e1535dd5495dc390902f2db6ef1f26afb072396), [`ed6025e`](https://github.com/tinacms/tinacms/commit/ed6025ee87ebe051957fc93e987ba8de8b003995), [`3bf79e1`](https://github.com/tinacms/tinacms/commit/3bf79e19c005dca745a8ddd46546190741b322a5), [`bb1ad6a`](https://github.com/tinacms/tinacms/commit/bb1ad6a11d10976074453ed218b178935ec96fd3)]:
52
+ - @tinacms/mdx@2.0.0
53
+ - tinacms@3.0.0
54
+
55
+ ## 2.3.11
56
+
57
+ ### Patch Changes
58
+
59
+ - Updated dependencies [[`a76fdb6`](https://github.com/tinacms/tinacms/commit/a76fdb639b94cfefa169ebbd184f55d62e4a8a76), [`dd2089d`](https://github.com/tinacms/tinacms/commit/dd2089dbde4a7b1a0116cce096f50a97fdca9d81)]:
60
+ - tinacms@2.10.1
61
+ - @tinacms/mdx@1.8.3
62
+
63
+ ## 2.3.10
64
+
65
+ ### Patch Changes
66
+
67
+ - [#5822](https://github.com/tinacms/tinacms/pull/5822) [`4b824be`](https://github.com/tinacms/tinacms/commit/4b824be53572f9231753ebd3b5f14fd778fd73d6) Thanks [@copilot-swe-agent](https://github.com/apps/copilot-swe-agent)! - Migrate from react-beautiful-dnd to dnd-kit to fix deprecation error.
68
+
69
+ - Updated dependencies [[`f2577b9`](https://github.com/tinacms/tinacms/commit/f2577b911a97ecc1c3f53a98ae8218cc33bc9867), [`3ffa092`](https://github.com/tinacms/tinacms/commit/3ffa0929e4964f17d5ffa05e0d4cbbff5d9ef4d9), [`38920ce`](https://github.com/tinacms/tinacms/commit/38920ce29a9b63c54b04f39537f19beab62d2c86), [`d1bd1a1`](https://github.com/tinacms/tinacms/commit/d1bd1a1312fa910e237ec06608e7c11830c78346), [`67e1a3d`](https://github.com/tinacms/tinacms/commit/67e1a3d4c52e0acdab0a8dc53956e39f2e3075fa), [`9fb1402`](https://github.com/tinacms/tinacms/commit/9fb1402491f52d16e763c875ee550f7d879c83c8), [`3fa1098`](https://github.com/tinacms/tinacms/commit/3fa109849f552406dd0059041afe0bf09edadb25), [`ccab7a5`](https://github.com/tinacms/tinacms/commit/ccab7a5d0fd1f4167e8f72306e9d32e8750ed9bf), [`4b824be`](https://github.com/tinacms/tinacms/commit/4b824be53572f9231753ebd3b5f14fd778fd73d6), [`d9487bf`](https://github.com/tinacms/tinacms/commit/d9487bff276ba20a84b76944c5a7a333666f4984)]:
70
+ - tinacms@2.10.0
71
+ - @tinacms/mdx@1.8.2
72
+
73
+ ## 2.3.9
74
+
75
+ ### Patch Changes
76
+
77
+ - Updated dependencies [[`d900f4e`](https://github.com/tinacms/tinacms/commit/d900f4e6c6f0a86c94bba5f0925bbaa54eeb90db)]:
78
+ - tinacms@2.9.5
79
+
80
+ ## 2.3.8
81
+
82
+ ### Patch Changes
83
+
84
+ - Updated dependencies [[`e1b6d05`](https://github.com/tinacms/tinacms/commit/e1b6d05c6b31c5c0928633064a065ddd331667ca), [`4ee0dd9`](https://github.com/tinacms/tinacms/commit/4ee0dd95913392b0da12dd5c9344909e5292e911), [`27e5ca9`](https://github.com/tinacms/tinacms/commit/27e5ca9b18a90f13f92425ebb2628b143d6a81be)]:
85
+ - tinacms@2.9.4
86
+
87
+ ## 2.3.7
88
+
89
+ ### Patch Changes
90
+
91
+ - Updated dependencies [[`9e8bc37`](https://github.com/tinacms/tinacms/commit/9e8bc37402c8aa4d408c38e00d4402d596b0d896), [`0f265aa`](https://github.com/tinacms/tinacms/commit/0f265aadf918ae6f5b789e298fc2c406a6df0b16), [`32bd9b2`](https://github.com/tinacms/tinacms/commit/32bd9b21b54462be3e83b2d3e4b4237a48758bb1), [`ce1414c`](https://github.com/tinacms/tinacms/commit/ce1414ce1b82e6755a96c9c12949cd469b43e283)]:
92
+ - tinacms@2.9.3
93
+
94
+ ## 2.3.6
95
+
96
+ ### Patch Changes
97
+
98
+ - [#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
99
+
100
+ - [#6098](https://github.com/tinacms/tinacms/pull/6098) [`a2d983e`](https://github.com/tinacms/tinacms/commit/a2d983ed886f66db2c133e902eacaa8d07e88bdb) Thanks [@Pat-Stuart](https://github.com/Pat-Stuart)! - Change from blue accent coloring to orange
101
+
102
+ - 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), [`572fb28`](https://github.com/tinacms/tinacms/commit/572fb28236b56db4ede5fe53b177b80323ae7284), [`f224124`](https://github.com/tinacms/tinacms/commit/f224124220811fb44749122d46eb7100af89ee77), [`a2d983e`](https://github.com/tinacms/tinacms/commit/a2d983ed886f66db2c133e902eacaa8d07e88bdb), [`bc35474`](https://github.com/tinacms/tinacms/commit/bc354740d0cb359c372ba287974e7e9db3c5119c)]:
103
+ - tinacms@2.9.2
104
+
105
+ ## 2.3.5
106
+
107
+ ### Patch Changes
108
+
109
+ - 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)]:
110
+ - tinacms@2.9.1
111
+
112
+ ## 2.3.4
113
+
114
+ ### Patch Changes
115
+
116
+ - 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)]:
117
+ - tinacms@2.9.0
118
+
119
+ ## 2.3.3
120
+
121
+ ### Patch Changes
122
+
123
+ - 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)]:
124
+ - tinacms@2.8.3
125
+
126
+ ## 2.3.2
127
+
128
+ ### Patch Changes
129
+
130
+ - 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)]:
131
+ - tinacms@2.8.2
132
+ - @tinacms/mdx@1.8.1
133
+
134
+ ## 2.3.1
135
+
136
+ ### Patch Changes
137
+
138
+ - 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)]:
139
+ - tinacms@2.8.1
140
+
141
+ ## 2.3.0
142
+
143
+ ### Minor Changes
144
+
145
+ - [#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.
146
+
147
+ ### Patch Changes
148
+
149
+ - Updated dependencies [[`98a61e2`](https://github.com/tinacms/tinacms/commit/98a61e2d263978a7096cc23ac7e94aa0039981be)]:
150
+ - @tinacms/mdx@1.8.0
151
+ - tinacms@2.8.0
152
+
153
+ ## 2.2.10
154
+
155
+ ### Patch Changes
156
+
157
+ - [#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
158
+
159
+ - 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)]:
160
+ - tinacms@2.7.10
161
+
162
+ ## 2.2.9
163
+
164
+ ### Patch Changes
165
+
166
+ - [#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
167
+ Forms header - Adds breadcrumb navigation
168
+
169
+ - [#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
170
+
171
+ - Fixed Visual Editing's "Edit" button (Reference Fields)
172
+
173
+ - [#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
174
+
175
+ - 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)]:
176
+ - tinacms@2.7.9
177
+ - @tinacms/mdx@1.7.0
178
+
179
+ ## 2.2.8
180
+
181
+ ### Patch Changes
182
+
183
+ - 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)]:
184
+ - tinacms@2.7.8
185
+ - @tinacms/mdx@1.6.3
186
+
187
+ ## 2.2.7
188
+
189
+ ### Patch Changes
190
+
191
+ - [#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
192
+
193
+ - Updated dependencies [[`1965236`](https://github.com/tinacms/tinacms/commit/19652363784e48b065ec1924a9cd9611c8e79cae)]:
194
+ - tinacms@2.7.7
195
+
196
+ ## 2.2.6
197
+
198
+ ### Patch Changes
199
+
200
+ - Updated dependencies [[`65cee5d`](https://github.com/tinacms/tinacms/commit/65cee5d6ae16c7320a4a14f0d9a82dc5f9103e34)]:
201
+ - tinacms@2.7.6
202
+
203
+ ## 2.2.5
204
+
205
+ ### Patch Changes
206
+
207
+ - [#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
208
+
209
+ - [#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.
210
+ - Ensure GraphQL playground correctly updates when switching branches.
211
+ - 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)]:
212
+ - tinacms@2.7.5
213
+ - @tinacms/mdx@1.6.2
214
+
215
+ ## 2.2.3
216
+
217
+ ### Patch Changes
218
+
219
+ - Updated dependencies [[`991db1f`](https://github.com/tinacms/tinacms/commit/991db1f10c1f9cf9211d7e82bd56658cdcce24c7)]:
220
+ - tinacms@2.7.3
221
+
222
+ ## 2.2.2
223
+
224
+ ### Patch Changes
225
+
226
+ - Updated dependencies [[`619e601`](https://github.com/tinacms/tinacms/commit/619e6010d6f95d893e980952bef64f747808c956), [`602b4d0`](https://github.com/tinacms/tinacms/commit/602b4d07f94de4c10d5bb059a5edc49546a2031c)]:
227
+ - tinacms@2.7.2
228
+ - @tinacms/mdx@1.6.1
10
229
 
11
230
  ## 2.2.1
12
231
 
@@ -454,7 +673,7 @@
454
673
 
455
674
  fix: Use clean page-sizes on media manager (to make pagination more obvious)
456
675
 
457
- Fix issue with uploading media in a folder with tina cloud
676
+ Fix issue with uploading media in a folder with TinaCloud
458
677
 
459
678
  - Updated dependencies [9c27087fb]
460
679
  - Updated dependencies [65d0a701f]
@@ -777,7 +996,7 @@
777
996
  > NOTE: Relative paths are fine to use here, but make sure it's relative to the `.tina/config` file
778
997
 
779
998
  ```ts
780
- localContentPath: process.env.REMOTE_ROOT_PATH // eg. '../../my-content-repo'
999
+ localContentPath: process.env.REMOTE_ROOT_PATH; // eg. '../../my-content-repo'
781
1000
  ```
782
1001
 
783
1002
  ### Production workflow
@@ -821,18 +1040,18 @@
821
1040
  EX:
822
1041
 
823
1042
  ```ts
824
- import { defineConfig } from 'tinacms'
1043
+ import { defineConfig } from "tinacms";
825
1044
 
826
1045
  export default defineConfig({
827
1046
  admin: {
828
1047
  auth: {
829
1048
  onLogin: () => {
830
- console.log('On Log in!')
1049
+ console.log("On Log in!");
831
1050
  },
832
1051
  },
833
1052
  },
834
1053
  /// ...
835
- })
1054
+ });
836
1055
  ```
837
1056
 
838
1057
  - 9d4943a82: Fix issue resolving alias fields when passing through the `useTina` hook
@@ -1055,13 +1274,13 @@
1055
1274
 
1056
1275
  ```ts
1057
1276
  // .tina/config.ts
1058
- import schema from './schema'
1277
+ import schema from "./schema";
1059
1278
 
1060
1279
  export default defineConfig({
1061
1280
  schema: schema,
1062
1281
  //.. Everything from define config in `schema.ts`
1063
1282
  //.. Everything from `schema.config`
1064
- })
1283
+ });
1065
1284
  ```
1066
1285
 
1067
1286
  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,6 +1,6 @@
1
1
  {
2
2
  "name": "@tinacms/app",
3
- "version": "0.0.0-602b4d0-20250227035220",
3
+ "version": "0.0.0-60814a3-20251219052946",
4
4
  "main": "src/main.tsx",
5
5
  "license": "Apache-2.0",
6
6
  "devDependencies": {
@@ -8,11 +8,15 @@
8
8
  "@types/react-dom": "^18.3.5",
9
9
  "typescript": "^5.7.3"
10
10
  },
11
+ "peerDependencies": {
12
+ "react": ">=18.3.1 <20.0.0",
13
+ "react-dom": ">=18.3.1 <20.0.0"
14
+ },
11
15
  "dependencies": {
12
16
  "@graphiql/toolkit": "0.8.4",
13
17
  "@headlessui/react": "2.1.8",
14
18
  "@heroicons/react": "^1.0.6",
15
- "@monaco-editor/react": "4.4.5",
19
+ "@monaco-editor/react": "4.7.0-rc.0",
16
20
  "final-form": "4.20.10",
17
21
  "graphiql": "3.0.0-alpha.1",
18
22
  "graphql": "15.8.0",
@@ -22,7 +26,11 @@
22
26
  "react-router-dom": "6.3.0",
23
27
  "typescript": "^5.7.3",
24
28
  "zod": "^3.24.2",
25
- "@tinacms/mdx": "0.0.0-602b4d0-20250227035220",
26
- "tinacms": "0.0.0-602b4d0-20250227035220"
29
+ "@tinacms/mdx": "2.0.1",
30
+ "tinacms": "0.0.0-60814a3-20251219052946"
31
+ },
32
+ "repository": {
33
+ "url": "https://github.com/tinacms/tinacms.git",
34
+ "directory": "packages/@tinacms/app"
27
35
  }
28
36
  }
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;
package/src/Playground.tsx CHANGED
@@ -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
  }
package/src/dummy-client.ts CHANGED
@@ -1 +1 @@
1
- export const queries = false
1
+ export const queries = false;
package/src/fields/rich-text/index.tsx CHANGED
@@ -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;