@tdb/web/debug.js/node_modules/styled-jsx/dist/webpack.js

Common condiguration for serving a web-site and testing web-based UI components.

'use strict';

var loaderUtils = require('loader-utils');

var types = ['scoped', 'global', 'resolve'];

module.exports = function (content) {
  if (this.cacheable) this.cacheable();
  this.addDependency(this.resourcePath);
  var options = loaderUtils.getOptions(this) || {};

  if (!options.type) {
    options.type = 'scoped';
  }

  // Calls type with the current file name.
  if (typeof options.type === 'function') {
    options.type = options.type(this.resourcePath);
  }

  if (!types.includes(options.type)) {
    return this.callback('The given `type` option is invalid. \n\n' + 'Expected:\n One of scoped|global|resolve \n\n' + 'Actual:\n ' + options.type);
  }

  // Allows to define the type for each individual file using a CSS comment.
  var commentType = content.match(/\/*\s*@styled-jsx=(scoped|global|resolve)/);
  if (commentType) {
    options.type = commentType[1];
  }

  var output = 'import css from \'styled-jsx/css\';\n\nexport default css';

  if (options.type === 'global') {
    // css.global``
    output += '.global';
  } else if (options.type === 'resolve') {
    // css.resolve``
    output += '.resolve';
  }
  // default css``

  // Escape backticks and backslashes: “`” ⇒ “\`”, “\” ⇒ “\\”
  // (c) https://git.io/fNZzr
  output += '`' + content.replace(/[`\\]/g, function (match) {
    return '\\' + match;
  }) + '`';

  this.callback(null, output);
};