@tinacms/app 0.0.0-99bb59f-20250220002800 → 0.0.0-99eb45d-20251216062212

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 -10
  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,6 +1,226 @@
1
1
  # @tinacms/app
2
2
 
3
- ## 0.0.0-99bb59f-20250220002800
3
+ ## 0.0.0-99eb45d-20251216062212
4
+
5
+ ### Patch Changes
6
+
7
+ - Updated dependencies [[`3a12a39`](https://github.com/tinacms/tinacms/commit/3a12a392d5a8eb9bba5a5be65d080f24afa08de3)]:
8
+ - tinacms@0.0.0-99eb45d-20251216062212
9
+
10
+ ## 2.3.15
11
+
12
+ ### Patch Changes
13
+
14
+ - 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)]:
15
+ - tinacms@3.1.0
16
+ - @tinacms/mdx@2.0.1
17
+
18
+ ## 2.3.14
19
+
20
+ ### Patch Changes
21
+
22
+ - 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)]:
23
+ - tinacms@3.0.2
24
+ - @tinacms/mdx@2.0.0
25
+
26
+ ## 2.3.13
27
+
28
+ ### Patch Changes
29
+
30
+ - 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)]:
31
+ - tinacms@3.0.1
32
+
33
+ ## 2.3.12
34
+
35
+ ### Patch Changes
36
+
37
+ - 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)]:
38
+ - @tinacms/mdx@2.0.0
39
+ - tinacms@3.0.0
40
+
41
+ ## 2.3.11
42
+
43
+ ### Patch Changes
44
+
45
+ - Updated dependencies [[`a76fdb6`](https://github.com/tinacms/tinacms/commit/a76fdb639b94cfefa169ebbd184f55d62e4a8a76), [`dd2089d`](https://github.com/tinacms/tinacms/commit/dd2089dbde4a7b1a0116cce096f50a97fdca9d81)]:
46
+ - tinacms@2.10.1
47
+ - @tinacms/mdx@1.8.3
48
+
49
+ ## 2.3.10
50
+
51
+ ### Patch Changes
52
+
53
+ - [#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.
54
+
55
+ - 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)]:
56
+ - tinacms@2.10.0
57
+ - @tinacms/mdx@1.8.2
58
+
59
+ ## 2.3.9
60
+
61
+ ### Patch Changes
62
+
63
+ - Updated dependencies [[`d900f4e`](https://github.com/tinacms/tinacms/commit/d900f4e6c6f0a86c94bba5f0925bbaa54eeb90db)]:
64
+ - tinacms@2.9.5
65
+
66
+ ## 2.3.8
67
+
68
+ ### Patch Changes
69
+
70
+ - 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)]:
71
+ - tinacms@2.9.4
72
+
73
+ ## 2.3.7
74
+
75
+ ### Patch Changes
76
+
77
+ - 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)]:
78
+ - tinacms@2.9.3
79
+
80
+ ## 2.3.6
81
+
82
+ ### Patch Changes
83
+
84
+ - [#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
85
+
86
+ - [#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
87
+
88
+ - 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)]:
89
+ - tinacms@2.9.2
90
+
91
+ ## 2.3.5
92
+
93
+ ### Patch Changes
94
+
95
+ - 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)]:
96
+ - tinacms@2.9.1
97
+
98
+ ## 2.3.4
99
+
100
+ ### Patch Changes
101
+
102
+ - 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)]:
103
+ - tinacms@2.9.0
104
+
105
+ ## 2.3.3
106
+
107
+ ### Patch Changes
108
+
109
+ - 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)]:
110
+ - tinacms@2.8.3
111
+
112
+ ## 2.3.2
113
+
114
+ ### Patch Changes
115
+
116
+ - 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)]:
117
+ - tinacms@2.8.2
118
+ - @tinacms/mdx@1.8.1
119
+
120
+ ## 2.3.1
121
+
122
+ ### Patch Changes
123
+
124
+ - 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)]:
125
+ - tinacms@2.8.1
126
+
127
+ ## 2.3.0
128
+
129
+ ### Minor Changes
130
+
131
+ - [#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.
132
+
133
+ ### Patch Changes
134
+
135
+ - Updated dependencies [[`98a61e2`](https://github.com/tinacms/tinacms/commit/98a61e2d263978a7096cc23ac7e94aa0039981be)]:
136
+ - @tinacms/mdx@1.8.0
137
+ - tinacms@2.8.0
138
+
139
+ ## 2.2.10
140
+
141
+ ### Patch Changes
142
+
143
+ - [#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
144
+
145
+ - 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)]:
146
+ - tinacms@2.7.10
147
+
148
+ ## 2.2.9
149
+
150
+ ### Patch Changes
151
+
152
+ - [#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
153
+ Forms header - Adds breadcrumb navigation
154
+
155
+ - [#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
156
+
157
+ - Fixed Visual Editing's "Edit" button (Reference Fields)
158
+
159
+ - [#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
160
+
161
+ - 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)]:
162
+ - tinacms@2.7.9
163
+ - @tinacms/mdx@1.7.0
164
+
165
+ ## 2.2.8
166
+
167
+ ### Patch Changes
168
+
169
+ - 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)]:
170
+ - tinacms@2.7.8
171
+ - @tinacms/mdx@1.6.3
172
+
173
+ ## 2.2.7
174
+
175
+ ### Patch Changes
176
+
177
+ - [#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
178
+
179
+ - Updated dependencies [[`1965236`](https://github.com/tinacms/tinacms/commit/19652363784e48b065ec1924a9cd9611c8e79cae)]:
180
+ - tinacms@2.7.7
181
+
182
+ ## 2.2.6
183
+
184
+ ### Patch Changes
185
+
186
+ - Updated dependencies [[`65cee5d`](https://github.com/tinacms/tinacms/commit/65cee5d6ae16c7320a4a14f0d9a82dc5f9103e34)]:
187
+ - tinacms@2.7.6
188
+
189
+ ## 2.2.5
190
+
191
+ ### Patch Changes
192
+
193
+ - [#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
194
+
195
+ - [#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.
196
+ - Ensure GraphQL playground correctly updates when switching branches.
197
+ - 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)]:
198
+ - tinacms@2.7.5
199
+ - @tinacms/mdx@1.6.2
200
+
201
+ ## 2.2.3
202
+
203
+ ### Patch Changes
204
+
205
+ - Updated dependencies [[`991db1f`](https://github.com/tinacms/tinacms/commit/991db1f10c1f9cf9211d7e82bd56658cdcce24c7)]:
206
+ - tinacms@2.7.3
207
+
208
+ ## 2.2.2
209
+
210
+ ### Patch Changes
211
+
212
+ - Updated dependencies [[`619e601`](https://github.com/tinacms/tinacms/commit/619e6010d6f95d893e980952bef64f747808c956), [`602b4d0`](https://github.com/tinacms/tinacms/commit/602b4d07f94de4c10d5bb059a5edc49546a2031c)]:
213
+ - tinacms@2.7.2
214
+ - @tinacms/mdx@1.6.1
215
+
216
+ ## 2.2.1
217
+
218
+ ### Patch Changes
219
+
220
+ - Updated dependencies [[`74513b3`](https://github.com/tinacms/tinacms/commit/74513b357aa27165aa86f7b3218c697c663539e8), [`06c1716`](https://github.com/tinacms/tinacms/commit/06c17163b558a96275b0ef66c746b005a6f90d13)]:
221
+ - tinacms@2.7.1
222
+
223
+ ## 2.2.0
4
224
 
5
225
  ### Minor Changes
6
226
 
@@ -11,8 +231,8 @@
11
231
  - [#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
12
232
 
13
233
  - 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)]:
14
- - tinacms@0.0.0-99bb59f-20250220002800
15
- - @tinacms/mdx@0.0.0-99bb59f-20250220002800
234
+ - tinacms@2.7.0
235
+ - @tinacms/mdx@1.6.0
16
236
 
17
237
  ## 2.1.19
18
238
 
@@ -439,7 +659,7 @@
439
659
 
440
660
  fix: Use clean page-sizes on media manager (to make pagination more obvious)
441
661
 
442
- Fix issue with uploading media in a folder with tina cloud
662
+ Fix issue with uploading media in a folder with TinaCloud
443
663
 
444
664
  - Updated dependencies [9c27087fb]
445
665
  - Updated dependencies [65d0a701f]
@@ -762,7 +982,7 @@
762
982
  > NOTE: Relative paths are fine to use here, but make sure it's relative to the `.tina/config` file
763
983
 
764
984
  ```ts
765
- localContentPath: process.env.REMOTE_ROOT_PATH // eg. '../../my-content-repo'
985
+ localContentPath: process.env.REMOTE_ROOT_PATH; // eg. '../../my-content-repo'
766
986
  ```
767
987
 
768
988
  ### Production workflow
@@ -806,18 +1026,18 @@
806
1026
  EX:
807
1027
 
808
1028
  ```ts
809
- import { defineConfig } from 'tinacms'
1029
+ import { defineConfig } from "tinacms";
810
1030
 
811
1031
  export default defineConfig({
812
1032
  admin: {
813
1033
  auth: {
814
1034
  onLogin: () => {
815
- console.log('On Log in!')
1035
+ console.log("On Log in!");
816
1036
  },
817
1037
  },
818
1038
  },
819
1039
  /// ...
820
- })
1040
+ });
821
1041
  ```
822
1042
 
823
1043
  - 9d4943a82: Fix issue resolving alias fields when passing through the `useTina` hook
@@ -1040,13 +1260,13 @@
1040
1260
 
1041
1261
  ```ts
1042
1262
  // .tina/config.ts
1043
- import schema from './schema'
1263
+ import schema from "./schema";
1044
1264
 
1045
1265
  export default defineConfig({
1046
1266
  schema: schema,
1047
1267
  //.. Everything from define config in `schema.ts`
1048
1268
  //.. Everything from `schema.config`
1049
- })
1269
+ });
1050
1270
  ```
1051
1271
 
1052
1272
  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-99bb59f-20250220002800",
3
+ "version": "0.0.0-99eb45d-20251216062212",
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": "0.0.0-99bb59f-20250220002800",
26
- "@tinacms/mdx": "0.0.0-99bb59f-20250220002800"
29
+ "tinacms": "0.0.0-99eb45d-20251216062212",
30
+ "@tinacms/mdx": "2.0.1"
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;