graphiti 2.0.0.beta.2 → 2.0.0.beta.4

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 (269) hide show
  1. checksums.yaml +4 -4
  2. data/.github/workflows/ci.yml +30 -86
  3. data/.github/workflows/docs.yml +60 -0
  4. data/.github/workflows/release.yml +8 -8
  5. data/.gitignore +7 -0
  6. data/.npmrc +9 -0
  7. data/.standard.yml +4 -1
  8. data/Appraisals +33 -32
  9. data/CHANGELOG.md +41 -0
  10. data/README.md +13 -2
  11. data/UPGRADING.md +2 -68
  12. data/docs/concepts/backends-and-models.md +122 -0
  13. data/docs/concepts/endpoints.md +183 -0
  14. data/docs/concepts/links.md +212 -0
  15. data/docs/concepts/overview.md +80 -0
  16. data/docs/concepts/persisting.md +376 -0
  17. data/docs/concepts/relationships.md +527 -0
  18. data/docs/concepts/resources.md +677 -0
  19. data/docs/getting-started/first-api.md +289 -0
  20. data/docs/getting-started/installation.md +185 -0
  21. data/docs/intro.md +307 -0
  22. data/docs/js/authentication.md +63 -0
  23. data/docs/js/ddau.md +20 -0
  24. data/docs/js/extra-params.md +41 -0
  25. data/docs/js/index.md +112 -0
  26. data/docs/js/installation.md +120 -0
  27. data/docs/js/middleware.md +72 -0
  28. data/docs/js/models.md +202 -0
  29. data/docs/js/reads.md +494 -0
  30. data/docs/js/state-syncing.md +100 -0
  31. data/docs/js/writes.md +373 -0
  32. data/docs/reference/vandal.md +63 -0
  33. data/docs/reference/why.md +13 -0
  34. data/docs/topics/authorization.md +155 -0
  35. data/docs/topics/caching.md +55 -0
  36. data/docs/topics/customizing-sideloads.md +156 -0
  37. data/docs/topics/debugging.md +216 -0
  38. data/docs/topics/error-handling.md +210 -0
  39. data/docs/topics/etags.md +46 -0
  40. data/docs/topics/hopping-relationships.md +149 -0
  41. data/docs/topics/json-attributes.md +77 -0
  42. data/docs/topics/openstruct-models.md +50 -0
  43. data/docs/topics/remote-resources.md +291 -0
  44. data/docs/topics/testing.md +894 -0
  45. data/docs/topics/without-activerecord.md +324 -0
  46. data/docs/tutorial/index.md +58 -0
  47. data/docs/tutorial/step_0.md +107 -0
  48. data/docs/tutorial/step_1.md +199 -0
  49. data/docs/tutorial/step_2.md +312 -0
  50. data/docs/tutorial/step_3.md +142 -0
  51. data/docs/tutorial/step_4.md +135 -0
  52. data/docs/tutorial/step_5.md +69 -0
  53. data/docs/tutorial/step_6.md +82 -0
  54. data/docs/tutorial/step_7.md +205 -0
  55. data/docs/tutorial/step_8.md +128 -0
  56. data/docs/tutorial/step_9.md +171 -0
  57. data/docs/upgrading.md +265 -0
  58. data/gemfiles/rails_7_1.gemfile +4 -3
  59. data/gemfiles/{rails_7_2_graphiti_rails.gemfile → rails_7_2.gemfile} +3 -3
  60. data/gemfiles/{rails_8_1_graphiti_rails.gemfile → rails_8_0.gemfile} +3 -3
  61. data/gemfiles/{rails_8_0_graphiti_rails.gemfile → rails_8_1.gemfile} +3 -3
  62. data/graphiti.gemspec +7 -5
  63. data/{deprecated_generators → lib/generators}/graphiti/api_test_generator.rb +7 -1
  64. data/{deprecated_generators → lib/generators}/graphiti/generator_mixin.rb +14 -1
  65. data/{deprecated_generators → lib/generators}/graphiti/install_generator.rb +19 -13
  66. data/{deprecated_generators → lib/generators}/graphiti/resource_generator.rb +43 -6
  67. data/{deprecated_generators → lib/generators}/graphiti/templates/index_request_spec.rb.erb +1 -1
  68. data/{deprecated_generators → lib/generators}/graphiti/templates/resource_reads_spec.rb.erb +6 -6
  69. data/{deprecated_generators → lib/generators}/graphiti/templates/show_request_spec.rb.erb +1 -1
  70. data/lib/graphiti/configuration.rb +2 -2
  71. data/lib/graphiti/error_serializers/conflict_request.rb +19 -0
  72. data/lib/graphiti/error_serializers/deprecated_constants.rb +48 -0
  73. data/lib/graphiti/error_serializers/invalid_request.rb +56 -0
  74. data/lib/graphiti/error_serializers/validation.rb +143 -0
  75. data/lib/graphiti/errors.rb +4 -23
  76. data/lib/graphiti/query.rb +1 -1
  77. data/lib/graphiti/rails/context.rb +33 -0
  78. data/lib/graphiti/rails/controller.rb +41 -0
  79. data/lib/graphiti/rails/debugging.rb +18 -0
  80. data/lib/graphiti/rails/exception_handlers.rb +77 -0
  81. data/lib/graphiti/rails/railtie.rb +139 -0
  82. data/lib/graphiti/rails/responders.rb +21 -0
  83. data/lib/graphiti/rails/test_helpers.rb +22 -0
  84. data/lib/graphiti/rails.rb +47 -29
  85. data/lib/graphiti/resource/configuration.rb +1 -0
  86. data/lib/graphiti/resource/interface.rb +2 -2
  87. data/lib/graphiti/resource/persistence.rb +14 -2
  88. data/lib/graphiti/resource/remote.rb +2 -2
  89. data/lib/graphiti/resource/sideloading.rb +1 -1
  90. data/lib/graphiti/resource.rb +13 -1
  91. data/lib/graphiti/responders.rb +7 -20
  92. data/lib/graphiti/schema.rb +5 -1
  93. data/lib/graphiti/schema_diff.rb +4 -0
  94. data/lib/graphiti/scope.rb +45 -37
  95. data/lib/graphiti/serializer.rb +6 -0
  96. data/lib/graphiti/sideload/belongs_to.rb +38 -5
  97. data/lib/graphiti/sideload/polymorphic_belongs_to.rb +27 -23
  98. data/lib/graphiti/sideload.rb +54 -35
  99. data/lib/graphiti/spec_helpers/errors.rb +73 -0
  100. data/lib/graphiti/spec_helpers/errors_proxy.rb +75 -0
  101. data/lib/graphiti/spec_helpers/helpers.rb +107 -0
  102. data/lib/graphiti/spec_helpers/node.rb +88 -0
  103. data/lib/graphiti/spec_helpers/rspec.rb +147 -0
  104. data/lib/graphiti/spec_helpers.rb +53 -0
  105. data/lib/graphiti/util/include_params.rb +2 -2
  106. data/lib/graphiti/util/persistence.rb +10 -11
  107. data/lib/graphiti/util/serializer_relationships.rb +41 -5
  108. data/lib/graphiti/version.rb +1 -1
  109. data/lib/graphiti-rails.rb +11 -0
  110. data/lib/graphiti.rb +34 -10
  111. data/lib/graphiti_errors.rb +11 -0
  112. data/lib/graphiti_spec_helpers/rspec.rb +3 -0
  113. data/lib/graphiti_spec_helpers.rb +11 -0
  114. data/lib/{graphiti/deprecated_tasks.rb → tasks/graphiti.rake} +6 -1
  115. data/package-lock.json +6199 -0
  116. data/package.json +5 -4
  117. data/website/.gitignore +20 -0
  118. data/website/README.md +43 -0
  119. data/website/docusaurus.config.js +141 -0
  120. data/website/package-lock.json +19474 -0
  121. data/website/package.json +46 -0
  122. data/website/sidebars.js +82 -0
  123. data/website/src/css/custom.css +58 -0
  124. data/website/src/pages/markdown-page.mdx +7 -0
  125. data/website/static/.nojekyll +0 -0
  126. data/website/static/1.13/2019/03/31/graphiti-1-0.html +205 -0
  127. data/website/static/1.13/2019/05/08/graphiti-1-1.html +212 -0
  128. data/website/static/1.13/2019/05/20/graphiti-1-2.html +214 -0
  129. data/website/static/1.13/2019/10/14/tutorial.html +198 -0
  130. data/website/static/1.13/CNAME +1 -0
  131. data/website/static/1.13/README.md +16 -0
  132. data/website/static/1.13/assets/css/syntax.css +60 -0
  133. data/website/static/1.13/assets/favicons/android-chrome-192x192.png +0 -0
  134. data/website/static/1.13/assets/favicons/android-chrome-256x256.png +0 -0
  135. data/website/static/1.13/assets/favicons/apple-touch-icon.png +0 -0
  136. data/website/static/1.13/assets/favicons/browserconfig.xml +9 -0
  137. data/website/static/1.13/assets/favicons/favicon-16x16.png +0 -0
  138. data/website/static/1.13/assets/favicons/favicon-32x32.png +0 -0
  139. data/website/static/1.13/assets/favicons/favicon.ico +0 -0
  140. data/website/static/1.13/assets/favicons/mstile-150x150.png +0 -0
  141. data/website/static/1.13/assets/favicons/safari-pinned-tab.svg +1 -0
  142. data/website/static/1.13/assets/favicons/site.webmanifest +19 -0
  143. data/website/static/1.13/assets/img/backend.gif +0 -0
  144. data/website/static/1.13/assets/img/conformity.png +0 -0
  145. data/website/static/1.13/assets/img/error_payload.png +0 -0
  146. data/website/static/1.13/assets/img/gh.png +0 -0
  147. data/website/static/1.13/assets/img/lifecycle.gif +0 -0
  148. data/website/static/1.13/assets/img/logo-500.png +0 -0
  149. data/website/static/1.13/assets/img/logo.png +0 -0
  150. data/website/static/1.13/assets/img/love-graffiti.jpg +0 -0
  151. data/website/static/1.13/assets/img/meta_total_count.png +0 -0
  152. data/website/static/1.13/assets/img/persist.jpg +0 -0
  153. data/website/static/1.13/assets/img/resource.gif +0 -0
  154. data/website/static/1.13/assets/img/rest-graffiti.jpg +0 -0
  155. data/website/static/1.13/assets/img/rest1.gif +0 -0
  156. data/website/static/1.13/assets/img/rest2.gif +0 -0
  157. data/website/static/1.13/assets/img/rest3.gif +0 -0
  158. data/website/static/1.13/assets/img/rethink-rest-graffiti.jpg +0 -0
  159. data/website/static/1.13/assets/img/why.png +0 -0
  160. data/website/static/1.13/assets/js/highlight.pack.js +2 -0
  161. data/website/static/1.13/assets/main.css +15518 -0
  162. data/website/static/1.13/assets/main.css.map +1 -0
  163. data/website/static/1.13/bin/bundle +109 -0
  164. data/website/static/1.13/bin/jekyll +27 -0
  165. data/website/static/1.13/bin/kramdown +27 -0
  166. data/website/static/1.13/bin/listen +27 -0
  167. data/website/static/1.13/bin/rake +27 -0
  168. data/website/static/1.13/bin/rougify +27 -0
  169. data/website/static/1.13/bin/safe_yaml +27 -0
  170. data/website/static/1.13/bin/sass +27 -0
  171. data/website/static/1.13/bin/sass-convert +27 -0
  172. data/website/static/1.13/bin/scss +27 -0
  173. data/website/static/1.13/blog.html +259 -0
  174. data/website/static/1.13/cheatsheet.html +316 -0
  175. data/website/static/1.13/cookbooks/authorization.md +0 -0
  176. data/website/static/1.13/cookbooks/caching.md +0 -0
  177. data/website/static/1.13/cookbooks/customizing-sideloads.html +325 -0
  178. data/website/static/1.13/cookbooks/etags.md +0 -0
  179. data/website/static/1.13/cookbooks/hopping-relationships.html +324 -0
  180. data/website/static/1.13/cookbooks/json_attributes.md +0 -0
  181. data/website/static/1.13/cookbooks/openstruct-models.md +0 -0
  182. data/website/static/1.13/cookbooks/remote-resources.md +0 -0
  183. data/website/static/1.13/cookbooks/without-activerecord.html +510 -0
  184. data/website/static/1.13/features.html +249 -0
  185. data/website/static/1.13/feed.xml +106 -0
  186. data/website/static/1.13/guides/concepts/backends-and-models.html +467 -0
  187. data/website/static/1.13/guides/concepts/debugging.html +440 -0
  188. data/website/static/1.13/guides/concepts/endpoints.html +432 -0
  189. data/website/static/1.13/guides/concepts/error-handling.html +396 -0
  190. data/website/static/1.13/guides/concepts/links.html +501 -0
  191. data/website/static/1.13/guides/concepts/remote-resources.html +536 -0
  192. data/website/static/1.13/guides/concepts/resources.html +2176 -0
  193. data/website/static/1.13/guides/concepts/testing.html +1469 -0
  194. data/website/static/1.13/guides/getting-started/installation.html +420 -0
  195. data/website/static/1.13/guides/graphiti-rails-migration.html +242 -0
  196. data/website/static/1.13/guides/index.html +269 -0
  197. data/website/static/1.13/guides/overview.html +325 -0
  198. data/website/static/1.13/guides/upgrading-2-0.html +193 -0
  199. data/website/static/1.13/guides/upgrading.html +314 -0
  200. data/website/static/1.13/guides/vandal.html +282 -0
  201. data/website/static/1.13/guides/why.html +1121 -0
  202. data/website/static/1.13/index.html +72 -0
  203. data/website/static/1.13/js/authentication.html +295 -0
  204. data/website/static/1.13/js/ddau.html +238 -0
  205. data/website/static/1.13/js/extra-params.html +270 -0
  206. data/website/static/1.13/js/index.html +321 -0
  207. data/website/static/1.13/js/installation.html +637 -0
  208. data/website/static/1.13/js/introduction.html +257 -0
  209. data/website/static/1.13/js/middleware.html +318 -0
  210. data/website/static/1.13/js/reads/fieldsets.html +271 -0
  211. data/website/static/1.13/js/reads/filtering.html +289 -0
  212. data/website/static/1.13/js/reads/includes.html +260 -0
  213. data/website/static/1.13/js/reads/index.html +497 -0
  214. data/website/static/1.13/js/reads/nested-queries.html +353 -0
  215. data/website/static/1.13/js/reads/pagination.html +260 -0
  216. data/website/static/1.13/js/reads/sorting.html +265 -0
  217. data/website/static/1.13/js/reads/statistics.html +289 -0
  218. data/website/static/1.13/js/state-syncing.html +340 -0
  219. data/website/static/1.13/js/writes/deferred.html +296 -0
  220. data/website/static/1.13/js/writes/dirty-tracking.html +399 -0
  221. data/website/static/1.13/js/writes/index.html +391 -0
  222. data/website/static/1.13/js/writes/nested.html +330 -0
  223. data/website/static/1.13/js/writes/validations.html +272 -0
  224. data/website/static/1.13/quickstart.html +660 -0
  225. data/website/static/1.13/template +161 -0
  226. data/website/static/1.13/tutorial/index.html +250 -0
  227. data/website/static/1.13/tutorial/step_0.html +292 -0
  228. data/website/static/1.13/tutorial/step_1.html +517 -0
  229. data/website/static/1.13/tutorial/step_2.html +481 -0
  230. data/website/static/1.13/tutorial/step_3.html +323 -0
  231. data/website/static/1.13/tutorial/step_4.html +318 -0
  232. data/website/static/1.13/tutorial/step_5.html +265 -0
  233. data/website/static/1.13/tutorial/step_6.html +276 -0
  234. data/website/static/1.13/tutorial/step_7.html +390 -0
  235. data/website/static/1.13/tutorial/step_8.html +316 -0
  236. data/website/static/1.13/tutorial/step_9.html +365 -0
  237. data/website/static/assets/img/error_payload.png +0 -0
  238. data/website/static/assets/img/legacy/legacy-0378a3bb39.png +0 -0
  239. data/website/static/assets/img/legacy/legacy-05bbd3e5fd.png +0 -0
  240. data/website/static/assets/img/legacy/legacy-07aa104495.png +0 -0
  241. data/website/static/assets/img/legacy/legacy-0c75a16b3a.gif +0 -0
  242. data/website/static/assets/img/legacy/legacy-3076df6209.png +0 -0
  243. data/website/static/assets/img/legacy/legacy-7f6889bc89.png +0 -0
  244. data/website/static/assets/img/legacy/legacy-a2cc4363c3.png +0 -0
  245. data/website/static/assets/img/legacy/legacy-f67cfa89ab.png +0 -0
  246. data/website/static/assets/img/meta_total_count.png +0 -0
  247. data/website/static/img/docusaurus-social-card.jpg +0 -0
  248. data/website/static/img/docusaurus.png +0 -0
  249. data/website/static/img/favicon.ico +0 -0
  250. data/website/static/img/logo.png +0 -0
  251. data/website/static/img/logo.svg +1 -0
  252. data/website/static/img/undraw_docusaurus_mountain.svg +171 -0
  253. data/website/static/img/undraw_docusaurus_react.svg +170 -0
  254. data/website/static/img/undraw_docusaurus_tree.svg +40 -0
  255. metadata +245 -46
  256. data/gemfiles/rails_6.gemfile +0 -18
  257. data/gemfiles/rails_6_graphiti_rails.gemfile +0 -19
  258. data/gemfiles/rails_7.gemfile +0 -18
  259. data/gemfiles/rails_7_1_graphiti_rails.gemfile +0 -19
  260. data/gemfiles/rails_7_graphiti_rails.gemfile +0 -19
  261. data/lib/graphiti/railtie.rb +0 -121
  262. /data/{deprecated_generators → lib/generators}/graphiti/resource_test_generator.rb +0 -0
  263. /data/{deprecated_generators → lib/generators}/graphiti/templates/application_resource.rb.erb +0 -0
  264. /data/{deprecated_generators → lib/generators}/graphiti/templates/controller.rb.erb +0 -0
  265. /data/{deprecated_generators → lib/generators}/graphiti/templates/create_request_spec.rb.erb +0 -0
  266. /data/{deprecated_generators → lib/generators}/graphiti/templates/destroy_request_spec.rb.erb +0 -0
  267. /data/{deprecated_generators → lib/generators}/graphiti/templates/resource.rb.erb +0 -0
  268. /data/{deprecated_generators → lib/generators}/graphiti/templates/resource_writes_spec.rb.erb +0 -0
  269. /data/{deprecated_generators → lib/generators}/graphiti/templates/update_request_spec.rb.erb +0 -0
@@ -0,0 +1,325 @@
1
+ <!DOCTYPE html>
2
+ <html lang="en">
3
+
4
+ <head>
5
+ <meta charset="utf-8">
6
+ <meta http-equiv="X-UA-Compatible" content="IE=edge">
7
+ <meta name="viewport" content="width=device-width, initial-scale=1">
8
+ <link href="https://fonts.googleapis.com/css?family=Roboto+Mono" rel="stylesheet">
9
+ <link href="https://fonts.googleapis.com/css?family=Boogaloo" rel="stylesheet">
10
+
11
+ <link rel="apple-touch-icon" sizes="180x180" href="/1.13/assets/favicons/apple-touch-icon.png">
12
+ <link rel="icon" type="image/png" sizes="32x32" href="/1.13/assets/favicons/favicon-32x32.png">
13
+ <link rel="icon" type="image/png" sizes="16x16" href="/1.13/assets/favicons/favicon-16x16.png">
14
+ <link rel="manifest" href="/1.13/assets/favicons/site.webmanifest">
15
+ <link rel="mask-icon" href="/1.13/assets/favicons/safari-pinned-tab.svg" color="#F86DA7">
16
+ <link rel="shortcut icon" href="/1.13/assets/favicons/favicon.ico">
17
+ <meta name="msapplication-TileColor" content="#F86DA7">
18
+ <meta name="msapplication-config" content="/1.13/assets/favicons/browserconfig.xml">
19
+ <meta name="theme-color" content="#F86DA7">
20
+
21
+ <title>Graphiti</title>
22
+ <meta name="description" content="Stylish Graph APIs">
23
+
24
+ <link rel="stylesheet" href="/1.13/assets/main.css?ref=wh4t3v45">
25
+ <link rel="alternate" type="application/rss+xml" title="Graphiti" href="/1.13/feed.xml">
26
+
27
+ <!-- Global site tag (gtag.js) - Google Analytics -->
28
+ <script async src="https://www.googletagmanager.com/gtag/js?id=UA-127904727-1"></script>
29
+ <script>
30
+ window.dataLayer = window.dataLayer || [];
31
+ function gtag(){dataLayer.push(arguments);}
32
+ gtag('js', new Date());
33
+
34
+ gtag('config', 'UA-127904727-1');
35
+ </script>
36
+
37
+ <!-- javascript -->
38
+ <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
39
+ <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js" integrity="sha384-Tc5IQib027qvyjSMfHjOMaLkfuWVxZxUPnCJA7l2mCWNIpG9mGCD8wGNIcPD7Txa" crossorigin="anonymous"></script>
40
+
41
+
42
+ </head>
43
+
44
+
45
+ <body>
46
+ <main class="page-content" aria-label="Content">
47
+ <div class="wrapper">
48
+ <header class="navbar navbar-inverse normal" role="banner">
49
+ <div class="container">
50
+ <div class="navbar-header">
51
+ <a href="/1.13/1.13" class="navbar-brand">
52
+ <img alt="logo" src="/1.13/assets/img/logo.png">
53
+ </a>
54
+ </div>
55
+ <nav class="" role="navigation">
56
+ <ul class="nav navbar-nav nav-links">
57
+ <li>
58
+ <a class="quickstart nav-link" href="/1.13/quickstart">Quickstart</a>
59
+ </li>
60
+ <li>
61
+ <a class="guides nav-link" href="/1.13/guides">Guides</a>
62
+ </li>
63
+ <li>
64
+ <a class="tutorial nav-link" href="/1.13/tutorial">Tutorial</a>
65
+ </li>
66
+ <li>
67
+ <a class="spraypaint nav-link" href="/1.13/js">Spraypaint</a>
68
+ </li>
69
+ </ul>
70
+ <ul class="nav gh navbar-nav navbar-right visible-lg visible-md">
71
+ <li>
72
+ <span class="star">⭐</span>
73
+ <a href="https://github.com/graphiti-api/graphiti">
74
+ <img alt="github-star" style="margin-right: 65px;margin-top: -20px" src="/1.13/assets/img/gh.png">
75
+ </a>
76
+ </li>
77
+ </ul>
78
+ </nav>
79
+ </div>
80
+ </header>
81
+
82
+ <div class="container">
83
+ <h1 id="customizing-sideloads">Customizing Sideloads</h1>
84
+
85
+ <blockquote>
86
+ <p><a href="https://github.com/graphiti-api/employee_directory/commit/e5dbb24b7e5853a9f39aed455a5d318d303df37e">See the code in our sample app</a></p>
87
+ </blockquote>
88
+
89
+ <p>This cookbook will help you understand sideloading. It would be great to
90
+ live in a world where everything follows default ActiveRecord table
91
+ conventions, but in my experience this is rarely the case. From legacy
92
+ code to alternate datastores, we need to think in Real World terms.</p>
93
+
94
+ <p>Our <a href="https://github.com/graphiti-api/employee_directory">Employee Directory</a> sample application
95
+ has a clean schema - let’s screw with it. Let’s say <code class="language-plaintext highlighter-rouge">Department</code> has a
96
+ column called <code class="language-plaintext highlighter-rouge">watcher_emails</code>, which is an array of strings. We want to
97
+ sideload <code class="language-plaintext highlighter-rouge">Department &gt; Watchers</code>. Though the <em>relationship</em> is called
98
+ <code class="language-plaintext highlighter-rouge">watchers</code>, these will be <code class="language-plaintext highlighter-rouge">Employee</code> records.</p>
99
+
100
+ <p>Let’s start by adding a spec:</p>
101
+
102
+ <figure class="highlight"><pre><code class="language-ruby" data-lang="ruby"><span class="c1"># spec/resources/department/reads_spec.rb</span>
103
+
104
+ <span class="n">describe</span> <span class="s1">'sideloading'</span> <span class="k">do</span>
105
+ <span class="n">describe</span> <span class="s1">'watchers'</span> <span class="k">do</span>
106
+ <span class="n">let!</span><span class="p">(</span><span class="ss">:employee1</span><span class="p">)</span> <span class="p">{</span> <span class="n">create</span><span class="p">(</span><span class="ss">:employee</span><span class="p">)</span> <span class="p">}</span>
107
+ <span class="n">let!</span><span class="p">(</span><span class="ss">:employee2</span><span class="p">)</span> <span class="p">{</span> <span class="n">create</span><span class="p">(</span><span class="ss">:employee</span><span class="p">)</span> <span class="p">}</span>
108
+ <span class="n">let!</span><span class="p">(</span><span class="ss">:employee3</span><span class="p">)</span> <span class="p">{</span> <span class="n">create</span><span class="p">(</span><span class="ss">:employee</span><span class="p">)</span> <span class="p">}</span>
109
+ <span class="n">let!</span><span class="p">(</span><span class="ss">:department</span><span class="p">)</span> <span class="k">do</span>
110
+ <span class="n">create</span> <span class="ss">:department</span><span class="p">,</span>
111
+ <span class="ss">watcher_emails: </span><span class="p">[</span><span class="n">employee1</span><span class="p">.</span><span class="nf">email</span><span class="p">,</span> <span class="n">employee3</span><span class="p">.</span><span class="nf">email</span><span class="p">]</span>
112
+ <span class="k">end</span>
113
+
114
+ <span class="n">before</span> <span class="k">do</span>
115
+ <span class="n">params</span><span class="p">[</span><span class="ss">:include</span><span class="p">]</span> <span class="o">=</span> <span class="s1">'watchers'</span>
116
+ <span class="k">end</span>
117
+
118
+ <span class="n">it</span> <span class="s1">'sideloads employees via watcher_emails'</span> <span class="k">do</span>
119
+ <span class="n">render</span>
120
+ <span class="n">sl</span> <span class="o">=</span> <span class="n">d</span><span class="p">[</span><span class="mi">0</span><span class="p">].</span><span class="nf">sideload</span><span class="p">(</span><span class="ss">:watchers</span><span class="p">)</span>
121
+ <span class="n">expect</span><span class="p">(</span><span class="n">sl</span><span class="p">.</span><span class="nf">map</span><span class="p">(</span><span class="o">&amp;</span><span class="ss">:id</span><span class="p">)).</span><span class="nf">to</span> <span class="n">eq</span><span class="p">([</span><span class="n">employee1</span><span class="p">.</span><span class="nf">id</span><span class="p">,</span> <span class="n">employee3</span><span class="p">.</span><span class="nf">id</span><span class="p">])</span>
122
+ <span class="n">expect</span><span class="p">(</span><span class="n">sl</span><span class="p">.</span><span class="nf">map</span><span class="p">(</span><span class="o">&amp;</span><span class="ss">:jsonapi_type</span><span class="p">).</span><span class="nf">uniq</span><span class="p">).</span><span class="nf">to</span> <span class="n">eq</span><span class="p">([</span><span class="s1">'employees'</span><span class="p">])</span>
123
+ <span class="k">end</span>
124
+ <span class="k">end</span>
125
+ <span class="k">end</span></code></pre></figure>
126
+
127
+ <p>Add the relationship:</p>
128
+
129
+ <figure class="highlight"><pre><code class="language-ruby" data-lang="ruby"><span class="c1"># app/resources/department_resource.rb</span>
130
+ <span class="n">has_many</span> <span class="ss">:watchers</span><span class="p">,</span> <span class="ss">resource: </span><span class="no">EmployeeResource</span></code></pre></figure>
131
+
132
+ <p>Run the test and you’ll get this error:</p>
133
+
134
+ <figure class="highlight"><pre><code class="language-error" data-lang="error">Graphiti::Errors::AttributeError:
135
+ EmployeeResource: Tried to filter on attribute :department_id, but could not find an attribute with that name.</code></pre></figure>
136
+
137
+ <p>How would we track down this error? Well, we know Resources connect
138
+ together with <a href="/1.13/guides/concepts/links">Links</a>. Let’s
139
+ take a look at the query parameters that would be used to connect these
140
+ two Resources:</p>
141
+
142
+ <figure class="highlight"><pre><code class="language-ruby" data-lang="ruby"><span class="n">has_many</span> <span class="ss">:watchers</span><span class="p">,</span> <span class="ss">resource: </span><span class="no">EmployeeResource</span> <span class="k">do</span>
143
+ <span class="n">params</span> <span class="k">do</span> <span class="o">|</span><span class="nb">hash</span><span class="p">,</span> <span class="n">departments</span><span class="o">|</span>
144
+ <span class="nb">binding</span><span class="p">.</span><span class="nf">pry</span>
145
+ <span class="k">end</span>
146
+ <span class="k">end</span></code></pre></figure>
147
+
148
+ <blockquote>
149
+ <p>Note - we’re using <a href="https://github.com/pry/pry">pry</a> to debug here.</p>
150
+ </blockquote>
151
+
152
+ <p>The value of <code class="language-plaintext highlighter-rouge">hash</code> here is:</p>
153
+
154
+ <figure class="highlight"><pre><code class="language-ruby" data-lang="ruby"><span class="p">{</span> <span class="ss">filter: </span><span class="p">{</span> <span class="ss">department_id: </span><span class="s2">"1"</span> <span class="p">}</span> <span class="p">}</span></code></pre></figure>
155
+
156
+ <p>Which makes sense. If we say <code class="language-plaintext highlighter-rouge">has_many :things</code>, by default we expect
157
+ <code class="language-plaintext highlighter-rouge">Thing</code> to have a <code class="language-plaintext highlighter-rouge">department_id</code> we can query.</p>
158
+
159
+ <p>That’s not our case, though. Instead, let’s customize those parameters
160
+ to fit our use case:</p>
161
+
162
+ <figure class="highlight"><pre><code class="language-ruby" data-lang="ruby"><span class="n">params</span> <span class="k">do</span> <span class="o">|</span><span class="nb">hash</span><span class="p">,</span> <span class="n">departments</span><span class="o">|</span>
163
+ <span class="n">emails</span> <span class="o">=</span> <span class="n">departments</span><span class="p">.</span><span class="nf">map</span><span class="p">(</span><span class="o">&amp;</span><span class="ss">:watcher_emails</span><span class="p">).</span><span class="nf">flatten</span>
164
+ <span class="nb">hash</span><span class="p">[</span><span class="ss">:filter</span><span class="p">]</span> <span class="o">=</span> <span class="p">{</span> <span class="ss">email: </span><span class="n">emails</span> <span class="p">}</span>
165
+ <span class="k">end</span></code></pre></figure>
166
+
167
+ <p>Instead of querying by <code class="language-plaintext highlighter-rouge">department_id</code>, we need to query by <code class="language-plaintext highlighter-rouge">email</code>. And
168
+ the value we pass in will be an array of email addresses</p>
169
+
170
+ <p>We’d need to add an <code class="language-plaintext highlighter-rouge">email</code> filter to <code class="language-plaintext highlighter-rouge">EmployeeResource</code> to make this
171
+ work. This gets us <strong><em>querying</em></strong> correctly, but there’s another error:</p>
172
+
173
+ <figure class="highlight"><pre><code class="language-error" data-lang="error">undefined method `department_id' for #&lt;Employee:0x00007f9652ae6d80&gt;</code></pre></figure>
174
+
175
+ <p>Here’s the thing to keep in mind: let’s say our request was
176
+ <code class="language-plaintext highlighter-rouge">/departments?include=watchers</code>. We queried all the data, and we now
177
+ have an array of <code class="language-plaintext highlighter-rouge">Department</code>s and an array of <code class="language-plaintext highlighter-rouge">Employee</code>s. Now we need
178
+ to specify which employees should be assigned as watchers of which
179
+ department.</p>
180
+
181
+ <p>Let’s write that code manually:</p>
182
+
183
+ <figure class="highlight"><pre><code class="language-ruby" data-lang="ruby"><span class="n">has_many</span> <span class="ss">:watchers</span><span class="p">,</span> <span class="ss">resource: </span><span class="no">EmployeeResource</span> <span class="k">do</span>
184
+ <span class="c1"># ... code ...</span>
185
+ <span class="n">assign</span> <span class="k">do</span> <span class="o">|</span><span class="n">departments</span><span class="p">,</span> <span class="n">employees</span><span class="o">|</span>
186
+ <span class="n">departments</span><span class="p">.</span><span class="nf">each</span> <span class="k">do</span> <span class="o">|</span><span class="n">d</span><span class="o">|</span>
187
+ <span class="n">d</span><span class="p">.</span><span class="nf">watchers</span> <span class="o">=</span> <span class="n">employees</span><span class="p">.</span><span class="nf">select</span> <span class="k">do</span> <span class="o">|</span><span class="n">e</span><span class="o">|</span>
188
+ <span class="n">e</span><span class="p">.</span><span class="nf">email</span><span class="p">.</span><span class="nf">in?</span><span class="p">(</span><span class="n">d</span><span class="p">.</span><span class="nf">watcher_emails</span><span class="p">)</span>
189
+ <span class="k">end</span>
190
+ <span class="k">end</span>
191
+ <span class="k">end</span>
192
+ <span class="k">end</span></code></pre></figure>
193
+
194
+ <p>We’re selecting all relevant <code class="language-plaintext highlighter-rouge">Employee</code>s for a given <code class="language-plaintext highlighter-rouge">Department</code> by
195
+ checking the array of <code class="language-plaintext highlighter-rouge">watcher_emails</code>.</p>
196
+
197
+ <p>This code can be tightened up a little with <code class="language-plaintext highlighter-rouge">assign_each</code> (recommended).
198
+ This way we don’t have to iterate departments or worry about the
199
+ assignment ourselves:</p>
200
+
201
+ <figure class="highlight"><pre><code class="language-ruby" data-lang="ruby"><span class="n">has_many</span> <span class="ss">:watchers</span><span class="p">,</span> <span class="ss">resource: </span><span class="no">EmployeeResource</span> <span class="k">do</span>
202
+ <span class="c1"># ... code ...</span>
203
+
204
+ <span class="n">assign_each</span> <span class="k">do</span> <span class="o">|</span><span class="n">department</span><span class="p">,</span> <span class="n">employees</span><span class="o">|</span>
205
+ <span class="n">employees</span><span class="p">.</span><span class="nf">select</span> <span class="p">{</span> <span class="o">|</span><span class="n">e</span><span class="o">|</span> <span class="n">e</span><span class="p">.</span><span class="nf">email</span><span class="p">.</span><span class="nf">in?</span><span class="p">(</span><span class="n">d</span><span class="p">.</span><span class="nf">watcher_emails</span><span class="p">)</span> <span class="p">}</span>
206
+ <span class="k">end</span>
207
+ <span class="k">end</span></code></pre></figure>
208
+
209
+ <p>Note that we’re using <code class="language-plaintext highlighter-rouge">#select</code> to return an array of relevant
210
+ <code class="language-plaintext highlighter-rouge">Employee</code>s. If this was a <code class="language-plaintext highlighter-rouge">belongs_to</code> or <code class="language-plaintext highlighter-rouge">has_one</code> relationship, we’d
211
+ probably want to use <code class="language-plaintext highlighter-rouge">#find</code> to return a single <code class="language-plaintext highlighter-rouge">Employee</code>.</p>
212
+
213
+ <p>OK there’s <em>one last error</em>:</p>
214
+
215
+ <figure class="highlight"><pre><code class="language-error" data-lang="error">undefined method `watchers=' for #&lt;Department:0x00007feb625a7468&gt;</code></pre></figure>
216
+
217
+ <p>This one is simple - the <code class="language-plaintext highlighter-rouge">assign</code> function will call your Adapter’s
218
+ assignment logic, which by default will be a simple <code class="language-plaintext highlighter-rouge">department.watchers
219
+ = relevant_employees</code>. That means we need to add a getter/setter for
220
+ this property:</p>
221
+
222
+ <figure class="highlight"><pre><code class="language-ruby" data-lang="ruby"><span class="c1"># app/models/department.rb</span>
223
+ <span class="nb">attr_accessor</span> <span class="ss">:watchers</span></code></pre></figure>
224
+
225
+ <p>And we’re done! The test should now pass. <a href="https://github.com/graphiti-api/employee_directory/tree/customize_sideloads_cookbook">Check out the working code
226
+ here</a>.</p>
227
+
228
+ <p><br />
229
+ <br /></p>
230
+
231
+ </div>
232
+ </div>
233
+ </main>
234
+ <div class="main-footer main-footer--dark">
235
+ <div class="container">
236
+ <div class="row">
237
+ <div class="col-sm-4 menu">
238
+ <h3>Overview</h3>
239
+ <ul>
240
+ <li>
241
+ <a href="/1.13/quickstart">Quickstart</a>
242
+ </li>
243
+ <li>
244
+ <a href="/1.13/tutorial">Tutorial</a>
245
+ </li>
246
+ <li>
247
+ <a href="/1.13/guides">Guides</a>
248
+ </li>
249
+ </ul>
250
+ </div>
251
+ <div class="col-sm-4 menu">
252
+ <h3>Contact</h3>
253
+ <ul>
254
+ <li>
255
+ <a target="_blank" href="https://discord.gg/wgqkMBsSRV">Discord Chat</a>
256
+ </li>
257
+ <li>
258
+ <a href="mailto:richmolj@gmail.com">Email</a>
259
+ </li>
260
+ </ul>
261
+ </div>
262
+ <div class="col-sm-4 menu">
263
+ <h3>Related</h3>
264
+ <ul>
265
+ <li>
266
+ <a target="_blank" href="http://jsonapi.org">JSONAPI Spec</a>
267
+ </li>
268
+ <li>
269
+ <a target="_blank" href="http://jsonapi-rb.org">jsonapi-rb</a>
270
+ </li>
271
+ <li>
272
+ <a target="_blank" href="https://vuejs.org/">VueJS</a>
273
+ </li>
274
+ </ul>
275
+ </div>
276
+ </div>
277
+ </div>
278
+ </div>
279
+
280
+ <script type="text/javascript">
281
+ $(function () {
282
+
283
+ var flipTabs = function() {
284
+ var isTS = true;
285
+ if (localStorage.getItem('js-lang') === 'javascript') {
286
+ isTS = false;
287
+ }
288
+
289
+ $('.code-tabs').each(function(index, el) {
290
+ if (isTS) {
291
+ console.log('hiding js');
292
+ $($(el).children()[1]).hide();
293
+ $($(el).children()[0]).show();
294
+ } else {
295
+ console.log('hiding ts');
296
+ $($(el).children()[0]).hide();
297
+ $($(el).children()[1]).show();
298
+ }
299
+ });
300
+
301
+ if (isTS) {
302
+ $('.tab.typescript').addClass('active');
303
+ $('.tab.javascript').removeClass('active');
304
+ } else {
305
+ $('.tab.typescript').removeClass('active');
306
+ $('.tab.javascript').addClass('active');
307
+ }
308
+ }
309
+
310
+ $('.tab').click(function() {
311
+ if ($(this).hasClass('typescript')) {
312
+ localStorage.setItem('js-lang', 'typescript');
313
+ } else {
314
+ localStorage.setItem('js-lang', 'javascript');
315
+ }
316
+
317
+ flipTabs();
318
+ });
319
+
320
+ flipTabs();
321
+ })
322
+ </script>
323
+
324
+ </body>
325
+ </html>
File without changes