Fix Picture tag outputting a comment and export image directly instead of as default when loading. (#526)

Author: chokoswitch

common/web/base-web/.eslintrc.js

@@ -0,0 +1,9 @@
+module.exports = {
+  extends: '@curiostack/web',
+  rules: {
+    'react/destructuring-assignment': 'off',
+  },
+  parserOptions: {
+    tsconfigRootDir: __dirname,
+  }
+};

common/web/base-web/.eslintrc.json

@@ -1,6 +1,6 @@
 {
   "name": "@curiostack/base-web",
-  "version": "0.2.1",
+  "version": "0.2.2",
   "description": "Curiostack's base dependencies for browser applications.",
   "repository": "curioswitch/curiostack",
   "author": "Choko <choko@curioswitch.org>",

common/web/base-web/package.json

@@ -48,7 +48,6 @@ export default class Picture extends React.PureComponent<Props> {
           // eslint-disable-next-line react/jsx-props-no-spreading
           <source key={source.type} {...source} />
         ))}
-        // eslint-disable-next-line jsx-a11y/alt-text
         {/* eslint-disable-next-line react/jsx-props-no-spreading */}
         <img src={image.fallback} alt={alt} {...others} />
       </picture>

common/web/base-web/src/components/Picture/index.tsx

@@ -176,7 +176,7 @@ async function run(ctx: LoaderContext, content: Buffer) {
     fallback,
   };
 
-  ctx.callback(undefined, `export default ${JSON.stringify(output)}`);
+  ctx.callback(undefined, `module.exports = ${JSON.stringify(output)}`);
 }
 
 export default function curioImageLoader(this: LoaderContext, content: Buffer) {

common/web/base-web/src/dev/webpack/curio-image-loader/index.ts

@@ -16,7 +16,7 @@
     "@babel/runtime-corejs2": "7.8.7",
     "@babel/runtime-corejs3": "7.8.7",
     "@curiostack/base-node-dev": "0.2.0",
-    "@curiostack/base-web": "0.2.1",
+    "@curiostack/base-web": "0.2.2",
     "@curiostack/eslint-config-base": "0.2.0",
     "@curiostack/eslint-config-web": "0.2.0",
     "@curiostack/tsconfig": "0.1.0",

package.json

@@ -906,7 +906,7 @@
     typescript "3.8.3"
 
 "@curiostack/base-web@0.2.0":
-  version "0.2.1"
+  version "0.2.2"
   dependencies:
     "@babel/core" "7.8.7"
     "@babel/plugin-proposal-async-generator-functions" "7.8.3"