# ember-octane-blueprint

**Repository Path**: mirrors_hashicorp/ember-octane-blueprint

## Basic Information

- **Project Name**: ember-octane-blueprint
- **Description**: App and Addon blueprints for Ember Octane
- **Primary Language**: Unknown
- **License**: MIT
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 0
- **Created**: 2020-08-08
- **Last Updated**: 2026-05-30

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

Octane Blueprints
==============================================================================
[![Build Status](https://travis-ci.org/ember-cli/ember-octane-blueprint.svg?branch=master)](https://travis-ci.org/ember-cli/ember-octane-blueprint)

[![App](https://img.shields.io/npm/v/@ember/octane-app-blueprint.svg?label=App)](https://www.npmjs.com/package/@ember/octane-app-blueprint)
[![Addon](https://img.shields.io/npm/v/@ember/octane-addon-blueprint.svg?label=Addon)](https://www.npmjs.com/package/@ember/octane-addon-blueprint)

## These blueprints are deprecated

Success! Ember.js Octane was relased in v3.15 of Ember, and it included a [copy of these blueprints by default](https://github.com/ember-cli/ember-cli/tree/master/blueprints).
Therefore, this repository can be deprecated.
Today, to create an Octane app,
install at least version 3.15 of the Ember CLI and generate your app. You do not need to specify a `-b` option anymore:

```
npm install -g ember-cli
ember new my-app-name
```

To generate an addon using Octane blueprints:

```
ember addon my-addon-name
```

To learn more, visit [emberjs.com/editions/octane](https://emberjs.com/editions/octane).

## Past README content

Although these blueprints are deprecated, they can still serve as a public example for how to make custom blueprints.


New Projects

```bash
# Apps
ember new my-app -b @ember/octane-app-blueprint

# Addons
ember addon my-addon -b @ember/octane-addon-blueprint
```

Existing Projects

```bash
# Apps
ember init -b @ember/octane-app-blueprint

# Addons
ember init -b @ember/octane-addon-blueprint
```


Included:

 - Glimmer Components
 - Native Decorators
 - Tracked Properties
 - ember-auto-import
 - no jquery

### Glimmer Component Example

```app/components/counter/component.js
import Component from '@glimmer/component';
import { tracked } from '@glimmer/tracking';
import { action } from '@ember/object';

export default class HolaComponent extends Component {
  @tracked count = 0;

  @action increment() {
    this.count++;
  }

  @action decrement() {
    this.count--;
  }
}

```

```app/components/counter/template.hbs

Count: {{this.count}}
<br/>
<button {{on 'click' this.increment}}>Click to increase</button>
<button {{on 'click' this.decrement}}>Click to decrease</button>

```


## Building/Contributing:
```bash
# Clone repo
git clone git@github.com:ember-cli/ember-octane-blueprint.git

# Install dependencies
cd ember-octane-blueprint/packages/\@ember/octane-app-blueprint
yarn install

cd ../octane-addon-blueprint
yarn install

# Move to the desired folder to create your octane app or addon

cd ~

# Create octane app using the local blueprint
ember new my-app -b $pathToBlueprintRepo/ember-octane-blueprint/packages/\@ember/octane-app-blueprint

# Create octane addon using the local blueprint
ember addon my-addon -b $pathToBlueprintRepo/ember-octane-blueprint/packages/\@ember/octane-addon-blueprint

```

License
------------------------------------------------------------------------------

This project is licensed under the [MIT License](LICENSE.md).