graphiti 2.0.0.beta.6 → 2.0.0.beta.8

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 (246) hide show
  1. checksums.yaml +4 -4
  2. data/.git-blame-ignore-revs +2 -0
  3. data/.github/workflows/ci.yml +55 -3
  4. data/.github/workflows/docs.yml +1 -1
  5. data/.github/workflows/notify-example-app.yml +18 -0
  6. data/.gitignore +2 -0
  7. data/.standard.yml +6 -0
  8. data/CHANGELOG.md +54 -0
  9. data/CONTRIBUTING.md +3 -1
  10. data/README.md +13 -206
  11. data/Rakefile +6 -3
  12. data/UPGRADING.md +1 -1
  13. data/graphiti.gemspec +8 -4
  14. data/lib/generators/graphiti/generator_mixin.rb +1 -1
  15. data/lib/generators/graphiti/install_generator.rb +1 -2
  16. data/lib/generators/graphiti/resource_generator.rb +6 -3
  17. data/lib/generators/graphiti/templates/application_resource.rb.erb +19 -0
  18. data/lib/generators/graphiti/templates/controller.rb.erb +26 -8
  19. data/lib/generators/graphiti/templates/index_request_spec.rb.erb +2 -2
  20. data/lib/generators/graphiti/templates/resource_reads_spec.rb.erb +4 -4
  21. data/lib/generators/graphiti/templates/show_request_spec.rb.erb +2 -2
  22. data/lib/graphiti/audit/report.rb +6 -6
  23. data/lib/graphiti/audit.rb +3 -4
  24. data/lib/graphiti/delegates/pagination.rb +2 -2
  25. data/lib/graphiti/deserializer.rb +3 -3
  26. data/lib/graphiti/errors.rb +6 -6
  27. data/lib/graphiti/extensions/temp_id.rb +1 -1
  28. data/lib/graphiti/query.rb +27 -8
  29. data/lib/graphiti/rails/context.rb +2 -1
  30. data/lib/graphiti/rails/controller.rb +3 -0
  31. data/lib/graphiti/rails/debugging.rb +1 -1
  32. data/lib/graphiti/rails/responders.rb +2 -1
  33. data/lib/graphiti/resource/configuration.rb +1 -0
  34. data/lib/graphiti/resource/dsl.rb +2 -2
  35. data/lib/graphiti/resource/interface.rb +3 -3
  36. data/lib/graphiti/resource/links.rb +1 -1
  37. data/lib/graphiti/resource/persistence.rb +1 -1
  38. data/lib/graphiti/resource/polymorphism.rb +1 -1
  39. data/lib/graphiti/resource.rb +2 -2
  40. data/lib/graphiti/resource_proxy.rb +0 -1
  41. data/lib/graphiti/runner.rb +8 -3
  42. data/lib/graphiti/scope.rb +13 -0
  43. data/lib/graphiti/scoping/filter.rb +5 -3
  44. data/lib/graphiti/scoping/paginate.rb +1 -1
  45. data/lib/graphiti/scoping/sort.rb +1 -1
  46. data/lib/graphiti/sideload/has_many.rb +1 -1
  47. data/lib/graphiti/spec_helpers/errors_proxy.rb +1 -1
  48. data/lib/graphiti/spec_helpers/matchers.rb +1 -1
  49. data/lib/graphiti/spec_helpers.rb +5 -0
  50. data/lib/graphiti/types.rb +5 -1
  51. data/lib/graphiti/util/cache_debug.rb +3 -3
  52. data/lib/graphiti/util/hash.rb +1 -1
  53. data/lib/graphiti/util/persistence.rb +6 -6
  54. data/lib/graphiti/util/serializer_relationships.rb +1 -1
  55. data/lib/graphiti/version.rb +1 -1
  56. data/lib/tasks/graphiti.rake +1 -1
  57. data/package.json +1 -0
  58. metadata +31 -197
  59. data/docs/concepts/backends-and-models.md +0 -122
  60. data/docs/concepts/endpoints.md +0 -183
  61. data/docs/concepts/links.md +0 -212
  62. data/docs/concepts/overview.md +0 -80
  63. data/docs/concepts/persisting.md +0 -376
  64. data/docs/concepts/relationships.md +0 -627
  65. data/docs/concepts/resources.md +0 -677
  66. data/docs/getting-started/first-api.md +0 -289
  67. data/docs/getting-started/installation.md +0 -185
  68. data/docs/intro.md +0 -307
  69. data/docs/js/authentication.md +0 -63
  70. data/docs/js/ddau.md +0 -20
  71. data/docs/js/extra-params.md +0 -41
  72. data/docs/js/index.md +0 -112
  73. data/docs/js/installation.md +0 -120
  74. data/docs/js/middleware.md +0 -72
  75. data/docs/js/models.md +0 -202
  76. data/docs/js/reads.md +0 -494
  77. data/docs/js/state-syncing.md +0 -100
  78. data/docs/js/writes.md +0 -373
  79. data/docs/reference/vandal.md +0 -63
  80. data/docs/reference/why.md +0 -13
  81. data/docs/topics/authorization.md +0 -155
  82. data/docs/topics/caching.md +0 -55
  83. data/docs/topics/customizing-sideloads.md +0 -156
  84. data/docs/topics/debugging.md +0 -242
  85. data/docs/topics/error-handling.md +0 -210
  86. data/docs/topics/etags.md +0 -46
  87. data/docs/topics/hopping-relationships.md +0 -149
  88. data/docs/topics/json-attributes.md +0 -77
  89. data/docs/topics/openstruct-models.md +0 -50
  90. data/docs/topics/remote-resources.md +0 -291
  91. data/docs/topics/testing.md +0 -894
  92. data/docs/topics/without-activerecord.md +0 -324
  93. data/docs/tutorial/index.md +0 -58
  94. data/docs/tutorial/step_0.md +0 -107
  95. data/docs/tutorial/step_1.md +0 -199
  96. data/docs/tutorial/step_2.md +0 -312
  97. data/docs/tutorial/step_3.md +0 -142
  98. data/docs/tutorial/step_4.md +0 -135
  99. data/docs/tutorial/step_5.md +0 -69
  100. data/docs/tutorial/step_6.md +0 -82
  101. data/docs/tutorial/step_7.md +0 -205
  102. data/docs/tutorial/step_8.md +0 -128
  103. data/docs/tutorial/step_9.md +0 -171
  104. data/docs/upgrading.md +0 -266
  105. data/website/.gitignore +0 -20
  106. data/website/README.md +0 -43
  107. data/website/docusaurus.config.js +0 -197
  108. data/website/package-lock.json +0 -19474
  109. data/website/package.json +0 -46
  110. data/website/sidebars.js +0 -82
  111. data/website/src/css/custom.css +0 -85
  112. data/website/src/pages/markdown-page.mdx +0 -7
  113. data/website/static/.nojekyll +0 -0
  114. data/website/static/1.13/2019/03/31/graphiti-1-0.html +0 -205
  115. data/website/static/1.13/2019/05/08/graphiti-1-1.html +0 -212
  116. data/website/static/1.13/2019/05/20/graphiti-1-2.html +0 -214
  117. data/website/static/1.13/2019/10/14/tutorial.html +0 -198
  118. data/website/static/1.13/CNAME +0 -1
  119. data/website/static/1.13/README.md +0 -16
  120. data/website/static/1.13/assets/css/syntax.css +0 -60
  121. data/website/static/1.13/assets/favicons/android-chrome-192x192.png +0 -0
  122. data/website/static/1.13/assets/favicons/android-chrome-256x256.png +0 -0
  123. data/website/static/1.13/assets/favicons/apple-touch-icon.png +0 -0
  124. data/website/static/1.13/assets/favicons/browserconfig.xml +0 -9
  125. data/website/static/1.13/assets/favicons/favicon-16x16.png +0 -0
  126. data/website/static/1.13/assets/favicons/favicon-32x32.png +0 -0
  127. data/website/static/1.13/assets/favicons/favicon.ico +0 -0
  128. data/website/static/1.13/assets/favicons/mstile-150x150.png +0 -0
  129. data/website/static/1.13/assets/favicons/safari-pinned-tab.svg +0 -1
  130. data/website/static/1.13/assets/favicons/site.webmanifest +0 -19
  131. data/website/static/1.13/assets/img/backend.gif +0 -0
  132. data/website/static/1.13/assets/img/conformity.png +0 -0
  133. data/website/static/1.13/assets/img/error_payload.png +0 -0
  134. data/website/static/1.13/assets/img/fancy-cushion.png +0 -0
  135. data/website/static/1.13/assets/img/gh.png +0 -0
  136. data/website/static/1.13/assets/img/home-bg.jpg +0 -0
  137. data/website/static/1.13/assets/img/lifecycle.gif +0 -0
  138. data/website/static/1.13/assets/img/logo-500.png +0 -0
  139. data/website/static/1.13/assets/img/logo.png +0 -0
  140. data/website/static/1.13/assets/img/love-graffiti.jpg +0 -0
  141. data/website/static/1.13/assets/img/meta_total_count.png +0 -0
  142. data/website/static/1.13/assets/img/persist.jpg +0 -0
  143. data/website/static/1.13/assets/img/resource.gif +0 -0
  144. data/website/static/1.13/assets/img/rest-graffiti.jpg +0 -0
  145. data/website/static/1.13/assets/img/rest1.gif +0 -0
  146. data/website/static/1.13/assets/img/rest2.gif +0 -0
  147. data/website/static/1.13/assets/img/rest3.gif +0 -0
  148. data/website/static/1.13/assets/img/rethink-rest-graffiti.jpg +0 -0
  149. data/website/static/1.13/assets/img/sunrise.png +0 -0
  150. data/website/static/1.13/assets/img/why.png +0 -0
  151. data/website/static/1.13/assets/js/highlight.pack.js +0 -2
  152. data/website/static/1.13/assets/main.css +0 -15518
  153. data/website/static/1.13/assets/main.css.map +0 -1
  154. data/website/static/1.13/bin/bundle +0 -109
  155. data/website/static/1.13/bin/jekyll +0 -27
  156. data/website/static/1.13/bin/kramdown +0 -27
  157. data/website/static/1.13/bin/listen +0 -27
  158. data/website/static/1.13/bin/rake +0 -27
  159. data/website/static/1.13/bin/rougify +0 -27
  160. data/website/static/1.13/bin/safe_yaml +0 -27
  161. data/website/static/1.13/bin/sass +0 -27
  162. data/website/static/1.13/bin/sass-convert +0 -27
  163. data/website/static/1.13/bin/scss +0 -27
  164. data/website/static/1.13/blog.html +0 -259
  165. data/website/static/1.13/cheatsheet.html +0 -316
  166. data/website/static/1.13/cookbooks/authorization.md +0 -0
  167. data/website/static/1.13/cookbooks/caching.md +0 -0
  168. data/website/static/1.13/cookbooks/customizing-sideloads.html +0 -325
  169. data/website/static/1.13/cookbooks/etags.md +0 -0
  170. data/website/static/1.13/cookbooks/hopping-relationships.html +0 -324
  171. data/website/static/1.13/cookbooks/json_attributes.md +0 -0
  172. data/website/static/1.13/cookbooks/openstruct-models.md +0 -0
  173. data/website/static/1.13/cookbooks/remote-resources.md +0 -0
  174. data/website/static/1.13/cookbooks/without-activerecord.html +0 -510
  175. data/website/static/1.13/features.html +0 -249
  176. data/website/static/1.13/feed.xml +0 -106
  177. data/website/static/1.13/guides/concepts/backends-and-models.html +0 -467
  178. data/website/static/1.13/guides/concepts/debugging.html +0 -440
  179. data/website/static/1.13/guides/concepts/endpoints.html +0 -432
  180. data/website/static/1.13/guides/concepts/error-handling.html +0 -396
  181. data/website/static/1.13/guides/concepts/links.html +0 -501
  182. data/website/static/1.13/guides/concepts/remote-resources.html +0 -536
  183. data/website/static/1.13/guides/concepts/resources.html +0 -2176
  184. data/website/static/1.13/guides/concepts/testing.html +0 -1469
  185. data/website/static/1.13/guides/getting-started/installation.html +0 -420
  186. data/website/static/1.13/guides/graphiti-rails-migration.html +0 -242
  187. data/website/static/1.13/guides/index.html +0 -269
  188. data/website/static/1.13/guides/overview.html +0 -325
  189. data/website/static/1.13/guides/upgrading-2-0.html +0 -193
  190. data/website/static/1.13/guides/upgrading.html +0 -314
  191. data/website/static/1.13/guides/vandal.html +0 -282
  192. data/website/static/1.13/guides/why.html +0 -1121
  193. data/website/static/1.13/index.html +0 -72
  194. data/website/static/1.13/js/authentication.html +0 -295
  195. data/website/static/1.13/js/ddau.html +0 -238
  196. data/website/static/1.13/js/extra-params.html +0 -270
  197. data/website/static/1.13/js/index.html +0 -321
  198. data/website/static/1.13/js/installation.html +0 -637
  199. data/website/static/1.13/js/introduction.html +0 -257
  200. data/website/static/1.13/js/middleware.html +0 -318
  201. data/website/static/1.13/js/reads/fieldsets.html +0 -271
  202. data/website/static/1.13/js/reads/filtering.html +0 -289
  203. data/website/static/1.13/js/reads/includes.html +0 -260
  204. data/website/static/1.13/js/reads/index.html +0 -497
  205. data/website/static/1.13/js/reads/nested-queries.html +0 -353
  206. data/website/static/1.13/js/reads/pagination.html +0 -260
  207. data/website/static/1.13/js/reads/sorting.html +0 -265
  208. data/website/static/1.13/js/reads/statistics.html +0 -289
  209. data/website/static/1.13/js/state-syncing.html +0 -340
  210. data/website/static/1.13/js/writes/deferred.html +0 -296
  211. data/website/static/1.13/js/writes/dirty-tracking.html +0 -399
  212. data/website/static/1.13/js/writes/index.html +0 -391
  213. data/website/static/1.13/js/writes/nested.html +0 -330
  214. data/website/static/1.13/js/writes/validations.html +0 -272
  215. data/website/static/1.13/quickstart.html +0 -660
  216. data/website/static/1.13/template +0 -161
  217. data/website/static/1.13/tutorial/index.html +0 -250
  218. data/website/static/1.13/tutorial/step_0.html +0 -292
  219. data/website/static/1.13/tutorial/step_1.html +0 -517
  220. data/website/static/1.13/tutorial/step_2.html +0 -481
  221. data/website/static/1.13/tutorial/step_3.html +0 -323
  222. data/website/static/1.13/tutorial/step_4.html +0 -318
  223. data/website/static/1.13/tutorial/step_5.html +0 -265
  224. data/website/static/1.13/tutorial/step_6.html +0 -276
  225. data/website/static/1.13/tutorial/step_7.html +0 -390
  226. data/website/static/1.13/tutorial/step_8.html +0 -316
  227. data/website/static/1.13/tutorial/step_9.html +0 -365
  228. data/website/static/CNAME +0 -1
  229. data/website/static/assets/img/error_payload.png +0 -0
  230. data/website/static/assets/img/legacy/legacy-0378a3bb39.png +0 -0
  231. data/website/static/assets/img/legacy/legacy-05bbd3e5fd.png +0 -0
  232. data/website/static/assets/img/legacy/legacy-07aa104495.png +0 -0
  233. data/website/static/assets/img/legacy/legacy-0c75a16b3a.gif +0 -0
  234. data/website/static/assets/img/legacy/legacy-3076df6209.png +0 -0
  235. data/website/static/assets/img/legacy/legacy-7f6889bc89.png +0 -0
  236. data/website/static/assets/img/legacy/legacy-a2cc4363c3.png +0 -0
  237. data/website/static/assets/img/legacy/legacy-f67cfa89ab.png +0 -0
  238. data/website/static/assets/img/meta_total_count.png +0 -0
  239. data/website/static/img/docusaurus-social-card.jpg +0 -0
  240. data/website/static/img/docusaurus.png +0 -0
  241. data/website/static/img/favicon.ico +0 -0
  242. data/website/static/img/logo.png +0 -0
  243. data/website/static/img/logo.svg +0 -1
  244. data/website/static/img/undraw_docusaurus_mountain.svg +0 -171
  245. data/website/static/img/undraw_docusaurus_react.svg +0 -170
  246. data/website/static/img/undraw_docusaurus_tree.svg +0 -40
@@ -1,72 +0,0 @@
1
- ---
2
- title: 'Middleware'
3
- sidebar_position: 6
4
- ---
5
-
6
- ### Middleware
7
-
8
- Middleware is helpful whenever you want to globally intercept request.
9
- This is accomplished by assigning a `MiddlewareStack` to your `ApplicationRecord`. Each stack has `beforeFilters` and `afterFilters` where you can globally modify requests. If you `throw("abort")`, the
10
- promise will be rejected.
11
-
12
- Example: redirecting to the login page every time the server returns `401`:
13
-
14
- ```typescript
15
- import { MiddlewareStack } from 'spraypaint'
16
-
17
- let middleware = new MiddlewareStack()
18
- middleware.afterFilters.push((response, json) => {
19
- if (response.status === 401) {
20
- window.location.href = "/login"
21
- throw("abort")
22
- }
23
- })
24
-
25
- ApplicationRecord.middlewareStack = middleware
26
- ```
27
-
28
- ```javascript
29
- var MiddlewareStack = spraypaint.MiddlewareStack;
30
-
31
- var middleware = new MiddlewareStack();
32
- middleware.afterFilters.push(function(response, json) {
33
- if (response.status === 401) {
34
- window.location.href = "/login";
35
- throw("abort");
36
- }
37
- });
38
-
39
- ApplicationRecord.middlewareStack = middleware;
40
- ```
41
-
42
- Example: adding a custom header before the request is sent:
43
-
44
- ```typescript
45
- import { MiddlewareStack } from 'spraypaint'
46
-
47
- let middleware = new MiddlewareStack()
48
- middleware.beforeFilters.push((url, options) => {
49
- options.headers["CUSTOM-HEADER"] = "whatever"
50
- })
51
-
52
- ApplicationRecord.middlewareStack = middleware
53
- ```
54
-
55
- ```javascript
56
- var MiddlewareStack = spraypaint.MiddlewareStack;
57
-
58
- var middleware = new MiddlewareStack();
59
- middleware.beforeFilters.push(function(url, options) {
60
- options.headers["CUSTOM-HEADER"] = "whatever";
61
- });
62
-
63
- ApplicationRecord.middlewareStack = middleware;
64
- ```
65
-
66
- <h2 id="next">
67
- <a href="/js/authentication">
68
- NEXT:
69
- <small>Authentication</small>
70
- &raquo;
71
- </a>
72
- </h2>
data/docs/js/models.md DELETED
@@ -1,202 +0,0 @@
1
- ---
2
- title: 'Models'
3
- sidebar_position: 3
4
- ---
5
-
6
- ### Defining Models
7
-
8
- Once your `ApplicationRecord` base class is [connected to the API](/js/installation#connecting-to-the-api), define a model by giving it a `jsonapiType`:
9
-
10
- ```typescript
11
- @Model()
12
- class Person extends ApplicationRecord {
13
- static jsonapiType = "people"
14
- }
15
- ```
16
-
17
- ```javascript
18
- const Person = ApplicationRecord.extend({
19
- static: {
20
- jsonapiType: "people"
21
- }
22
- })
23
- ```
24
-
25
- With the above configuration, all `Person` endpoints will begin `http://my-api.com/api/v1/people`.
26
-
27
- ### Defining Attributes
28
-
29
- `ActiveRecord` automatically sets attributes by introspecting database columns. We could do the same - `swagger.json` is our schema - but tend to agree with those who feel this aspect of `ActiveRecord` is a bit too "magical". In addition, explicitly defining our attributes can be used to track which applications are using which attributes of the API.
30
-
31
- Though this is configurable, by default we expect the API to be `under_scored` and attributes to be `camelCased`.
32
-
33
- ```typescript
34
- @Model()
35
- class Person extends ApplicationRecord {
36
- // ... code ...
37
- @Attr() firstName: string
38
- @Attr() lastName: string
39
- @Attr() age: number
40
-
41
- get fullName() : string {
42
- return `${this.firstName} ${this.lastName}`
43
- }
44
- }
45
-
46
- let person = new Person({ firstName: "John" })
47
- person.firstName // "John"
48
- person.lastName = "Doe"
49
- person.attributes // { firstName: "John", lastName: "Doe" }
50
- person.fullName // "John Doe"
51
- ```
52
-
53
- ```javascript
54
- const attr = spraypaint.attr
55
- const Person = ApplicationRecord.extend({
56
- // ... code ...
57
- attrs: {
58
- firstName: attr(),
59
- lastName: attr(),
60
- age: attr()
61
- },
62
- methods: {
63
- fullName: function() {
64
- return this.firstName + " " + this.lastName;
65
- }
66
- }
67
- })
68
-
69
- var person = new Person({ firstName: "John" })
70
- person.firstName // "John"
71
- person.lastName = "Doe"
72
- person.attributes // { firstName: "John", lastName: "Doe" }
73
- person.fullName() // "John Doe"
74
- ```
75
-
76
- Attributes can be marked read-only, so they are never sent to the server on a write request:
77
-
78
- ```typescript
79
- @Attr({ persist: false }) createdAt: string
80
- @Attr({ persist: false }) updatedAt: string
81
- ```
82
-
83
- ```javascript
84
- attrs: {
85
- createdAt: attr({ persist: false }),
86
- updatedAt: attr({ persist: false })
87
- }
88
- ```
89
-
90
- ### Defining Relationships
91
-
92
- Just like `ActiveRecord`, there are `HasMany`, `BelongsTo`, and `HasOne` relationships:
93
-
94
- ```typescript
95
- @Model()
96
- class Dog extends ApplicationRecord {
97
- // ... code ...
98
- @BelongsTo() person: Person[]
99
- }
100
-
101
- class Person extends ApplicationRecord {
102
- // ... code ...
103
- @HasMany() dogs: Dog[]
104
- }
105
- ```
106
-
107
- ```javascript
108
- const hasMany = spraypaint.hasMany
109
- const belongsTo = spraypaint.belongsTo
110
-
111
- const Person = ApplicationRecord.extend({
112
- // ... code ...
113
- attrs: {
114
- dogs: hasMany()
115
- }
116
- })
117
-
118
- const Dog = ApplicationRecord.extend({
119
- // ... code ...
120
- attrs: {
121
- person: belongsTo()
122
- }
123
- })
124
- ```
125
-
126
- By default, we expect the relationship name to correspond to a pluralized `jsonapiType` on a separate `Model`. If your models don't use this convention, feel free to supply it explicitly:
127
-
128
- ```typescript
129
- @Model()
130
- class Dog extends ApplicationRecord {
131
- // ... code ...
132
- @BelongsTo('people') owner: Person[]
133
- }
134
-
135
- // alternatively, specify the class directly
136
-
137
- class Dog extends ApplicationRecord {
138
- // ... code ...
139
- @BelongsTo(Person) owner: Person[]
140
- }
141
- ```
142
-
143
- ```javascript
144
- const Dog = ApplicationRecord.extend({
145
- // ... code ...
146
- attrs: {
147
- owner: belongsTo('people')
148
- }
149
- })
150
- ```
151
-
152
- Relationships can be:
153
-
154
- * Assigned via constructor
155
- * Assigned directly
156
- * Automatically loaded via `.includes()` (see [reads](/js/reads))
157
- * Saved in a single request `.save({ with: 'dogs' })` (see
158
- [writes](/js/writes))
159
-
160
- ```typescript
161
- let dog = new Dog({ name: "Fido" })
162
- let person = new Person({ dogs: [dog] })
163
- person.dogs[0].name // "Fido"
164
-
165
- let person = new Person()
166
- person.dogs = [dog]
167
- person.dogs[0].name // "Fido"
168
-
169
- // Will auto-create Dog instance
170
- let person = new Person({ dogs: [{ name: "Scooby" }] })
171
- person.dogs[0].name // "Scooby"
172
-
173
- let person = (await Person.includes('dogs')).data
174
- person.dogs // array of Dog instances from the server
175
- ```
176
-
177
- ```javascript
178
- var dog = new Dog({ name: "Fido" })
179
- var person = new Person({ dogs: [dog] })
180
- person.dogs[0].name // "Fido"
181
-
182
- let person = new Person()
183
- person.dogs = [dog]
184
- person.dogs[0].name // "Fido"
185
-
186
- // Will auto-create Dog instance
187
- var person = new Person({ dogs: [{ name: "Scooby" }] })
188
- person.dogs[0].name // "Scooby"
189
-
190
- Person.includes('dogs').then((response) => {
191
- var person = response.data
192
- person.dogs // array of Dog instances from the server
193
- })
194
- ```
195
-
196
- <h2 id="next">
197
- <a href="/js/reads">
198
- NEXT:
199
- <small>Reads</small>
200
- &raquo;
201
- </a>
202
- </h2>