Git Product home page Git Product logo

aurelia-wizard's Introduction

aurelia-plugin-skeleton

Build Status Gitter

Starter package for aurelia-plugins following SpoonX conventions.

This aurelia-plugin starter repository uses spoonx-tools for all the gulp build tasks, karma setup and linting rules.

Features:

  • jspm as package manager for the plugin
  • babel6 and babel-dts-builder for transpilation
  • builds for all module loaders and creates a usable basic d.ts file for typescript
  • contains all the entries for jspm, webpack or aurelia-cli installation, for both, ESNext and Typescript
  • starter readme.md (to come) with installation instructions
  • basic travis.yml
  • spoonx.js contains the various build options
  • gulpfile.js contains express routes for the tests
  • gulp help lists the available tasks

Prerequisites:

Global gulp and jspm installation

npm i -g gulp jspm

Guideline:

(to come)

initially

  • update package name in package.json, bower.json, typings.json
  • update travis.yml and enable it in https://travis-ci.org/

after adding dependecies

  • update spoonx.js, package.json, main.js imports
  • prepare-release
  • fix/update package.json/bower.json
  • update installation installations

update spoonx.js, package.json, main.js imports for app bundling

  • import all globalResources in the main file
  • add those to spoonx.js importsToAdd and jsResources
  • add those to package.json's' "aurelia.build.resources"
  • add to "aurelia.build.resources" also all view.htmls without own view-model
  • add internal imports eg extend to spoonx.js to importsToIgnoreForDts

Installation guideline template

Aurelia-Cli

Run npm i aurelia-plugin-skeleton --save from your project root.

Aurelia-plugin-skeleton makes use of extend. So, add following to the build.bundles.dependencies section of aurelia-project/aurelia.json.

"dependencies": [
  // ...
  "extend",
  {
    "name": "aurelia-plugin-skeleton",
    "path": "../node_modules/aurelia-plugin-skeleton/dist/amd",
    "main": "aurelia-plugin-skeleton",
    "resources": [
      "component/**/*.html"
    ]
  },
  // ...
],

Jspm

Run jspm i aurelia-plugin-skeleton from your project root.

Add following to the desired includes section of build/bundles.js, eg:

"aurelia": {
  "includes": [
    //...
    "aurelia-plugin-skeleton",
    "[aurelia-plugin-skeleton/**/*.js]",
    "aurelia-plugin-skeleton/**/*.html!text",
    //...
  ]
}

If the installation results in having forks, try resolving them by running:

jspm inspect --forks
jspm resolve --only registry:package-name@version

Webpack

Run npm i aurelia-plugin-skeleton --save from your project root.

And add aurelia-plugin-skeleton in the coreBundles.aurelia section of your webpack.config.js.

Typescript

Npm-based installations pick up the typings automatically. For Jspm-based installations, run typings i github:spoonx/aurelia-plugin-skeleton or add "aurelia-plugin-skeleton": "github:spoonx/aurelia-plugin-skeleton", to your typings.json and run typings i.

aurelia-wizard's People

Contributors

josiahhaswell avatar

Stargazers

Mohamed Amine Bouchalkha avatar Bas Ven avatar Lisa Gumerman avatar

Watchers

James Cloos avatar Bas avatar  avatar Mohamed Amine Bouchalkha avatar Lisa Gumerman avatar  avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.