Dist

Author: Derek Kent

.gitignore

@@ -4,7 +4,6 @@ npm-debug.log*
 yarn-debug.log*
 .eslintcache
 /coverage
-/dist
 /local
 /reports
 /node_modules

dist/Error.js

@@ -0,0 +1,25 @@
+'use strict';
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+class SyntaxError extends Error {
+  constructor(err) {
+    super(err);
+
+    this.name = 'Syntax Error';
+    this.message = '';
+
+    if (err.line) {
+      this.message += `\n\n[${err.line}:${err.column}] ${err.reason}`;
+    }
+
+    if (err.input.source) {
+      this.message += `\n\n${err.showSourceCode()}\n`;
+    }
+
+    Error.captureStackTrace(this, this.constructor);
+  }
+}
+
+exports.default = SyntaxError;

dist/cjs.js

@@ -0,0 +1,3 @@
+'use strict';
+
+module.exports = require('./index').default;

dist/index.js

@@ -0,0 +1,156 @@
+'use strict';
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = loader;
+
+var _options = require('./options.json');
+
+var _options2 = _interopRequireDefault(_options);
+
+var _loaderUtils = require('loader-utils');
+
+var _schemaUtils = require('schema-utils');
+
+var _schemaUtils2 = _interopRequireDefault(_schemaUtils);
+
+var _postcss = require('postcss');
+
+var _postcss2 = _interopRequireDefault(_postcss);
+
+var _url = require('./plugins/url');
+
+var _url2 = _interopRequireDefault(_url);
+
+var _import = require('./plugins/import');
+
+var _import2 = _interopRequireDefault(_import);
+
+var _Error = require('./Error');
+
+var _Error2 = _interopRequireDefault(_Error);
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+// Loader Defaults
+const DEFAULTS = {
+  url: true,
+  import: true,
+  sourceMap: false
+};
+
+// import runtime from './runtime';
+
+// TODO(michael-ciniawsky)
+// replace with postcss-icss-{url, import}
+/* eslint-disable
+import/first,
+import/order,
+no-shadow,
+no-param-reassign
+*/
+function loader(css, map, meta) {
+  // Loader Mode (Async)
+  const cb = this.async();
+  const file = this.resourcePath;
+
+  // Loader Options
+  const options = Object.assign({}, DEFAULTS, (0, _loaderUtils.getOptions)(this));
+
+  (0, _schemaUtils2.default)(_options2.default, options, 'CSS Loader');
+
+  if (options.sourceMap) {
+    if (map && typeof map !== 'string') {
+      map = JSON.stringify(map);
+    }
+  } else {
+    map = false;
+  }
+
+  const plugins = [];
+
+  // URL Plugin
+  if (options.url) {
+    plugins.push((0, _url2.default)(options));
+  }
+
+  // Import Plugin
+  if (options.import) {
+    plugins.push((0, _import2.default)(options));
+  }
+
+  if (meta) {
+    const { ast } = meta;
+    // Reuse CSS AST (PostCSS AST e.g 'postcss-loader')
+    // to avoid reparsing the CSS
+    if (ast && ast.type === 'postcss') {
+      css = ast.root;
+    }
+  }
+
+  map = options.sourceMap ? {
+    prev: map || false,
+    inline: false,
+    annotation: false,
+    sourcesContent: true
+  } : false;
+
+  return (0, _postcss2.default)(plugins).process(css, {
+    from: `/css-loader!${file}`,
+    map,
+    to: file
+  }).then(({ css, map, messages }) => {
+    if (meta && meta.messages) {
+      messages = messages.concat(meta.messages);
+    }
+
+    // CSS Imports
+    let imports = messages.filter(msg => msg.type === 'import' ? msg : false).reduce((imports, msg) => {
+      try {
+        msg = typeof msg.import === 'function' ? msg.import() : msg.import;
+
+        imports += msg;
+      } catch (err) {
+        // TODO(michael-ciniawsky)
+        // revisit (CSSImportsError)
+        this.emitError(err);
+      }
+
+      return imports;
+    }, '');
+
+    // CSS Exports
+    let exports = messages.filter(msg => msg.type === 'export' ? msg : false).reduce((exports, msg) => {
+      try {
+        msg = typeof msg.export === 'function' ? msg.export() : msg.export;
+
+        exports += msg;
+      } catch (err) {
+        // TODO(michael-ciniawsky)
+        // revisit (CSSExportsError)
+        this.emitError(err);
+      }
+
+      return exports;
+    }, '');
+
+    imports = imports ? `// CSS Imports\n${imports}\n` : false;
+    exports = exports ? `// CSS Exports\n${exports}\n` : false;
+    css = `// CSS\nexport default \`${css}\``;
+
+    // TODO(michael-ciniawsky)
+    // triage if and add CSS runtime back
+    const result = [imports, exports, css].filter(Boolean).join('\n');
+
+    cb(null, result, map ? map.toJSON() : null);
+
+    return null;
+  }).catch(err => {
+    err = err.name === 'CssSyntaxError' ? new _Error2.default(err) : err;
+
+    cb(err);
+
+    return null;
+  });
+}

dist/options.json

@@ -0,0 +1,28 @@
+{
+  "type": "object",
+  "properties": {
+    "url": {
+      "anyOf": [
+        { "type": "string" },
+        { "type": "boolean" },
+        { "instanceof": "RegExp" },
+        { "instanceof": "Function" }
+      ]
+    },
+    "import": {
+      "anyOf": [
+        { "type": "string" },
+        { "type": "boolean" },
+        { "instanceof": "RegExp" },
+        { "instanceof": "Function" }
+      ]
+    },
+    "minimize": {
+      "type": "boolean"
+    },
+    "sourceMap": {
+      "type": "boolean"
+    }
+  },
+  "additionalProperties": false
+}

dist/plugins/import.js

@@ -0,0 +1,112 @@
+'use strict';
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+
+var _postcss = require('postcss');
+
+var _postcss2 = _interopRequireDefault(_postcss);
+
+var _postcssValueParser = require('postcss-value-parser');
+
+var _postcssValueParser2 = _interopRequireDefault(_postcssValueParser);
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+/* eslint-disable */
+const plugin = 'postcss-icss-import';
+
+const getArg = nodes => nodes.length !== 0 && nodes[0].type === 'string' ? nodes[0].value : _postcssValueParser2.default.stringify(nodes);
+
+const getUrl = node => {
+  if (node.type === 'function' && node.value === 'url') {
+    return getArg(node.nodes);
+  }
+  if (node.type === 'string') {
+    return node.value;
+  }
+  return '';
+};
+
+const parseImport = params => {
+  const { nodes } = (0, _postcssValueParser2.default)(params);
+
+  if (nodes.length === 0) {
+    return null;
+  }
+
+  const url = getUrl(nodes[0]);
+
+  if (url.trim().length === 0) {
+    return null;
+  }
+
+  return {
+    url,
+    media: _postcssValueParser2.default.stringify(nodes.slice(1)).trim()
+  };
+};
+
+const URL = /^\w+:\/\//;
+
+const filter = (url, options) => {
+  if (URL.test(url)) {
+    return true;
+  }
+
+  if (url.startsWith('//')) {
+    return true;
+  }
+
+  if (options.import instanceof RegExp) {
+    return options.import.test(url);
+  }
+
+  if (typeof options.import === 'function') {
+    return options.import(url);
+  }
+
+  return false;
+};
+
+const walkImports = (css, cb) => {
+  css.each(node => {
+    if (node.type === 'atrule' && node.name.toLowerCase() === 'import') {
+      cb(node);
+    }
+  });
+};
+
+exports.default = _postcss2.default.plugin(plugin, options => (css, result) => {
+  let idx = 0;
+
+  walkImports(css, atrule => {
+    if (atrule.nodes) {
+      return result.warn('It looks like you didn\'t end your @import statement correctly.\nChild nodes are attached to it.', { node: atrule });
+    }
+
+    const parsed = parseImport(atrule.params);
+
+    if (parsed === null) {
+      return result.warn(`Unable to find URI in '${atrule.toString()}'`, {
+        node: atrule
+      });
+    }
+
+    let idx = 0;
+    const url = parsed.url;
+
+    if (!filter(url, options)) {
+      atrule.remove();
+
+      result.messages.push({
+        type: 'import',
+        plugin: 'postcss-icss-import',
+        import: `import CSS__IMPORT__${idx} from '${url}';\n`
+      });
+
+      idx++;
+    }
+  });
+});