All Projects → ember-cli → ember-octane-blueprint

ember-cli / ember-octane-blueprint

Licence: MIT license
App and Addon blueprints for Ember Octane

Programming Languages

javascript
184084 projects - #8 most used programming language
HTML
75241 projects
shell
77523 projects

Octane Blueprints

Build Status

App Addon

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. 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.

Past README content

Although these blueprints are deprecated, they can still serve as a public example for how to make custom 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 [email protected]: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.

Note that the project description data, including the texts, logos, images, and/or trademarks, for each open source project belongs to its rightful owner. If you wish to add or remove any projects, please contact us at [email protected].