Displaying 1 to 20 from 23 results

jekyll-assets - :art: Asset pipelines for Jekyll.

  •    Ruby

Jekyll Assets is a drop in asset pipeline that uses Sprockets to build specifically for Jekyll. It utilizes Sprockets, and Jekyll to try and achieve a clean, and extensible assets platform that supports plugins, caching, converting your assets. It even supports proxying of said assets in a way that does not interfere with either Sprockets, or Jekyll, or your own source. By default you can add Jekyll Assets to your Gemfile, as a plugin, and have it act as a drop-in replacement for Jekyll's basic SASS processors, with you only having to add it to your Gemfile, and updating your <img>, and <link>. The configuration file is the same as Jekyll's, which is _config.yml. Except we use the special key called assets inside of that file. All values listed below are default, you need not copy these into your configuration file unless you plan to change a value. Setting a value makes it explicit, and shared across both production, and development.

serviceworker-rails - Use Service Worker with the Rails asset pipeline

  •    Ruby

The Rails asset pipeline makes a number of assumptions about what's best for deploying JavaScript, including asset digest fingerprints and long-lived cache headers - mostly to increase "cacheability". Rails also assumes a single parent directory, /public/assets, to make it easier to look up the file path for a given asset. Service workers may only be active from within the scope from which they are served. So if you try to register a service worker from a Rails asset pipeline path, like /assets/serviceworker-abcd1234.js, it will only be able to interact with requests and responses within /assets/**. This is not what we want.

inline_svg - Embed SVG documents in your Rails views and style them with CSS

  •    Ruby

Styling a SVG document with CSS for use on the web is most reliably achieved by adding classes to the document and embedding it inline in the HTML. This gem adds a Rails helper method (inline_svg) that reads an SVG document (via Sprockets, so works with the Rails Asset Pipeline), applies a CSS class attribute to the root of the document and then embeds it into a view.




lingon - A user friendly tool for building single-page JavaScript applications

  •    Javascript

Lingon is a performant single-page application dev tool that focuses on developer happiness. At Spotify we use Lingon to build Angular.js applications.Lingon is a build tool that favors convention over configuration. By employing a similar file structure across your projects you can minimize the amount of build configuration you need to write and maintain. We've borrowed this idea from middleman and Sprockets. If you already know these tools you'll feel right at home with Lingon.

jquery-tmpl-rails - jQuery Templates for the Rails asset pipeline.

  •    Ruby

This gem adds the jQuery Templates plugin and a corresponding Sprockets engine to the asset pipeline in Rails >= 3.1 applications. Add it to your Gemfile and run bundle.

execjs-fastnode - :zap: A faster Node.JS integration for Ruby/Rails ExecJS

  •    Ruby

An alternative implementation of ExecJS's Node.js integration. This aims to speed up sprockets compilation without needing to embed a javascript interpreter inside of ruby like therubyracer. Much.

connect-mincer - Connect middleware for Mincer (a JavaScript port of Sprockets)

  •    Javascript

This is an Express-compatible, Connect middleware for Mincer. Mincer is an excellent port of Sprockets, which means it is a robust and comprehensive asset manager for your Node app. However, Mincer makes no assumptions about your application so by default it requires some work to get going with a typical Express app.


webpack-sprockets-rails-manifest-plugin - Allow Sprockets to load files from a Webpack build

  •    Javascript

A Webpack plugin that allows sprockets-rails to find static assets from a Webpack build without requiring them in sprockets directives. We can leverage standard Rails view helpers (i.e. javascript_include_tag, stylesheet_link_tag) to load artifacts supporting finger printing and prepended host urls. To automatically create the recommended configuration install the webpack_on_rails gem and run the webpack_on_rails:install generator.

karma-sprockets-mincer - Plugin to support Sprockets in Karma via Mincer

  •    CoffeeScript

Add karma-sprockets-mincer as a devDependency in your package.json. Add the plugin to your config file.

sprockets-sass - Better Sass integration with Sprockets 2.x

  •    Ruby

When using Sprockets 2.x with Sass you will eventually run into a pretty big issue. //= require directives will not allow Sass mixins, variables, etc. to be shared between files. So you'll try to use @import, and that'll also blow up in your face. sprockets-sass fixes all of this by creating a Sass::Importer that is Sprockets aware. Now @import works essentially just like a require directive, but with one essential bonus: Sass mixins, variables, etc. work as expected.

rails-vue-loader - Vue.js single file component loader for rails

  •    Ruby

rails-vue-loader(formerly sprockets-vue) -- a Sprockets transformer that converts .vue file into js object. add gem 'rails-vue-loader' to Gemfile, and run bundle, currently works with sprockets 3.

spritely - Hooks into the Sprockets asset packaging system to allow you to easily generate sprite maps

  •    Ruby

Spritely hooks into the Sprockets asset packaging system to allow you to easily generate sprite maps. See the list of releases for changes in each version.

karma-sprockets - Helps integrating rails & karma

  •    Javascript

This is a plugin for sprockets based web applications. Notably, it tightens the integration between karma and rails applications. (Because they use sprockets bundles by default). Adds a couple of configuration options to help with loading js files defined in sprockets bundles (via require directives). This is now the default way to structure client side code in Rails applications.

sprockets-standalone - Rack task library for using Sprockets standalone.

  •    Ruby

Rack task library for using Sprockets standalone. You can give a name to the task that will be used for namespacing. The example above will generate the rake tasksassets:compile, assets:clobber and assets:clean. Default value for name is assets.

react-rails-example-app - Minimal basic demonstration React-Rails sample application using Webpacker

  •    Ruby

This repo is an example of a simple working Rails 5, Webpack(er)3, React-Rails 2.3+ application. Where generators are used, the git commit will be the command ran to get to the current application state so it will hopefully be easy to follow along at home.

sprockets-bumble_d - Facilitating incremental migration of a large Sprockets-powered javascript codebase to ES6 modules

  •    Ruby

Babel + UMD = BumbleD. Incrementally migrate your Sprockets-powered javascript to ES6 modules by transforming them to UMD modules that preserve your existing global references. ES6 modules are the future. The syntax is great: it's concise and straightforward, and the static and explicit nature of import and export statements make your code a complete spec of its dependencies and how to resolve them. This means that moving to ES6 modules also makes moving away from Sprockets //= require directives for javascript bundling (and Sprockets in general) much easier.

gulp-resolve-dependencies - Gulp plugin to resolve asset dependencies

  •    Javascript

Resolve dependency directives in assets, e.g. @depend (Juicer) or //= require (Sprockets)). Inspired by grunt-concat-in-order. Useful in combination with gulp-concat. Warning: This might not be very efficient (especially in case of nested dependencies). Some kind of caching mechanism could come in handy.

Sprockets-PHP - Sprockets for PHP

  •    PHP

It's primarily meant to deal with JS and CSS but can as well be used for HTML (HAML, Twig, Slim...). You can add your own filters in a very flexible way (see below). You have to create an instance of Sprockets\Pipeline. The argument is the array of "base paths" from where the Pipeline has to search files.