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.
- checksums.yaml +4 -4
- data/.github/workflows/ci.yml +30 -86
- data/.github/workflows/docs.yml +60 -0
- data/.github/workflows/release.yml +8 -8
- data/.gitignore +7 -0
- data/.npmrc +9 -0
- data/.standard.yml +4 -1
- data/Appraisals +33 -32
- data/CHANGELOG.md +41 -0
- data/README.md +13 -2
- data/UPGRADING.md +2 -68
- data/docs/concepts/backends-and-models.md +122 -0
- data/docs/concepts/endpoints.md +183 -0
- data/docs/concepts/links.md +212 -0
- data/docs/concepts/overview.md +80 -0
- data/docs/concepts/persisting.md +376 -0
- data/docs/concepts/relationships.md +527 -0
- data/docs/concepts/resources.md +677 -0
- data/docs/getting-started/first-api.md +289 -0
- data/docs/getting-started/installation.md +185 -0
- data/docs/intro.md +307 -0
- data/docs/js/authentication.md +63 -0
- data/docs/js/ddau.md +20 -0
- data/docs/js/extra-params.md +41 -0
- data/docs/js/index.md +112 -0
- data/docs/js/installation.md +120 -0
- data/docs/js/middleware.md +72 -0
- data/docs/js/models.md +202 -0
- data/docs/js/reads.md +494 -0
- data/docs/js/state-syncing.md +100 -0
- data/docs/js/writes.md +373 -0
- data/docs/reference/vandal.md +63 -0
- data/docs/reference/why.md +13 -0
- data/docs/topics/authorization.md +155 -0
- data/docs/topics/caching.md +55 -0
- data/docs/topics/customizing-sideloads.md +156 -0
- data/docs/topics/debugging.md +216 -0
- data/docs/topics/error-handling.md +210 -0
- data/docs/topics/etags.md +46 -0
- data/docs/topics/hopping-relationships.md +149 -0
- data/docs/topics/json-attributes.md +77 -0
- data/docs/topics/openstruct-models.md +50 -0
- data/docs/topics/remote-resources.md +291 -0
- data/docs/topics/testing.md +894 -0
- data/docs/topics/without-activerecord.md +324 -0
- data/docs/tutorial/index.md +58 -0
- data/docs/tutorial/step_0.md +107 -0
- data/docs/tutorial/step_1.md +199 -0
- data/docs/tutorial/step_2.md +312 -0
- data/docs/tutorial/step_3.md +142 -0
- data/docs/tutorial/step_4.md +135 -0
- data/docs/tutorial/step_5.md +69 -0
- data/docs/tutorial/step_6.md +82 -0
- data/docs/tutorial/step_7.md +205 -0
- data/docs/tutorial/step_8.md +128 -0
- data/docs/tutorial/step_9.md +171 -0
- data/docs/upgrading.md +265 -0
- data/gemfiles/rails_7_1.gemfile +4 -3
- data/gemfiles/{rails_7_2_graphiti_rails.gemfile → rails_7_2.gemfile} +3 -3
- data/gemfiles/{rails_8_1_graphiti_rails.gemfile → rails_8_0.gemfile} +3 -3
- data/gemfiles/{rails_8_0_graphiti_rails.gemfile → rails_8_1.gemfile} +3 -3
- data/graphiti.gemspec +7 -5
- data/{deprecated_generators → lib/generators}/graphiti/api_test_generator.rb +7 -1
- data/{deprecated_generators → lib/generators}/graphiti/generator_mixin.rb +14 -1
- data/{deprecated_generators → lib/generators}/graphiti/install_generator.rb +19 -13
- data/{deprecated_generators → lib/generators}/graphiti/resource_generator.rb +43 -6
- data/{deprecated_generators → lib/generators}/graphiti/templates/index_request_spec.rb.erb +1 -1
- data/{deprecated_generators → lib/generators}/graphiti/templates/resource_reads_spec.rb.erb +6 -6
- data/{deprecated_generators → lib/generators}/graphiti/templates/show_request_spec.rb.erb +1 -1
- data/lib/graphiti/configuration.rb +2 -2
- data/lib/graphiti/error_serializers/conflict_request.rb +19 -0
- data/lib/graphiti/error_serializers/deprecated_constants.rb +48 -0
- data/lib/graphiti/error_serializers/invalid_request.rb +56 -0
- data/lib/graphiti/error_serializers/validation.rb +143 -0
- data/lib/graphiti/errors.rb +4 -23
- data/lib/graphiti/query.rb +1 -1
- data/lib/graphiti/rails/context.rb +33 -0
- data/lib/graphiti/rails/controller.rb +41 -0
- data/lib/graphiti/rails/debugging.rb +18 -0
- data/lib/graphiti/rails/exception_handlers.rb +77 -0
- data/lib/graphiti/rails/railtie.rb +139 -0
- data/lib/graphiti/rails/responders.rb +21 -0
- data/lib/graphiti/rails/test_helpers.rb +22 -0
- data/lib/graphiti/rails.rb +47 -29
- data/lib/graphiti/resource/configuration.rb +1 -0
- data/lib/graphiti/resource/interface.rb +2 -2
- data/lib/graphiti/resource/persistence.rb +14 -2
- data/lib/graphiti/resource/remote.rb +2 -2
- data/lib/graphiti/resource/sideloading.rb +1 -1
- data/lib/graphiti/resource.rb +13 -1
- data/lib/graphiti/responders.rb +7 -20
- data/lib/graphiti/schema.rb +5 -1
- data/lib/graphiti/schema_diff.rb +4 -0
- data/lib/graphiti/scope.rb +45 -37
- data/lib/graphiti/serializer.rb +6 -0
- data/lib/graphiti/sideload/belongs_to.rb +38 -5
- data/lib/graphiti/sideload/polymorphic_belongs_to.rb +27 -23
- data/lib/graphiti/sideload.rb +54 -35
- data/lib/graphiti/spec_helpers/errors.rb +73 -0
- data/lib/graphiti/spec_helpers/errors_proxy.rb +75 -0
- data/lib/graphiti/spec_helpers/helpers.rb +107 -0
- data/lib/graphiti/spec_helpers/node.rb +88 -0
- data/lib/graphiti/spec_helpers/rspec.rb +147 -0
- data/lib/graphiti/spec_helpers.rb +53 -0
- data/lib/graphiti/util/include_params.rb +2 -2
- data/lib/graphiti/util/persistence.rb +10 -11
- data/lib/graphiti/util/serializer_relationships.rb +41 -5
- data/lib/graphiti/version.rb +1 -1
- data/lib/graphiti-rails.rb +11 -0
- data/lib/graphiti.rb +34 -10
- data/lib/graphiti_errors.rb +11 -0
- data/lib/graphiti_spec_helpers/rspec.rb +3 -0
- data/lib/graphiti_spec_helpers.rb +11 -0
- data/lib/{graphiti/deprecated_tasks.rb → tasks/graphiti.rake} +6 -1
- data/package-lock.json +6199 -0
- data/package.json +5 -4
- data/website/.gitignore +20 -0
- data/website/README.md +43 -0
- data/website/docusaurus.config.js +141 -0
- data/website/package-lock.json +19474 -0
- data/website/package.json +46 -0
- data/website/sidebars.js +82 -0
- data/website/src/css/custom.css +58 -0
- data/website/src/pages/markdown-page.mdx +7 -0
- data/website/static/.nojekyll +0 -0
- data/website/static/1.13/2019/03/31/graphiti-1-0.html +205 -0
- data/website/static/1.13/2019/05/08/graphiti-1-1.html +212 -0
- data/website/static/1.13/2019/05/20/graphiti-1-2.html +214 -0
- data/website/static/1.13/2019/10/14/tutorial.html +198 -0
- data/website/static/1.13/CNAME +1 -0
- data/website/static/1.13/README.md +16 -0
- data/website/static/1.13/assets/css/syntax.css +60 -0
- 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 +9 -0
- 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 +1 -0
- data/website/static/1.13/assets/favicons/site.webmanifest +19 -0
- 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/gh.png +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/why.png +0 -0
- data/website/static/1.13/assets/js/highlight.pack.js +2 -0
- data/website/static/1.13/assets/main.css +15518 -0
- data/website/static/1.13/assets/main.css.map +1 -0
- data/website/static/1.13/bin/bundle +109 -0
- data/website/static/1.13/bin/jekyll +27 -0
- data/website/static/1.13/bin/kramdown +27 -0
- data/website/static/1.13/bin/listen +27 -0
- data/website/static/1.13/bin/rake +27 -0
- data/website/static/1.13/bin/rougify +27 -0
- data/website/static/1.13/bin/safe_yaml +27 -0
- data/website/static/1.13/bin/sass +27 -0
- data/website/static/1.13/bin/sass-convert +27 -0
- data/website/static/1.13/bin/scss +27 -0
- data/website/static/1.13/blog.html +259 -0
- data/website/static/1.13/cheatsheet.html +316 -0
- 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 +325 -0
- data/website/static/1.13/cookbooks/etags.md +0 -0
- data/website/static/1.13/cookbooks/hopping-relationships.html +324 -0
- 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 +510 -0
- data/website/static/1.13/features.html +249 -0
- data/website/static/1.13/feed.xml +106 -0
- data/website/static/1.13/guides/concepts/backends-and-models.html +467 -0
- data/website/static/1.13/guides/concepts/debugging.html +440 -0
- data/website/static/1.13/guides/concepts/endpoints.html +432 -0
- data/website/static/1.13/guides/concepts/error-handling.html +396 -0
- data/website/static/1.13/guides/concepts/links.html +501 -0
- data/website/static/1.13/guides/concepts/remote-resources.html +536 -0
- data/website/static/1.13/guides/concepts/resources.html +2176 -0
- data/website/static/1.13/guides/concepts/testing.html +1469 -0
- data/website/static/1.13/guides/getting-started/installation.html +420 -0
- data/website/static/1.13/guides/graphiti-rails-migration.html +242 -0
- data/website/static/1.13/guides/index.html +269 -0
- data/website/static/1.13/guides/overview.html +325 -0
- data/website/static/1.13/guides/upgrading-2-0.html +193 -0
- data/website/static/1.13/guides/upgrading.html +314 -0
- data/website/static/1.13/guides/vandal.html +282 -0
- data/website/static/1.13/guides/why.html +1121 -0
- data/website/static/1.13/index.html +72 -0
- data/website/static/1.13/js/authentication.html +295 -0
- data/website/static/1.13/js/ddau.html +238 -0
- data/website/static/1.13/js/extra-params.html +270 -0
- data/website/static/1.13/js/index.html +321 -0
- data/website/static/1.13/js/installation.html +637 -0
- data/website/static/1.13/js/introduction.html +257 -0
- data/website/static/1.13/js/middleware.html +318 -0
- data/website/static/1.13/js/reads/fieldsets.html +271 -0
- data/website/static/1.13/js/reads/filtering.html +289 -0
- data/website/static/1.13/js/reads/includes.html +260 -0
- data/website/static/1.13/js/reads/index.html +497 -0
- data/website/static/1.13/js/reads/nested-queries.html +353 -0
- data/website/static/1.13/js/reads/pagination.html +260 -0
- data/website/static/1.13/js/reads/sorting.html +265 -0
- data/website/static/1.13/js/reads/statistics.html +289 -0
- data/website/static/1.13/js/state-syncing.html +340 -0
- data/website/static/1.13/js/writes/deferred.html +296 -0
- data/website/static/1.13/js/writes/dirty-tracking.html +399 -0
- data/website/static/1.13/js/writes/index.html +391 -0
- data/website/static/1.13/js/writes/nested.html +330 -0
- data/website/static/1.13/js/writes/validations.html +272 -0
- data/website/static/1.13/quickstart.html +660 -0
- data/website/static/1.13/template +161 -0
- data/website/static/1.13/tutorial/index.html +250 -0
- data/website/static/1.13/tutorial/step_0.html +292 -0
- data/website/static/1.13/tutorial/step_1.html +517 -0
- data/website/static/1.13/tutorial/step_2.html +481 -0
- data/website/static/1.13/tutorial/step_3.html +323 -0
- data/website/static/1.13/tutorial/step_4.html +318 -0
- data/website/static/1.13/tutorial/step_5.html +265 -0
- data/website/static/1.13/tutorial/step_6.html +276 -0
- data/website/static/1.13/tutorial/step_7.html +390 -0
- data/website/static/1.13/tutorial/step_8.html +316 -0
- data/website/static/1.13/tutorial/step_9.html +365 -0
- 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 +1 -0
- data/website/static/img/undraw_docusaurus_mountain.svg +171 -0
- data/website/static/img/undraw_docusaurus_react.svg +170 -0
- data/website/static/img/undraw_docusaurus_tree.svg +40 -0
- metadata +245 -46
- data/gemfiles/rails_6.gemfile +0 -18
- data/gemfiles/rails_6_graphiti_rails.gemfile +0 -19
- data/gemfiles/rails_7.gemfile +0 -18
- data/gemfiles/rails_7_1_graphiti_rails.gemfile +0 -19
- data/gemfiles/rails_7_graphiti_rails.gemfile +0 -19
- data/lib/graphiti/railtie.rb +0 -121
- /data/{deprecated_generators → lib/generators}/graphiti/resource_test_generator.rb +0 -0
- /data/{deprecated_generators → lib/generators}/graphiti/templates/application_resource.rb.erb +0 -0
- /data/{deprecated_generators → lib/generators}/graphiti/templates/controller.rb.erb +0 -0
- /data/{deprecated_generators → lib/generators}/graphiti/templates/create_request_spec.rb.erb +0 -0
- /data/{deprecated_generators → lib/generators}/graphiti/templates/destroy_request_spec.rb.erb +0 -0
- /data/{deprecated_generators → lib/generators}/graphiti/templates/resource.rb.erb +0 -0
- /data/{deprecated_generators → lib/generators}/graphiti/templates/resource_writes_spec.rb.erb +0 -0
- /data/{deprecated_generators → lib/generators}/graphiti/templates/update_request_spec.rb.erb +0 -0
|
@@ -0,0 +1,271 @@
|
|
|
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="sparse-fieldsets">Sparse Fieldsets</h3>
|
|
130
|
+
|
|
131
|
+
<p>Use <code class="language-plaintext highlighter-rouge">#select()</code> to limit the fields returned by the server:</p>
|
|
132
|
+
|
|
133
|
+
<figure class="highlight"><pre><code class="language-typescript" data-lang="typescript"><span class="nx">Post</span><span class="p">.</span><span class="nf">select</span><span class="p">([</span><span class="dl">'</span><span class="s1">title</span><span class="dl">'</span><span class="p">,</span> <span class="dl">'</span><span class="s1">status</span><span class="dl">'</span><span class="p">]).</span><span class="nf">all</span><span class="p">()</span></code></pre></figure>
|
|
134
|
+
|
|
135
|
+
<blockquote class="url">
|
|
136
|
+
<p>/posts?fields[posts]=title,status</p>
|
|
137
|
+
</blockquote>
|
|
138
|
+
|
|
139
|
+
<p>When dealing with relationships, it may be easier to pass an object,
|
|
140
|
+
where the key is the corresponding JSONAPI type. This will be exactly
|
|
141
|
+
what’s sent to the server in <code class="language-plaintext highlighter-rouge">?fields</code>:</p>
|
|
142
|
+
|
|
143
|
+
<figure class="highlight"><pre><code class="language-typescript" data-lang="typescript"><span class="nx">Post</span><span class="p">.</span><span class="nf">select</span><span class="p">({</span>
|
|
144
|
+
<span class="na">posts</span><span class="p">:</span> <span class="p">[</span><span class="dl">'</span><span class="s1">title</span><span class="dl">'</span><span class="p">,</span> <span class="dl">'</span><span class="s1">status</span><span class="dl">'</span><span class="p">],</span>
|
|
145
|
+
<span class="na">comments</span><span class="p">:</span> <span class="p">[</span><span class="dl">'</span><span class="s1">created_at</span><span class="dl">'</span><span class="p">]</span>
|
|
146
|
+
<span class="p">}).</span><span class="nf">all</span><span class="p">()</span></code></pre></figure>
|
|
147
|
+
|
|
148
|
+
<blockquote class="url">
|
|
149
|
+
<p>/posts?fields[posts]=title,status&fields[comments]=created_at</p>
|
|
150
|
+
</blockquote>
|
|
151
|
+
|
|
152
|
+
<h3 id="extra-fieldsets">Extra Fieldsets</h3>
|
|
153
|
+
|
|
154
|
+
<p>Use <code class="language-plaintext highlighter-rouge">#selectExtra()</code> to explicitly request a field that doesn’t usually
|
|
155
|
+
come back (often computationally expensive):</p>
|
|
156
|
+
|
|
157
|
+
<figure class="highlight"><pre><code class="language-typescript" data-lang="typescript"><span class="nx">Post</span><span class="p">.</span><span class="nf">selectExtra</span><span class="p">([</span><span class="dl">'</span><span class="s1">highlights</span><span class="dl">'</span><span class="p">,</span> <span class="dl">'</span><span class="s1">cumulative_ranking</span><span class="dl">'</span><span class="p">]).</span><span class="nf">all</span><span class="p">()</span></code></pre></figure>
|
|
158
|
+
|
|
159
|
+
<blockquote class="url">
|
|
160
|
+
<p>/posts?extra_fields[posts]=highlights,cumulative_ranking</p>
|
|
161
|
+
</blockquote>
|
|
162
|
+
|
|
163
|
+
<p>Just like the <code class="language-plaintext highlighter-rouge">select</code> example above, feel free to pass an object
|
|
164
|
+
specifying the fields for each relationship.</p>
|
|
165
|
+
|
|
166
|
+
<div class="clearfix">
|
|
167
|
+
<h2 id="next">
|
|
168
|
+
<a href="/1.13/js/reads/statistics">
|
|
169
|
+
NEXT:
|
|
170
|
+
<small>Statistics</small>
|
|
171
|
+
»
|
|
172
|
+
</a>
|
|
173
|
+
</h2>
|
|
174
|
+
</div>
|
|
175
|
+
</div>
|
|
176
|
+
|
|
177
|
+
</div>
|
|
178
|
+
</div>
|
|
179
|
+
</main>
|
|
180
|
+
<div class="main-footer main-footer--dark">
|
|
181
|
+
<div class="container">
|
|
182
|
+
<div class="row">
|
|
183
|
+
<div class="col-sm-4 menu">
|
|
184
|
+
<h3>Overview</h3>
|
|
185
|
+
<ul>
|
|
186
|
+
<li>
|
|
187
|
+
<a href="/1.13/quickstart">Quickstart</a>
|
|
188
|
+
</li>
|
|
189
|
+
<li>
|
|
190
|
+
<a href="/1.13/tutorial">Tutorial</a>
|
|
191
|
+
</li>
|
|
192
|
+
<li>
|
|
193
|
+
<a href="/1.13/guides">Guides</a>
|
|
194
|
+
</li>
|
|
195
|
+
</ul>
|
|
196
|
+
</div>
|
|
197
|
+
<div class="col-sm-4 menu">
|
|
198
|
+
<h3>Contact</h3>
|
|
199
|
+
<ul>
|
|
200
|
+
<li>
|
|
201
|
+
<a target="_blank" href="https://discord.gg/wgqkMBsSRV">Discord Chat</a>
|
|
202
|
+
</li>
|
|
203
|
+
<li>
|
|
204
|
+
<a href="mailto:richmolj@gmail.com">Email</a>
|
|
205
|
+
</li>
|
|
206
|
+
</ul>
|
|
207
|
+
</div>
|
|
208
|
+
<div class="col-sm-4 menu">
|
|
209
|
+
<h3>Related</h3>
|
|
210
|
+
<ul>
|
|
211
|
+
<li>
|
|
212
|
+
<a target="_blank" href="http://jsonapi.org">JSONAPI Spec</a>
|
|
213
|
+
</li>
|
|
214
|
+
<li>
|
|
215
|
+
<a target="_blank" href="http://jsonapi-rb.org">jsonapi-rb</a>
|
|
216
|
+
</li>
|
|
217
|
+
<li>
|
|
218
|
+
<a target="_blank" href="https://vuejs.org/">VueJS</a>
|
|
219
|
+
</li>
|
|
220
|
+
</ul>
|
|
221
|
+
</div>
|
|
222
|
+
</div>
|
|
223
|
+
</div>
|
|
224
|
+
</div>
|
|
225
|
+
|
|
226
|
+
<script type="text/javascript">
|
|
227
|
+
$(function () {
|
|
228
|
+
|
|
229
|
+
var flipTabs = function() {
|
|
230
|
+
var isTS = true;
|
|
231
|
+
if (localStorage.getItem('js-lang') === 'javascript') {
|
|
232
|
+
isTS = false;
|
|
233
|
+
}
|
|
234
|
+
|
|
235
|
+
$('.code-tabs').each(function(index, el) {
|
|
236
|
+
if (isTS) {
|
|
237
|
+
console.log('hiding js');
|
|
238
|
+
$($(el).children()[1]).hide();
|
|
239
|
+
$($(el).children()[0]).show();
|
|
240
|
+
} else {
|
|
241
|
+
console.log('hiding ts');
|
|
242
|
+
$($(el).children()[0]).hide();
|
|
243
|
+
$($(el).children()[1]).show();
|
|
244
|
+
}
|
|
245
|
+
});
|
|
246
|
+
|
|
247
|
+
if (isTS) {
|
|
248
|
+
$('.tab.typescript').addClass('active');
|
|
249
|
+
$('.tab.javascript').removeClass('active');
|
|
250
|
+
} else {
|
|
251
|
+
$('.tab.typescript').removeClass('active');
|
|
252
|
+
$('.tab.javascript').addClass('active');
|
|
253
|
+
}
|
|
254
|
+
}
|
|
255
|
+
|
|
256
|
+
$('.tab').click(function() {
|
|
257
|
+
if ($(this).hasClass('typescript')) {
|
|
258
|
+
localStorage.setItem('js-lang', 'typescript');
|
|
259
|
+
} else {
|
|
260
|
+
localStorage.setItem('js-lang', 'javascript');
|
|
261
|
+
}
|
|
262
|
+
|
|
263
|
+
flipTabs();
|
|
264
|
+
});
|
|
265
|
+
|
|
266
|
+
flipTabs();
|
|
267
|
+
})
|
|
268
|
+
</script>
|
|
269
|
+
|
|
270
|
+
</body>
|
|
271
|
+
</html>
|
|
@@ -0,0 +1,289 @@
|
|
|
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="filtering">Filtering</h3>
|
|
130
|
+
|
|
131
|
+
<p>Use <code class="language-plaintext highlighter-rouge">#where()</code> to apply filters:</p>
|
|
132
|
+
|
|
133
|
+
<figure class="highlight"><pre><code class="language-typescript" data-lang="typescript"><span class="nx">Post</span><span class="p">.</span><span class="nf">where</span><span class="p">({</span> <span class="na">important</span><span class="p">:</span> <span class="kc">true</span> <span class="p">}).</span><span class="nf">all</span><span class="p">()</span></code></pre></figure>
|
|
134
|
+
|
|
135
|
+
<blockquote class="url">
|
|
136
|
+
<p>/posts?filter[important]=true</p>
|
|
137
|
+
</blockquote>
|
|
138
|
+
|
|
139
|
+
<p><code class="language-plaintext highlighter-rouge">#where()</code> clauses can be chained together. If the same key is seen
|
|
140
|
+
twice, it will be overridden:</p>
|
|
141
|
+
|
|
142
|
+
<figure class="highlight"><pre><code class="language-typescript" data-lang="typescript"><span class="nx">Post</span>
|
|
143
|
+
<span class="p">.</span><span class="nf">where</span><span class="p">({</span> <span class="na">important</span><span class="p">:</span> <span class="kc">true</span> <span class="p">})</span>
|
|
144
|
+
<span class="p">.</span><span class="nf">where</span><span class="p">({</span> <span class="na">ranking</span><span class="p">:</span> <span class="mi">10</span> <span class="p">})</span>
|
|
145
|
+
<span class="p">.</span><span class="nf">where</span><span class="p">({</span> <span class="na">important</span><span class="p">:</span> <span class="kc">false</span> <span class="p">})</span>
|
|
146
|
+
<span class="p">.</span><span class="nf">all</span><span class="p">()</span></code></pre></figure>
|
|
147
|
+
|
|
148
|
+
<blockquote class="url">
|
|
149
|
+
<p>/posts?filter[important]=false&filter[ranking]=10</p>
|
|
150
|
+
</blockquote>
|
|
151
|
+
|
|
152
|
+
<p><code class="language-plaintext highlighter-rouge">#where()</code> clauses are based on <strong>server implementation</strong>. The key
|
|
153
|
+
should be exactly as the server understands it. Here are some common
|
|
154
|
+
conventions we promote:</p>
|
|
155
|
+
|
|
156
|
+
<figure class="highlight"><pre><code class="language-typescript" data-lang="typescript"><span class="c1">// id greater than 5</span>
|
|
157
|
+
<span class="nx">Post</span><span class="p">.</span><span class="nf">where</span><span class="p">({</span> <span class="na">id_gt</span><span class="p">:</span> <span class="mi">5</span> <span class="p">}).</span><span class="nf">all</span><span class="p">()</span>
|
|
158
|
+
|
|
159
|
+
<span class="c1">// id greater than or equal to 5</span>
|
|
160
|
+
<span class="nx">Post</span><span class="p">.</span><span class="nf">where</span><span class="p">({</span> <span class="na">id_gte</span><span class="p">:</span> <span class="mi">5</span> <span class="p">}).</span><span class="nf">all</span><span class="p">()</span>
|
|
161
|
+
|
|
162
|
+
<span class="c1">// id less than 5</span>
|
|
163
|
+
<span class="nx">Post</span><span class="p">.</span><span class="nf">where</span><span class="p">({</span> <span class="na">id_lt</span><span class="p">:</span> <span class="mi">5</span> <span class="p">}).</span><span class="nf">all</span><span class="p">()</span>
|
|
164
|
+
|
|
165
|
+
<span class="c1">// id less or equal to 5</span>
|
|
166
|
+
<span class="nx">Post</span><span class="p">.</span><span class="nf">where</span><span class="p">({</span> <span class="na">id_lte</span><span class="p">:</span> <span class="mi">5</span> <span class="p">}).</span><span class="nf">all</span><span class="p">()</span>
|
|
167
|
+
|
|
168
|
+
<span class="c1">// title starts with "foo"</span>
|
|
169
|
+
<span class="nx">Post</span><span class="p">.</span><span class="nf">where</span><span class="p">({</span> <span class="na">title</span><span class="p">:</span> <span class="p">{</span> <span class="na">prefix</span><span class="p">:</span> <span class="dl">"</span><span class="s2">foo</span><span class="dl">"</span> <span class="p">}</span> <span class="p">}).</span><span class="nf">all</span><span class="p">()</span>
|
|
170
|
+
|
|
171
|
+
<span class="c1">// OR these two values</span>
|
|
172
|
+
<span class="nx">Post</span><span class="p">.</span><span class="nf">where</span><span class="p">({</span> <span class="na">status_or</span><span class="p">:</span> <span class="p">[</span><span class="dl">'</span><span class="s1">draft</span><span class="dl">'</span><span class="p">,</span> <span class="dl">'</span><span class="s1">review</span><span class="dl">'</span><span class="p">]</span> <span class="p">})</span>
|
|
173
|
+
|
|
174
|
+
<span class="c1">// AND these two values (default)</span>
|
|
175
|
+
<span class="nx">Post</span><span class="p">.</span><span class="nf">where</span><span class="p">({</span> <span class="na">status</span><span class="p">:</span> <span class="p">[</span><span class="dl">'</span><span class="s1">draft</span><span class="dl">'</span><span class="p">,</span> <span class="dl">'</span><span class="s1">review</span><span class="dl">'</span><span class="p">]</span> <span class="p">})</span></code></pre></figure>
|
|
176
|
+
|
|
177
|
+
<h4 id="escaping-values">Escaping Values</h4>
|
|
178
|
+
|
|
179
|
+
<p><a href="/1.13/guides/concepts/resources#escaping-values">Graphiti treats a comma as a delimiter of multiple values</a>. To escape the
|
|
180
|
+
comma and tell Graphiti this is a single value, wrap it in <code class="language-plaintext highlighter-rouge">{{curlies}}</code>:</p>
|
|
181
|
+
|
|
182
|
+
<figure class="highlight"><pre><code class="language-typescript" data-lang="typescript"><span class="nx">Post</span><span class="p">.</span><span class="nf">where</span><span class="p">({</span> <span class="na">title</span><span class="p">:</span> <span class="dl">"</span><span class="s2">{{Hello World, here I am}}</span><span class="dl">"</span> <span class="p">})</span></code></pre></figure>
|
|
183
|
+
|
|
184
|
+
<div class="clearfix">
|
|
185
|
+
<h2 id="next">
|
|
186
|
+
<a href="/1.13/js/reads/fieldsets">
|
|
187
|
+
NEXT:
|
|
188
|
+
<small>Fieldsets</small>
|
|
189
|
+
»
|
|
190
|
+
</a>
|
|
191
|
+
</h2>
|
|
192
|
+
</div>
|
|
193
|
+
</div>
|
|
194
|
+
|
|
195
|
+
</div>
|
|
196
|
+
</div>
|
|
197
|
+
</main>
|
|
198
|
+
<div class="main-footer main-footer--dark">
|
|
199
|
+
<div class="container">
|
|
200
|
+
<div class="row">
|
|
201
|
+
<div class="col-sm-4 menu">
|
|
202
|
+
<h3>Overview</h3>
|
|
203
|
+
<ul>
|
|
204
|
+
<li>
|
|
205
|
+
<a href="/1.13/quickstart">Quickstart</a>
|
|
206
|
+
</li>
|
|
207
|
+
<li>
|
|
208
|
+
<a href="/1.13/tutorial">Tutorial</a>
|
|
209
|
+
</li>
|
|
210
|
+
<li>
|
|
211
|
+
<a href="/1.13/guides">Guides</a>
|
|
212
|
+
</li>
|
|
213
|
+
</ul>
|
|
214
|
+
</div>
|
|
215
|
+
<div class="col-sm-4 menu">
|
|
216
|
+
<h3>Contact</h3>
|
|
217
|
+
<ul>
|
|
218
|
+
<li>
|
|
219
|
+
<a target="_blank" href="https://discord.gg/wgqkMBsSRV">Discord Chat</a>
|
|
220
|
+
</li>
|
|
221
|
+
<li>
|
|
222
|
+
<a href="mailto:richmolj@gmail.com">Email</a>
|
|
223
|
+
</li>
|
|
224
|
+
</ul>
|
|
225
|
+
</div>
|
|
226
|
+
<div class="col-sm-4 menu">
|
|
227
|
+
<h3>Related</h3>
|
|
228
|
+
<ul>
|
|
229
|
+
<li>
|
|
230
|
+
<a target="_blank" href="http://jsonapi.org">JSONAPI Spec</a>
|
|
231
|
+
</li>
|
|
232
|
+
<li>
|
|
233
|
+
<a target="_blank" href="http://jsonapi-rb.org">jsonapi-rb</a>
|
|
234
|
+
</li>
|
|
235
|
+
<li>
|
|
236
|
+
<a target="_blank" href="https://vuejs.org/">VueJS</a>
|
|
237
|
+
</li>
|
|
238
|
+
</ul>
|
|
239
|
+
</div>
|
|
240
|
+
</div>
|
|
241
|
+
</div>
|
|
242
|
+
</div>
|
|
243
|
+
|
|
244
|
+
<script type="text/javascript">
|
|
245
|
+
$(function () {
|
|
246
|
+
|
|
247
|
+
var flipTabs = function() {
|
|
248
|
+
var isTS = true;
|
|
249
|
+
if (localStorage.getItem('js-lang') === 'javascript') {
|
|
250
|
+
isTS = false;
|
|
251
|
+
}
|
|
252
|
+
|
|
253
|
+
$('.code-tabs').each(function(index, el) {
|
|
254
|
+
if (isTS) {
|
|
255
|
+
console.log('hiding js');
|
|
256
|
+
$($(el).children()[1]).hide();
|
|
257
|
+
$($(el).children()[0]).show();
|
|
258
|
+
} else {
|
|
259
|
+
console.log('hiding ts');
|
|
260
|
+
$($(el).children()[0]).hide();
|
|
261
|
+
$($(el).children()[1]).show();
|
|
262
|
+
}
|
|
263
|
+
});
|
|
264
|
+
|
|
265
|
+
if (isTS) {
|
|
266
|
+
$('.tab.typescript').addClass('active');
|
|
267
|
+
$('.tab.javascript').removeClass('active');
|
|
268
|
+
} else {
|
|
269
|
+
$('.tab.typescript').removeClass('active');
|
|
270
|
+
$('.tab.javascript').addClass('active');
|
|
271
|
+
}
|
|
272
|
+
}
|
|
273
|
+
|
|
274
|
+
$('.tab').click(function() {
|
|
275
|
+
if ($(this).hasClass('typescript')) {
|
|
276
|
+
localStorage.setItem('js-lang', 'typescript');
|
|
277
|
+
} else {
|
|
278
|
+
localStorage.setItem('js-lang', 'javascript');
|
|
279
|
+
}
|
|
280
|
+
|
|
281
|
+
flipTabs();
|
|
282
|
+
});
|
|
283
|
+
|
|
284
|
+
flipTabs();
|
|
285
|
+
})
|
|
286
|
+
</script>
|
|
287
|
+
|
|
288
|
+
</body>
|
|
289
|
+
</html>
|