New Gatsby image plugin (#26924)

* Add static image plugin

* Parse static image files

* Fix package.json

* Better static analysis

* Use jsx utils package

* Fix typings

* Typecheck fix

* Fix repo fields

* Helpful warning

* Re-enable duotone

* Update readme

* Improve typings

* wip fixed image fields for tracedSVG and webP

* handle fluid images as well

* Use require rather than JSON import

* Watch files for changes, and use relative paths

* Improve types

* Add type

* Update yarn.lock

* Add lots of comments and remove unused stuff

* Create and watch our own nodes

* Update readme

* Update deps

* Only watch in develop

* Rename to gatsby-plugin-image

* Rearrange, ready for merger

* Import @wardpeet 's gatsby-image-netxtgen

* Update typings and further merge packages

* Build babel plugin

* More merging

* Add server/browser static image variants

* include webpack changes

* change error message to use gatsby-plugin-image

* Fix compat compilation

* Fix SSR

* Merge readmes

* Build browser bundle

* Export correctly from browser entry point

* Remove hook import

* Apply suggestions from code review

Co-authored-by: LB <laurie@gatsbyjs.com>

* Changes from review

* add path prefix, static image do e2e test

* Add prepare script

* Apply README suggestions from code review

Co-authored-by: LB <laurie@gatsbyjs.com>

* Fix image component in e2e test

* Better error messages

* Prefer svg over base64. Warn for unsupported art direction

* Fix type

* Use "layout" instead of fixed/fluid

* add static images to production runtime site

* add path prefix tests

* Reorg types. Change private prop name

* initial gatsby static image tests

* add test suite to circle ci

* add test suite to circle ci

* add test suite to circle ci

* remove unused imports, use valid fluid setting

* Use new fluid props syntax

* Better var name

* update tests

* remove tests that no longer match the expected DOM

* More compat-fixes

* Change classname to match old version

* Compat improvements

* Update tests to match new classname

* v0.0.1

* Add readme caveat

* Update version in packages

* Remove forcewrapper

* Changes from review

* Apply suggestions from code review

Co-authored-by: Ward Peeters <ward@coding-tech.com>

* fix windows require

* fix intrinsic & responsive layout

* update e2e-test

* move babel-plugin-remove-graphql-queries to dep

Co-authored-by: Kyle Gill <kylerobertgill@gmail.com>
Co-authored-by: Laurie <laurie@gatsbyjs.com>
Co-authored-by: gatsbybot <mathews.kyle+gatsbybot@gmail.com>
Co-authored-by: Ward Peeters <ward@coding-tech.com>

Author: 5 people

.circleci/config.yml

@@ -368,6 +368,13 @@ jobs:
           test_path: e2e-tests/mdx
           test_command: yarn test
 
+  e2e_tests_gatsby-static-image:
+    <<: *e2e-executor
+    steps:
+      - e2e-test:
+          test_path: e2e-tests/gatsby-static-image
+          test_command: yarn test
+
   starters_validate:
     executor: node
     steps:
@@ -573,6 +580,8 @@ workflows:
           <<: *e2e-test-workflow
       - e2e_tests_gatsby-image:
           <<: *e2e-test-workflow
+      - e2e_tests_gatsby-static-image:
+          <<: *e2e-test-workflow
       - e2e_tests_development_runtime:
           <<: *e2e-test-workflow
       - e2e_tests_production_runtime:

e2e-tests/development-runtime/gatsby-config.js

@@ -48,6 +48,7 @@ module.exports = {
         icon: `src/images/gatsby-icon.png`, // This path is relative to the root of the site.
       },
     },
+    `gatsby-plugin-image`,
     // this (optional) plugin enables Progressive Web App + Offline functionality
     // To learn more, visit: https://gatsby.dev/offline
     // 'gatsby-plugin-offline',