heroshot 0.14.0 → 0.14.1

package/dist/integrations/next/index.js

@@ -1,26 +1,34 @@
 "use client";
-import { jsx as h, jsxs as y } from "react/jsx-runtime";
-import I, { createContext as $, useContext as j, useMemo as g, useState as C, useEffect as L } from "react";
-function z(e, t) {
+import y from "@heroshot/manifest";
+import { jsx as h, jsxs as I } from "react/jsx-runtime";
+import $, { createContext as j, useContext as C, useMemo as g, useState as L, useEffect as z } from "react";
+let x = null;
+function N(e) {
+  x = e;
+}
+function O() {
+  return x;
+}
+function R(e, t) {
   return e.screenshots[t];
 }
-function N(e, t = {}) {
+function V(e, t = {}) {
   const { slug: a, format: s } = e, { viewport: r, colorScheme: c } = t, n = [a];
   r && n.push(r), c && n.push(c);
   const i = s === "jpeg" ? "jpg" : "png";
   return `${n.join("-")}.${i}`;
 }
-function O(e, t, a = {}) {
-  const s = N(t, a);
+function A(e, t, a = {}) {
+  const s = V(t, a);
   return `${e.outputDirectory}/${s}`;
 }
 function H(e, t, a) {
-  const { colorSchemes: s } = t, r = s.length > 0, c = (i) => O(e, t, { viewport: a, colorScheme: i }), n = {
+  const { colorSchemes: s } = t, r = s.length > 0, c = (i) => A(e, t, { viewport: a, colorScheme: i }), n = {
     default: r ? c("light") : c()
   };
   return s.includes("light") && (n.light = c("light")), s.includes("dark") && (n.dark = c("dark")), n;
 }
-function R(e, t) {
+function F(e, t) {
   const a = H(e, t), s = {};
   for (const r of t.viewports)
     s[r] = H(e, t, r);
@@ -29,15 +37,8 @@ function R(e, t) {
     viewports: s
   };
 }
-let x = null;
-function Q(e) {
-  x = e;
-}
-function V() {
-  return x;
-}
-const D = $(null);
-function _({
+const D = j(null);
+function G({
   manifest: e,
   children: t
 }) {
@@ -48,9 +49,9 @@ function S() {
   const { theme: e } = document.documentElement.dataset;
   return e ? { isDark: e === "dark", hasThemeHandling: !0 } : document.documentElement.classList.contains("dark") ? { isDark: !0, hasThemeHandling: !0 } : document.documentElement.classList.length > 0 ? { isDark: !1, hasThemeHandling: !0 } : globalThis.matchMedia?.("(prefers-color-scheme: dark)").matches ? { isDark: !0, hasThemeHandling: !1 } : { isDark: !1, hasThemeHandling: !1 };
 }
-function A() {
-  const e = I.useRef(!1), [t, a] = C(() => S().isDark);
-  return L(() => {
+function W() {
+  const e = $.useRef(!1), [t, a] = L(() => S().isDark);
+  return z(() => {
     const s = S();
     e.current = s.hasThemeHandling;
     const r = () => {
@@ -77,13 +78,13 @@ const k = {
   tablet: 768,
   desktop: 1280
 };
-function q({
+function J({
   name: e,
   alt: t = "",
   manifest: a,
   className: s
 }) {
-  const r = A(), c = j(D), n = a ?? c ?? V(), i = g(() => n ? z(n, e) : null, [n, e]), u = g(() => !i || !n ? null : R(n, i), [n, i]), v = g(() => {
+  const r = W(), c = C(D), n = a ?? c ?? O(), i = g(() => n ? R(n, e) : null, [n, e]), u = g(() => !i || !n ? null : F(n, i), [n, i]), v = g(() => {
     if (!u) return "";
     const { light: o, dark: f } = u;
     return r && f ? f : !r && o ? o : u.default;
@@ -115,7 +116,7 @@ function q({
     const o = `Heroshot: Screenshot "${e}" not found in config`;
     return typeof console < "u" && console.warn(o), /* @__PURE__ */ h("span", { style: { color: "red", fontSize: "12px" }, children: o });
   }
-  return P ? /* @__PURE__ */ y("picture", { className: s, children: [
+  return P ? /* @__PURE__ */ I("picture", { className: s, children: [
     T.map((o) => /* @__PURE__ */ h(
       "source",
       {
@@ -127,8 +128,11 @@ function q({
     /* @__PURE__ */ h("img", { src: v, alt: t, loading: "lazy" })
   ] }) : /* @__PURE__ */ h("img", { src: v, alt: t, className: s, loading: "lazy" });
 }
+(function() {
+  N(y);
+})();
 export {
-  q as Heroshot,
-  _ as HeroshotProvider,
-  Q as setManifest
+  J as Heroshot,
+  G as HeroshotProvider,
+  N as setManifest
 };

package/dist/integrations/shared/nextPlugin.cjs

@@ -1,5 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=require("node:fs"),i=require("node:path"),l=require("./getManifest-BMMzQAE9.cjs");function d(e){return e.startsWith("public/")?e.slice(7):e}function p(e={},c={}){return{...e,webpack(t,m){const n=process.cwd();let o=null;c.config?o=i.resolve(n,c.config):o=l.findConfig(n);let f=l.emptyManifest();if(o&&s.existsSync(o)){const a=l.loadManifest(o);a&&(f={...a,outputDirectory:d(a.outputDirectory)},console.log(`[heroshot] Loaded config from ${o}`))}else console.log("[heroshot] No config found, using empty manifest");const r=i.join(n,"node_modules",".heroshot");s.mkdirSync(r,{recursive:!0});const u=i.join(r,"manifest.json");s.writeFileSync(u,JSON.stringify(f,null,2));const h=i.join(r,"client.js");return s.writeFileSync(h,`import { setManifest } from 'heroshot/next';
-import manifest from './manifest.json';
-setManifest(manifest);
-export default manifest;
-`),t.resolve??={},t.resolve.alias??={},t.resolve.alias["@heroshot/manifest"]=u,t.resolve.alias["virtual:heroshot-manifest"]=h,typeof e.webpack=="function"?e.webpack(t,m):t}}}exports.withHeroshot=p;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("node:fs"),i=require("node:path"),c=require("./getManifest-BMMzQAE9.cjs");function d(e){return e.startsWith("public/")?e.slice(7):e}function m(e={},l={}){return{...e,webpack(o,h){const r=process.cwd();let t=null;l.config?t=i.resolve(r,l.config):t=c.findConfig(r);let u=c.emptyManifest();if(t&&n.existsSync(t)){const s=c.loadManifest(t);s&&(u={...s,outputDirectory:d(s.outputDirectory)},console.log(`[heroshot] Loaded config from ${t}`))}else console.log("[heroshot] No config found, using empty manifest");const a=i.join(r,"node_modules",".heroshot");n.mkdirSync(a,{recursive:!0});const f=i.join(a,"manifest.json");return n.writeFileSync(f,JSON.stringify(u,null,2)),o.resolve??={},o.resolve.alias??={},o.resolve.alias["@heroshot/manifest"]=f,typeof e.webpack=="function"?e.webpack(o,h):o}}}exports.withHeroshot=m;

package/dist/integrations/shared/nextPlugin.js

@@ -1,41 +1,32 @@
-import { existsSync as h, mkdirSync as p, writeFileSync as m } from "node:fs";
-import { resolve as d, join as n } from "node:path";
-import { f as y, l as v, e as w } from "./getManifest-DfRVQbEx.js";
-function M(e) {
+import { existsSync as u, mkdirSync as m, writeFileSync as p } from "node:fs";
+import { resolve as h, join as c } from "node:path";
+import { f as d, l as y, e as w } from "./getManifest-DfRVQbEx.js";
+function g(e) {
   return e.startsWith("public/") ? e.slice(7) : e;
 }
-function k(e = {}, a = {}) {
+function D(e = {}, i = {}) {
   return {
     ...e,
-    webpack(t, u) {
-      const s = process.cwd();
+    webpack(t, f) {
+      const r = process.cwd();
       let o = null;
-      a.config ? o = d(s, a.config) : o = y(s);
-      let f = w();
-      if (o && h(o)) {
-        const i = v(o);
-        i && (f = {
-          ...i,
-          outputDirectory: M(i.outputDirectory)
+      i.config ? o = h(r, i.config) : o = d(r);
+      let n = w();
+      if (o && u(o)) {
+        const s = y(o);
+        s && (n = {
+          ...s,
+          outputDirectory: g(s.outputDirectory)
         }, console.log(`[heroshot] Loaded config from ${o}`));
       } else
         console.log("[heroshot] No config found, using empty manifest");
-      const r = n(s, "node_modules", ".heroshot");
-      p(r, { recursive: !0 });
-      const l = n(r, "manifest.json");
-      m(l, JSON.stringify(f, null, 2));
-      const c = n(r, "client.js");
-      return m(
-        c,
-        `import { setManifest } from 'heroshot/next';
-import manifest from './manifest.json';
-setManifest(manifest);
-export default manifest;
-`
-      ), t.resolve ??= {}, t.resolve.alias ??= {}, t.resolve.alias["@heroshot/manifest"] = l, t.resolve.alias["virtual:heroshot-manifest"] = c, typeof e.webpack == "function" ? e.webpack(t, u) : t;
+      const l = c(r, "node_modules", ".heroshot");
+      m(l, { recursive: !0 });
+      const a = c(l, "manifest.json");
+      return p(a, JSON.stringify(n, null, 2)), t.resolve ??= {}, t.resolve.alias ??= {}, t.resolve.alias["@heroshot/manifest"] = a, typeof e.webpack == "function" ? e.webpack(t, f) : t;
     }
   };
 }
 export {
-  k as withHeroshot
+  D as withHeroshot
 };

package/dist/integrations/shared/vitePlugin.cjs

@@ -1,4 +1,5 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const c=require("node:fs"),d=require("node:path"),i=require("./getManifest-BMMzQAE9.cjs");function h(t){return t.startsWith("public/")||t.startsWith("static/")?t.slice(7):t}const u="virtual:heroshot-manifest",f="\0"+u;function m(t={}){let e=null,r=i.emptyManifest(),a="heroshot/vue";return{name:"heroshot",configResolved(o){const s=o.root;if(o.plugins.some(n=>n.name.includes("svelte"))&&(a="heroshot/svelte"),t.config?e=d.resolve(s,t.config):e=i.findConfig(s),e&&c.existsSync(e)){const n=i.loadManifest(e);n&&(r={...n,outputDirectory:h(n.outputDirectory)},console.log(`[heroshot] Loaded config from ${e}`))}else console.log("[heroshot] No config found, using empty manifest")},resolveId(o){if(o===u)return f},load(o){if(o===f)return`import { setManifest } from '${a}';
-const manifest = ${JSON.stringify(r,null,2)};
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const d=require("node:fs"),c=require("node:path"),i=require("./getManifest-BMMzQAE9.cjs");function h(n){return n.startsWith("public/")||n.startsWith("static/")?n.slice(7):n}const r="virtual:heroshot-manifest",f="\0"+r;function m(n={}){let t=null,l=i.emptyManifest(),a="heroshot/vue";return{name:"heroshot",configResolved(e){const o=e.root;if(e.plugins.some(s=>s.name.includes("svelte"))&&(a="heroshot/svelte"),n.config?t=c.resolve(o,n.config):t=i.findConfig(o),t&&d.existsSync(t)){const s=i.loadManifest(t);s&&(l={...s,outputDirectory:h(s.outputDirectory)},console.log(`[heroshot] Loaded config from ${t}`))}else console.log("[heroshot] No config found, using empty manifest")},transform(e,o){if(!(o.includes("\0")||o.includes("node_modules"))&&(e.includes("from 'heroshot/")||e.includes('from "heroshot/')))return e.includes(r)?void 0:`import '${r}';
+${e}`},resolveId(e){if(e===r)return f},load(e){if(e===f)return`import { setManifest } from '${a}';
+const manifest = ${JSON.stringify(l,null,2)};
 setManifest(manifest);
-export default manifest;`},handleHotUpdate({file:o,server:s}){if(e&&o===e){const l=i.loadManifest(e);if(l){r=l,console.log("[heroshot] Config updated");const n=s.moduleGraph.getModuleById(f);n&&(s.moduleGraph.invalidateModule(n),s.ws.send({type:"full-reload"}))}}}}}exports.heroshot=m;
+export default manifest;`},handleHotUpdate({file:e,server:o}){if(t&&e===t){const u=i.loadManifest(t);if(u){l=u,console.log("[heroshot] Config updated");const s=o.moduleGraph.getModuleById(f);s&&(o.moduleGraph.invalidateModule(s),o.ws.send({type:"full-reload"}))}}}}}exports.heroshot=m;

package/dist/integrations/shared/vitePlugin.js

@@ -1,44 +1,50 @@
-import { existsSync as c } from "node:fs";
+import { existsSync as d } from "node:fs";
 import { resolve as m } from "node:path";
-import { e as d, f as h, l as a } from "./getManifest-DfRVQbEx.js";
-function p(e) {
-  return e.startsWith("public/") || e.startsWith("static/") ? e.slice(7) : e;
+import { e as c, f as h, l as a } from "./getManifest-DfRVQbEx.js";
+function p(n) {
+  return n.startsWith("public/") || n.startsWith("static/") ? n.slice(7) : n;
 }
-const u = "virtual:heroshot-manifest", l = "\0" + u;
-function D(e = {}) {
-  let t = null, i = d(), f = "heroshot/vue";
+const i = "virtual:heroshot-manifest", f = "\0" + i;
+function D(n = {}) {
+  let o = null, r = c(), u = "heroshot/vue";
   return {
     name: "heroshot",
-    configResolved(o) {
-      const s = o.root;
-      if (o.plugins.some((n) => n.name.includes("svelte")) && (f = "heroshot/svelte"), e.config ? t = m(s, e.config) : t = h(s), t && c(t)) {
-        const n = a(t);
-        n && (i = {
-          ...n,
-          outputDirectory: p(n.outputDirectory)
-        }, console.log(`[heroshot] Loaded config from ${t}`));
+    configResolved(e) {
+      const t = e.root;
+      if (e.plugins.some((s) => s.name.includes("svelte")) && (u = "heroshot/svelte"), n.config ? o = m(t, n.config) : o = h(t), o && d(o)) {
+        const s = a(o);
+        s && (r = {
+          ...s,
+          outputDirectory: p(s.outputDirectory)
+        }, console.log(`[heroshot] Loaded config from ${o}`));
       } else
         console.log("[heroshot] No config found, using empty manifest");
     },
-    resolveId(o) {
-      if (o === u)
-        return l;
+    // Auto-inject manifest import into entry modules so users don't need a separate plugin file
+    transform(e, t) {
+      if (!(t.includes("\0") || t.includes("node_modules")) && (e.includes("from 'heroshot/") || e.includes('from "heroshot/')))
+        return e.includes(i) ? void 0 : `import '${i}';
+${e}`;
     },
-    load(o) {
-      if (o === l)
-        return `import { setManifest } from '${f}';
-const manifest = ${JSON.stringify(i, null, 2)};
+    resolveId(e) {
+      if (e === i)
+        return f;
+    },
+    load(e) {
+      if (e === f)
+        return `import { setManifest } from '${u}';
+const manifest = ${JSON.stringify(r, null, 2)};
 setManifest(manifest);
 export default manifest;`;
     },
     // Hot reload on config changes
-    handleHotUpdate({ file: o, server: s }) {
-      if (t && o === t) {
-        const r = a(t);
-        if (r) {
-          i = r, console.log("[heroshot] Config updated");
-          const n = s.moduleGraph.getModuleById(l);
-          n && (s.moduleGraph.invalidateModule(n), s.ws.send({ type: "full-reload" }));
+    handleHotUpdate({ file: e, server: t }) {
+      if (o && e === o) {
+        const l = a(o);
+        if (l) {
+          r = l, console.log("[heroshot] Config updated");
+          const s = t.moduleGraph.getModuleById(f);
+          s && (t.moduleGraph.invalidateModule(s), t.ws.send({ type: "full-reload" }));
         }
       }
     }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "heroshot",
-  "version": "0.14.0",
+  "version": "0.14.1",
   "description": "Define your screenshots once, update them forever with one command",
   "type": "module",
   "author": "Ondrej Machala",