Migration: Schema Records

app/components/rental.hbs

@@ -5,7 +5,7 @@
   />
   <div class="details">
     <h3>
-      <LinkTo @route="rental" @model={{@rental}}>
+      <LinkTo @route="rental" @model={{@rental.id}}>
         {{@rental.title}}
       </LinkTo>
     </h3>

app/schemas/rental.js

@@ -0,0 +1,33 @@
+import { withDefaults } from '@warp-drive/schema-record';
+import { Type } from '@warp-drive/core-types/symbols';
+
+const COMMUNITY_CATEGORIES = ['Condo', 'Townhouse', 'Apartment'];
+
+function rentalType(record) {
+  if (COMMUNITY_CATEGORIES.includes(record.category)) {
+    return 'Community';
+  } else {
+    return 'Standalone';
+  }
+}
+rentalType[Type] = 'rentalType';
+
+const RentalSchema = withDefaults({
+  type: 'rental',
+  fields: [
+    { kind: 'field', name: 'title' },
+    { kind: 'field', name: 'owner' },
+    { kind: 'field', name: 'city' },
+    { kind: 'field', name: 'location' },
+    { kind: 'field', name: 'category' },
+    { kind: 'field', name: 'image' },
+    { kind: 'field', name: 'bedrooms' },
+    { kind: 'field', name: 'description' },
+    { kind: 'derived', type: 'rentalType', name: 'type' },
+  ],
+});
+
+export function register(schema) {
+  schema.registerDerivation(rentalType);
+  schema.registerResource(RentalSchema);
+}

app/services/request-manager.js

@@ -1,11 +1,13 @@
 import BaseRequestManager from '@ember-data/request';
 import Fetch from '@ember-data/request/fetch';
 import { JsonSuffixHandler } from 'super-rentals/utils/handlers';
+import { CacheHandler } from '@ember-data/store';
 
 export default class RequestManager extends BaseRequestManager {
   constructor(args) {
     super(args);
 
     this.use([JsonSuffixHandler, Fetch]);
+    this.useCache(CacheHandler);
   }
 }

app/services/store.js

@@ -1,6 +1,41 @@
-import BaseStore from 'ember-data/store';
+import BaseStore from '@ember-data/store';
 import { service } from '@ember/service';
+import {
+  instantiateRecord,
+  teardownRecord,
+  registerDerivations,
+  SchemaService,
+} from '@warp-drive/schema-record';
+import { register as registerRental } from '../schemas/rental';
+import { CachePolicy } from '@ember-data/request-utils';
+import JSONAPICache from '@ember-data/json-api';
 
 export default class Store extends BaseStore {
   @service requestManager;
+
+  lifetimes = new CachePolicy({
+    apiCacheHardExpires: 1000 * 60 * 60 * 48, // 48 hours
+    apiCacheSoftExpires: 1000 * 60 * 60, // 1 hour
+  });
+
+  createSchemaService() {
+    const schema = new SchemaService();
+
+    registerDerivations(schema);
+    registerRental(schema);
+
+    return schema;
+  }
+
+  createCache(capabilites) {
+    return new JSONAPICache(capabilites);
+  }
+
+  instantiateRecord(identifier, createArgs) {
+    return instantiateRecord(this, identifier, createArgs);
+  }
+
+  teardownRecord(record) {
+    return teardownRecord(record);
+  }
 }

ember-cli-build.js

@@ -2,9 +2,13 @@
 
 const EmberApp = require('ember-cli/lib/broccoli/ember-app');
 
-module.exports = function (defaults) {
-  const app = new EmberApp(defaults, {
-    // Add options here
+module.exports = async function (defaults) {
+  const { setConfig } = await import('@warp-drive/build-config');
+
+  const app = new EmberApp(defaults, {});
+
+  setConfig(app, __dirname, {
+    compatWith: '99.0',
   });
 
   return app.toTree();

package.json

@@ -31,9 +31,11 @@
     "@ember/optional-features": "^2.2.0",
     "@ember/string": "^4.0.0",
     "@ember/test-helpers": "^4.0.4",
+    "@ember/test-waiters": "^4.1.0",
     "@eslint/js": "^9.17.0",
     "@glimmer/component": "^1.1.2",
     "@glimmer/tracking": "^1.1.2",
+    "@warp-drive/schema-record": "^0.0.2",
     "broccoli-asset-rev": "^3.0.0",
     "concurrently": "^9.1.0",
     "ember-auto-import": "^2.10.0",
@@ -75,6 +77,9 @@
     "tracked-built-ins": "^3.4.0",
     "webpack": "^5.97.1"
   },
+  "resolutions": {
+    "@ember/test-waiters": "^4.1.0"
+  },
   "engines": {
     "node": ">= 18"
   },