storybook: Breaking changes in @storybook/polymer from 5.1.3 to 5.1.4

I was finally able to get 5.1.11 to build, using the following webpack.config.js:

const and = require('crocks/logic/and');
const isString = require('crocks/predicates/isString');
const compose = require('crocks/helpers/compose');
const propOr = require('crocks/helpers/propOr');

const includes = x => xs => xs.includes(x);
const some = p => xs => xs.some(p);

const getUse = propOr(null, 'use');

const isStyleLoader = and(isString, includes('style-loader'));

const usesStyleLoader = compose(some(isStyleLoader), getUse);

const LIT_CSS_REGEXP = /src\/(.*)\.css$/

const options = require('../.babelrc');

const LIT_CSS_RULE = {
  test: LIT_CSS_REGEXP,
  loader: 'lit-css-loader',
}

const transpilePackages = [
  'lit-html',
  'lit-element',
  '@open-wc',
  'crocks'
]

// this is a separate config for only those packages
// the main storybook will use the .babelrc which is needed so storybook itself works in IE
const TRANSPILE_PACKAGES_RULE = {
  test: /\.js$/,
  include: transpilePackages.map(package => new RegExp(`node_modules(\\/|\\\\)(${package})(.*)\\.js$`)) ,
  exclude: [/@babel\/runtime/, /core-js/, /axe-core/, /@storybook/],
  loader: 'babel-loader',
  options: {
    plugins: [
      '@babel/plugin-syntax-dynamic-import',
      '@babel/plugin-proposal-object-rest-spread',
    ],
    presets: [
      [
        '@babel/preset-env',
        {
          useBuiltIns: 'entry',
          corejs: '3',
        },
      ],
    ],
    babelrc: false,
  }
}

const BABEL_LOADER_RULE = {
  test: /\.js$/,
  loader: 'babel-loader',
  exclude: [/@babel\/runtime/, /core-js/, /axe-core/],
  options
}

module.exports = ({ config }) => {
  config.module.rules = [
    ...config.module.rules,
    BABEL_LOADER_RULE,
    LIT_CSS_RULE,
    TRANSPILE_PACKAGES_RULE,
  ];

  config.module.rules
    .find(usesStyleLoader)
    .exclude = LIT_CSS_REGEXP;

  return config;
};

If someone wants that commit be make it into @storybook/polymer, they’d have to open a PR here https://github.com/storybookjs/storybook/tree/master/app/polymer

FYI we’re dropping support for storybook for polymer and focussing on supporting plain web-components instead.