gatsby-plugin-image/dist/gatsby-node.js

Adding responsive images to your site while maintaining high performance scores can be difficult to do manually. The Gatsby Image plugin handles the hard parts of producing images in multiple sizes and formats for you!

"use strict";
var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
    if (k2 === undefined) k2 = k;
    Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
}) : (function(o, m, k, k2) {
    if (k2 === undefined) k2 = k;
    o[k2] = m[k];
}));
var __exportStar = (this && this.__exportStar) || function(m, exports) {
    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
};
exports.__esModule = true;
exports.onCreateWebpackConfig = exports.onCreateBabelConfig = exports.createSchemaCustomization = void 0;
var node_utils_1 = require("./node-apis/node-utils");
var resolver_utils_1 = require("./resolver-utils");
var semver_1 = require("semver");
__exportStar(require("./node-apis/preprocess-source"), exports);
var createSchemaCustomization = function (_a) {
    var actions = _a.actions, schema = _a.schema;
    actions.createTypes([
        schema.buildEnumType(resolver_utils_1.ImageFormatType),
        schema.buildEnumType(resolver_utils_1.ImageLayoutType),
        schema.buildEnumType(resolver_utils_1.ImagePlaceholderType),
    ]);
};
exports.createSchemaCustomization = createSchemaCustomization;
var onCreateBabelConfig = function (_a) {
    var actions = _a.actions, store = _a.store;
    var root = store.getState().program.directory;
    var cacheDir = (0, node_utils_1.getCacheDir)(root);
    actions.setBabelPlugin({
        name: require.resolve("./babel-plugin-parse-static-images"),
        options: {
            cacheDir: cacheDir
        }
    });
};
exports.onCreateBabelConfig = onCreateBabelConfig;
var onCreateWebpackConfig = function (_a) {
    var stage = _a.stage, plugins = _a.plugins, actions = _a.actions;
    if (stage !== "develop" &&
        stage !== "build-javascript" &&
        stage !== "build-html") {
        return;
    }
    actions.setWebpackConfig({
        plugins: [
            plugins.define({
                // eslint-disable-next-line @typescript-eslint/naming-convention
                GATSBY___IMAGE: true,
                HAS_REACT_18: JSON.stringify((0, semver_1.major)(require("react-dom/package.json").version) >= 18)
            }),
        ]
    });
};
exports.onCreateWebpackConfig = onCreateWebpackConfig;