@tinacms/app 0.0.0-ac4804a-20250226013045 → 0.0.0-ad128cc-20251219023808

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 +237 -9
  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,11 +1,239 @@
1
1
  # @tinacms/app
2
2
 
3
- ## 0.0.0-ac4804a-20250226013045
3
+ ## 0.0.0-ad128cc-20251219023808
4
+
5
+ ### Patch Changes
6
+
7
+ - Updated dependencies [[`9630795`](https://github.com/tinacms/tinacms/commit/963079526fbdb07fa415ad6508dc39283ee3832a)]:
8
+ - tinacms@0.0.0-ad128cc-20251219023808
9
+ - @tinacms/mdx@0.0.0-ad128cc-20251219023808
10
+
11
+ ## 2.3.17
12
+
13
+ ### Patch Changes
14
+
15
+ - Updated dependencies [[`8335218`](https://github.com/tinacms/tinacms/commit/833521832f91c98ff3cb48535eecb3824cb0f7bd)]:
16
+ - tinacms@3.1.2
17
+
18
+ ## 2.3.16
19
+
20
+ ### Patch Changes
21
+
22
+ - Updated dependencies [[`3a12a39`](https://github.com/tinacms/tinacms/commit/3a12a392d5a8eb9bba5a5be65d080f24afa08de3)]:
23
+ - tinacms@3.1.1
24
+
25
+ ## 2.3.15
26
+
27
+ ### Patch Changes
28
+
29
+ - 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)]:
30
+ - tinacms@3.1.0
31
+ - @tinacms/mdx@2.0.1
32
+
33
+ ## 2.3.14
34
+
35
+ ### Patch Changes
36
+
37
+ - 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)]:
38
+ - tinacms@3.0.2
39
+ - @tinacms/mdx@2.0.0
40
+
41
+ ## 2.3.13
42
+
43
+ ### Patch Changes
44
+
45
+ - 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)]:
46
+ - tinacms@3.0.1
47
+
48
+ ## 2.3.12
49
+
50
+ ### Patch Changes
51
+
52
+ - 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)]:
53
+ - @tinacms/mdx@2.0.0
54
+ - tinacms@3.0.0
55
+
56
+ ## 2.3.11
57
+
58
+ ### Patch Changes
59
+
60
+ - Updated dependencies [[`a76fdb6`](https://github.com/tinacms/tinacms/commit/a76fdb639b94cfefa169ebbd184f55d62e4a8a76), [`dd2089d`](https://github.com/tinacms/tinacms/commit/dd2089dbde4a7b1a0116cce096f50a97fdca9d81)]:
61
+ - tinacms@2.10.1
62
+ - @tinacms/mdx@1.8.3
63
+
64
+ ## 2.3.10
65
+
66
+ ### Patch Changes
67
+
68
+ - [#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.
69
+
70
+ - 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)]:
71
+ - tinacms@2.10.0
72
+ - @tinacms/mdx@1.8.2
73
+
74
+ ## 2.3.9
75
+
76
+ ### Patch Changes
77
+
78
+ - Updated dependencies [[`d900f4e`](https://github.com/tinacms/tinacms/commit/d900f4e6c6f0a86c94bba5f0925bbaa54eeb90db)]:
79
+ - tinacms@2.9.5
80
+
81
+ ## 2.3.8
82
+
83
+ ### Patch Changes
84
+
85
+ - 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)]:
86
+ - tinacms@2.9.4
87
+
88
+ ## 2.3.7
89
+
90
+ ### Patch Changes
91
+
92
+ - 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)]:
93
+ - tinacms@2.9.3
94
+
95
+ ## 2.3.6
96
+
97
+ ### Patch Changes
98
+
99
+ - [#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
100
+
101
+ - [#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
102
+
103
+ - 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)]:
104
+ - tinacms@2.9.2
105
+
106
+ ## 2.3.5
107
+
108
+ ### Patch Changes
109
+
110
+ - 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)]:
111
+ - tinacms@2.9.1
112
+
113
+ ## 2.3.4
114
+
115
+ ### Patch Changes
116
+
117
+ - 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)]:
118
+ - tinacms@2.9.0
119
+
120
+ ## 2.3.3
121
+
122
+ ### Patch Changes
123
+
124
+ - 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)]:
125
+ - tinacms@2.8.3
126
+
127
+ ## 2.3.2
128
+
129
+ ### Patch Changes
130
+
131
+ - 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)]:
132
+ - tinacms@2.8.2
133
+ - @tinacms/mdx@1.8.1
134
+
135
+ ## 2.3.1
136
+
137
+ ### Patch Changes
138
+
139
+ - 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)]:
140
+ - tinacms@2.8.1
141
+
142
+ ## 2.3.0
143
+
144
+ ### Minor Changes
145
+
146
+ - [#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.
147
+
148
+ ### Patch Changes
149
+
150
+ - Updated dependencies [[`98a61e2`](https://github.com/tinacms/tinacms/commit/98a61e2d263978a7096cc23ac7e94aa0039981be)]:
151
+ - @tinacms/mdx@1.8.0
152
+ - tinacms@2.8.0
153
+
154
+ ## 2.2.10
155
+
156
+ ### Patch Changes
157
+
158
+ - [#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
159
+
160
+ - 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)]:
161
+ - tinacms@2.7.10
162
+
163
+ ## 2.2.9
164
+
165
+ ### Patch Changes
166
+
167
+ - [#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
168
+ Forms header - Adds breadcrumb navigation
169
+
170
+ - [#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
171
+
172
+ - Fixed Visual Editing's "Edit" button (Reference Fields)
173
+
174
+ - [#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
175
+
176
+ - 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)]:
177
+ - tinacms@2.7.9
178
+ - @tinacms/mdx@1.7.0
179
+
180
+ ## 2.2.8
181
+
182
+ ### Patch Changes
183
+
184
+ - 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)]:
185
+ - tinacms@2.7.8
186
+ - @tinacms/mdx@1.6.3
187
+
188
+ ## 2.2.7
189
+
190
+ ### Patch Changes
191
+
192
+ - [#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
193
+
194
+ - Updated dependencies [[`1965236`](https://github.com/tinacms/tinacms/commit/19652363784e48b065ec1924a9cd9611c8e79cae)]:
195
+ - tinacms@2.7.7
196
+
197
+ ## 2.2.6
198
+
199
+ ### Patch Changes
200
+
201
+ - Updated dependencies [[`65cee5d`](https://github.com/tinacms/tinacms/commit/65cee5d6ae16c7320a4a14f0d9a82dc5f9103e34)]:
202
+ - tinacms@2.7.6
203
+
204
+ ## 2.2.5
205
+
206
+ ### Patch Changes
207
+
208
+ - [#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
209
+
210
+ - [#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.
211
+ - Ensure GraphQL playground correctly updates when switching branches.
212
+ - 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)]:
213
+ - tinacms@2.7.5
214
+ - @tinacms/mdx@1.6.2
215
+
216
+ ## 2.2.3
217
+
218
+ ### Patch Changes
219
+
220
+ - Updated dependencies [[`991db1f`](https://github.com/tinacms/tinacms/commit/991db1f10c1f9cf9211d7e82bd56658cdcce24c7)]:
221
+ - tinacms@2.7.3
222
+
223
+ ## 2.2.2
224
+
225
+ ### Patch Changes
226
+
227
+ - Updated dependencies [[`619e601`](https://github.com/tinacms/tinacms/commit/619e6010d6f95d893e980952bef64f747808c956), [`602b4d0`](https://github.com/tinacms/tinacms/commit/602b4d07f94de4c10d5bb059a5edc49546a2031c)]:
228
+ - tinacms@2.7.2
229
+ - @tinacms/mdx@1.6.1
230
+
231
+ ## 2.2.1
4
232
 
5
233
  ### Patch Changes
6
234
 
7
235
  - Updated dependencies [[`74513b3`](https://github.com/tinacms/tinacms/commit/74513b357aa27165aa86f7b3218c697c663539e8), [`06c1716`](https://github.com/tinacms/tinacms/commit/06c17163b558a96275b0ef66c746b005a6f90d13)]:
8
- - tinacms@0.0.0-ac4804a-20250226013045
236
+ - tinacms@2.7.1
9
237
 
10
238
  ## 2.2.0
11
239
 
@@ -446,7 +674,7 @@
446
674
 
447
675
  fix: Use clean page-sizes on media manager (to make pagination more obvious)
448
676
 
449
- Fix issue with uploading media in a folder with tina cloud
677
+ Fix issue with uploading media in a folder with TinaCloud
450
678
 
451
679
  - Updated dependencies [9c27087fb]
452
680
  - Updated dependencies [65d0a701f]
@@ -769,7 +997,7 @@
769
997
  > NOTE: Relative paths are fine to use here, but make sure it's relative to the `.tina/config` file
770
998
 
771
999
  ```ts
772
- localContentPath: process.env.REMOTE_ROOT_PATH // eg. '../../my-content-repo'
1000
+ localContentPath: process.env.REMOTE_ROOT_PATH; // eg. '../../my-content-repo'
773
1001
  ```
774
1002
 
775
1003
  ### Production workflow
@@ -813,18 +1041,18 @@
813
1041
  EX:
814
1042
 
815
1043
  ```ts
816
- import { defineConfig } from 'tinacms'
1044
+ import { defineConfig } from "tinacms";
817
1045
 
818
1046
  export default defineConfig({
819
1047
  admin: {
820
1048
  auth: {
821
1049
  onLogin: () => {
822
- console.log('On Log in!')
1050
+ console.log("On Log in!");
823
1051
  },
824
1052
  },
825
1053
  },
826
1054
  /// ...
827
- })
1055
+ });
828
1056
  ```
829
1057
 
830
1058
  - 9d4943a82: Fix issue resolving alias fields when passing through the `useTina` hook
@@ -1047,13 +1275,13 @@
1047
1275
 
1048
1276
  ```ts
1049
1277
  // .tina/config.ts
1050
- import schema from './schema'
1278
+ import schema from "./schema";
1051
1279
 
1052
1280
  export default defineConfig({
1053
1281
  schema: schema,
1054
1282
  //.. Everything from define config in `schema.ts`
1055
1283
  //.. Everything from `schema.config`
1056
- })
1284
+ });
1057
1285
  ```
1058
1286
 
1059
1287
  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-ac4804a-20250226013045",
3
+ "version": "0.0.0-ad128cc-20251219023808",
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": "1.6.0",
26
- "tinacms": "0.0.0-ac4804a-20250226013045"
29
+ "@tinacms/mdx": "0.0.0-ad128cc-20251219023808",
30
+ "tinacms": "0.0.0-ad128cc-20251219023808"
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;