Johnny Hall recipher

Getting Started with NPM (as a developer)

As easy as 1, 2, 3!

Updated:

Aug, 08, 2022 update config docs for npm 8+
Jul 27, 2021 add private scopes
Jul 22, 2021 add dist tags
Jun 20, 2021 update for --access=public
Sep 07, 2020 update docs for npm version

Recently, we've been working on extracting Ember conventions from applications we're working on into the framework. Our goal is to make it clearer how the parts of an Ember application work together, and how to organize and bootstrap your objects.

Routing

Routing is an important part of web applications. It allows your users to share the URL they see in their browser, and have the same things appear when their friends click on the link.

The Ember.js ecosystem has several great solutions for routing. But, since it is such an important part of most web applications, we've decided to build it right into the framework.

If you have already modeled your application state using Ember.StateManager, there are a few changes you'll need to make to enable routing. Once you've made those changes, you'll notice the browser's address bar spring to life as you start using your app—just by moving between states, Ember.js will update the URL automatically.

Add to .gitignore:
```
node_modules
public
```
Add to your app dependencies of package.json:

This post is also on my blog, since Gist doesn't support @ notifications.

Components are taking center stage in Ember 2.0. Here are some things you can do today to make the transition as smooth as possible:

Use Ember CLI
In general, replace views + controllers with components
Only use controllers at the top-level for receiving data from the route, and use Ember.Controller instead of Ember.ArrayController or Ember.ObjectController
Fetch data in your route, and set it as normal properties on your top-level controller. Export an Ember.Controller, otherwise a proxy will be generated. You can use Ember.RSVP.hash to simulate setting normal props on your controller.

	exports.I18n =
	en:
	title: "Free YouTube video download"
	navi:
	home: "Home"
	howto: "Tutorial"
	blog: "Blog"
	termsofuse: "Terms of Use"
	support: "Support"
	imprint: "Imprint"

	namespace "Matt.Printer", (exports) ->
	message1 = "Yo ho ho"
	message2 = "Five dwarves"

	exports.print1 = ->
	console.log message1

	exports.print2 = ->
	console.log message2

	doctype html
	/[if lt IE 7]
	\| <html class="ie6">
	/[if IE 7]
	\| <html class="ie7">
	/[if IE 8]
	\| <html class="ie8">
	/[if IE 9]
	\| <html class="ie9">
	\| <!--[if (gte IE 9)\|!(IE)]<!--> <html> <!--<![endif]-->

	class PostsController < ActionController::Base
	def create
	Post.create(post_params)
	end

	def update
	Post.find(params[:id]).update_attributes!(post_params)
	end

	private

	// This file contains utilities for creating bound helpers

	// For reference: https://github.com/wagenet/ember.js/blob/ac66dcb8a1cbe91d736074441f853e0da474ee6e/packages/ember-handlebars/lib/views/bound_property_view.js
	Ember.Handlebars.BoundHelperView = Ember.View.extend(Ember._Metamorph, {

	context: null,
	options: null,
	property: null,
	// paths of the property that are also observed
	propertyPaths: [],

	if (typeof (AC) === "undefined") {
	AC = {}
	}
	AC.ImageReplacer = Class.create({
	_defaultOptions: {
	listenToSwapView: true,
	filenameRegex: /(.)(\.[a-z]{3}($\|#.\|\?.*))/i,
	filenameInsert: "_☃x",
	ignoreCheck: /(^http:\/\/movies\.apple\.com\/\|\/105\/\|\/global\/elements\/quicktime\/\|_(([2-9]\|[1-9][0-9]+)x\|nohires)(\.[a-z]{3})($\|#.\|\?.))/i,
	attribute: "data-hires",