This repository is deprecated - use https://github.com/Wikia/fandom-frontend instead

Fandom Design System

Reference Page and documentation are available at http://fandomdesignsystem.com.

Setup

To install packages you need to set ARTIFACTORY_NPM_TOKEN environment value first. You might already have this token set in your global .npmrc file, because you've executed npm login --scope=fandom script before. In order to make your life easier we prepared a command that will retrieve this token automatically. Just run this command:

source scripts/set-artifactory-token.sh

Deploying test version

To deploy test version you need to run:

yarn release-test

This command will update package patch version + it will append -test.<number> tag. If you need to use another tag (i.e. if tag is already in use) you can pass it as argument to release-test script, like so:

yarn release-test <custom-tag>
# e.g.
yarn release-test my-test

Running release-test command multiple times will increment tag number, so you can deploy multiple versions.

Confluence page

https://wikia-inc.atlassian.net/wiki/display/DESYS/Design+System

Contributors

Contribute to this project

See all contributors on GitHub.

i18n

Localization messages for Design System components

Crowdin

See https://wikia-inc.atlassian.net/wiki/display/INT/i18n+tools for information on getting the design system i18n files to and from crowdin.

Copyright

Code and documentation copyright 2018 Fandom, Inc.

NOTE: code and images contained within this repo are NOT licensed for general use. Please contact us at http://fandom.wikia.com/about#contact if you're interested in licensing any part of this repo.

Installation

• git clone <repository-url> this repository
• cd my-app
• yarn install

Running / Development

• yarn dev
• Visit your app at http://localhost:4200.
• Visit your tests at http://localhost:4200/tests.

Code Generators

Make use of the many generators for code, try ember help generate for more details

Running Tests

• ember test
• ember test --server

Linting

• yarn lint:hbs
• yarn lint:js
• yarn lint:js -- --fix

Further Reading / Useful Links

• ember.js
• ember-cli
• Development Browser Extensions
  • ember inspector for chrome
  • ember inspector for firefox