Initial commit

Author: markdalgleish

.editorconfig

@@ -0,0 +1,13 @@
+# editorconfig.org
+root = true
+
+[*]
+indent_style = space
+indent_size = 2
+end_of_line = lf
+charset = utf-8
+trim_trailing_whitespace = true
+insert_final_newline = true
+
+[*.md]
+trim_trailing_whitespace = false

.gitignore

@@ -0,0 +1,2 @@
+node_modules/
+npm-debug.log

.npmignore

@@ -0,0 +1,4 @@
+.gitignore
+node_modules/
+test.js
+.travis.yml

.travis.yml

@@ -0,0 +1,6 @@
+sudo: false
+language: node_js
+node_js:
+  - iojs
+  - "0.12"
+  - "0.10"

LICENSE

@@ -0,0 +1,20 @@
+The MIT License (MIT)
+
+Copyright 2015 Mark Dalgleish <[email protected]>
+
+Permission is hereby granted, free of charge, to any person obtaining a copy of
+this software and associated documentation files (the "Software"), to deal in
+the Software without restriction, including without limitation the rights to
+use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of
+the Software, and to permit persons to whom the Software is furnished to do so,
+subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS
+FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR
+COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER
+IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN
+CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.

README.md

@@ -0,0 +1,30 @@
+[![Build Status][ci-img]][ci]
+
+# PostCSS Local Scope
+
+*WARNING: This plugin is still a work in progress and not yet ready for production.*
+
+[PostCSS] plugin to transform global selectors into the [local scope] format of [Webpack]'s [css-loader].
+
+[PostCSS]:     https://github.com/postcss/postcss
+[ci-img]:      https://img.shields.io/travis/markdalgleish/postcss-local-scope/master.svg?style=flat-square
+[ci]:          https://travis-ci.org/markdalgleish/postcss-local-scope
+[Webpack]:     http://webpack.github.io
+[css-loader]:  https://github.com/webpack/css-loader
+[local scope]: https://github.com/webpack/css-loader#local-scope
+
+```css
+.foo { /* ... */ }
+```
+
+```css
+.local[foo] { /* ... */ }
+```
+
+## Usage
+
+```js
+postcss([ require('postcss-local-scope') ])
+```
+
+See [PostCSS] docs for examples for your environment.

index.js

@@ -0,0 +1,10 @@
+var postcss = require('postcss');
+
+module.exports = postcss.plugin('postcss-local-scope', function () {
+  return function(css) {
+    css.eachRule(function(rule) {
+      // source: http://stackoverflow.com/questions/448981/what-characters-are-valid-in-css-class-names-selectors
+      rule.selector = rule.selector.replace(/.(-?[_a-zA-Z]+[_a-zA-Z0-9-]*)/g, '.local[$1]');
+    });
+  };
+});

package.json

@@ -0,0 +1,27 @@
+{
+  "name": "postcss-local-scope",
+  "version": "0.0.0",
+  "description": "PostCSS plugin to transform global selectors into the local scope format of Webpack's css-loader",
+  "keywords": [
+    "postcss",
+    "css",
+    "postcss-plugin",
+    "webpack",
+    "css-loader"
+  ],
+  "author": "Mark Dalgleish",
+  "license": "MIT",
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/markdalgleish/postcss-local-scope.git"
+  },
+  "dependencies": {
+    "postcss": "^4.1.5"
+  },
+  "devDependencies": {
+    "tape": "^4.0.0"
+  },
+  "scripts": {
+    "test": "tape test.js"
+  }
+}

test.js

@@ -0,0 +1,36 @@
+var test = require('tape');
+var postcss = require('postcss');
+var plugin = require('./');
+var name = require('./package.json').name;
+
+var tests = [
+  {
+    should: 'scope selectors',
+    input: '.foobar {}',
+    expected: '.local[foobar] {}'
+  },
+  {
+    should: 'scope multiple selectors',
+    input: '.foo, .baz {}',
+    expected: '.local[foo], .local[baz] {}'
+  }
+];
+
+function process (css, options) {
+    return postcss(plugin(options)).process(css).css;
+}
+
+test(name, function (t) {
+    t.plan(tests.length);
+
+    tests.forEach(function (test) {
+        var options = test.options || {};
+        t.equal(process(test.input, options), test.expected, 'should ' + test.should);
+    });
+});
+
+test('should use the postcss plugin api', function (t) {
+    t.plan(2);
+    t.ok(plugin().postcssVersion, 'should be able to access version');
+    t.equal(plugin().postcssPlugin, name, 'should be able to access name');
+});