Skip to content

Commit a63a06b

Browse files
kennyfrckennyfrc
committed
fix: have errorDetails in query and mutation
includes doc & build
1 parent f7e3e06 commit a63a06b

30 files changed

+69
-69
lines changed

‎README.md

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -2,7 +2,7 @@
22

33
⚠️ Expect API changes until v1.0.0 ⚠️
44

5-
Current version: 0.3.17.
5+
Current version: 0.3.18.
66

77
Bundle Size: 14kb minified & gzipped.
88

‎build/cami.cdn.js

Lines changed: 1 addition & 1 deletion
Some generated files are not rendered by default. Learn more about customizing how changed files appear on GitHub.

‎build/cami.cdn.js.map

Lines changed: 2 additions & 2 deletions
Some generated files are not rendered by default. Learn more about customizing how changed files appear on GitHub.

‎build/cami.module.js

Lines changed: 1 addition & 1 deletion
Some generated files are not rendered by default. Learn more about customizing how changed files appear on GitHub.

‎build/cami.module.js.map

Lines changed: 2 additions & 2 deletions
Some generated files are not rendered by default. Learn more about customizing how changed files appear on GitHub.

‎docs/features/async_state_management.md

Lines changed: 6 additions & 6 deletions
Original file line numberDiff line numberDiff line change
@@ -21,7 +21,7 @@ template() {
2121
}
2222

2323
if (this.posts.status === "error") {
24-
return html`<div>Error: ${this.posts.error.message}</div>`;
24+
return html`<div>Error: ${this.posts.errorDetails}</div>`;
2525
}
2626

2727
if (this.posts.data) {
@@ -75,7 +75,7 @@ class BlogPostsElement extends ReactiveElement {
7575
}
7676

7777
if (this.posts.status === "error") {
78-
return html`<div class="md-error">Error: ${this.posts.error.message}</div>`;
78+
return html`<div class="md-error">Error: ${this.posts.errorDetails}</div>`;
7979
}
8080

8181
if (this.posts.data) {
@@ -142,7 +142,7 @@ Below is a live demo of the component in action. The only change is that we're f
142142
}
143143

144144
if (this.posts.status === "error") {
145-
return html`<div class="md-error">Error: ${this.posts.error.message}</div>`;
145+
return html`<div class="md-error">Error: ${this.posts.errorDetails}</div>`;
146146
}
147147

148148
if (this.posts.data) {
@@ -194,7 +194,7 @@ if (this.addPost.status === "pending") {
194194
}
195195

196196
if (this.addPost.status === "error") {
197-
return html`<div>Error: ${this.addPost.error.message}</div>`;
197+
return html`<div>Error: ${this.addPost.errorDetails}</div>`;
198198
}
199199
```
200200

@@ -250,7 +250,7 @@ This live demo includes a form to submit a new post, which uses a mutation to up
250250
}
251251

252252
if (this.addPost.status === "error") {
253-
return html`<div>Error: ${this.addPost.error.message}</div>`;
253+
return html`<div>Error: ${this.addPost.errorDetails}</div>`;
254254
}
255255

256256
if (this.addPost.status === "success") {
@@ -275,7 +275,7 @@ This live demo includes a form to submit a new post, which uses a mutation to up
275275
}
276276

277277
if (this.posts.status === "error") {
278-
return html`<div class="md-error">Error: ${this.posts.error.message}</div>`;
278+
return html`<div class="md-error">Error: ${this.posts.errorDetails}</div>`;
279279
}
280280

281281
if (this.posts.data) {

‎docs/features/client_state_management.md

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -96,7 +96,7 @@ class ProductListElement extends ReactiveElement {
9696
}
9797

9898
if (this.products.status === "error") {
99-
return html`<div>Error: ${this.products.error.message}</div>`;
99+
return html`<div>Error: ${this.products.errorDetails}</div>`;
100100
}
101101

102102
if (this.products && this.products.data) {

‎docs/javascripts/cami.cdn.js

Lines changed: 1 addition & 1 deletion
Some generated files are not rendered by default. Learn more about customizing how changed files appear on GitHub.

‎docs/javascripts/cami.cdn.js.map

Lines changed: 2 additions & 2 deletions
Some generated files are not rendered by default. Learn more about customizing how changed files appear on GitHub.

‎docs/learn_by_example/blog.md

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -78,7 +78,7 @@ If the server responds with an error, then you invoke the rollback function to r
7878
}
7979
8080
if (this.addPost.status === "error") {
81-
return html`<div>Error: ${this.addPost.error.message}</div>`;
81+
return html`<div>Error: ${this.addPost.errorDetails}</div>`;
8282
}
8383
8484
if (this.posts.data) {
@@ -104,7 +104,7 @@ If the server responds with an error, then you invoke the rollback function to r
104104
}
105105
106106
if (this.posts.status === "error") {
107-
return html`<div>Error: ${this.posts.error.message}</div>`;
107+
return html`<div>Error: ${this.posts.errorDetails}</div>`;
108108
}
109109
}
110110
}

‎docs/learn_by_example/cart.md

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -85,7 +85,7 @@ Lastly, the `CartStore`, by default, is persisted to localStorage. This means th
8585
}
8686
8787
if (this.products.status === "error") {
88-
return html`<div>Error: ${this.products.error.message}</div>`;
88+
return html`<div>Error: ${this.products.errorDetails}</div>`;
8989
}
9090
9191
if (this.products && this.products.data) {

‎docs/learn_by_example/todo_list_server.md

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -96,11 +96,11 @@ This demonstrates how you can retrieve data from the server asynchronously and t
9696
}
9797
9898
if (this.todos.status === "error") {
99-
return html`<div class="md-error">Error: ${this.todos.error.message}</div>`;
99+
return html`<div class="md-error">Error: ${this.todos.errorDetails}</div>`;
100100
}
101101
102102
if (this.addTodo.status === "error") {
103-
return html`<div class="md-error">Error: ${this.addTodo.error.message}</div>`;
103+
return html`<div class="md-error">Error: ${this.addTodo.errorDetails}</div>`;
104104
}
105105
}
106106
}

‎examples/003_todo.html

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -97,11 +97,11 @@ <h1>Todo List</h1>
9797
}
9898

9999
if (this.todos.status === "error") {
100-
return html`<div>Error: ${this.todos.error.message}</div>`;
100+
return html`<div>Error: ${this.todos.errorDetails}</div>`;
101101
}
102102

103103
if (this.addTodo.status === "error") {
104-
return html`<div>Error: ${this.addTodo.error.message}</div>`;
104+
return html`<div>Error: ${this.addTodo.errorDetails}</div>`;
105105
}
106106
}
107107
}

‎examples/004_cart.html

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -81,7 +81,7 @@ <h2>Cart</h2>
8181
}
8282

8383
if (this.products.status === "error") {
84-
return html`<div>Error: ${this.products.error.message}</div>`;
84+
return html`<div>Error: ${this.products.errorDetails}</div>`;
8585
}
8686

8787
if (this.products && this.products.data) {

‎examples/012_blog.html

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -80,7 +80,7 @@ <h1>Blog</h1>
8080
}
8181

8282
if (this.addPost.status === "error") {
83-
return html`<div>Error: ${this.addPost.error.message}</div>`;
83+
return html`<div>Error: ${this.addPost.errorDetails}</div>`;
8484
}
8585

8686
if (this.posts.data) {
@@ -106,7 +106,7 @@ <h2>${post.title}</h2>
106106
}
107107

108108
if (this.posts.status === "error") {
109-
return html`<div>Error: ${this.posts.error.message}</div>`;
109+
return html`<div>Error: ${this.posts.errorDetails}</div>`;
110110
}
111111
}
112112
}

‎examples/partials/_003_todo.html

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -89,11 +89,11 @@ <h1>Todo List</h1>
8989
}
9090

9191
if (this.todos.status === "error") {
92-
return html`<div>Error: ${this.todos.error.message}</div>`;
92+
return html`<div>Error: ${this.todos.errorDetails}</div>`;
9393
}
9494

9595
if (this.addTodo.status === "error") {
96-
return html`<div>Error: ${this.addTodo.error.message}</div>`;
96+
return html`<div>Error: ${this.addTodo.errorDetails}</div>`;
9797
}
9898
}
9999
}

‎examples/partials/_004_cart.html

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -73,7 +73,7 @@ <h2>Cart</h2>
7373
}
7474

7575
if (this.products.status === "error") {
76-
return html`<div>Error: ${this.products.error.message}</div>`;
76+
return html`<div>Error: ${this.products.errorDetails}</div>`;
7777
}
7878

7979
if (this.products && this.products.data) {

‎examples/partials/_012_blog.html

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -72,7 +72,7 @@ <h1>Blog</h1>
7272
}
7373

7474
if (this.addPost.status === "error") {
75-
return html`<div>Error: ${this.addPost.error.message}</div>`;
75+
return html`<div>Error: ${this.addPost.errorDetails}</div>`;
7676
}
7777

7878
if (this.posts.data) {
@@ -98,7 +98,7 @@ <h2>${post.title}</h2>
9898
}
9999

100100
if (this.posts.status === "error") {
101-
return html`<div>Error: ${this.posts.error.message}</div>`;
101+
return html`<div>Error: ${this.posts.errorDetails}</div>`;
102102
}
103103
}
104104
}

‎package.json

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -1,6 +1,6 @@
11
{
22
"name": "cami",
3-
"version": "0.3.17",
3+
"version": "0.3.18",
44
"author": "Kenn Costales <kenn@askmonolith.com>",
55
"repository": {
66
"type": "git",

‎site/features/async_state_management/index.html

Lines changed: 6 additions & 6 deletions
Original file line numberDiff line numberDiff line change
@@ -1400,7 +1400,7 @@ <h2 id="queries">Queries</h2>
14001400
</span><span id="__span-0-10"><a id="__codelineno-0-10" name="__codelineno-0-10" href="#__codelineno-0-10"></a><span class="w"> </span><span class="p">}</span>
14011401
</span><span id="__span-0-11"><a id="__codelineno-0-11" name="__codelineno-0-11" href="#__codelineno-0-11"></a>
14021402
</span><span id="__span-0-12"><a id="__codelineno-0-12" name="__codelineno-0-12" href="#__codelineno-0-12"></a><span class="w"> </span><span class="k">if</span><span class="w"> </span><span class="p">(</span><span class="k">this</span><span class="p">.</span><span class="nx">posts</span><span class="p">.</span><span class="nx">status</span><span class="w"> </span><span class="o">===</span><span class="w"> </span><span class="s2">&quot;error&quot;</span><span class="p">)</span><span class="w"> </span><span class="p">{</span>
1403-
</span><span id="__span-0-13"><a id="__codelineno-0-13" name="__codelineno-0-13" href="#__codelineno-0-13"></a><span class="w"> </span><span class="k">return</span><span class="w"> </span><span class="nx">html</span><span class="sb">`&lt;div&gt;Error: </span><span class="si">${</span><span class="k">this</span><span class="p">.</span><span class="nx">posts</span><span class="p">.</span><span class="nx">error</span><span class="p">.</span><span class="nx">message</span><span class="si">}</span><span class="sb">&lt;/div&gt;`</span><span class="p">;</span>
1403+
</span><span id="__span-0-13"><a id="__codelineno-0-13" name="__codelineno-0-13" href="#__codelineno-0-13"></a><span class="w"> </span><span class="k">return</span><span class="w"> </span><span class="nx">html</span><span class="sb">`&lt;div&gt;Error: </span><span class="si">${</span><span class="k">this</span><span class="p">.</span><span class="nx">posts</span><span class="p">.</span><span class="nx">errorDetails</span><span class="si">}</span><span class="sb">&lt;/div&gt;`</span><span class="p">;</span>
14041404
</span><span id="__span-0-14"><a id="__codelineno-0-14" name="__codelineno-0-14" href="#__codelineno-0-14"></a><span class="w"> </span><span class="p">}</span>
14051405
</span><span id="__span-0-15"><a id="__codelineno-0-15" name="__codelineno-0-15" href="#__codelineno-0-15"></a>
14061406
</span><span id="__span-0-16"><a id="__codelineno-0-16" name="__codelineno-0-16" href="#__codelineno-0-16"></a><span class="w"> </span><span class="k">if</span><span class="w"> </span><span class="p">(</span><span class="k">this</span><span class="p">.</span><span class="nx">posts</span><span class="p">.</span><span class="nx">data</span><span class="p">)</span><span class="w"> </span><span class="p">{</span>
@@ -1448,7 +1448,7 @@ <h2 id="queries">Queries</h2>
14481448
</span><span id="__span-1-25"><a id="__codelineno-1-25" name="__codelineno-1-25" href="#__codelineno-1-25"></a><span class="w"> </span><span class="p">}</span>
14491449
</span><span id="__span-1-26"><a id="__codelineno-1-26" name="__codelineno-1-26" href="#__codelineno-1-26"></a>
14501450
</span><span id="__span-1-27"><a id="__codelineno-1-27" name="__codelineno-1-27" href="#__codelineno-1-27"></a><span class="w"> </span><span class="k">if</span><span class="w"> </span><span class="p">(</span><span class="k">this</span><span class="p">.</span><span class="nx">posts</span><span class="p">.</span><span class="nx">status</span><span class="w"> </span><span class="o">===</span><span class="w"> </span><span class="s2">&quot;error&quot;</span><span class="p">)</span><span class="w"> </span><span class="p">{</span>
1451-
</span><span id="__span-1-28"><a id="__codelineno-1-28" name="__codelineno-1-28" href="#__codelineno-1-28"></a><span class="w"> </span><span class="k">return</span><span class="w"> </span><span class="nx">html</span><span class="sb">`&lt;div class=&quot;md-error&quot;&gt;Error: </span><span class="si">${</span><span class="k">this</span><span class="p">.</span><span class="nx">posts</span><span class="p">.</span><span class="nx">error</span><span class="p">.</span><span class="nx">message</span><span class="si">}</span><span class="sb">&lt;/div&gt;`</span><span class="p">;</span>
1451+
</span><span id="__span-1-28"><a id="__codelineno-1-28" name="__codelineno-1-28" href="#__codelineno-1-28"></a><span class="w"> </span><span class="k">return</span><span class="w"> </span><span class="nx">html</span><span class="sb">`&lt;div class=&quot;md-error&quot;&gt;Error: </span><span class="si">${</span><span class="k">this</span><span class="p">.</span><span class="nx">posts</span><span class="p">.</span><span class="nx">errorDetails</span><span class="si">}</span><span class="sb">&lt;/div&gt;`</span><span class="p">;</span>
14521452
</span><span id="__span-1-29"><a id="__codelineno-1-29" name="__codelineno-1-29" href="#__codelineno-1-29"></a><span class="w"> </span><span class="p">}</span>
14531453
</span><span id="__span-1-30"><a id="__codelineno-1-30" name="__codelineno-1-30" href="#__codelineno-1-30"></a>
14541454
</span><span id="__span-1-31"><a id="__codelineno-1-31" name="__codelineno-1-31" href="#__codelineno-1-31"></a><span class="w"> </span><span class="k">if</span><span class="w"> </span><span class="p">(</span><span class="k">this</span><span class="p">.</span><span class="nx">posts</span><span class="p">.</span><span class="nx">data</span><span class="p">)</span><span class="w"> </span><span class="p">{</span>
@@ -1511,7 +1511,7 @@ <h5>Blog Posts Component</h5>
15111511
}
15121512

15131513
if (this.posts.status === "error") {
1514-
return html`<div class="md-error">Error: ${this.posts.error.message}</div>`;
1514+
return html`<div class="md-error">Error: ${this.posts.errorDetails}</div>`;
15151515
}
15161516

15171517
if (this.posts.data) {
@@ -1556,7 +1556,7 @@ <h2 id="mutations">Mutations</h2>
15561556
</span><span id="__span-3-5"><a id="__codelineno-3-5" name="__codelineno-3-5" href="#__codelineno-3-5"></a><span class="p">}</span>
15571557
</span><span id="__span-3-6"><a id="__codelineno-3-6" name="__codelineno-3-6" href="#__codelineno-3-6"></a>
15581558
</span><span id="__span-3-7"><a id="__codelineno-3-7" name="__codelineno-3-7" href="#__codelineno-3-7"></a><span class="k">if</span><span class="w"> </span><span class="p">(</span><span class="k">this</span><span class="p">.</span><span class="nx">addPost</span><span class="p">.</span><span class="nx">status</span><span class="w"> </span><span class="o">===</span><span class="w"> </span><span class="s2">&quot;error&quot;</span><span class="p">)</span><span class="w"> </span><span class="p">{</span>
1559-
</span><span id="__span-3-8"><a id="__codelineno-3-8" name="__codelineno-3-8" href="#__codelineno-3-8"></a><span class="w"> </span><span class="k">return</span><span class="w"> </span><span class="nx">html</span><span class="sb">`&lt;div&gt;Error: </span><span class="si">${</span><span class="k">this</span><span class="p">.</span><span class="nx">addPost</span><span class="p">.</span><span class="nx">error</span><span class="p">.</span><span class="nx">message</span><span class="si">}</span><span class="sb">&lt;/div&gt;`</span><span class="p">;</span>
1559+
</span><span id="__span-3-8"><a id="__codelineno-3-8" name="__codelineno-3-8" href="#__codelineno-3-8"></a><span class="w"> </span><span class="k">return</span><span class="w"> </span><span class="nx">html</span><span class="sb">`&lt;div&gt;Error: </span><span class="si">${</span><span class="k">this</span><span class="p">.</span><span class="nx">addPost</span><span class="p">.</span><span class="nx">errorDetails</span><span class="si">}</span><span class="sb">&lt;/div&gt;`</span><span class="p">;</span>
15601560
</span><span id="__span-3-9"><a id="__codelineno-3-9" name="__codelineno-3-9" href="#__codelineno-3-9"></a><span class="p">}</span>
15611561
</span></code></pre></div>
15621562
<p>By using mutations, Cami enables developers to handle server-side updates in a consistent and powerful way, similar to how queries are used for fetching data.</p>
@@ -1608,7 +1608,7 @@ <h5>Blog Posts Component</h5>
16081608
}
16091609

16101610
if (this.addPost.status === "error") {
1611-
return html`<div>Error: ${this.addPost.error.message}</div>`;
1611+
return html`<div>Error: ${this.addPost.errorDetails}</div>`;
16121612
}
16131613

16141614
if (this.addPost.status === "success") {
@@ -1633,7 +1633,7 @@ <h5>Blog Posts Component</h5>
16331633
}
16341634

16351635
if (this.posts.status === "error") {
1636-
return html`<div class="md-error">Error: ${this.posts.error.message}</div>`;
1636+
return html`<div class="md-error">Error: ${this.posts.errorDetails}</div>`;
16371637
}
16381638

16391639
if (this.posts.data) {

‎site/features/client_state_management/index.html

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -1394,7 +1394,7 @@ <h1 id="cross-component-client-state-management">Cross-Component Client State Ma
13941394
</span><span id="__span-1-30"><a id="__codelineno-1-30" name="__codelineno-1-30" href="#__codelineno-1-30"></a><span class="w"> </span><span class="p">}</span>
13951395
</span><span id="__span-1-31"><a id="__codelineno-1-31" name="__codelineno-1-31" href="#__codelineno-1-31"></a>
13961396
</span><span id="__span-1-32"><a id="__codelineno-1-32" name="__codelineno-1-32" href="#__codelineno-1-32"></a><span class="w"> </span><span class="k">if</span><span class="w"> </span><span class="p">(</span><span class="k">this</span><span class="p">.</span><span class="nx">products</span><span class="p">.</span><span class="nx">status</span><span class="w"> </span><span class="o">===</span><span class="w"> </span><span class="s2">&quot;error&quot;</span><span class="p">)</span><span class="w"> </span><span class="p">{</span>
1397-
</span><span id="__span-1-33"><a id="__codelineno-1-33" name="__codelineno-1-33" href="#__codelineno-1-33"></a><span class="w"> </span><span class="k">return</span><span class="w"> </span><span class="nx">html</span><span class="sb">`&lt;div&gt;Error: </span><span class="si">${</span><span class="k">this</span><span class="p">.</span><span class="nx">products</span><span class="p">.</span><span class="nx">error</span><span class="p">.</span><span class="nx">message</span><span class="si">}</span><span class="sb">&lt;/div&gt;`</span><span class="p">;</span>
1397+
</span><span id="__span-1-33"><a id="__codelineno-1-33" name="__codelineno-1-33" href="#__codelineno-1-33"></a><span class="w"> </span><span class="k">return</span><span class="w"> </span><span class="nx">html</span><span class="sb">`&lt;div&gt;Error: </span><span class="si">${</span><span class="k">this</span><span class="p">.</span><span class="nx">products</span><span class="p">.</span><span class="nx">errorDetails</span><span class="si">}</span><span class="sb">&lt;/div&gt;`</span><span class="p">;</span>
13981398
</span><span id="__span-1-34"><a id="__codelineno-1-34" name="__codelineno-1-34" href="#__codelineno-1-34"></a><span class="w"> </span><span class="p">}</span>
13991399
</span><span id="__span-1-35"><a id="__codelineno-1-35" name="__codelineno-1-35" href="#__codelineno-1-35"></a>
14001400
</span><span id="__span-1-36"><a id="__codelineno-1-36" name="__codelineno-1-36" href="#__codelineno-1-36"></a><span class="w"> </span><span class="k">if</span><span class="w"> </span><span class="p">(</span><span class="k">this</span><span class="p">.</span><span class="nx">products</span><span class="w"> </span><span class="o">&amp;&amp;</span><span class="w"> </span><span class="k">this</span><span class="p">.</span><span class="nx">products</span><span class="p">.</span><span class="nx">data</span><span class="p">)</span><span class="w"> </span><span class="p">{</span>

‎site/javascripts/cami.cdn.js

Lines changed: 1 addition & 1 deletion
Some generated files are not rendered by default. Learn more about customizing how changed files appear on GitHub.

‎site/javascripts/cami.cdn.js.map

Lines changed: 2 additions & 2 deletions
Some generated files are not rendered by default. Learn more about customizing how changed files appear on GitHub.

0 commit comments

Comments
 (0)