Giter Club home page Giter Club logo

karma-coffee-preprocessor's Introduction

@prantlf/karma-coffee-preprocessor

Latest version Dependency status Code coverage

Karma preprocessor to compile CoffeeScript on the fly.

This is a fork of the original project with the following changes:

  • Upgrade to CoffeeScript 2 (#87, #89, #91)
  • Move coffeescript to peer dependencies
  • Allow saving the transformed script with source map to disk
  • Require Node.js 8 or newer

For more information on Karma see the homepage.

Installation

The easiest way is to keep @prantlf/karma-coffee-preprocessor as a devDependency. You can simply do it by:

npm install @prantlf/karma-coffee-preprocessor --save-dev

This package requires karma and coffeescript as peer dependencies. If your package manager doesn't install peer dependencies automatically, you will need to install them together:

npm install @prantlf/karma-coffee-preprocessor karma coffeescript --save-dev

Configuration

The following code shows the default configuration:

// karma.conf.js
module.exports = function(config) {
  config.set({
    preprocessors: {
      '**/*.coffee': ['coffee']
    },

    coffeePreprocessor: {
      // default options passed to the coffee compiler
      options: {
        bare: true,
        sourceMap: false
      },
      // default transforming the filenames
      transformPath(path) {
        return path.replace(/\.coffee$/, '.js')
      }
    },

    // make sure to include the .coffee files, not the compiled .js files
    files: [
      '**/*.coffee'
    ]
  })
}

If you set the sourceMap coffee compiler option to true then the generated source map will be inlined as a data URI.

Note that paths like **/*.coffee inside your preprocessors list will not match files where you are traversing up a directory (like ../app/*.coffee inside your files list) or where your basePath goes up a directory. If you need to match these, use something like preprocessors: { '../**/*.coffee': ['coffee'] }.

External Source Maps

If you use tools for analysing the web application or computing code coverage, you may need to save the preprocessed scripts with source maps to disk.

For example, the following configuration will save the transformed scripts and source maps as siblings of the original source files:

coffeePreprocessor: {
  options: {
    sourceMap: true
  },
  writeTransformed: true
},
files: [
  '*.coffee',
  { pattern: '*.map', included: false, nocache: true }
]
├── plus.coffee
├── plus.js
├── plus.js.map
├── test.coffee
├── test.js
└── test.js.map

For example, the following configuration will save the transformed scripts and source maps to a separate directory from the original source files:

coffeePreprocessor: {
  options: {
    sourceMap: true
  },
  writeTransformed: true,
  transformDir: 'tmp'
},
files: [
  '*.coffee',
  { pattern: '**/*.map', included: false, nocache: true }
]
├── plus.coffee
├── test.coffee
└── tmp
    ├── plus.js
    ├── plus.js.map
    ├── test.js
    └── test.js.map`

Contributing

In lieu of a formal styleguide, take care to maintain the existing coding style. Lint and test your code.

License

Copyright (C) 2011-2013 Google, Inc.
Copyright (c) 2023 Ferdinand Prantl

Licensed under the MIT license.

karma-coffee-preprocessor's People

Contributors

vojtajina avatar prantlf avatar dignifiedquire avatar zheller avatar avindra avatar zzo avatar semantic-release-bot avatar xrd avatar johanneswuerbach avatar kylezeeuwen avatar maksimr avatar makebbekus avatar whscullin avatar ehuss avatar

Stargazers

 avatar Anthony Panozzo avatar

Watchers

 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.