shaders 2.2.16 → 2.2.17

package/dist/solid/utils/generatePresetCode.js

@@ -0,0 +1,328 @@
+const c = {
+  AngularBlur: {
+    opacity: 1,
+    blendMode: "normal"
+  },
+  Ascii: {
+    opacity: 1,
+    blendMode: "normal"
+  },
+  Blob: {
+    opacity: 1,
+    blendMode: "normal"
+  },
+  Blur: {
+    opacity: 1,
+    blendMode: "normal"
+  },
+  Bulge: {
+    opacity: 1,
+    blendMode: "normal"
+  },
+  CRTScreen: {
+    opacity: 1,
+    blendMode: "normal"
+  },
+  ChannelBlur: {
+    opacity: 1,
+    blendMode: "normal"
+  },
+  Checkerboard: {
+    opacity: 1,
+    blendMode: "normal"
+  },
+  ChromaFlow: {
+    opacity: 1,
+    blendMode: "normal"
+  },
+  ChromaticAberration: {
+    opacity: 1,
+    blendMode: "normal"
+  },
+  Circle: {
+    opacity: 1,
+    blendMode: "normal"
+  },
+  CursorTrail: {
+    opacity: 1,
+    blendMode: "normal"
+  },
+  DiffuseBlur: {
+    opacity: 1,
+    blendMode: "normal"
+  },
+  Dither: {
+    opacity: 1,
+    blendMode: "normal"
+  },
+  DotGrid: {
+    opacity: 1,
+    blendMode: "normal"
+  },
+  Duotone: {
+    opacity: 1,
+    blendMode: "normal"
+  },
+  FilmGrain: {
+    opacity: 1,
+    blendMode: "normal"
+  },
+  FloatingParticles: {
+    opacity: 1,
+    blendMode: "normal"
+  },
+  GlassTiles: {
+    opacity: 1,
+    blendMode: "normal"
+  },
+  Glow: {
+    opacity: 1,
+    blendMode: "normal"
+  },
+  Godrays: {
+    opacity: 1,
+    blendMode: "normal"
+  },
+  Grayscale: {
+    opacity: 1,
+    blendMode: "normal"
+  },
+  Grid: {
+    opacity: 1,
+    blendMode: "normal"
+  },
+  GridDistortion: {
+    opacity: 1,
+    blendMode: "normal"
+  },
+  Group: {
+    opacity: 1,
+    blendMode: "normal"
+  },
+  Halftone: {
+    opacity: 1,
+    blendMode: "normal"
+  },
+  HueShift: {
+    opacity: 1,
+    blendMode: "normal"
+  },
+  ImageTexture: {
+    opacity: 1,
+    blendMode: "normal"
+  },
+  Invert: {
+    opacity: 1,
+    blendMode: "normal"
+  },
+  LinearBlur: {
+    opacity: 1,
+    blendMode: "normal"
+  },
+  LinearGradient: {
+    opacity: 1,
+    blendMode: "normal"
+  },
+  Liquify: {
+    opacity: 1,
+    blendMode: "normal"
+  },
+  Pixelate: {
+    opacity: 1,
+    blendMode: "normal"
+  },
+  PolarCoordinates: {
+    opacity: 1,
+    blendMode: "normal"
+  },
+  Posterize: {
+    opacity: 1,
+    blendMode: "normal"
+  },
+  ProgressiveBlur: {
+    opacity: 1,
+    blendMode: "normal"
+  },
+  RadialGradient: {
+    opacity: 1,
+    blendMode: "normal"
+  },
+  RectangularCoordinates: {
+    opacity: 1,
+    blendMode: "normal"
+  },
+  Ripples: {
+    opacity: 1,
+    blendMode: "normal"
+  },
+  Saturation: {
+    opacity: 1,
+    blendMode: "normal"
+  },
+  SimplexNoise: {
+    opacity: 1,
+    blendMode: "normal"
+  },
+  SineWave: {
+    opacity: 1,
+    blendMode: "normal"
+  },
+  SolidColor: {
+    opacity: 1,
+    blendMode: "normal"
+  },
+  Spherize: {
+    opacity: 1,
+    blendMode: "normal"
+  },
+  Spiral: {
+    opacity: 1,
+    blendMode: "normal"
+  },
+  Strands: {
+    opacity: 1,
+    blendMode: "normal"
+  },
+  Stretch: {
+    opacity: 1,
+    blendMode: "normal"
+  },
+  Swirl: {
+    opacity: 1,
+    blendMode: "normal"
+  },
+  TiltShift: {
+    opacity: 1,
+    blendMode: "normal"
+  },
+  Tritone: {
+    opacity: 1,
+    blendMode: "normal"
+  },
+  Twirl: {
+    opacity: 1,
+    blendMode: "normal"
+  },
+  Vibrance: {
+    opacity: 1,
+    blendMode: "normal"
+  },
+  WaveDistortion: {
+    opacity: 1,
+    blendMode: "normal"
+  },
+  ZoomBlur: {
+    opacity: 1,
+    blendMode: "normal"
+  }
+};
+function s(a, l, t = "  ") {
+  return Object.entries(a).filter(([o, e]) => {
+    const r = c[l] || {};
+    if (r.hasOwnProperty(o)) {
+      const n = r[o];
+      return e !== null && n !== null && typeof e == "object" && typeof n == "object" ? JSON.stringify(e) !== JSON.stringify(n) : e !== n;
+    }
+    return !(o === "opacity" && e === 1 || o === "blendMode" && e === "normal");
+  }).map(([o, e]) => typeof e == "string" ? `${o}=${JSON.stringify(e)}` : e !== null && typeof e == "object" ? `${o}={${JSON.stringify(e)}}` : `${o}={${e}}`).join(`
+` + t + "  ");
+}
+function m(a, l) {
+  const t = [];
+  function o(e) {
+    for (const r of e)
+      t.push(r), r.children && o(r.children);
+  }
+  return o(l), t.some(
+    (e) => {
+      var r;
+      return ((r = e.props) == null ? void 0 : r.maskSource) === a;
+    }
+  );
+}
+function y(a) {
+  const l = (o, e = "  ") => {
+    const r = o.props ? s(o.props, o.type, e) : "";
+    let n = "";
+    o.id && m(o.id, a.components) && (n = `id="${o.id}"`);
+    const i = [n, r].filter(Boolean).join(`
+` + e + "  ");
+    if (o.children && o.children.length > 0) {
+      const d = o.children.map((p) => l(p, e + "  ")).join(`
+`);
+      return i ? `${e}<${o.type}
+${e}  ${i}>
+${d}
+${e}</${o.type}>` : `${e}<${o.type}>
+${d}
+${e}</${o.type}>`;
+    } else
+      return i ? `${e}<${o.type}
+${e}  ${i} />` : `${e}<${o.type} />`;
+  };
+  return `<Shader>
+${a.components.map((o) => l(o)).join(`
+`)}
+</Shader>`;
+}
+const b = [
+  // @ts-ignore - replaced at build time
+  "AngularBlur",
+  "Ascii",
+  "Blob",
+  "Blur",
+  "Bulge",
+  "CRTScreen",
+  "ChannelBlur",
+  "Checkerboard",
+  "ChromaFlow",
+  "ChromaticAberration",
+  "Circle",
+  "CursorTrail",
+  "DiffuseBlur",
+  "Dither",
+  "DotGrid",
+  "Duotone",
+  "FilmGrain",
+  "FloatingParticles",
+  "GlassTiles",
+  "Glow",
+  "Godrays",
+  "Grayscale",
+  "Grid",
+  "GridDistortion",
+  "Group",
+  "Halftone",
+  "HueShift",
+  "ImageTexture",
+  "Invert",
+  "LinearBlur",
+  "LinearGradient",
+  "Liquify",
+  "Pixelate",
+  "PolarCoordinates",
+  "Posterize",
+  "ProgressiveBlur",
+  "RadialGradient",
+  "RectangularCoordinates",
+  "Ripples",
+  "Saturation",
+  "SimplexNoise",
+  "SineWave",
+  "SolidColor",
+  "Spherize",
+  "Spiral",
+  "Strands",
+  "Stretch",
+  "Swirl",
+  "TiltShift",
+  "Tritone",
+  "Twirl",
+  "Vibrance",
+  "WaveDistortion",
+  "ZoomBlur"
+];
+export {
+  b as availableComponents,
+  y as generatePresetCode
+};

package/dist/solid/utils/generatePresetCode.template.d.ts

@@ -0,0 +1,13 @@
+interface ComponentConfig {
+    type: string;
+    id?: string;
+    props?: Record<string, any>;
+    children?: ComponentConfig[];
+}
+interface PresetConfig {
+    components: ComponentConfig[];
+}
+export declare function generatePresetCode(preset: PresetConfig): string;
+export declare const availableComponents: any[];
+export {};
+//# sourceMappingURL=generatePresetCode.template.d.ts.map

package/dist/solid/utils/generatePresetCode.template.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"generatePresetCode.template.d.ts","sourceRoot":"","sources":["../../src/utils/generatePresetCode.template.ts"],"names":[],"mappings":"AAAA,UAAU,eAAe;IACvB,IAAI,EAAE,MAAM,CAAA;IACZ,EAAE,CAAC,EAAE,MAAM,CAAA;IACX,KAAK,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,CAAA;IAC3B,QAAQ,CAAC,EAAE,eAAe,EAAE,CAAA;CAC7B;AAED,UAAU,YAAY;IACpB,UAAU,EAAE,eAAe,EAAE,CAAA;CAC9B;AAgED,wBAAgB,kBAAkB,CAAC,MAAM,EAAE,YAAY,GAAG,MAAM,CAyC/D;AAGD,eAAO,MAAM,mBAAmB,OAG/B,CAAA"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "shaders",
-  "version": "2.2.16",
+  "version": "2.2.17",
   "description": "Declarative shader components for Vue, React, and Svelte",
   "author": "Simon Le Marchant<https://github.com/marchantweb>",
   "homepage": "https://shaders.com/",
@@ -12,43 +12,43 @@
   "exports": {
     ".": {
       "types": "./dist/index.d.ts",
-      "import": "./dist/index.js",
-      "require": "./dist/index.cjs"
+      "import": "./dist/index.js"
     },
     "./registry": {
       "types": "./dist/registry.d.ts",
-      "import": "./dist/registry.js",
-      "require": "./dist/registry.cjs"
+      "import": "./dist/registry.js"
     },
     "./vue": {
       "types": "./dist/vue/index.d.ts",
-      "import": "./dist/vue/index.js",
-      "require": "./dist/vue/index.cjs"
+      "import": "./dist/vue/index.js"
     },
     "./vue/codegen": {
       "types": "./dist/vue/codegen.d.ts",
-      "import": "./dist/vue/codegen.js",
-      "require": "./dist/vue/codegen.cjs"
+      "import": "./dist/vue/codegen.js"
     },
     "./react": {
       "types": "./dist/react/index.d.ts",
-      "import": "./dist/react/index.js",
-      "require": "./dist/react/index.cjs"
+      "import": "./dist/react/index.js"
     },
     "./react/codegen": {
       "types": "./dist/react/codegen.d.ts",
-      "import": "./dist/react/codegen.js",
-      "require": "./dist/react/codegen.cjs"
+      "import": "./dist/react/codegen.js"
     },
     "./svelte": {
       "types": "./dist/svelte/index.d.ts",
-      "import": "./dist/svelte/index.js",
-      "require": "./dist/svelte/index.cjs"
+      "import": "./dist/svelte/index.js"
     },
     "./svelte/codegen": {
       "types": "./dist/svelte/codegen.d.ts",
-      "import": "./dist/svelte/codegen.js",
-      "require": "./dist/svelte/codegen.cjs"
+      "import": "./dist/svelte/codegen.js"
+    },
+    "./solid": {
+      "types": "./dist/solid/index.d.ts",
+      "import": "./dist/solid/index.js"
+    },
+    "./solid/codegen": {
+      "types": "./dist/solid/codegen.d.ts",
+      "import": "./dist/solid/codegen.js"
     },
     "./core": {
       "types": "./dist/core/index.d.ts",
@@ -351,13 +351,16 @@
     "shaders-core": "workspace:*",
     "shaders-vue": "workspace:*",
     "shaders-react": "workspace:*",
-    "shaders-svelte": "workspace:*"
+    "shaders-svelte": "workspace:*",
+    "shaders-solid": "workspace:*"
   },
   "keywords": [
     "vue",
     "vue3",
     "react",
     "svelte",
+    "solid",
+    "solidjs",
     "webgpu",
     "webgl",
     "wgsl",

package/dist/react/generatePresetCode-DWBlTzlt.cjs

@@ -1,13 +0,0 @@
-var p={AngularBlur:{opacity:1,blendMode:"normal"},Ascii:{opacity:1,blendMode:"normal"},Blob:{opacity:1,blendMode:"normal"},Blur:{opacity:1,blendMode:"normal"},Bulge:{opacity:1,blendMode:"normal"},CRTScreen:{opacity:1,blendMode:"normal"},ChannelBlur:{opacity:1,blendMode:"normal"},Checkerboard:{opacity:1,blendMode:"normal"},ChromaFlow:{opacity:1,blendMode:"normal"},ChromaticAberration:{opacity:1,blendMode:"normal"},Circle:{opacity:1,blendMode:"normal"},CursorTrail:{opacity:1,blendMode:"normal"},DiffuseBlur:{opacity:1,blendMode:"normal"},Dither:{opacity:1,blendMode:"normal"},DotGrid:{opacity:1,blendMode:"normal"},Duotone:{opacity:1,blendMode:"normal"},FilmGrain:{opacity:1,blendMode:"normal"},FloatingParticles:{opacity:1,blendMode:"normal"},GlassTiles:{opacity:1,blendMode:"normal"},Glow:{opacity:1,blendMode:"normal"},Godrays:{opacity:1,blendMode:"normal"},Grayscale:{opacity:1,blendMode:"normal"},Grid:{opacity:1,blendMode:"normal"},GridDistortion:{opacity:1,blendMode:"normal"},Group:{opacity:1,blendMode:"normal"},Halftone:{opacity:1,blendMode:"normal"},HueShift:{opacity:1,blendMode:"normal"},ImageTexture:{opacity:1,blendMode:"normal"},Invert:{opacity:1,blendMode:"normal"},LinearBlur:{opacity:1,blendMode:"normal"},LinearGradient:{opacity:1,blendMode:"normal"},Liquify:{opacity:1,blendMode:"normal"},Pixelate:{opacity:1,blendMode:"normal"},PolarCoordinates:{opacity:1,blendMode:"normal"},Posterize:{opacity:1,blendMode:"normal"},ProgressiveBlur:{opacity:1,blendMode:"normal"},RadialGradient:{opacity:1,blendMode:"normal"},RectangularCoordinates:{opacity:1,blendMode:"normal"},Ripples:{opacity:1,blendMode:"normal"},Saturation:{opacity:1,blendMode:"normal"},SimplexNoise:{opacity:1,blendMode:"normal"},SineWave:{opacity:1,blendMode:"normal"},SolidColor:{opacity:1,blendMode:"normal"},Spherize:{opacity:1,blendMode:"normal"},Spiral:{opacity:1,blendMode:"normal"},Strands:{opacity:1,blendMode:"normal"},Stretch:{opacity:1,blendMode:"normal"},Swirl:{opacity:1,blendMode:"normal"},TiltShift:{opacity:1,blendMode:"normal"},Tritone:{opacity:1,blendMode:"normal"},Twirl:{opacity:1,blendMode:"normal"},Vibrance:{opacity:1,blendMode:"normal"},WaveDistortion:{opacity:1,blendMode:"normal"},ZoomBlur:{opacity:1,blendMode:"normal"}};function c(t,l,o="  "){return Object.entries(t).filter(([e,r])=>{const n=p[l]||{};if(n.hasOwnProperty(e)){const a=n[e];return typeof r=="object"&&typeof a=="object"?JSON.stringify(r)!==JSON.stringify(a):r!==a}return!(e==="opacity"&&r===1||e==="blendMode"&&r==="normal")}).map(([e,r])=>typeof r=="string"?`${e}="${r}"`:typeof r=="object"?`${e}={${JSON.stringify(r)}}`:`${e}={${r}}`).join(`
-`+o+"  ")}function m(t,l){const o=[];function e(r){for(const n of r)o.push(n),n.children&&e(n.children)}return e(l),o.some(r=>r.props?.maskSource===t)}function s(t){const l=(o,e="  ")=>{const r=o.props?c(o.props,o.type,e):"";let n="";o.id&&m(o.id,t.components)&&(n=`id="${o.id}"`);const a=[n,r].filter(Boolean).join(`
-`+e+"  ");if(o.children&&o.children.length>0){const i=o.children.map(d=>l(d,e+"  ")).join(`
-`);return a?`${e}<${o.type}
-${e}  ${a}>
-${i}
-${e}</${o.type}>`:`${e}<${o.type}>
-${i}
-${e}</${o.type}>`}else return a?`${e}<${o.type}
-${e}  ${a} />`:`${e}<${o.type} />`};return`<Shader>
-${t.components.map(o=>l(o)).join(`
-`)}
-</Shader>`}const b=["AngularBlur","Ascii","Blob","Blur","Bulge","CRTScreen","ChannelBlur","Checkerboard","ChromaFlow","ChromaticAberration","Circle","CursorTrail","DiffuseBlur","Dither","DotGrid","Duotone","FilmGrain","FloatingParticles","GlassTiles","Glow","Godrays","Grayscale","Grid","GridDistortion","Group","Halftone","HueShift","ImageTexture","Invert","LinearBlur","LinearGradient","Liquify","Pixelate","PolarCoordinates","Posterize","ProgressiveBlur","RadialGradient","RectangularCoordinates","Ripples","Saturation","SimplexNoise","SineWave","SolidColor","Spherize","Spiral","Strands","Stretch","Swirl","TiltShift","Tritone","Twirl","Vibrance","WaveDistortion","ZoomBlur"];Object.defineProperty(exports,"availableComponents",{enumerable:!0,get:function(){return b}});Object.defineProperty(exports,"generatePresetCode",{enumerable:!0,get:function(){return s}});