shaders 2.3.64 → 2.3.65

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (9) hide show
  1. package/dist/react/Preview.js +12 -1
  2. package/dist/react/engine/Preview.d.ts +1 -1
  3. package/dist/react/engine/Preview.d.ts.map +1 -1
  4. package/dist/solid/engine/Preview.d.ts +1 -1
  5. package/dist/solid/engine/Preview.d.ts.map +1 -1
  6. package/dist/solid/engine/Preview.js +13 -1
  7. package/dist/svelte/engine/Preview.svelte.d.ts +1 -0
  8. package/dist/svelte/index.js +4 -2
  9. package/package.json +1 -1
package/dist/react/Preview.js CHANGED
@@ -96,6 +96,17 @@ var componentMap = {
96
96
  ZoomBlur: lazy(() => import("./ZoomBlur.js"))
97
97
  };
98
98
  var DEFAULT_KEY = "shaders-preview-key";
99
+ function parseStyleString(style) {
100
+ return style.split(";").reduce((acc, declaration) => {
101
+ const [prop, ...rest] = declaration.split(":");
102
+ if (!prop?.trim()) return acc;
103
+ const value = rest.join(":").trim();
104
+ const trimmed = prop.trim();
105
+ const finalProp = trimmed.startsWith("--") ? trimmed : trimmed.replace(/-([a-z])/g, (_, c) => c.toUpperCase());
106
+ acc[finalProp] = value;
107
+ return acc;
108
+ }, {});
109
+ }
99
110
  function RenderComponent({ component }) {
100
111
  const Component = componentMap[component.type];
101
112
  if (!Component) {
@@ -160,7 +171,7 @@ const Preview = ({ shader, presetId, apiBaseUrl = "https://shaders.com", obfusca
160
171
  return /* @__PURE__ */ jsxs("div", {
161
172
  style: {
162
173
  position: "relative",
163
- ...style
174
+ ...typeof style === "string" ? parseStyleString(style) : style
164
175
  },
165
176
  className,
166
177
  ...rest,
package/dist/react/engine/Preview.d.ts CHANGED
@@ -22,7 +22,7 @@ export interface PreviewProps {
22
22
  obfuscationKey?: string;
23
23
  watermarkText?: string;
24
24
  watermarkLink?: string;
25
- style?: CSSProperties;
25
+ style?: CSSProperties | string;
26
26
  className?: string;
27
27
  [key: string]: any;
28
28
  }
package/dist/react/engine/Preview.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"Preview.d.ts","sourceRoot":"","sources":["../../src/engine/Preview.tsx"],"names":[],"mappings":"AAAA,OAAO,EAA4E,KAAK,aAAa,EAAE,KAAK,EAAE,EAA4B,MAAM,OAAO,CAAA;AAKvJ,MAAM,WAAW,eAAe;IAC9B,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;IAC5B,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,OAAO,CAAC,EAAE,MAAM,CAAA;IAChB,WAAW,CAAC,EAAE,MAAM,CAAA;CACrB;AAED,MAAM,WAAW,gBAAgB;IAC/B,UAAU,EAAE,eAAe,EAAE,CAAA;IAC7B,gBAAgB,CAAC,EAAE,MAAM,CAAA;IACzB,UAAU,CAAC,EAAE,WAAW,GAAG,MAAM,CAAA;IACjC,aAAa,CAAC,EAAE,MAAM,CAAA;CACvB;AAkHD,MAAM,WAAW,YAAY;IAC3B,MAAM,CAAC,EAAE,MAAM,CAAA;IACf,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,UAAU,CAAC,EAAE,MAAM,CAAA;IACnB,cAAc,CAAC,EAAE,MAAM,CAAA;IACvB,aAAa,CAAC,EAAE,MAAM,CAAA;IACtB,aAAa,CAAC,EAAE,MAAM,CAAA;IACtB,KAAK,CAAC,EAAE,aAAa,CAAA;IACrB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,CAAC,GAAG,EAAE,MAAM,GAAG,GAAG,CAAA;CACnB;AA6BD,eAAO,MAAM,OAAO,EAAE,EAAE,CAAC,YAAY,CA+HpC,CAAA;AAED,eAAe,OAAO,CAAA"}
1
+ {"version":3,"file":"Preview.d.ts","sourceRoot":"","sources":["../../src/engine/Preview.tsx"],"names":[],"mappings":"AAAA,OAAO,EAA4E,KAAK,aAAa,EAAE,KAAK,EAAE,EAA4B,MAAM,OAAO,CAAA;AAKvJ,MAAM,WAAW,eAAe;IAC9B,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;IAC5B,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,OAAO,CAAC,EAAE,MAAM,CAAA;IAChB,WAAW,CAAC,EAAE,MAAM,CAAA;CACrB;AAED,MAAM,WAAW,gBAAgB;IAC/B,UAAU,EAAE,eAAe,EAAE,CAAA;IAC7B,gBAAgB,CAAC,EAAE,MAAM,CAAA;IACzB,UAAU,CAAC,EAAE,WAAW,GAAG,MAAM,CAAA;IACjC,aAAa,CAAC,EAAE,MAAM,CAAA;CACvB;AAmID,MAAM,WAAW,YAAY;IAC3B,MAAM,CAAC,EAAE,MAAM,CAAA;IACf,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,UAAU,CAAC,EAAE,MAAM,CAAA;IACnB,cAAc,CAAC,EAAE,MAAM,CAAA;IACvB,aAAa,CAAC,EAAE,MAAM,CAAA;IACtB,aAAa,CAAC,EAAE,MAAM,CAAA;IACtB,KAAK,CAAC,EAAE,aAAa,GAAG,MAAM,CAAA;IAC9B,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,CAAC,GAAG,EAAE,MAAM,GAAG,GAAG,CAAA;CACnB;AA6BD,eAAO,MAAM,OAAO,EAAE,EAAE,CAAC,YAAY,CA+HpC,CAAA;AAED,eAAe,OAAO,CAAA"}
package/dist/solid/engine/Preview.d.ts CHANGED
@@ -4,7 +4,7 @@ export interface PreviewProps {
4
4
  presetId?: string;
5
5
  apiBaseUrl?: string;
6
6
  obfuscationKey?: string;
7
- style?: JSX.CSSProperties;
7
+ style?: JSX.CSSProperties | string;
8
8
  class?: string;
9
9
  watermarkText?: string;
10
10
  watermarkLink?: string;
package/dist/solid/engine/Preview.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"Preview.d.ts","sourceRoot":"","sources":["../../src/engine/Preview.tsx"],"names":[],"mappings":"AAAA,OAAO,EAA+C,KAAK,GAAG,EAAoC,MAAM,UAAU,CAAA;AAiPlH,MAAM,WAAW,YAAY;IAC3B,MAAM,CAAC,EAAE,MAAM,CAAA;IACf,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,UAAU,CAAC,EAAE,MAAM,CAAA;IACnB,cAAc,CAAC,EAAE,MAAM,CAAA;IACvB,KAAK,CAAC,EAAE,GAAG,CAAC,aAAa,CAAA;IACzB,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,aAAa,CAAC,EAAE,MAAM,CAAA;IACtB,aAAa,CAAC,EAAE,MAAM,CAAA;CACvB;AAID,MAAM,CAAC,OAAO,UAAU,OAAO,CAAC,KAAK,EAAE,YAAY,eAmHlD"}
1
+ {"version":3,"file":"Preview.d.ts","sourceRoot":"","sources":["../../src/engine/Preview.tsx"],"names":[],"mappings":"AAAA,OAAO,EAA+C,KAAK,GAAG,EAAoC,MAAM,UAAU,CAAA;AAkQlH,MAAM,WAAW,YAAY;IAC3B,MAAM,CAAC,EAAE,MAAM,CAAA;IACf,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,UAAU,CAAC,EAAE,MAAM,CAAA;IACnB,cAAc,CAAC,EAAE,MAAM,CAAA;IACvB,KAAK,CAAC,EAAE,GAAG,CAAC,aAAa,GAAG,MAAM,CAAA;IAClC,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,aAAa,CAAC,EAAE,MAAM,CAAA;IACtB,aAAa,CAAC,EAAE,MAAM,CAAA;CACvB;AAID,MAAM,CAAC,OAAO,UAAU,OAAO,CAAC,KAAK,EAAE,YAAY,eAmHlD"}
package/dist/solid/engine/Preview.js CHANGED
@@ -210,6 +210,18 @@ function RenderComponent(props) {
210
210
  }
211
211
  }));
212
212
  }
213
+ function parseStyleString(style2) {
214
+ const map = style2.split(";").reduce((acc, declaration) => {
215
+ const [prop, ...rest] = declaration.split(":");
216
+ if (!(prop == null ? void 0 : prop.trim())) return acc;
217
+ const value = rest.join(":").trim();
218
+ const trimmed = prop.trim();
219
+ const finalProp = trimmed.startsWith("--") ? trimmed : trimmed.replace(/-([a-z])/g, (_, c) => c.toUpperCase());
220
+ acc[finalProp] = value;
221
+ return acc;
222
+ }, {});
223
+ return map;
224
+ }
213
225
  let hasWarnedLicense = false;
214
226
  function Preview(props) {
215
227
  if (!hasWarnedLicense) {
@@ -297,7 +309,7 @@ function Preview(props) {
297
309
  insert(_el$2, watermarkText);
298
310
  effect((_p$) => {
299
311
  var _v$ = props.class, _v$2 = {
300
- ...props.style
312
+ ...typeof props.style === "string" ? parseStyleString(props.style) : props.style
301
313
  }, _v$3 = watermarkLink();
302
314
  _v$ !== _p$.e && className(_el$, _p$.e = _v$);
303
315
  _p$.t = style(_el$, _v$2, _p$.t);
package/dist/svelte/engine/Preview.svelte.d.ts CHANGED
@@ -19,6 +19,7 @@ declare const Preview: $$__sveltets_2_IsomorphicComponent<{
19
19
  obfuscationKey?: string | undefined;
20
20
  watermarkText?: string | undefined;
21
21
  watermarkLink?: string | undefined;
22
+ style?: string | undefined | undefined;
22
23
  }, {
23
24
  [evt: string]: CustomEvent<any>;
24
25
  }, {}, {}, string>;
package/dist/svelte/index.js CHANGED
@@ -10018,7 +10018,8 @@ function Preview($$anchor, $$props) {
10018
10018
  "apiBaseUrl",
10019
10019
  "obfuscationKey",
10020
10020
  "watermarkText",
10021
- "watermarkLink"
10021
+ "watermarkLink",
10022
+ "style"
10022
10023
  ]);
10023
10024
  $.push($$props, false);
10024
10025
  const componentMap = {
@@ -10134,6 +10135,7 @@ function Preview($$anchor, $$props) {
10134
10135
  let obfuscationKey = $.prop($$props, "obfuscationKey", 8, "shaders-preview-key");
10135
10136
  let watermarkText = $.prop($$props, "watermarkText", 8, "Unlock your Shaders Pro license");
10136
10137
  let watermarkLink = $.prop($$props, "watermarkLink", 8, "https://shaders.com/dashboard?pricing=true");
10138
+ let style = $.prop($$props, "style", 8, void 0);
10137
10139
  let resolvedDefinition = $.mutable_source(null);
10138
10140
  let fetchedDefinition = $.mutable_source(null);
10139
10141
  let watermarkHovered = $.mutable_source(false);
@@ -10167,7 +10169,7 @@ function Preview($$anchor, $$props) {
10167
10169
  var div = root_1();
10168
10170
  $.attribute_effect(div, () => ({
10169
10171
  class: "shaders-preview",
10170
- style: "position: relative; width: 100%; height: 100%;",
10172
+ style: `position: relative; width: 100%; height: 100%;${style() ? " " + style() : ""}`,
10171
10173
  ...$$restProps
10172
10174
  }));
10173
10175
  var node_1 = $.child(div);
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "shaders",
3
- "version": "2.3.64",
3
+ "version": "2.3.65",
4
4
  "description": "Shader magic for modern frontends",
5
5
  "author": "Shader Effects Inc.",
6
6
  "homepage": "https://shaders.com/",