@plasmicapp/loader-gatsby 1.0.27 → 1.0.31

package/dist/gatsby-node.d.ts

@@ -1,14 +1,17 @@
-import { InitOptions } from "@plasmicapp/loader-react/dist/loader";
-export declare const onPreInit: ({ reporter }: {
-    reporter: any;
-}) => any;
-declare type GatsbyPluginOptions = InitOptions & {
-    defaultPlasmicPage?: string;
-    ignorePaths?: string[];
-};
-export declare const sourceNodes: ({ actions, createContentDigest, reporter }: any, opts: GatsbyPluginOptions) => Promise<void>;
-export declare const createResolvers: ({ createResolvers }: {
-    createResolvers: any;
-}, opts: GatsbyPluginOptions) => void;
-export declare const createPages: ({ graphql, actions, reporter }: any, opts: GatsbyPluginOptions) => Promise<void>;
-export {};
+import { InitOptions } from "@plasmicapp/loader-react/dist/loader";
+export declare const onPreInit: ({ reporter }: {
+    reporter: any;
+}) => any;
+declare type GatsbyPluginOptions = InitOptions & {
+    defaultPlasmicPage?: string;
+    ignorePaths?: string[];
+};
+export declare const sourceNodes: ({ actions, createContentDigest, reporter }: any, opts: GatsbyPluginOptions) => Promise<void>;
+export declare const createResolvers: ({ createResolvers }: {
+    createResolvers: any;
+}, opts: GatsbyPluginOptions) => void;
+export declare const createSchemaCustomization: ({ actions }: {
+    actions: any;
+}) => void;
+export declare const createPages: ({ graphql, actions, reporter }: any, opts: GatsbyPluginOptions) => Promise<void>;
+export {};

package/dist/gatsby-node.js

@@ -0,0 +1,242 @@
+"use strict";
+exports.__esModule = true;
+exports.createPages = exports.createSchemaCustomization = exports.createResolvers = exports.sourceNodes = exports.onPreInit = void 0;
+var tslib_1 = require("tslib");
+var loader_react_1 = require("@plasmicapp/loader-react");
+var server_require_1 = tslib_1.__importDefault(require("./server-require"));
+var onPreInit = function (_a) {
+    var reporter = _a.reporter;
+    return reporter.success("Loaded @plasmicapp/loader-gatsby");
+};
+exports.onPreInit = onPreInit;
+var PLASMIC_NODE_NAME = "plasmicData";
+var PLASMIC_DATA_TYPE = "\n  type " + PLASMIC_NODE_NAME + " implements Node {\n    name: String!\n    projectId: String!\n    path: String\n    isPage: Boolean!\n    renderData: JSON!\n  }\n\n  type Query {\n    plasmicComponents(componentNames: [String]!): JSON\n    plasmicOptions: JSON\n  }\n";
+var SOURCE_WAIT_TIME = 3000; // 3 seconds
+var SOURCE_MAX_WAIT_TIME = 10000; // 10 seconds
+var allPaths = [];
+var sourceNodes = function (_a, opts) {
+    var actions = _a.actions, createContentDigest = _a.createContentDigest, reporter = _a.reporter;
+    return tslib_1.__awaiter(void 0, void 0, void 0, function () {
+        var createNode, deleteNode, allComponents, refreshData, debounce, triggerSourcing_1, PlasmicRemoteChangeWatcher, watcher;
+        return tslib_1.__generator(this, function (_b) {
+            switch (_b.label) {
+                case 0:
+                    createNode = actions.createNode, deleteNode = actions.deleteNode;
+                    allComponents = [];
+                    refreshData = function () { return tslib_1.__awaiter(void 0, void 0, void 0, function () {
+                        var PLASMIC, components, _loop_1, _i, allComponents_1, component, _a, components_1, component, renderData, curComponent, componentMeta, componentNode;
+                        return tslib_1.__generator(this, function (_b) {
+                            switch (_b.label) {
+                                case 0:
+                                    reporter.info("[Plasmic Loader] - Creating nodes");
+                                    PLASMIC = loader_react_1.initPlasmicLoader({
+                                        projects: opts.projects,
+                                        preview: opts.preview,
+                                        host: opts.host,
+                                        platform: "gatsby"
+                                    });
+                                    return [4 /*yield*/, PLASMIC.fetchComponents()];
+                                case 1:
+                                    components = _b.sent();
+                                    _loop_1 = function (component) {
+                                        var hasComponent = components.some(function (c) { return c.name === component.name; });
+                                        /**
+                                         * We shouldn't delete nodes that will be updated, if we delete all nodes
+                                         * and then create it again, this could case the graphql layer to have no
+                                         * plasmic data for some time, but this can be enough time to a re render
+                                         * causing components that call a graphql query to plasmic data to crash
+                                         * */
+                                        if (!hasComponent) {
+                                            deleteNode(component);
+                                            reporter.verbose("[Plasmic Loader] - Deleted node " + component.name);
+                                        }
+                                    };
+                                    for (_i = 0, allComponents_1 = allComponents; _i < allComponents_1.length; _i++) {
+                                        component = allComponents_1[_i];
+                                        _loop_1(component);
+                                    }
+                                    allComponents = [];
+                                    _a = 0, components_1 = components;
+                                    _b.label = 2;
+                                case 2:
+                                    if (!(_a < components_1.length)) return [3 /*break*/, 5];
+                                    component = components_1[_a];
+                                    return [4 /*yield*/, PLASMIC.fetchComponentData({
+                                            name: component.name,
+                                            projectId: component.projectId
+                                        })];
+                                case 3:
+                                    renderData = _b.sent();
+                                    curComponent = tslib_1.__assign(tslib_1.__assign({}, component), { renderData: renderData });
+                                    componentMeta = {
+                                        // We use the same id as curComponent.id since loader-react might
+                                        // expect the id to match plasmic component uuid.
+                                        // id: getNodeId(component.projectId, component.name),
+                                        parent: null,
+                                        children: [],
+                                        internal: {
+                                            type: PLASMIC_NODE_NAME,
+                                            contentDigest: createContentDigest(curComponent)
+                                        }
+                                    };
+                                    componentNode = Object.assign({}, curComponent, componentMeta);
+                                    createNode(componentNode);
+                                    reporter.verbose("[Plasmic Loader] - Created component node " + component.name);
+                                    allComponents.push(componentNode);
+                                    _b.label = 4;
+                                case 4:
+                                    _a++;
+                                    return [3 /*break*/, 2];
+                                case 5: return [2 /*return*/];
+                            }
+                        });
+                    }); };
+                    if (process.env.NODE_ENV !== "production") {
+                        debounce = server_require_1["default"]("lodash/debounce");
+                        triggerSourcing_1 = debounce(refreshData, SOURCE_WAIT_TIME, {
+                            maxWait: SOURCE_MAX_WAIT_TIME
+                        });
+                        PlasmicRemoteChangeWatcher = server_require_1["default"]("@plasmicapp/watcher")
+                            .PlasmicRemoteChangeWatcher;
+                        watcher = new PlasmicRemoteChangeWatcher({
+                            projects: opts.projects,
+                            host: opts.host
+                        });
+                        watcher.subscribe({
+                            onUpdate: function () {
+                                if (opts.preview) {
+                                    triggerSourcing_1();
+                                }
+                            },
+                            onPublish: function () {
+                                if (!opts.preview) {
+                                    triggerSourcing_1();
+                                }
+                            }
+                        });
+                    }
+                    return [4 /*yield*/, refreshData()];
+                case 1:
+                    _b.sent();
+                    return [2 /*return*/];
+            }
+        });
+    });
+};
+exports.sourceNodes = sourceNodes;
+var createResolvers = function (_a, opts) {
+    var createResolvers = _a.createResolvers;
+    createResolvers({
+        Query: {
+            plasmicComponents: {
+                type: "JSON",
+                args: {
+                    componentNames: "[String]!"
+                },
+                resolve: function (source, args, context, info) {
+                    var _a;
+                    var componentNames = args.componentNames;
+                    // `getAllNodes` is a deprecated function that is going to be a breaking change
+                    // in Gatsby v5, for now is being maintained to keep support for < v4 projects
+                    var components = context.nodeModel.getAllNodes({
+                        type: PLASMIC_NODE_NAME
+                    });
+                    var bundles = [];
+                    var compMetas = [];
+                    for (var _i = 0, components_2 = components; _i < components_2.length; _i++) {
+                        var component = components_2[_i];
+                        if (componentNames.includes(component.name) ||
+                            componentNames.includes(component.path) ||
+                            componentNames.includes(component.path + "/")) {
+                            var bundle = (_a = component.renderData) === null || _a === void 0 ? void 0 : _a.bundle;
+                            if (bundle) {
+                                bundles.push(bundle);
+                                compMetas.push(component);
+                            }
+                        }
+                    }
+                    return loader_react_1.convertBundlesToComponentRenderData(bundles, compMetas);
+                }
+            },
+            plasmicOptions: {
+                type: "JSON",
+                resolve: function () {
+                    return {
+                        projects: opts.projects,
+                        preview: opts.preview,
+                        host: opts.host
+                    };
+                }
+            }
+        }
+    });
+};
+exports.createResolvers = createResolvers;
+var createSchemaCustomization = function (_a) {
+    var actions = _a.actions;
+    var createTypes = actions.createTypes;
+    createTypes(PLASMIC_DATA_TYPE);
+};
+exports.createSchemaCustomization = createSchemaCustomization;
+var createPages = function (_a, opts) {
+    var graphql = _a.graphql, actions = _a.actions, reporter = _a.reporter;
+    return tslib_1.__awaiter(void 0, void 0, void 0, function () {
+        var defaultPlasmicPage, ignorePaths, createPage, deletePage, result, pages, _i, allPaths_1, path, _b, pages_1, page, path;
+        return tslib_1.__generator(this, function (_c) {
+            switch (_c.label) {
+                case 0:
+                    defaultPlasmicPage = opts.defaultPlasmicPage;
+                    ignorePaths = opts.ignorePaths || [];
+                    if (!defaultPlasmicPage) return [3 /*break*/, 9];
+                    reporter.info("[Plasmic Loader] - Creating pages");
+                    createPage = actions.createPage, deletePage = actions.deletePage;
+                    return [4 /*yield*/, graphql("\n      query {\n        allPlasmicData(filter: { isPage: { eq: true } }) {\n          nodes {\n            path\n          }\n        }\n      }\n    ")];
+                case 1:
+                    result = _c.sent();
+                    pages = result.data.allPlasmicData.nodes;
+                    _i = 0, allPaths_1 = allPaths;
+                    _c.label = 2;
+                case 2:
+                    if (!(_i < allPaths_1.length)) return [3 /*break*/, 5];
+                    path = allPaths_1[_i];
+                    return [4 /*yield*/, deletePage({
+                            path: path,
+                            component: defaultPlasmicPage
+                        })];
+                case 3:
+                    _c.sent();
+                    reporter.verbose("[Plasmic Loader] - Deleted page " + path);
+                    _c.label = 4;
+                case 4:
+                    _i++;
+                    return [3 /*break*/, 2];
+                case 5:
+                    allPaths = [];
+                    _b = 0, pages_1 = pages;
+                    _c.label = 6;
+                case 6:
+                    if (!(_b < pages_1.length)) return [3 /*break*/, 9];
+                    page = pages_1[_b];
+                    path = page.path;
+                    if (ignorePaths.includes(path) || ignorePaths.includes(path + "/")) {
+                        return [3 /*break*/, 8];
+                    }
+                    allPaths.push(page.path);
+                    return [4 /*yield*/, createPage({
+                            path: page.path,
+                            component: defaultPlasmicPage
+                        })];
+                case 7:
+                    _c.sent();
+                    reporter.verbose("[Plasmic Loader] - Created page " + page.path);
+                    _c.label = 8;
+                case 8:
+                    _b++;
+                    return [3 /*break*/, 6];
+                case 9: return [2 /*return*/];
+            }
+        });
+    });
+};
+exports.createPages = createPages;
+//# sourceMappingURL=gatsby-node.js.map

package/dist/gatsby-node.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"gatsby-node.js","sourceRoot":"","sources":["../src/gatsby-node.ts"],"names":[],"mappings":"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"}

package/dist/gatsby-ssr.d.ts

@@ -0,0 +1,2 @@
+import type { GatsbyPluginOptions } from "./gatsby-node";
+export declare const replaceRenderer: ({ bodyComponent, replaceBodyHTMLString }: any, opts: GatsbyPluginOptions) => Promise<void>;

package/dist/gatsby-ssr.js

@@ -0,0 +1,41 @@
+"use strict";
+exports.__esModule = true;
+exports.replaceRenderer = void 0;
+var tslib_1 = require("tslib");
+var loader_react_1 = require("@plasmicapp/loader-react");
+var server_1 = require("react-dom/server");
+var loadedProjects = new Set();
+var replaceRenderer = function (_a, opts) {
+    var bodyComponent = _a.bodyComponent, replaceBodyHTMLString = _a.replaceBodyHTMLString;
+    return tslib_1.__awaiter(void 0, void 0, void 0, function () {
+        var projectKeys, PLASMIC, components;
+        return tslib_1.__generator(this, function (_b) {
+            switch (_b.label) {
+                case 0:
+                    if (!((opts === null || opts === void 0 ? void 0 : opts.projects) && Array.isArray(opts.projects))) return [3 /*break*/, 3];
+                    projectKeys = opts.projects.map(function (project) { return project.id + "@" + project.version + ":" + project.token; });
+                    if (!projectKeys.some(function (key) { return !loadedProjects.has(key); })) return [3 /*break*/, 3];
+                    loadedProjects.clear();
+                    PLASMIC = loader_react_1.initPlasmicLoader({
+                        projects: opts.projects,
+                        preview: opts.preview,
+                        host: opts.host,
+                        platform: "gatsby"
+                    });
+                    return [4 /*yield*/, PLASMIC.fetchComponents()];
+                case 1:
+                    components = _b.sent();
+                    return [4 /*yield*/, PLASMIC.maybeFetchComponentData.apply(PLASMIC, components)];
+                case 2:
+                    _b.sent();
+                    projectKeys.forEach(function (key) { return loadedProjects.add(key); });
+                    _b.label = 3;
+                case 3:
+                    replaceBodyHTMLString(server_1.renderToString(bodyComponent));
+                    return [2 /*return*/];
+            }
+        });
+    });
+};
+exports.replaceRenderer = replaceRenderer;
+//# sourceMappingURL=gatsby-ssr.js.map

package/dist/gatsby-ssr.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"gatsby-ssr.js","sourceRoot":"","sources":["../src/gatsby-ssr.ts"],"names":[],"mappings":";;;;AAAA,yDAA6D;AAC7D,2CAAkD;AAGlD,IAAI,cAAc,GAAG,IAAI,GAAG,EAAU,CAAC;AAEhC,IAAM,eAAe,GAAG,UAAO,EAA6C,EAAE,IAAyB;QAAtE,aAAa,mBAAA,EAAE,qBAAqB,2BAAA;;;;;;yBACtE,CAAA,CAAA,IAAI,aAAJ,IAAI,uBAAJ,IAAI,CAAE,QAAQ,KAAI,KAAK,CAAC,OAAO,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAA,EAA9C,wBAA8C;oBAC1C,WAAW,GAAG,IAAI,CAAC,QAAQ,CAAC,GAAG,CAAC,UAAC,OAAO,IAAK,OAAG,OAAO,CAAC,EAAE,SAAI,OAAO,CAAC,OAAO,SAAI,OAAO,CAAC,KAAO,EAAnD,CAAmD,CAAC,CAAC;yBACpG,WAAW,CAAC,IAAI,CAAC,UAAC,GAAG,IAAK,OAAA,CAAC,cAAc,CAAC,GAAG,CAAC,GAAG,CAAC,EAAxB,CAAwB,CAAC,EAAnD,wBAAmD;oBACrD,cAAc,CAAC,KAAK,EAAE,CAAC;oBACjB,OAAO,GAAG,gCAAiB,CAAC;wBAChC,QAAQ,EAAE,IAAI,CAAC,QAAQ;wBACvB,OAAO,EAAE,IAAI,CAAC,OAAO;wBACrB,IAAI,EAAE,IAAI,CAAC,IAAI;wBACf,QAAQ,EAAE,QAAQ;qBACnB,CAAC,CAAC;oBACgB,qBAAM,OAAO,CAAC,eAAe,EAAE,EAAA;;oBAA5C,UAAU,GAAG,SAA+B;oBAClD,qBAAM,OAAO,CAAC,uBAAuB,OAA/B,OAAO,EAA4B,UAAU,GAAC;;oBAApD,SAAoD,CAAC;oBACrD,WAAW,CAAC,OAAO,CAAC,UAAC,GAAG,IAAK,OAAA,cAAc,CAAC,GAAG,CAAC,GAAG,CAAC,EAAvB,CAAuB,CAAC,CAAC;;;oBAG1D,qBAAqB,CAAC,uBAAc,CAAC,aAAa,CAAC,CAAC,CAAA;;;;;CACrD,CAAA;AAjBY,QAAA,eAAe,mBAiB3B"}

package/dist/index.d.ts

@@ -1,3 +1,3 @@
-export { ComponentMeta, ComponentRenderData, InitOptions, PageMeta, PageMetadata, PlasmicCanvasContext, PlasmicCanvasHost, PlasmicComponent, PlasmicRootProvider, PrimitiveType, PropType, repeatedElement, usePlasmicComponent, } from "@plasmicapp/loader-react";
-export { createPages, createResolvers, sourceNodes } from "./gatsby-node";
-export { initPlasmicLoader } from "./loader";
+export { ComponentMeta, ComponentRenderData, InitOptions, PageMeta, PageMetadata, PlasmicCanvasContext, PlasmicCanvasHost, PlasmicComponent, PlasmicRootProvider, PrimitiveType, PropType, repeatedElement, usePlasmicComponent, } from "@plasmicapp/loader-react";
+export { createPages, createResolvers, sourceNodes } from "./gatsby-node";
+export { initPlasmicLoader } from "./loader";

package/dist/index.js

@@ -1,8 +1,24 @@
-
-'use strict'
-
-if (process.env.NODE_ENV === 'production') {
-  module.exports = require('./loader-gatsby.cjs.production.min.js')
-} else {
-  module.exports = require('./loader-gatsby.cjs.development.js')
-}
+"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];
+}));
+exports.__esModule = true;
+exports.initPlasmicLoader = exports.sourceNodes = exports.createResolvers = exports.createPages = exports.usePlasmicComponent = exports.repeatedElement = exports.PlasmicRootProvider = exports.PlasmicComponent = exports.PlasmicCanvasHost = exports.PlasmicCanvasContext = void 0;
+var loader_react_1 = require("@plasmicapp/loader-react");
+__createBinding(exports, loader_react_1, "PlasmicCanvasContext");
+__createBinding(exports, loader_react_1, "PlasmicCanvasHost");
+__createBinding(exports, loader_react_1, "PlasmicComponent");
+__createBinding(exports, loader_react_1, "PlasmicRootProvider");
+__createBinding(exports, loader_react_1, "repeatedElement");
+__createBinding(exports, loader_react_1, "usePlasmicComponent");
+var gatsby_node_1 = require("./gatsby-node");
+__createBinding(exports, gatsby_node_1, "createPages");
+__createBinding(exports, gatsby_node_1, "createResolvers");
+__createBinding(exports, gatsby_node_1, "sourceNodes");
+var loader_1 = require("./loader");
+__createBinding(exports, loader_1, "initPlasmicLoader");
+//# sourceMappingURL=index.js.map

package/dist/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":";;;;;;;;;;AAAA,yDAckC;AARhC,iEAAoB;AACpB,8DAAiB;AACjB,6DAAgB;AAChB,gEAAmB;AAGnB,4DAAe;AACf,gEAAmB;AAErB,6CAA0E;AAAjE,uDAAW;AAAE,2DAAe;AAAE,uDAAW;AAClD,mCAA6C;AAApC,wDAAiB"}

package/dist/loader.d.ts

@@ -1,2 +1,2 @@
-import { InitOptions } from "@plasmicapp/loader-react";
-export declare function initPlasmicLoader(opts: InitOptions): import("@plasmicapp/loader-react").PlasmicComponentLoader;
+import { InitOptions } from "@plasmicapp/loader-react";
+export declare function initPlasmicLoader(opts: InitOptions): import("@plasmicapp/loader-react").PlasmicComponentLoader;

package/dist/loader.js

@@ -0,0 +1,19 @@
+"use strict";
+exports.__esModule = true;
+exports.initPlasmicLoader = void 0;
+var tslib_1 = require("tslib");
+var loader_react_1 = require("@plasmicapp/loader-react");
+var Gatsby = tslib_1.__importStar(require("gatsby"));
+var React = tslib_1.__importStar(require("react"));
+var ReactDom = tslib_1.__importStar(require("react-dom"));
+function initPlasmicLoader(opts) {
+    var loader = loader_react_1.initPlasmicLoader(tslib_1.__assign(tslib_1.__assign({ onClientSideFetch: "warn" }, opts), { platform: "gatsby" }));
+    loader.registerModules({
+        react: React,
+        "react-dom": ReactDom,
+        gatsby: Gatsby
+    });
+    return loader;
+}
+exports.initPlasmicLoader = initPlasmicLoader;
+//# sourceMappingURL=loader.js.map

package/dist/loader.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"loader.js","sourceRoot":"","sources":["../src/loader.ts"],"names":[],"mappings":";;;;AAAA,yDAGkC;AAClC,qDAAiC;AACjC,mDAA+B;AAC/B,0DAAsC;AAEtC,SAAgB,iBAAiB,CAAC,IAAiB;IACjD,IAAM,MAAM,GAAG,gCAAsB,qCACnC,iBAAiB,EAAE,MAAM,IACtB,IAAI,KACP,QAAQ,EAAE,QAAQ,IAClB,CAAC;IAEH,MAAM,CAAC,eAAe,CAAC;QACrB,KAAK,EAAE,KAAK;QACZ,WAAW,EAAE,QAAQ;QACrB,MAAM,EAAE,MAAM;KACf,CAAC,CAAC;IAEH,OAAO,MAAM,CAAC;AAChB,CAAC;AAdD,8CAcC"}

package/dist/server-require.d.ts

@@ -1 +1 @@
-export default function serverRequire(module: string): any;
+export default function serverRequire(module: string): any;

package/dist/server-require.js

@@ -0,0 +1,18 @@
+"use strict";
+exports.__esModule = true;
+var secretRequire;
+try {
+    // Secretly use require without webpack knowing
+    secretRequire = eval("require");
+}
+catch (err) {
+    secretRequire = undefined;
+}
+function serverRequire(module) {
+    if (!secretRequire) {
+        throw new Error("Unexpected serverRequire() -- can only do this from a Node server!");
+    }
+    return secretRequire(module);
+}
+exports["default"] = serverRequire;
+//# sourceMappingURL=server-require.js.map

package/dist/server-require.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"server-require.js","sourceRoot":"","sources":["../src/server-require.ts"],"names":[],"mappings":";;AAAA,IAAI,aAAsC,CAAC;AAC3C,IAAI;IACF,+CAA+C;IAC/C,aAAa,GAAG,IAAI,CAAC,SAAS,CAAC,CAAC;CACjC;AAAC,OAAO,GAAG,EAAE;IACZ,aAAa,GAAG,SAAS,CAAC;CAC3B;AAED,SAAwB,aAAa,CAAC,MAAc;IAClD,IAAI,CAAC,aAAa,EAAE;QAClB,MAAM,IAAI,KAAK,CACb,oEAAoE,CACrE,CAAC;KACH;IACD,OAAO,aAAa,CAAC,MAAM,CAAC,CAAC;AAC/B,CAAC;AAPD,mCAOC"}

package/gatsby-node.js

@@ -1,9 +1,3 @@
 "use strict";
 
-const { sourceNodes, createPages, createResolvers } = require("./dist");
-
-module.exports = {
-  sourceNodes,
-  createPages,
-  createResolvers,
-};
+module.exports = require("./dist/gatsby-node");

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@plasmicapp/loader-gatsby",
-  "version": "1.0.27",
+  "version": "1.0.31",
   "typings": "dist/index.d.ts",
   "license": "MIT",
   "files": [
@@ -9,7 +9,7 @@
   ],
   "main": "dist/index.js",
   "scripts": {
-    "build": "tsdx build --entry src/index.ts",
+    "build": "tsc --outDir ./dist",
     "yalcp": "yalc publish --push",
     "prepare": "yarn build"
   },
@@ -19,16 +19,12 @@
   ],
   "size-limit": [
     {
-      "path": "dist/loader-gatsby.cjs.production.min.js",
-      "limit": "15 KB"
-    },
-    {
-      "path": "dist/loader-gatsby.esm.js",
+      "path": "dist/gatsby-node.js",
       "limit": "15 KB"
     }
   ],
   "peerDependencies": {
-    "gatsby": "^2.0.15 || ^3.0.0",
+    "gatsby": "^2.0.15 || ^3.0.0 || ^4.0.0",
     "react": ">=16.8.0",
     "react-dom": ">=16.8.0"
   },
@@ -38,7 +34,7 @@
     "@rollup/plugin-node-resolve": "^13.0.0",
     "@size-limit/preset-small-lib": "^4.11.0",
     "@types/lodash": "^4.14.171",
-    "gatsby": "^3.10.1",
+    "gatsby": "^4.0.0",
     "rollup": "^2.47.0",
     "rollup-plugin-dts": "^3.0.1",
     "rollup-plugin-typescript2": "^0.30.0",
@@ -47,9 +43,9 @@
     "typescript": "^4.3.5"
   },
   "dependencies": {
-    "@plasmicapp/loader-core": "1.0.23",
-    "@plasmicapp/loader-react": "1.0.32",
-    "@plasmicapp/watcher": "1.0.19",
+    "@plasmicapp/loader-core": "1.0.26",
+    "@plasmicapp/loader-react": "1.0.36",
+    "@plasmicapp/watcher": "1.0.22",
     "lodash": "^4.17.21"
   }
 }