graphiti 2.0.0.beta.7 → 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.
- checksums.yaml +4 -4
- data/.git-blame-ignore-revs +2 -0
- data/.github/workflows/ci.yml +55 -3
- data/.github/workflows/docs.yml +1 -1
- data/.github/workflows/notify-example-app.yml +18 -0
- data/.gitignore +2 -0
- data/.standard.yml +6 -0
- data/CHANGELOG.md +45 -0
- data/CONTRIBUTING.md +3 -1
- data/README.md +13 -206
- data/Rakefile +6 -3
- data/UPGRADING.md +1 -1
- data/graphiti.gemspec +8 -4
- data/lib/generators/graphiti/generator_mixin.rb +1 -1
- data/lib/generators/graphiti/install_generator.rb +1 -1
- data/lib/generators/graphiti/resource_generator.rb +6 -3
- data/lib/generators/graphiti/templates/application_resource.rb.erb +19 -0
- data/lib/generators/graphiti/templates/controller.rb.erb +26 -8
- data/lib/graphiti/audit/report.rb +6 -6
- data/lib/graphiti/audit.rb +3 -4
- data/lib/graphiti/delegates/pagination.rb +2 -2
- data/lib/graphiti/deserializer.rb +3 -3
- data/lib/graphiti/errors.rb +6 -6
- data/lib/graphiti/extensions/temp_id.rb +1 -1
- data/lib/graphiti/query.rb +3 -3
- data/lib/graphiti/rails/context.rb +2 -1
- data/lib/graphiti/rails/controller.rb +3 -0
- data/lib/graphiti/rails/debugging.rb +1 -1
- data/lib/graphiti/rails/responders.rb +2 -1
- data/lib/graphiti/resource/configuration.rb +1 -0
- data/lib/graphiti/resource/dsl.rb +2 -2
- data/lib/graphiti/resource/links.rb +1 -1
- data/lib/graphiti/resource/persistence.rb +1 -1
- data/lib/graphiti/resource/polymorphism.rb +1 -1
- data/lib/graphiti/resource.rb +2 -2
- data/lib/graphiti/resource_proxy.rb +0 -1
- data/lib/graphiti/scoping/filter.rb +5 -3
- data/lib/graphiti/scoping/paginate.rb +1 -1
- data/lib/graphiti/scoping/sort.rb +1 -1
- data/lib/graphiti/sideload/has_many.rb +1 -1
- data/lib/graphiti/spec_helpers/errors_proxy.rb +1 -1
- data/lib/graphiti/spec_helpers/matchers.rb +1 -1
- data/lib/graphiti/types.rb +5 -1
- data/lib/graphiti/util/cache_debug.rb +3 -3
- data/lib/graphiti/util/hash.rb +1 -1
- data/lib/graphiti/util/persistence.rb +6 -6
- data/lib/graphiti/util/serializer_relationships.rb +1 -1
- data/lib/graphiti/version.rb +1 -1
- data/lib/tasks/graphiti.rake +1 -1
- metadata +31 -197
- data/docs/concepts/backends-and-models.md +0 -122
- data/docs/concepts/endpoints.md +0 -183
- data/docs/concepts/links.md +0 -212
- data/docs/concepts/overview.md +0 -80
- data/docs/concepts/persisting.md +0 -376
- data/docs/concepts/relationships.md +0 -627
- data/docs/concepts/resources.md +0 -677
- data/docs/getting-started/first-api.md +0 -289
- data/docs/getting-started/installation.md +0 -185
- data/docs/intro.md +0 -307
- data/docs/js/authentication.md +0 -63
- data/docs/js/ddau.md +0 -20
- data/docs/js/extra-params.md +0 -41
- data/docs/js/index.md +0 -112
- data/docs/js/installation.md +0 -120
- data/docs/js/middleware.md +0 -72
- data/docs/js/models.md +0 -202
- data/docs/js/reads.md +0 -494
- data/docs/js/state-syncing.md +0 -100
- data/docs/js/writes.md +0 -373
- data/docs/reference/vandal.md +0 -63
- data/docs/reference/why.md +0 -13
- data/docs/topics/authorization.md +0 -155
- data/docs/topics/caching.md +0 -55
- data/docs/topics/customizing-sideloads.md +0 -156
- data/docs/topics/debugging.md +0 -242
- data/docs/topics/error-handling.md +0 -210
- data/docs/topics/etags.md +0 -46
- data/docs/topics/hopping-relationships.md +0 -149
- data/docs/topics/json-attributes.md +0 -77
- data/docs/topics/openstruct-models.md +0 -50
- data/docs/topics/remote-resources.md +0 -291
- data/docs/topics/testing.md +0 -916
- data/docs/topics/without-activerecord.md +0 -324
- data/docs/tutorial/index.md +0 -58
- data/docs/tutorial/step_0.md +0 -107
- data/docs/tutorial/step_1.md +0 -199
- data/docs/tutorial/step_2.md +0 -312
- data/docs/tutorial/step_3.md +0 -142
- data/docs/tutorial/step_4.md +0 -135
- data/docs/tutorial/step_5.md +0 -69
- data/docs/tutorial/step_6.md +0 -82
- data/docs/tutorial/step_7.md +0 -205
- data/docs/tutorial/step_8.md +0 -128
- data/docs/tutorial/step_9.md +0 -171
- data/docs/upgrading.md +0 -267
- data/website/.gitignore +0 -20
- data/website/README.md +0 -43
- data/website/docusaurus.config.js +0 -197
- data/website/package-lock.json +0 -19474
- data/website/package.json +0 -46
- data/website/sidebars.js +0 -82
- data/website/src/css/custom.css +0 -85
- data/website/src/pages/markdown-page.mdx +0 -7
- data/website/static/.nojekyll +0 -0
- data/website/static/1.13/2019/03/31/graphiti-1-0.html +0 -205
- data/website/static/1.13/2019/05/08/graphiti-1-1.html +0 -212
- data/website/static/1.13/2019/05/20/graphiti-1-2.html +0 -214
- data/website/static/1.13/2019/10/14/tutorial.html +0 -198
- data/website/static/1.13/CNAME +0 -1
- data/website/static/1.13/README.md +0 -16
- data/website/static/1.13/assets/css/syntax.css +0 -60
- data/website/static/1.13/assets/favicons/android-chrome-192x192.png +0 -0
- data/website/static/1.13/assets/favicons/android-chrome-256x256.png +0 -0
- data/website/static/1.13/assets/favicons/apple-touch-icon.png +0 -0
- data/website/static/1.13/assets/favicons/browserconfig.xml +0 -9
- data/website/static/1.13/assets/favicons/favicon-16x16.png +0 -0
- data/website/static/1.13/assets/favicons/favicon-32x32.png +0 -0
- data/website/static/1.13/assets/favicons/favicon.ico +0 -0
- data/website/static/1.13/assets/favicons/mstile-150x150.png +0 -0
- data/website/static/1.13/assets/favicons/safari-pinned-tab.svg +0 -1
- data/website/static/1.13/assets/favicons/site.webmanifest +0 -19
- data/website/static/1.13/assets/img/backend.gif +0 -0
- data/website/static/1.13/assets/img/conformity.png +0 -0
- data/website/static/1.13/assets/img/error_payload.png +0 -0
- data/website/static/1.13/assets/img/fancy-cushion.png +0 -0
- data/website/static/1.13/assets/img/gh.png +0 -0
- data/website/static/1.13/assets/img/home-bg.jpg +0 -0
- data/website/static/1.13/assets/img/lifecycle.gif +0 -0
- data/website/static/1.13/assets/img/logo-500.png +0 -0
- data/website/static/1.13/assets/img/logo.png +0 -0
- data/website/static/1.13/assets/img/love-graffiti.jpg +0 -0
- data/website/static/1.13/assets/img/meta_total_count.png +0 -0
- data/website/static/1.13/assets/img/persist.jpg +0 -0
- data/website/static/1.13/assets/img/resource.gif +0 -0
- data/website/static/1.13/assets/img/rest-graffiti.jpg +0 -0
- data/website/static/1.13/assets/img/rest1.gif +0 -0
- data/website/static/1.13/assets/img/rest2.gif +0 -0
- data/website/static/1.13/assets/img/rest3.gif +0 -0
- data/website/static/1.13/assets/img/rethink-rest-graffiti.jpg +0 -0
- data/website/static/1.13/assets/img/sunrise.png +0 -0
- data/website/static/1.13/assets/img/why.png +0 -0
- data/website/static/1.13/assets/js/highlight.pack.js +0 -2
- data/website/static/1.13/assets/main.css +0 -15518
- data/website/static/1.13/assets/main.css.map +0 -1
- data/website/static/1.13/bin/bundle +0 -109
- data/website/static/1.13/bin/jekyll +0 -27
- data/website/static/1.13/bin/kramdown +0 -27
- data/website/static/1.13/bin/listen +0 -27
- data/website/static/1.13/bin/rake +0 -27
- data/website/static/1.13/bin/rougify +0 -27
- data/website/static/1.13/bin/safe_yaml +0 -27
- data/website/static/1.13/bin/sass +0 -27
- data/website/static/1.13/bin/sass-convert +0 -27
- data/website/static/1.13/bin/scss +0 -27
- data/website/static/1.13/blog.html +0 -259
- data/website/static/1.13/cheatsheet.html +0 -316
- data/website/static/1.13/cookbooks/authorization.md +0 -0
- data/website/static/1.13/cookbooks/caching.md +0 -0
- data/website/static/1.13/cookbooks/customizing-sideloads.html +0 -325
- data/website/static/1.13/cookbooks/etags.md +0 -0
- data/website/static/1.13/cookbooks/hopping-relationships.html +0 -324
- data/website/static/1.13/cookbooks/json_attributes.md +0 -0
- data/website/static/1.13/cookbooks/openstruct-models.md +0 -0
- data/website/static/1.13/cookbooks/remote-resources.md +0 -0
- data/website/static/1.13/cookbooks/without-activerecord.html +0 -510
- data/website/static/1.13/features.html +0 -249
- data/website/static/1.13/feed.xml +0 -106
- data/website/static/1.13/guides/concepts/backends-and-models.html +0 -467
- data/website/static/1.13/guides/concepts/debugging.html +0 -440
- data/website/static/1.13/guides/concepts/endpoints.html +0 -432
- data/website/static/1.13/guides/concepts/error-handling.html +0 -396
- data/website/static/1.13/guides/concepts/links.html +0 -501
- data/website/static/1.13/guides/concepts/remote-resources.html +0 -536
- data/website/static/1.13/guides/concepts/resources.html +0 -2176
- data/website/static/1.13/guides/concepts/testing.html +0 -1469
- data/website/static/1.13/guides/getting-started/installation.html +0 -420
- data/website/static/1.13/guides/graphiti-rails-migration.html +0 -242
- data/website/static/1.13/guides/index.html +0 -269
- data/website/static/1.13/guides/overview.html +0 -325
- data/website/static/1.13/guides/upgrading-2-0.html +0 -193
- data/website/static/1.13/guides/upgrading.html +0 -314
- data/website/static/1.13/guides/vandal.html +0 -282
- data/website/static/1.13/guides/why.html +0 -1121
- data/website/static/1.13/index.html +0 -72
- data/website/static/1.13/js/authentication.html +0 -295
- data/website/static/1.13/js/ddau.html +0 -238
- data/website/static/1.13/js/extra-params.html +0 -270
- data/website/static/1.13/js/index.html +0 -321
- data/website/static/1.13/js/installation.html +0 -637
- data/website/static/1.13/js/introduction.html +0 -257
- data/website/static/1.13/js/middleware.html +0 -318
- data/website/static/1.13/js/reads/fieldsets.html +0 -271
- data/website/static/1.13/js/reads/filtering.html +0 -289
- data/website/static/1.13/js/reads/includes.html +0 -260
- data/website/static/1.13/js/reads/index.html +0 -497
- data/website/static/1.13/js/reads/nested-queries.html +0 -353
- data/website/static/1.13/js/reads/pagination.html +0 -260
- data/website/static/1.13/js/reads/sorting.html +0 -265
- data/website/static/1.13/js/reads/statistics.html +0 -289
- data/website/static/1.13/js/state-syncing.html +0 -340
- data/website/static/1.13/js/writes/deferred.html +0 -296
- data/website/static/1.13/js/writes/dirty-tracking.html +0 -399
- data/website/static/1.13/js/writes/index.html +0 -391
- data/website/static/1.13/js/writes/nested.html +0 -330
- data/website/static/1.13/js/writes/validations.html +0 -272
- data/website/static/1.13/quickstart.html +0 -660
- data/website/static/1.13/template +0 -161
- data/website/static/1.13/tutorial/index.html +0 -250
- data/website/static/1.13/tutorial/step_0.html +0 -292
- data/website/static/1.13/tutorial/step_1.html +0 -517
- data/website/static/1.13/tutorial/step_2.html +0 -481
- data/website/static/1.13/tutorial/step_3.html +0 -323
- data/website/static/1.13/tutorial/step_4.html +0 -318
- data/website/static/1.13/tutorial/step_5.html +0 -265
- data/website/static/1.13/tutorial/step_6.html +0 -276
- data/website/static/1.13/tutorial/step_7.html +0 -390
- data/website/static/1.13/tutorial/step_8.html +0 -316
- data/website/static/1.13/tutorial/step_9.html +0 -365
- data/website/static/CNAME +0 -1
- data/website/static/assets/img/error_payload.png +0 -0
- data/website/static/assets/img/legacy/legacy-0378a3bb39.png +0 -0
- data/website/static/assets/img/legacy/legacy-05bbd3e5fd.png +0 -0
- data/website/static/assets/img/legacy/legacy-07aa104495.png +0 -0
- data/website/static/assets/img/legacy/legacy-0c75a16b3a.gif +0 -0
- data/website/static/assets/img/legacy/legacy-3076df6209.png +0 -0
- data/website/static/assets/img/legacy/legacy-7f6889bc89.png +0 -0
- data/website/static/assets/img/legacy/legacy-a2cc4363c3.png +0 -0
- data/website/static/assets/img/legacy/legacy-f67cfa89ab.png +0 -0
- data/website/static/assets/img/meta_total_count.png +0 -0
- data/website/static/img/docusaurus-social-card.jpg +0 -0
- data/website/static/img/docusaurus.png +0 -0
- data/website/static/img/favicon.ico +0 -0
- data/website/static/img/logo.png +0 -0
- data/website/static/img/logo.svg +0 -1
- data/website/static/img/undraw_docusaurus_mountain.svg +0 -171
- data/website/static/img/undraw_docusaurus_react.svg +0 -170
- data/website/static/img/undraw_docusaurus_tree.svg +0 -40
|
@@ -1,270 +0,0 @@
|
|
|
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>
|
|
84
|
-
Spraypaint
|
|
85
|
-
<small>the isomorphic, framework-agnostic Graphiti ORM</small>
|
|
86
|
-
</h1>
|
|
87
|
-
|
|
88
|
-
<div class="js-toc col-md-3">
|
|
89
|
-
<ul>
|
|
90
|
-
<li><a href="/1.13/js/index">Home</a></li>
|
|
91
|
-
<li><a href="/1.13/js/introduction">Introduction</a></li>
|
|
92
|
-
<li><a href="/1.13/js/installation">Installation</a>
|
|
93
|
-
<ul>
|
|
94
|
-
<li><a href="/1.13/js/installation#typescript">Typescript</a></li>
|
|
95
|
-
<li><a href="/1.13/js/installation#defining-models">Defining Models</a></li>
|
|
96
|
-
<li><a href="/1.13/js/installation#connecting-to-the-api">Connecting to the API</a></li>
|
|
97
|
-
<li><a href="/1.13/js/installation#defining-attributes">Defining Attributes</a></li>
|
|
98
|
-
<li><a href="/1.13/js/installation#defining-relationships">Defining Relationships</a></li>
|
|
99
|
-
</ul>
|
|
100
|
-
</li>
|
|
101
|
-
<li><a href="/1.13/js/reads">Reads</a>
|
|
102
|
-
<ul>
|
|
103
|
-
<li><a href="/1.13/js/reads/sorting">Sorting</a></li>
|
|
104
|
-
<li><a href="/1.13/js/reads/pagination">Pagination</a></li>
|
|
105
|
-
<li><a href="/1.13/js/reads/filtering">Filtering</a></li>
|
|
106
|
-
<li><a href="/1.13/js/reads/fieldsets">Fieldsets</a></li>
|
|
107
|
-
<li><a href="/1.13/js/reads/statistics">Statistics</a></li>
|
|
108
|
-
<li><a href="/1.13/js/reads/includes">Includes</a></li>
|
|
109
|
-
<li><a href="/1.13/js/reads/nested-queries">Nested Queries</a></li>
|
|
110
|
-
</ul>
|
|
111
|
-
</li>
|
|
112
|
-
<li><a href="/1.13/js/writes">Writes</a>
|
|
113
|
-
<ul>
|
|
114
|
-
<li><a href="/1.13/js/writes/validations">Validations</a></li>
|
|
115
|
-
<li><a href="/1.13/js/writes/dirty-tracking">Dirty Tracking</a></li>
|
|
116
|
-
<li><a href="/1.13/js/writes/nested">Nested Writes</a></li>
|
|
117
|
-
<li><a href="/1.13/js/writes/deferred">Deferred Action</a></li>
|
|
118
|
-
</ul>
|
|
119
|
-
</li>
|
|
120
|
-
<li><a href="/1.13/js/middleware">Middleware</a></li>
|
|
121
|
-
<li><a href="/1.13/js/authentication">Authentication</a></li>
|
|
122
|
-
<li><a href="/1.13/js/state-syncing">State Syncing</a></li>
|
|
123
|
-
<li><a href="/1.13/js/ddau">Data Down, Actions Up</a></li>
|
|
124
|
-
<li><a href="/1.13/js/extra-params">Extra params</a></li>
|
|
125
|
-
</ul>
|
|
126
|
-
</div>
|
|
127
|
-
|
|
128
|
-
<div class="col-md-8 col-md-offset-1">
|
|
129
|
-
<h3 id="extra-params">Extra Params</h3>
|
|
130
|
-
|
|
131
|
-
<p>Sometimes you need to submit params that are not standard jsonapi params. One great example would be
|
|
132
|
-
<code class="language-plaintext highlighter-rouge">https://yourdomain.com/users?debug=true</code> which is not a param for the <code class="language-plaintext highlighter-rouge">UserResource</code> you may have, but
|
|
133
|
-
might enable functionality in your controller as needed.</p>
|
|
134
|
-
|
|
135
|
-
<p>Invoking it is pretty straightforward, just invoke <code class="language-plaintext highlighter-rouge">extraParams</code> and pass in params and values you wish
|
|
136
|
-
to add to your API call when executed.</p>
|
|
137
|
-
|
|
138
|
-
<figure class="highlight"><pre><code class="language-typescript" data-lang="typescript"><span class="nx">YourRecord</span><span class="p">.</span><span class="nf">extraParams</span><span class="p">({</span> <span class="na">debug</span><span class="p">:</span> <span class="kc">true</span> <span class="p">})</span></code></pre></figure>
|
|
139
|
-
|
|
140
|
-
<p>One common way to use this globally is to put this into a base class so it can be chained as part of
|
|
141
|
-
every resource.</p>
|
|
142
|
-
|
|
143
|
-
<div class="tabs">
|
|
144
|
-
<div class="tab typescript active">
|
|
145
|
-
<span>Typescript</span>
|
|
146
|
-
</div>
|
|
147
|
-
<div class="tab javascript">
|
|
148
|
-
<span>Javascript</span>
|
|
149
|
-
</div>
|
|
150
|
-
</div>
|
|
151
|
-
|
|
152
|
-
<div class="code-tabs">
|
|
153
|
-
|
|
154
|
-
<figure class="highlight"><pre><code class="language-typescript" data-lang="typescript"> <span class="p">@</span><span class="nd">Model</span>
|
|
155
|
-
<span class="k">export</span> <span class="kd">class</span> <span class="nc">ApplicationRecord</span> <span class="kd">extends</span> <span class="nc">SpraypaintBase</span> <span class="p">{</span>
|
|
156
|
-
<span class="k">static</span> <span class="nx">withDebug</span><span class="o"><</span><span class="nx">T</span> <span class="kd">extends</span> <span class="nx">ApplicationRecord</span><span class="o">></span><span class="p">():</span> <span class="nx">Scope</span><span class="o"><</span><span class="nx">T</span><span class="o">></span> <span class="p">{</span>
|
|
157
|
-
<span class="k">return</span> <span class="k">this</span><span class="p">.</span><span class="nf">extraParams</span><span class="p">({</span> <span class="na">debug</span><span class="p">:</span> <span class="kc">true</span> <span class="p">})</span> <span class="kd">as </span><span class="nx">Scope</span><span class="o"><</span><span class="nx">T</span><span class="o">></span><span class="p">;</span>
|
|
158
|
-
<span class="p">}</span>
|
|
159
|
-
<span class="p">}</span>
|
|
160
|
-
<span class="c1">// unfortunately you will need to pass in the </span>
|
|
161
|
-
<span class="c1">// implementing class' type as a generic</span>
|
|
162
|
-
<span class="nx">UserRecord</span><span class="p">.</span><span class="nx">withDebug</span><span class="o"><</span><span class="nx">UserRecord</span><span class="o">></span><span class="p">().</span><span class="nf">all</span><span class="p">()</span>
|
|
163
|
-
</code></pre></figure>
|
|
164
|
-
|
|
165
|
-
<figure class="highlight"><pre><code class="language-javascript" data-lang="javascript"> <span class="kd">const</span> <span class="nx">ApplicationRecord</span> <span class="o">=</span> <span class="nx">SpraypaintBase</span><span class="p">.</span><span class="nf">extend</span><span class="p">({</span>
|
|
166
|
-
<span class="na">static</span><span class="p">:</span> <span class="p">{</span>
|
|
167
|
-
<span class="na">withDebug</span><span class="p">:</span> <span class="p">()</span> <span class="o">=></span> <span class="k">this</span><span class="p">.</span><span class="nf">extraParams</span><span class="p">({</span> <span class="na">debug</span><span class="p">:</span> <span class="kc">true</span> <span class="p">});</span>
|
|
168
|
-
<span class="p">}</span>
|
|
169
|
-
<span class="p">})</span>
|
|
170
|
-
<span class="nx">UserRecord</span><span class="p">.</span><span class="nf">withDebug</span><span class="p">().</span><span class="nf">all</span><span class="p">()</span>
|
|
171
|
-
</code></pre></figure>
|
|
172
|
-
|
|
173
|
-
</div>
|
|
174
|
-
</div>
|
|
175
|
-
|
|
176
|
-
</div>
|
|
177
|
-
</div>
|
|
178
|
-
</main>
|
|
179
|
-
<div class="main-footer main-footer--dark">
|
|
180
|
-
<div class="container">
|
|
181
|
-
<div class="row">
|
|
182
|
-
<div class="col-sm-4 menu">
|
|
183
|
-
<h3>Overview</h3>
|
|
184
|
-
<ul>
|
|
185
|
-
<li>
|
|
186
|
-
<a href="/1.13/quickstart">Quickstart</a>
|
|
187
|
-
</li>
|
|
188
|
-
<li>
|
|
189
|
-
<a href="/1.13/tutorial">Tutorial</a>
|
|
190
|
-
</li>
|
|
191
|
-
<li>
|
|
192
|
-
<a href="/1.13/guides">Guides</a>
|
|
193
|
-
</li>
|
|
194
|
-
</ul>
|
|
195
|
-
</div>
|
|
196
|
-
<div class="col-sm-4 menu">
|
|
197
|
-
<h3>Contact</h3>
|
|
198
|
-
<ul>
|
|
199
|
-
<li>
|
|
200
|
-
<a target="_blank" href="https://discord.gg/wgqkMBsSRV">Discord Chat</a>
|
|
201
|
-
</li>
|
|
202
|
-
<li>
|
|
203
|
-
<a href="mailto:richmolj@gmail.com">Email</a>
|
|
204
|
-
</li>
|
|
205
|
-
</ul>
|
|
206
|
-
</div>
|
|
207
|
-
<div class="col-sm-4 menu">
|
|
208
|
-
<h3>Related</h3>
|
|
209
|
-
<ul>
|
|
210
|
-
<li>
|
|
211
|
-
<a target="_blank" href="http://jsonapi.org">JSONAPI Spec</a>
|
|
212
|
-
</li>
|
|
213
|
-
<li>
|
|
214
|
-
<a target="_blank" href="http://jsonapi-rb.org">jsonapi-rb</a>
|
|
215
|
-
</li>
|
|
216
|
-
<li>
|
|
217
|
-
<a target="_blank" href="https://vuejs.org/">VueJS</a>
|
|
218
|
-
</li>
|
|
219
|
-
</ul>
|
|
220
|
-
</div>
|
|
221
|
-
</div>
|
|
222
|
-
</div>
|
|
223
|
-
</div>
|
|
224
|
-
|
|
225
|
-
<script type="text/javascript">
|
|
226
|
-
$(function () {
|
|
227
|
-
|
|
228
|
-
var flipTabs = function() {
|
|
229
|
-
var isTS = true;
|
|
230
|
-
if (localStorage.getItem('js-lang') === 'javascript') {
|
|
231
|
-
isTS = false;
|
|
232
|
-
}
|
|
233
|
-
|
|
234
|
-
$('.code-tabs').each(function(index, el) {
|
|
235
|
-
if (isTS) {
|
|
236
|
-
console.log('hiding js');
|
|
237
|
-
$($(el).children()[1]).hide();
|
|
238
|
-
$($(el).children()[0]).show();
|
|
239
|
-
} else {
|
|
240
|
-
console.log('hiding ts');
|
|
241
|
-
$($(el).children()[0]).hide();
|
|
242
|
-
$($(el).children()[1]).show();
|
|
243
|
-
}
|
|
244
|
-
});
|
|
245
|
-
|
|
246
|
-
if (isTS) {
|
|
247
|
-
$('.tab.typescript').addClass('active');
|
|
248
|
-
$('.tab.javascript').removeClass('active');
|
|
249
|
-
} else {
|
|
250
|
-
$('.tab.typescript').removeClass('active');
|
|
251
|
-
$('.tab.javascript').addClass('active');
|
|
252
|
-
}
|
|
253
|
-
}
|
|
254
|
-
|
|
255
|
-
$('.tab').click(function() {
|
|
256
|
-
if ($(this).hasClass('typescript')) {
|
|
257
|
-
localStorage.setItem('js-lang', 'typescript');
|
|
258
|
-
} else {
|
|
259
|
-
localStorage.setItem('js-lang', 'javascript');
|
|
260
|
-
}
|
|
261
|
-
|
|
262
|
-
flipTabs();
|
|
263
|
-
});
|
|
264
|
-
|
|
265
|
-
flipTabs();
|
|
266
|
-
})
|
|
267
|
-
</script>
|
|
268
|
-
|
|
269
|
-
</body>
|
|
270
|
-
</html>
|
|
@@ -1,321 +0,0 @@
|
|
|
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>
|
|
84
|
-
Spraypaint
|
|
85
|
-
<small>the isomorphic, framework-agnostic Graphiti ORM</small>
|
|
86
|
-
</h1>
|
|
87
|
-
|
|
88
|
-
<div class="js-toc col-md-3">
|
|
89
|
-
<ul>
|
|
90
|
-
<li><a href="/1.13/js/index">Home</a></li>
|
|
91
|
-
<li><a href="/1.13/js/introduction">Introduction</a></li>
|
|
92
|
-
<li><a href="/1.13/js/installation">Installation</a>
|
|
93
|
-
<ul>
|
|
94
|
-
<li><a href="/1.13/js/installation#typescript">Typescript</a></li>
|
|
95
|
-
<li><a href="/1.13/js/installation#defining-models">Defining Models</a></li>
|
|
96
|
-
<li><a href="/1.13/js/installation#connecting-to-the-api">Connecting to the API</a></li>
|
|
97
|
-
<li><a href="/1.13/js/installation#defining-attributes">Defining Attributes</a></li>
|
|
98
|
-
<li><a href="/1.13/js/installation#defining-relationships">Defining Relationships</a></li>
|
|
99
|
-
</ul>
|
|
100
|
-
</li>
|
|
101
|
-
<li><a href="/1.13/js/reads">Reads</a>
|
|
102
|
-
<ul>
|
|
103
|
-
<li><a href="/1.13/js/reads/sorting">Sorting</a></li>
|
|
104
|
-
<li><a href="/1.13/js/reads/pagination">Pagination</a></li>
|
|
105
|
-
<li><a href="/1.13/js/reads/filtering">Filtering</a></li>
|
|
106
|
-
<li><a href="/1.13/js/reads/fieldsets">Fieldsets</a></li>
|
|
107
|
-
<li><a href="/1.13/js/reads/statistics">Statistics</a></li>
|
|
108
|
-
<li><a href="/1.13/js/reads/includes">Includes</a></li>
|
|
109
|
-
<li><a href="/1.13/js/reads/nested-queries">Nested Queries</a></li>
|
|
110
|
-
</ul>
|
|
111
|
-
</li>
|
|
112
|
-
<li><a href="/1.13/js/writes">Writes</a>
|
|
113
|
-
<ul>
|
|
114
|
-
<li><a href="/1.13/js/writes/validations">Validations</a></li>
|
|
115
|
-
<li><a href="/1.13/js/writes/dirty-tracking">Dirty Tracking</a></li>
|
|
116
|
-
<li><a href="/1.13/js/writes/nested">Nested Writes</a></li>
|
|
117
|
-
<li><a href="/1.13/js/writes/deferred">Deferred Action</a></li>
|
|
118
|
-
</ul>
|
|
119
|
-
</li>
|
|
120
|
-
<li><a href="/1.13/js/middleware">Middleware</a></li>
|
|
121
|
-
<li><a href="/1.13/js/authentication">Authentication</a></li>
|
|
122
|
-
<li><a href="/1.13/js/state-syncing">State Syncing</a></li>
|
|
123
|
-
<li><a href="/1.13/js/ddau">Data Down, Actions Up</a></li>
|
|
124
|
-
<li><a href="/1.13/js/extra-params">Extra params</a></li>
|
|
125
|
-
</ul>
|
|
126
|
-
</div>
|
|
127
|
-
|
|
128
|
-
<div class="col-md-8 col-md-offset-1">
|
|
129
|
-
<blockquote>
|
|
130
|
-
<p><strong>Start here</strong>: <a href="/1.13/js/introduction">Why Spraypaint?</a></p>
|
|
131
|
-
</blockquote>
|
|
132
|
-
|
|
133
|
-
<div class="tabs">
|
|
134
|
-
<div class="tab typescript">
|
|
135
|
-
<span>Typescript</span>
|
|
136
|
-
</div>
|
|
137
|
-
<div class="tab javascript">
|
|
138
|
-
<span>Javascript</span>
|
|
139
|
-
</div>
|
|
140
|
-
</div>
|
|
141
|
-
<div class="code-tabs">
|
|
142
|
-
|
|
143
|
-
<figure class="highlight"><pre><code class="language-typescript" data-lang="typescript"><span class="c1">// Spraypaint is like "ActiveRecord in Javascript". It can:</span>
|
|
144
|
-
<span class="c1">//</span>
|
|
145
|
-
<span class="c1">// * Deeply nest reads and writes</span>
|
|
146
|
-
<span class="c1">// * Automatically handle validation errors</span>
|
|
147
|
-
<span class="c1">// * Replace *ux patterns</span>
|
|
148
|
-
<span class="c1">// * ...and much more!</span>
|
|
149
|
-
|
|
150
|
-
<span class="c1">// define models</span>
|
|
151
|
-
<span class="p">@</span><span class="nd">Model</span><span class="p">()</span>
|
|
152
|
-
<span class="kd">class</span> <span class="nc">ApplicationRecord</span> <span class="kd">extends</span> <span class="nc">SpraypaintBase</span> <span class="p">{</span>
|
|
153
|
-
<span class="k">static</span> <span class="nx">baseUrl</span> <span class="o">=</span> <span class="dl">"</span><span class="s2">http://my-api.com</span><span class="dl">"</span>
|
|
154
|
-
<span class="k">static</span> <span class="nx">apiNamespace</span> <span class="o">=</span> <span class="dl">"</span><span class="s2">/api/v1</span><span class="dl">"</span>
|
|
155
|
-
<span class="p">}</span>
|
|
156
|
-
|
|
157
|
-
<span class="p">@</span><span class="nd">Model</span><span class="p">()</span>
|
|
158
|
-
<span class="kd">class</span> <span class="nc">Person</span> <span class="kd">extends</span> <span class="nc">ApplicationRecord</span> <span class="p">{</span>
|
|
159
|
-
<span class="k">static</span> <span class="nx">jsonapiType</span> <span class="o">=</span> <span class="dl">"</span><span class="s2">people</span><span class="dl">"</span>
|
|
160
|
-
|
|
161
|
-
<span class="p">@</span><span class="nd">Attr</span><span class="p">()</span> <span class="nx">firstName</span><span class="p">:</span> <span class="kr">string</span>
|
|
162
|
-
<span class="p">@</span><span class="nd">Attr</span><span class="p">()</span> <span class="nx">lastName</span><span class="p">:</span> <span class="kr">string</span>
|
|
163
|
-
|
|
164
|
-
<span class="kd">get</span> <span class="nf">fullName</span><span class="p">()</span> <span class="p">{</span>
|
|
165
|
-
<span class="k">return</span> <span class="s2">`</span><span class="p">${</span><span class="k">this</span><span class="p">.</span><span class="nx">firstName</span><span class="p">}</span><span class="s2"> </span><span class="p">${</span><span class="k">this</span><span class="p">.</span><span class="nx">lastName</span><span class="p">}</span><span class="s2">`</span>
|
|
166
|
-
<span class="p">}</span>
|
|
167
|
-
<span class="p">}</span>
|
|
168
|
-
|
|
169
|
-
<span class="c1">// execute queries</span>
|
|
170
|
-
<span class="nx">Person</span>
|
|
171
|
-
<span class="p">.</span><span class="nf">where</span><span class="p">({</span> <span class="na">first_name</span><span class="p">:</span> <span class="dl">'</span><span class="s1">John</span><span class="dl">'</span> <span class="p">})</span>
|
|
172
|
-
<span class="p">.</span><span class="nf">order</span><span class="p">({</span> <span class="na">created_at</span><span class="p">:</span> <span class="dl">'</span><span class="s1">desc</span><span class="dl">'</span> <span class="p">})</span>
|
|
173
|
-
<span class="p">.</span><span class="nf">per</span><span class="p">(</span><span class="mi">10</span><span class="p">).</span><span class="nf">page</span><span class="p">(</span><span class="mi">2</span><span class="p">)</span>
|
|
174
|
-
<span class="p">.</span><span class="nf">includes</span><span class="p">({</span> <span class="na">jobs</span><span class="p">:</span> <span class="dl">'</span><span class="s1">company</span><span class="dl">'</span> <span class="p">})</span>
|
|
175
|
-
<span class="p">.</span><span class="nf">select</span><span class="p">({</span> <span class="na">people</span><span class="p">:</span> <span class="p">[</span><span class="dl">'</span><span class="s1">first_name</span><span class="dl">'</span><span class="p">,</span> <span class="dl">'</span><span class="s1">last_name</span><span class="dl">'</span><span class="p">]</span> <span class="p">})</span>
|
|
176
|
-
|
|
177
|
-
<span class="c1">// persist data</span>
|
|
178
|
-
<span class="kd">let</span> <span class="nx">person</span> <span class="o">=</span> <span class="k">new</span> <span class="nc">Person</span><span class="p">({</span> <span class="na">firstName</span><span class="p">:</span> <span class="dl">'</span><span class="s1">Jane</span><span class="dl">'</span> <span class="p">})</span>
|
|
179
|
-
<span class="nx">person</span><span class="p">.</span><span class="nf">save</span><span class="p">()</span>
|
|
180
|
-
</code></pre></figure>
|
|
181
|
-
|
|
182
|
-
<figure class="highlight"><pre><code class="language-javascript" data-lang="javascript"><span class="c1">// Spraypaint is like "ActiveRecord in Javascript". It can:</span>
|
|
183
|
-
<span class="c1">//</span>
|
|
184
|
-
<span class="c1">// * Deeply nest reads and writes</span>
|
|
185
|
-
<span class="c1">// * Automatically handle validation errors</span>
|
|
186
|
-
<span class="c1">// * Replace *ux patterns</span>
|
|
187
|
-
<span class="c1">// * ...and much more!</span>
|
|
188
|
-
|
|
189
|
-
<span class="kd">var</span> <span class="nx">spnt</span> <span class="o">=</span> <span class="nf">require</span><span class="p">(</span><span class="dl">'</span><span class="s1">spraypaint/dist/spraypaint</span><span class="dl">'</span><span class="p">)</span>
|
|
190
|
-
|
|
191
|
-
<span class="c1">// define models</span>
|
|
192
|
-
<span class="kd">const</span> <span class="nx">ApplicationRecord</span> <span class="o">=</span> <span class="nx">spnt</span><span class="p">.</span><span class="nx">JSORMBase</span><span class="p">.</span><span class="nf">extend</span><span class="p">({</span>
|
|
193
|
-
<span class="na">static</span><span class="p">:</span> <span class="p">{</span>
|
|
194
|
-
<span class="na">baseUrl</span><span class="p">:</span> <span class="dl">'</span><span class="s1">http://my-api.com</span><span class="dl">'</span><span class="p">,</span>
|
|
195
|
-
<span class="na">apiNamespace</span><span class="p">:</span> <span class="dl">'</span><span class="s1">/api/v1</span><span class="dl">'</span>
|
|
196
|
-
<span class="p">}</span>
|
|
197
|
-
<span class="p">})</span>
|
|
198
|
-
|
|
199
|
-
<span class="kd">const</span> <span class="nx">Person</span> <span class="o">=</span> <span class="nx">ApplicationRecord</span><span class="p">.</span><span class="nf">extend</span><span class="p">({</span>
|
|
200
|
-
<span class="na">attrs</span><span class="p">:</span> <span class="p">{</span>
|
|
201
|
-
<span class="na">firstName</span><span class="p">:</span> <span class="nx">spnt</span><span class="p">.</span><span class="nf">attr</span><span class="p">(),</span>
|
|
202
|
-
<span class="na">lastName</span><span class="p">:</span> <span class="nx">spnt</span><span class="p">.</span><span class="nf">attr</span><span class="p">()</span>
|
|
203
|
-
<span class="p">},</span>
|
|
204
|
-
<span class="na">methods</span><span class="p">:</span> <span class="p">{</span>
|
|
205
|
-
<span class="na">fullName</span><span class="p">:</span> <span class="kd">function</span><span class="p">()</span> <span class="p">{</span>
|
|
206
|
-
<span class="k">return</span> <span class="k">this</span><span class="p">.</span><span class="nx">firstName</span> <span class="o">+</span> <span class="dl">'</span><span class="s1"> </span><span class="dl">'</span> <span class="o">+</span> <span class="k">this</span><span class="p">.</span><span class="nx">lastName</span><span class="p">;</span>
|
|
207
|
-
<span class="p">}</span>
|
|
208
|
-
<span class="p">}</span>
|
|
209
|
-
<span class="p">})</span>
|
|
210
|
-
|
|
211
|
-
<span class="c1">// execute queries</span>
|
|
212
|
-
<span class="nx">Person</span>
|
|
213
|
-
<span class="p">.</span><span class="nf">where</span><span class="p">({</span> <span class="na">first_name</span><span class="p">:</span> <span class="dl">'</span><span class="s1">John</span><span class="dl">'</span> <span class="p">})</span>
|
|
214
|
-
<span class="p">.</span><span class="nf">order</span><span class="p">({</span> <span class="na">created_at</span><span class="p">:</span> <span class="dl">'</span><span class="s1">desc</span><span class="dl">'</span> <span class="p">})</span>
|
|
215
|
-
<span class="p">.</span><span class="nf">per</span><span class="p">(</span><span class="mi">10</span><span class="p">).</span><span class="nf">page</span><span class="p">(</span><span class="mi">2</span><span class="p">)</span>
|
|
216
|
-
<span class="p">.</span><span class="nf">includes</span><span class="p">({</span> <span class="na">jobs</span><span class="p">:</span> <span class="dl">'</span><span class="s1">company</span><span class="dl">'</span> <span class="p">})</span>
|
|
217
|
-
<span class="p">.</span><span class="nf">select</span><span class="p">({</span> <span class="na">people</span><span class="p">:</span> <span class="p">[</span><span class="dl">'</span><span class="s1">first_name</span><span class="dl">'</span><span class="p">,</span> <span class="dl">'</span><span class="s1">last_name</span><span class="dl">'</span><span class="p">]</span> <span class="p">})</span>
|
|
218
|
-
|
|
219
|
-
<span class="c1">// persist data</span>
|
|
220
|
-
<span class="kd">var</span> <span class="nx">person</span> <span class="o">=</span> <span class="k">new</span> <span class="nc">Person</span><span class="p">({</span> <span class="na">firstName</span><span class="p">:</span> <span class="dl">'</span><span class="s1">Jane</span><span class="dl">'</span> <span class="p">})</span>
|
|
221
|
-
<span class="nx">person</span><span class="p">.</span><span class="nf">save</span><span class="p">()</span>
|
|
222
|
-
</code></pre></figure>
|
|
223
|
-
|
|
224
|
-
</div>
|
|
225
|
-
</div>
|
|
226
|
-
|
|
227
|
-
</div>
|
|
228
|
-
</div>
|
|
229
|
-
</main>
|
|
230
|
-
<div class="main-footer main-footer--dark">
|
|
231
|
-
<div class="container">
|
|
232
|
-
<div class="row">
|
|
233
|
-
<div class="col-sm-4 menu">
|
|
234
|
-
<h3>Overview</h3>
|
|
235
|
-
<ul>
|
|
236
|
-
<li>
|
|
237
|
-
<a href="/1.13/quickstart">Quickstart</a>
|
|
238
|
-
</li>
|
|
239
|
-
<li>
|
|
240
|
-
<a href="/1.13/tutorial">Tutorial</a>
|
|
241
|
-
</li>
|
|
242
|
-
<li>
|
|
243
|
-
<a href="/1.13/guides">Guides</a>
|
|
244
|
-
</li>
|
|
245
|
-
</ul>
|
|
246
|
-
</div>
|
|
247
|
-
<div class="col-sm-4 menu">
|
|
248
|
-
<h3>Contact</h3>
|
|
249
|
-
<ul>
|
|
250
|
-
<li>
|
|
251
|
-
<a target="_blank" href="https://discord.gg/wgqkMBsSRV">Discord Chat</a>
|
|
252
|
-
</li>
|
|
253
|
-
<li>
|
|
254
|
-
<a href="mailto:richmolj@gmail.com">Email</a>
|
|
255
|
-
</li>
|
|
256
|
-
</ul>
|
|
257
|
-
</div>
|
|
258
|
-
<div class="col-sm-4 menu">
|
|
259
|
-
<h3>Related</h3>
|
|
260
|
-
<ul>
|
|
261
|
-
<li>
|
|
262
|
-
<a target="_blank" href="http://jsonapi.org">JSONAPI Spec</a>
|
|
263
|
-
</li>
|
|
264
|
-
<li>
|
|
265
|
-
<a target="_blank" href="http://jsonapi-rb.org">jsonapi-rb</a>
|
|
266
|
-
</li>
|
|
267
|
-
<li>
|
|
268
|
-
<a target="_blank" href="https://vuejs.org/">VueJS</a>
|
|
269
|
-
</li>
|
|
270
|
-
</ul>
|
|
271
|
-
</div>
|
|
272
|
-
</div>
|
|
273
|
-
</div>
|
|
274
|
-
</div>
|
|
275
|
-
|
|
276
|
-
<script type="text/javascript">
|
|
277
|
-
$(function () {
|
|
278
|
-
|
|
279
|
-
var flipTabs = function() {
|
|
280
|
-
var isTS = true;
|
|
281
|
-
if (localStorage.getItem('js-lang') === 'javascript') {
|
|
282
|
-
isTS = false;
|
|
283
|
-
}
|
|
284
|
-
|
|
285
|
-
$('.code-tabs').each(function(index, el) {
|
|
286
|
-
if (isTS) {
|
|
287
|
-
console.log('hiding js');
|
|
288
|
-
$($(el).children()[1]).hide();
|
|
289
|
-
$($(el).children()[0]).show();
|
|
290
|
-
} else {
|
|
291
|
-
console.log('hiding ts');
|
|
292
|
-
$($(el).children()[0]).hide();
|
|
293
|
-
$($(el).children()[1]).show();
|
|
294
|
-
}
|
|
295
|
-
});
|
|
296
|
-
|
|
297
|
-
if (isTS) {
|
|
298
|
-
$('.tab.typescript').addClass('active');
|
|
299
|
-
$('.tab.javascript').removeClass('active');
|
|
300
|
-
} else {
|
|
301
|
-
$('.tab.typescript').removeClass('active');
|
|
302
|
-
$('.tab.javascript').addClass('active');
|
|
303
|
-
}
|
|
304
|
-
}
|
|
305
|
-
|
|
306
|
-
$('.tab').click(function() {
|
|
307
|
-
if ($(this).hasClass('typescript')) {
|
|
308
|
-
localStorage.setItem('js-lang', 'typescript');
|
|
309
|
-
} else {
|
|
310
|
-
localStorage.setItem('js-lang', 'javascript');
|
|
311
|
-
}
|
|
312
|
-
|
|
313
|
-
flipTabs();
|
|
314
|
-
});
|
|
315
|
-
|
|
316
|
-
flipTabs();
|
|
317
|
-
})
|
|
318
|
-
</script>
|
|
319
|
-
|
|
320
|
-
</body>
|
|
321
|
-
</html>
|