Skip to content
Merged
Show file tree
Hide file tree
Changes from all commits
Commits
File filter

Filter by extension

Filter by extension

Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
1 change: 1 addition & 0 deletions .local.dic
Original file line number Diff line number Diff line change
Expand Up @@ -130,6 +130,7 @@ linters
lookups
LSP
Mapbox
TomTom
MDN
metaprogramming
misspelt
Expand Down
2 changes: 1 addition & 1 deletion guides/release/tutorial/part-1/automated-testing.md
Original file line number Diff line number Diff line change
@@ -1,4 +1,4 @@
<!-- Heads up! This is a generated file, do not edit directly. You can find the source at https://github.com/ember-learn/super-rentals-tutorial/blob/master/src/markdown/tutorial/part-1/03-automated-testing.md -->

Check failure on line 1 in guides/release/tutorial/part-1/automated-testing.md

View workflow job for this annotation

GitHub Actions / Do Not Edit Generated Files

This is a generated file, do not edit directly. Follow the URL above to edit the source file instead.

In this chapter, you will use Ember's built-in testing framework to write some automated tests for your app. By the end of this chapter, we will have an automated test suite that we can run to ensure our app is working correctly:

Expand Down Expand Up @@ -115,7 +115,7 @@
</div>
</div>

We can put our automated test into motion by running the _test server_ using the `ember test --server` command, or `ember t -s` for short. This server behaves much like the development server, but it is explicitly running for our tests. It may automatically open a browser window and take you to the test UI, or you can open `http://localhost:7357/` yourself.
We can put our automated test into motion by running the development server using the `npm start` command and navigating to `http://localhost:4200/tests` in your browser.

If you watch really carefully, you can see our test robot roaming around our app and clicking links:

Expand Down
4 changes: 2 additions & 2 deletions guides/release/tutorial/part-1/building-pages.md
Original file line number Diff line number Diff line change
@@ -1,4 +1,4 @@
<!-- Heads up! This is a generated file, do not edit directly. You can find the source at https://github.com/ember-learn/super-rentals-tutorial/blob/master/src/markdown/tutorial/part-1/02-building-pages.md -->

Check failure on line 1 in guides/release/tutorial/part-1/building-pages.md

View workflow job for this annotation

GitHub Actions / Do Not Edit Generated Files

This is a generated file, do not edit directly. Follow the URL above to edit the source file instead.

In this chapter, you will build the first few pages of your Ember app and set up links between them. By the end of this chapter, you should have two new pages – an about page and a contact page. These pages will be linked to from your landing page:

Expand All @@ -25,7 +25,7 @@
The place to manage what pages are available is the _router_. Go ahead and open `app/router.js` and make the following change:

```js { data-filename="app/router.js" data-diff="-9,+10,+11,+12" }
import EmberRouter from '@ember/routing/router';
import EmberRouter from '@embroider/router';
import config from 'super-rentals/config/environment';

export default class Router extends EmberRouter {
Expand Down Expand Up @@ -72,7 +72,7 @@
We want to keep the existing URLs for the new website, but we don't want to have to type `getting-in-touch` all over the new codebase! Fortunately, we can have the best of both worlds:

```js { data-filename="app/router.js" data-diff="+11" }
import EmberRouter from '@ember/routing/router';
import EmberRouter from '@embroider/router';
import config from 'super-rentals/config/environment';

export default class Router extends EmberRouter {
Expand Down
61 changes: 41 additions & 20 deletions guides/release/tutorial/part-1/orientation.md
Original file line number Diff line number Diff line change
@@ -1,4 +1,4 @@
<!-- Heads up! This is a generated file, do not edit directly. You can find the source at https://github.com/ember-learn/super-rentals-tutorial/blob/master/src/markdown/tutorial/part-1/01-orientation.md -->

Check failure on line 1 in guides/release/tutorial/part-1/orientation.md

View workflow job for this annotation

GitHub Actions / Do Not Edit Generated Files

This is a generated file, do not edit directly. Follow the URL above to edit the source file instead.

In this chapter, you will install _[Ember CLI](https://cli.emberjs.com/release/)_, use it to generate a new Ember project, and add some basic templates and styles to your new app. By the end of this chapter, you should have a landing page with Professor Tomster's cute little face featured on it:

Expand All @@ -24,7 +24,7 @@

```shell
$ ember --version
ember-cli: 6.7.0
ember-cli: 6.8.0
node: 18.20.8
os: linux x64
```
Expand All @@ -37,27 +37,27 @@

```shell
$ ember new super-rentals --lang en --strict
installing classic-build-app-blueprint
@ember-tooling/classic-build-app-blueprint v6.7.0

installing app-blueprint
Creating a new Ember app in /home/runner/work/super-rentals-tutorial/super-rentals-tutorial/dist/code/super-rentals:
create .editorconfig
create .ember-cli
create .env.development
create .github/workflows/ci.yml
create .prettierignore
create .prettierrc.js
create .prettierrc.mjs
create .stylelintignore
create .stylelintrc.js
create .template-lintrc.js
create .stylelintrc.cjs
create .template-lintrc.mjs
create .watchmanconfig
create README.md
create /home/runner/work/super-rentals-tutorial/super-rentals-tutorial/dist/code/super-rentals/babel.config.cjs
create /home/runner/work/super-rentals-tutorial/super-rentals-tutorial/dist/code/super-rentals/eslint.config.mjs
create app/app.js
create app/components/.gitkeep
create app/config/environment.js
create app/controllers/.gitkeep
create app/deprecation-workflow.js
create app/helpers/.gitkeep
create app/index.html
create app/models/.gitkeep
create app/router.js
create app/routes/.gitkeep
Expand All @@ -69,14 +69,16 @@
create config/targets.js
create ember-cli-build.js
create .gitignore
create index.html
create package.json
create public/robots.txt
create testem.js
create testem.cjs
create tests/helpers/index.js
create tests/index.html
create tests/integration/.gitkeep
create tests/test-helper.js
create tests/unit/.gitkeep
create vite.config.mjs

Installing packages... This might take a couple of minutes.
npm: Installing dependencies ...
Expand Down Expand Up @@ -110,6 +112,8 @@
├── app
│ ├── components
│ │ └── .gitkeep
│ ├── config
│ │ └── environment.js
│ ├── controllers
│ │ └── .gitkeep
│ ├── helpers
Expand All @@ -124,7 +128,6 @@
│ │ └── application.gjs
│ ├── app.js
│ ├── deprecation-workflow.js
│ ├── index.html
│ └── router.js
├── config
│ ├── ember-cli-update.json
Expand All @@ -144,22 +147,25 @@
│ └── test-helper.js
├── .editorconfig
├── .ember-cli
├── .eslintcache
├── .env.development
├── .gitignore
├── .prettierignore
├── .prettierrc.js
├── .prettierrc.mjs
├── .stylelintignore
├── .stylelintrc.js
├── .template-lintrc.js
├── .stylelintrc.cjs
├── .template-lintrc.mjs
├── .watchmanconfig
├── README.md
├── babel.config.cjs
├── ember-cli-build.js
├── eslint.config.mjs
├── index.html
├── package.json
├── package-lock.json
└── testem.js
├── testem.cjs
└── vite.config.mjs

17 directories, 37 files
27 directories, 56 files
```

We'll learn about the purposes of these files and folders as we go. For now, just know that we'll spend most of our time working within the `app` folder.
Expand All @@ -172,11 +178,26 @@
$ npm start

> super-rentals@0.0.0 start
> ember serve
> vite

Building

Environment: development

building...

Build successful (9761ms) – Serving on http://localhost:4200/

Build successful (9761ms)

Slowest Nodes (totalTime >= 5%) | Total (avg)
-+-
Babel: @embroider/macros (1) | 436ms



VITE v6.3.6 ready in 4143 ms

➜ Local: http://localhost:4200/
```

The development server is responsible for compiling our app and serving it to the browsers. It may take a while to boot up. Once it's up and running, open your favorite browser and head to <http://localhost:4200>. You should see the following welcome page:
Expand Down Expand Up @@ -204,8 +225,8 @@
As text on the welcome page pointed out, the source code for the page is located in `app/templates/application.gjs`. Let's try to edit that file and replace it with our own content:

```gjs { data-filename="app/templates/application.gjs" data-diff="-1,-2,-3,-5,-6,-7,-8,-9,-10,-11,+12" }
import pageTitle from 'ember-page-title/helpers/page-title';
import WelcomePage from 'ember-welcome-page/components/welcome-page';
import { pageTitle } from 'ember-page-title';
import { WelcomePage } from 'ember-welcome-page';

<template>
{{pageTitle "SuperRentals"}}
Expand Down
Loading
Loading