All in one without serializers

app/components/guide-section/subsection.hbs

@@ -1,101 +1,95 @@
 {{#let
   @subsection.id
-  (t (concat @sectionId "." @subsection.id ".title"))
-  (t (concat @sectionId "." @subsection.id ".description") htmlSafe=true)
+  (t (concat @sectionId '.' @subsection.id '.title'))
+  (t (concat @sectionId '.' @subsection.id '.description') htmlSafe=true)
   as |subsectionId subsectionTitle subsectionDescription|
 }}
   <section
-    aria-labelledby="{{@sectionId}}__{{subsectionId}}"
+    aria-labelledby='{{@sectionId}}__{{subsectionId}}'
     data-test-subsection={{subsectionTitle}}
   >
-    <div local-class="title-container">
+    <div local-class='title-container'>
       <h3
-        data-test-field="Subsection Title"
-        id="{{@sectionId}}__{{subsectionId}}"
-        local-class="title"
+        data-test-field='Subsection Title'
+        id='{{@sectionId}}__{{subsectionId}}'
+        local-class='title'
       >
         {{subsectionTitle}}
       </h3>
 
       <a
-        href="#{{@sectionId}}__{{subsectionId}}"
-        local-class="permalink"
+        href='#{{@sectionId}}__{{subsectionId}}'
+        local-class='permalink'
         title={{subsectionTitle}}
       >
-        {{t "component.guide-section.section"}}
+        {{t 'component.guide-section.section'}}
       </a>
     </div>
 
-    <p
-      data-test-field="Subsection Description"
-      local-class="description"
-    >
+    <p data-test-field='Subsection Description' local-class='description'>
       {{subsectionDescription}}
     </p>
 
     <ContainerQuery
-      @features={{hash
-        wide=(width min=900)
-      }}
-      local-class="code-examples-container"
+      @features={{hash wide=(width min=900)}}
+      local-class='code-examples-container'
     >
-      <div
-        data-test-ember-classic
-        local-class="ember-classic"
-      >
-        <h4 local-class="subtitle">
-          {{t "component.guide-section.subsection.classic"}}
-        </h4>
+      {{#if @subsection.classicFiles.length}}
+        <div data-test-ember-classic local-class='ember-classic'>
+          <h4 local-class='subtitle'>
+            {{t 'component.guide-section.subsection.classic'}}
+          </h4>
 
-        {{#each @subsection.classicFiles as |file|}}
-          <div local-class="code-snippet">
-            <CodeSnippet
-              @fileName="{{@sectionId}}/{{subsectionId}}/{{file}}"
-            />
-          </div>
-        {{/each}}
+          {{#each @subsection.classicFiles as |file|}}
+            <div local-class='code-snippet'>
+              <CodeSnippet
+                @fileName='{{@sectionId}}/{{subsectionId}}/{{file}}'
+              />
+            </div>
+          {{/each}}
 
-        {{#if @subsection.classicDescriptionKey}}
-          <p data-test-general-text>
-            {{t @subsection.classicDescriptionKey htmlSafe=true}}
-          </p>
-        {{/if}}
-      </div>
+          {{#if @subsection.classicDescriptionKey}}
+            <p data-test-general-text>
+              {{t @subsection.classicDescriptionKey htmlSafe=true}}
+            </p>
+          {{/if}}
+        </div>
 
-      <div
-        data-test-ember-octane
-        local-class="ember-octane"
-      >
-        <h4 local-class="subtitle">
-          {{t "component.guide-section.subsection.octane"}}
-        </h4>
+      {{/if}}
+
+      {{#if @subsection.octaneFiles.length}}
+        <div data-test-ember-octane local-class='ember-octane'>
+          <h4 local-class='subtitle'>
+            {{t 'component.guide-section.subsection.octane'}}
+          </h4>
 
-        {{#each @subsection.octaneFiles as |file|}}
-          <div local-class="code-snippet">
-            <CodeSnippet
-              @fileName="{{@sectionId}}/{{subsectionId}}/{{file}}"
-            />
-          </div>
-        {{/each}}
+          {{#each @subsection.octaneFiles as |file|}}
+            <div local-class='code-snippet'>
+              <CodeSnippet
+                @fileName='{{@sectionId}}/{{subsectionId}}/{{file}}'
+              />
+            </div>
+          {{/each}}
 
-        {{#if @subsection.octaneDescriptionKey}}
-          <p data-test-general-text>
-            {{t @subsection.octaneDescriptionKey htmlSafe=true}}
-          </p>
-        {{/if}}
-      </div>
+          {{#if @subsection.octaneDescriptionKey}}
+            <p data-test-general-text>
+              {{t @subsection.octaneDescriptionKey htmlSafe=true}}
+            </p>
+          {{/if}}
+        </div>
+      {{/if}}
     </ContainerQuery>
 
-    <div local-class="edit-link-container">
+    <div local-class='edit-link-container'>
       <a
-        data-test-link="Edit Translation"
-        href="https://github.com/ember-learn/ember-data-request-service-cheat-sheet/edit/main/translations/{{@sectionId}}/{{subsectionId}}/{{this.intl.locale}}.yaml"
-        local-class="edit-link"
-        rel="noopener noreferrer"
-        target="_blank"
+        data-test-link='Edit Translation'
+        href='https://github.com/ember-learn/ember-data-request-service-cheat-sheet/edit/main/translations/{{@sectionId}}/{{subsectionId}}/{{this.intl.locale}}.yaml'
+        local-class='edit-link'
+        rel='noopener noreferrer'
+        target='_blank'
       >
-        {{t "component.guide-section.edit-translation-text"}}
+        {{t 'component.guide-section.edit-translation-text'}}
       </a>
     </div>
   </section>
-{{/let}}
+{{/let}}

app/routes/application.js

@@ -4,172 +4,85 @@ export default class ApplicationRoute extends Route {
   model() {
     return [
       {
-        id: 'generating-files',
+        id: 'fetching-data',
         subsections: [
           {
-            id: 'generating-component',
-            classicFiles: ['classic.shell'],
-            octaneFiles: ['octane.shell'],
+            id: 'find-record',
+            classicFiles: ['old.js', 'old.ts'],
+            octaneFiles: ['new.js', 'new.ts', 'own-builder.ts'],
           },
           {
-            id: 'file-structure',
-            classicFiles: ['classic.text'],
-            octaneFiles: ['octane.text'],
-          },
-        ],
-      },
-      {
-        id: 'component-templates',
-        subsections: [
-          {
-            id: 'angle-brackets',
-            classicFiles: ['classic.hbs'],
-            octaneFiles: ['octane.hbs'],
-          },
-          {
-            id: 'inline-vs-block',
-            classicFiles: ['classic.hbs'],
-            octaneFiles: ['octane.hbs'],
-          },
-          {
-            id: 'angle-brackets-nested',
-            classicFiles: ['classic.hbs'],
-            octaneFiles: ['octane.hbs'],
-          },
-          {
-            id: 'template-named',
-            classicFiles: ['classic.hbs'],
-            octaneFiles: ['octane.hbs'],
-          },
-          {
-            id: 'template-this',
-            classicFiles: ['classic.hbs'],
-            octaneFiles: ['octane.hbs'],
-          },
-          {
-            id: 'template-arguments-named',
-            classicFiles: ['classic.hbs'],
-            octaneFiles: ['octane.hbs'],
+            id: 'find-all',
+            classicFiles: ['old.js'],
+            octaneFiles: ['new.js'],
           },
           {
-            id: 'template-arguments-this',
-            classicFiles: ['classic.hbs'],
-            octaneFiles: ['octane.hbs'],
+            id: 'query',
+            classicFiles: ['old.js'],
+            octaneFiles: ['new.js'],
           },
           {
-            id: 'tag-name',
-            classicFiles: ['classic.hbs', 'classic.html'],
-            octaneFiles: ['octane.hbs', 'octane.html'],
-          },
-          {
-            id: 'element-id',
-            classicFiles: ['classic.js', 'classic.hbs'],
-            octaneFiles: ['octane.js', 'octane.hbs'],
+            id: 'query-record',
+            classicFiles: ['old.js'],
+            octaneFiles: ['new.js'],
           },
         ],
       },
       {
-        id: 'component-properties',
+        id: 'updating-data',
         subsections: [
           {
-            id: 'js-boilerplate',
-            classicFiles: ['classic.js'],
-            octaneFiles: ['octane.js'],
-          },
-          {
-            id: 'js-properties',
-            classicFiles: ['classic.js'],
-            octaneFiles: ['octane.js'],
-          },
-          {
-            id: 'ddau',
-            classicFiles: [
-              'classic-parent.js',
-              'classic-parent.hbs',
-              'classic-child.js',
-              'classic-child.hbs',
-            ],
-            octaneFiles: [
-              'octane-parent.js',
-              'octane-parent.hbs',
-              'octane-child.hbs',
-            ],
-          },
-          {
-            id: 'args',
-            classicFiles: ['classic.js'],
-            octaneFiles: ['octane.js'],
+            id: 'create-record',
+            classicFiles: ['old.js'],
+            octaneFiles: ['in-place-body.js', 'handler.js'],
           },
           {
-            id: 'get-and-set',
-            classicFiles: ['classic.js'],
-            octaneFiles: ['octane.js'],
-          },
-          {
-            id: 'tracked-vs-cp',
-            classicFiles: ['classic.js'],
-            octaneFiles: ['octane.js'],
-          },
-          {
-            id: 'computed-decorator',
-            classicFiles: ['classic.js'],
-            octaneFiles: ['octane.js'],
+            id: 'save-record',
+            classicFiles: ['old.js'],
+            octaneFiles: ['new.js', 'handler.js'],
           },
         ],
       },
       {
-        id: 'actions',
+        id: 'deleting-data',
         subsections: [
           {
-            id: 'actions',
-            classicFiles: ['classic.js', 'classic.hbs'],
-            octaneFiles: ['octane.js', 'octane.hbs'],
-          },
-          {
-            id: 'template-arguments-default',
-            classicFiles: ['classic.hbs', 'classic.js'],
-            octaneFiles: ['octane.hbs', 'octane.js'],
-          },
-          {
-            id: 'mixins',
-            classicFiles: ['classic.js'],
-            octaneDescriptionKey: 'actions.mixins.octaneDescription',
+            id: 'delete-record',
+            classicFiles: ['old.js', 'destroy.js'],
+            octaneFiles: ['new.js'],
           },
         ],
       },
       {
-        id: 'component-lifecycle',
+        id: 'adapters',
         subsections: [
           {
-            id: 'constructors',
-            classicFiles: ['classic.js'],
-            octaneFiles: ['octane.js'],
+            id: 'general',
           },
           {
-            id: 'will-destroy',
-            classicFiles: ['classic.js'],
-            octaneFiles: ['octane.js'],
+            id: 'host-and-namespace',
+            classicFiles: ['old.js'],
+            octaneFiles: ['new.js'],
           },
           {
-            id: 'render-modifiers',
-            classicDescriptionKey:
-              'component-lifecycle.render-modifiers.classicDescription',
-            octaneFiles: ['octane.shell'],
+            id: 'path-for-type',
+            classicFiles: ['old.js'],
+            octaneFiles: ['new.js', 'utils.js'],
           },
           {
-            id: 'did-insert',
-            classicFiles: ['classic.hbs', 'classic.js'],
-            octaneFiles: ['octane.hbs', 'octane.js'],
+            id: 'cache-lifetime',
+            classicFiles: ['old.js'],
+            octaneFiles: ['new.js'],
           },
         ],
       },
       {
-        id: 'routes',
+        id: 'serializers',
         subsections: [
           {
-            id: 'model-access',
-            classicFiles: ['classic.hbs'],
-            octaneFiles: ['octane.hbs'],
+            id: 'general',
+            classicFiles: ['old.js'],
+            octaneFiles: ['utils.js', 'app-code.js', 'handler.js'],
           },
         ],
       },