@ember/octane-app-blueprint NPM

Octane Blueprints

New Projects

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

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

Existing Projects

# 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

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--;
  }
}

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

Building/Contributing:

# 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