@builder.io/sdk-solid 2.0.23 → 2.0.25

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.
package/dist/index.d.ts CHANGED
@@ -98,6 +98,7 @@ type BlocksWrapperProps = {
98
98
  */
99
99
  BlocksWrapperProps: any;
100
100
  children?: any;
101
+ classNameProp?: string;
101
102
  };
102
103
 
103
104
  type ApiVersion = 'v3';
@@ -650,10 +651,11 @@ interface VideoProps {
650
651
 
651
652
  declare function Video(props: VideoProps): solid_js.JSX.Element;
652
653
 
653
- type BlocksProps = Partial<Omit<BlocksWrapperProps, 'BlocksWrapper' | 'BlocksWrapperProps'>> & {
654
+ type BlocksProps = Partial<Omit<BlocksWrapperProps, 'BlocksWrapper' | 'BlocksWrapperProps' | 'classNameProp'>> & {
654
655
  context?: BuilderContextInterface;
655
656
  registeredComponents?: RegisteredComponents;
656
657
  linkComponent?: any;
658
+ className?: string;
657
659
  };
658
660
 
659
661
  declare function Blocks(props: BlocksProps): solid_js.JSX.Element;
@@ -1521,14 +1521,14 @@ function Block(props) {
1521
1521
  });
1522
1522
  }
1523
1523
  var block_default = Block;
1524
- var _tmpl$2 = /* @__PURE__ */ template(`<style>.dynamic-68b2d7fe {
1524
+ var _tmpl$2 = /* @__PURE__ */ template(`<style>.dynamic-6567ee94 {
1525
1525
  display: flex;
1526
1526
  flex-direction: column;
1527
1527
  align-items: stretch;
1528
1528
  }`);
1529
1529
  function BlocksWrapper(props) {
1530
1530
  const className = createMemo(() => {
1531
- return "builder-blocks" + (!props.blocks?.length ? " no-blocks" : "");
1531
+ return ["builder-blocks", !props.blocks?.length ? "no-blocks" : "", props.classNameProp].filter(Boolean).join(" ");
1532
1532
  });
1533
1533
  function onClick() {
1534
1534
  if (isEditing() && !props.blocks?.length) {
@@ -1557,7 +1557,7 @@ function BlocksWrapper(props) {
1557
1557
  });
1558
1558
  return [createComponent(Dynamic, mergeProps({
1559
1559
  get ["class"]() {
1560
- return className() + " dynamic-68b2d7fe";
1560
+ return className() + " dynamic-6567ee94";
1561
1561
  },
1562
1562
  ref(r$) {
1563
1563
  const _ref$ = blocksWrapperRef;
@@ -1604,11 +1604,14 @@ function Blocks(props) {
1604
1604
  get styleProp() {
1605
1605
  return props.styleProp;
1606
1606
  },
1607
+ get classNameProp() {
1608
+ return props.className;
1609
+ },
1607
1610
  get BlocksWrapper() {
1608
- return props.context?.BlocksWrapper || builderContext.BlocksWrapper;
1611
+ return props.context?.BlocksWrapper || builderContext?.BlocksWrapper;
1609
1612
  },
1610
1613
  get BlocksWrapperProps() {
1611
- return props.context?.BlocksWrapperProps || builderContext.BlocksWrapperProps;
1614
+ return props.context?.BlocksWrapperProps || builderContext?.BlocksWrapperProps;
1612
1615
  },
1613
1616
  get children() {
1614
1617
  return createComponent(Show, {
@@ -1634,7 +1637,7 @@ function Blocks(props) {
1634
1637
  return props.context || builderContext;
1635
1638
  },
1636
1639
  get registeredComponents() {
1637
- return props.registeredComponents || componentsContext.registeredComponents;
1640
+ return props.registeredComponents || componentsContext?.registeredComponents;
1638
1641
  }
1639
1642
  });
1640
1643
  }
@@ -4762,6 +4765,16 @@ function getPreviewContent(_searchParams) {
4762
4765
  return void 0;
4763
4766
  }
4764
4767
 
4768
+ // src/constants/sdk-version.ts
4769
+ var SDK_VERSION = "2.0.25";
4770
+
4771
+ // src/helpers/sdk-headers.ts
4772
+ var getSdkHeaders = () => ({
4773
+ "X-Builder-SDK": TARGET,
4774
+ "X-Builder-SDK-GEN": "2",
4775
+ "X-Builder-SDK-Version": SDK_VERSION
4776
+ });
4777
+
4765
4778
  // src/functions/get-global-this.ts
4766
4779
  function getGlobalThis() {
4767
4780
  if (typeof globalThis !== "undefined") {
@@ -4944,7 +4957,14 @@ async function fetchOneEntry(options) {
4944
4957
  var _fetchContent = async (options) => {
4945
4958
  const url = generateContentUrl(options);
4946
4959
  const _fetch = options.fetch ?? fetch2;
4947
- const res = await _fetch(url.href, options.fetchOptions);
4960
+ const fetchOptions = {
4961
+ ...options.fetchOptions,
4962
+ headers: {
4963
+ ...options.fetchOptions?.headers,
4964
+ ...getSdkHeaders()
4965
+ }
4966
+ };
4967
+ const res = await _fetch(url.href, fetchOptions);
4948
4968
  const content = await res.json();
4949
4969
  return content;
4950
4970
  };
@@ -5175,7 +5195,8 @@ async function _track(eventProps) {
5175
5195
  events: [await createEvent(eventProps)]
5176
5196
  }),
5177
5197
  headers: {
5178
- "content-type": "application/json"
5198
+ "content-type": "application/json",
5199
+ ...getSdkHeaders()
5179
5200
  },
5180
5201
  mode: "cors"
5181
5202
  }).catch((err) => {
@@ -5255,9 +5276,6 @@ function isFromTrustedHost(trustedHosts, e) {
5255
5276
  return (trustedHosts || DEFAULT_TRUSTED_HOSTS).findIndex((trustedHost) => trustedHost.startsWith("*.") ? hostname.endsWith(trustedHost.slice(1)) : trustedHost === hostname) > -1;
5256
5277
  }
5257
5278
 
5258
- // src/constants/sdk-version.ts
5259
- var SDK_VERSION = "2.0.23";
5260
-
5261
5279
  // src/functions/register.ts
5262
5280
  var registry = {};
5263
5281
  function register(type, info) {
@@ -1357,7 +1357,11 @@ import { onMount as onMount3, createMemo as createMemo6 } from "solid-js";
1357
1357
  import { Dynamic as Dynamic4 } from "solid-js/web";
1358
1358
  function BlocksWrapper(props) {
1359
1359
  const className = createMemo6(() => {
1360
- return "builder-blocks" + (!props.blocks?.length ? " no-blocks" : "");
1360
+ return [
1361
+ "builder-blocks",
1362
+ !props.blocks?.length ? "no-blocks" : "",
1363
+ props.classNameProp
1364
+ ].filter(Boolean).join(" ");
1361
1365
  });
1362
1366
  function onClick() {
1363
1367
  if (isEditing() && !props.blocks?.length) {
@@ -1392,7 +1396,7 @@ function BlocksWrapper(props) {
1392
1396
  });
1393
1397
  return <>
1394
1398
  <Dynamic4
1395
- class={className() + " dynamic-68b2d7fe"}
1399
+ class={className() + " dynamic-6567ee94"}
1396
1400
  ref={blocksWrapperRef}
1397
1401
  builder-path={props.path}
1398
1402
  builder-parent-id={props.parent}
@@ -1404,7 +1408,7 @@ function BlocksWrapper(props) {
1404
1408
  {...props.BlocksWrapperProps}
1405
1409
  component={props.BlocksWrapper}
1406
1410
  >{props.children}</Dynamic4>
1407
- <style>{`.dynamic-68b2d7fe {
1411
+ <style>{`.dynamic-6567ee94 {
1408
1412
  display: flex;
1409
1413
  flex-direction: column;
1410
1414
  align-items: stretch;
@@ -1422,8 +1426,9 @@ function Blocks(props) {
1422
1426
  parent={props.parent}
1423
1427
  path={props.path}
1424
1428
  styleProp={props.styleProp}
1425
- BlocksWrapper={props.context?.BlocksWrapper || builderContext.BlocksWrapper}
1426
- BlocksWrapperProps={props.context?.BlocksWrapperProps || builderContext.BlocksWrapperProps}
1429
+ classNameProp={props.className}
1430
+ BlocksWrapper={props.context?.BlocksWrapper || builderContext?.BlocksWrapper}
1431
+ BlocksWrapperProps={props.context?.BlocksWrapperProps || builderContext?.BlocksWrapperProps}
1427
1432
  ><Show6 when={props.blocks}><For3 each={props.blocks}>{(block, _index) => {
1428
1433
  const index = _index();
1429
1434
  return <Block_default
@@ -1431,7 +1436,7 @@ function Blocks(props) {
1431
1436
  block={block}
1432
1437
  linkComponent={props.linkComponent}
1433
1438
  context={props.context || builderContext}
1434
- registeredComponents={props.registeredComponents || componentsContext.registeredComponents}
1439
+ registeredComponents={props.registeredComponents || componentsContext?.registeredComponents}
1435
1440
  />;
1436
1441
  }}</For3></Show6></Blocks_wrapper_default></>;
1437
1442
  }
@@ -4248,6 +4253,16 @@ function getPreviewContent(_searchParams) {
4248
4253
  return void 0;
4249
4254
  }
4250
4255
 
4256
+ // src/constants/sdk-version.ts
4257
+ var SDK_VERSION = "2.0.25";
4258
+
4259
+ // src/helpers/sdk-headers.ts
4260
+ var getSdkHeaders = () => ({
4261
+ "X-Builder-SDK": TARGET,
4262
+ "X-Builder-SDK-GEN": "2",
4263
+ "X-Builder-SDK-Version": SDK_VERSION
4264
+ });
4265
+
4251
4266
  // src/functions/get-global-this.ts
4252
4267
  function getGlobalThis() {
4253
4268
  if (typeof globalThis !== "undefined") {
@@ -4430,7 +4445,14 @@ async function fetchOneEntry(options) {
4430
4445
  var _fetchContent = async (options) => {
4431
4446
  const url = generateContentUrl(options);
4432
4447
  const _fetch = options.fetch ?? fetch2;
4433
- const res = await _fetch(url.href, options.fetchOptions);
4448
+ const fetchOptions = {
4449
+ ...options.fetchOptions,
4450
+ headers: {
4451
+ ...options.fetchOptions?.headers,
4452
+ ...getSdkHeaders()
4453
+ }
4454
+ };
4455
+ const res = await _fetch(url.href, fetchOptions);
4434
4456
  const content = await res.json();
4435
4457
  return content;
4436
4458
  };
@@ -4661,7 +4683,8 @@ async function _track(eventProps) {
4661
4683
  events: [await createEvent(eventProps)]
4662
4684
  }),
4663
4685
  headers: {
4664
- "content-type": "application/json"
4686
+ "content-type": "application/json",
4687
+ ...getSdkHeaders()
4665
4688
  },
4666
4689
  mode: "cors"
4667
4690
  }).catch((err) => {
@@ -4741,9 +4764,6 @@ function isFromTrustedHost(trustedHosts, e) {
4741
4764
  return (trustedHosts || DEFAULT_TRUSTED_HOSTS).findIndex((trustedHost) => trustedHost.startsWith("*.") ? hostname.endsWith(trustedHost.slice(1)) : trustedHost === hostname) > -1;
4742
4765
  }
4743
4766
 
4744
- // src/constants/sdk-version.ts
4745
- var SDK_VERSION = "2.0.23";
4746
-
4747
4767
  // src/functions/register.ts
4748
4768
  var registry = {};
4749
4769
  function register(type, info) {
@@ -1515,14 +1515,14 @@ function Block(props) {
1515
1515
  });
1516
1516
  }
1517
1517
  var block_default = Block;
1518
- var _tmpl$2 = /* @__PURE__ */ template(`<style>.dynamic-68b2d7fe {
1518
+ var _tmpl$2 = /* @__PURE__ */ template(`<style>.dynamic-6567ee94 {
1519
1519
  display: flex;
1520
1520
  flex-direction: column;
1521
1521
  align-items: stretch;
1522
1522
  }`);
1523
1523
  function BlocksWrapper(props) {
1524
1524
  const className = createMemo(() => {
1525
- return "builder-blocks" + (!props.blocks?.length ? " no-blocks" : "");
1525
+ return ["builder-blocks", !props.blocks?.length ? "no-blocks" : "", props.classNameProp].filter(Boolean).join(" ");
1526
1526
  });
1527
1527
  function onClick() {
1528
1528
  if (isEditing() && !props.blocks?.length) {
@@ -1551,7 +1551,7 @@ function BlocksWrapper(props) {
1551
1551
  });
1552
1552
  return [createComponent(Dynamic, mergeProps({
1553
1553
  get ["class"]() {
1554
- return className() + " dynamic-68b2d7fe";
1554
+ return className() + " dynamic-6567ee94";
1555
1555
  },
1556
1556
  ref(r$) {
1557
1557
  const _ref$ = blocksWrapperRef;
@@ -1598,11 +1598,14 @@ function Blocks(props) {
1598
1598
  get styleProp() {
1599
1599
  return props.styleProp;
1600
1600
  },
1601
+ get classNameProp() {
1602
+ return props.className;
1603
+ },
1601
1604
  get BlocksWrapper() {
1602
- return props.context?.BlocksWrapper || builderContext.BlocksWrapper;
1605
+ return props.context?.BlocksWrapper || builderContext?.BlocksWrapper;
1603
1606
  },
1604
1607
  get BlocksWrapperProps() {
1605
- return props.context?.BlocksWrapperProps || builderContext.BlocksWrapperProps;
1608
+ return props.context?.BlocksWrapperProps || builderContext?.BlocksWrapperProps;
1606
1609
  },
1607
1610
  get children() {
1608
1611
  return createComponent(Show, {
@@ -1628,7 +1631,7 @@ function Blocks(props) {
1628
1631
  return props.context || builderContext;
1629
1632
  },
1630
1633
  get registeredComponents() {
1631
- return props.registeredComponents || componentsContext.registeredComponents;
1634
+ return props.registeredComponents || componentsContext?.registeredComponents;
1632
1635
  }
1633
1636
  });
1634
1637
  }
@@ -4752,6 +4755,16 @@ function getPreviewContent(_searchParams) {
4752
4755
  return void 0;
4753
4756
  }
4754
4757
 
4758
+ // src/constants/sdk-version.ts
4759
+ var SDK_VERSION = "2.0.25";
4760
+
4761
+ // src/helpers/sdk-headers.ts
4762
+ var getSdkHeaders = () => ({
4763
+ "X-Builder-SDK": TARGET,
4764
+ "X-Builder-SDK-GEN": "2",
4765
+ "X-Builder-SDK-Version": SDK_VERSION
4766
+ });
4767
+
4755
4768
  // src/functions/get-global-this.ts
4756
4769
  function getGlobalThis() {
4757
4770
  if (typeof globalThis !== "undefined") {
@@ -4932,7 +4945,14 @@ async function fetchOneEntry(options) {
4932
4945
  var _fetchContent = async (options) => {
4933
4946
  const url = generateContentUrl(options);
4934
4947
  const _fetch = options.fetch ?? fetch2;
4935
- const res = await _fetch(url.href, options.fetchOptions);
4948
+ const fetchOptions = {
4949
+ ...options.fetchOptions,
4950
+ headers: {
4951
+ ...options.fetchOptions?.headers,
4952
+ ...getSdkHeaders()
4953
+ }
4954
+ };
4955
+ const res = await _fetch(url.href, fetchOptions);
4936
4956
  const content = await res.json();
4937
4957
  return content;
4938
4958
  };
@@ -5161,7 +5181,8 @@ async function _track(eventProps) {
5161
5181
  events: [await createEvent(eventProps)]
5162
5182
  }),
5163
5183
  headers: {
5164
- "content-type": "application/json"
5184
+ "content-type": "application/json",
5185
+ ...getSdkHeaders()
5165
5186
  },
5166
5187
  mode: "cors"
5167
5188
  }).catch((err) => {
@@ -5240,9 +5261,6 @@ function isFromTrustedHost(trustedHosts, e) {
5240
5261
  return (trustedHosts || DEFAULT_TRUSTED_HOSTS).findIndex((trustedHost) => trustedHost.startsWith("*.") ? hostname.endsWith(trustedHost.slice(1)) : trustedHost === hostname) > -1;
5241
5262
  }
5242
5263
 
5243
- // src/constants/sdk-version.ts
5244
- var SDK_VERSION = "2.0.23";
5245
-
5246
5264
  // src/functions/register.ts
5247
5265
  var registry = {};
5248
5266
  function register(type, info) {
@@ -1351,7 +1351,11 @@ import { onMount as onMount3, createMemo as createMemo6 } from "solid-js";
1351
1351
  import { Dynamic as Dynamic4 } from "solid-js/web";
1352
1352
  function BlocksWrapper(props) {
1353
1353
  const className = createMemo6(() => {
1354
- return "builder-blocks" + (!props.blocks?.length ? " no-blocks" : "");
1354
+ return [
1355
+ "builder-blocks",
1356
+ !props.blocks?.length ? "no-blocks" : "",
1357
+ props.classNameProp
1358
+ ].filter(Boolean).join(" ");
1355
1359
  });
1356
1360
  function onClick() {
1357
1361
  if (isEditing() && !props.blocks?.length) {
@@ -1386,7 +1390,7 @@ function BlocksWrapper(props) {
1386
1390
  });
1387
1391
  return <>
1388
1392
  <Dynamic4
1389
- class={className() + " dynamic-68b2d7fe"}
1393
+ class={className() + " dynamic-6567ee94"}
1390
1394
  ref={blocksWrapperRef}
1391
1395
  builder-path={props.path}
1392
1396
  builder-parent-id={props.parent}
@@ -1398,7 +1402,7 @@ function BlocksWrapper(props) {
1398
1402
  {...props.BlocksWrapperProps}
1399
1403
  component={props.BlocksWrapper}
1400
1404
  >{props.children}</Dynamic4>
1401
- <style>{`.dynamic-68b2d7fe {
1405
+ <style>{`.dynamic-6567ee94 {
1402
1406
  display: flex;
1403
1407
  flex-direction: column;
1404
1408
  align-items: stretch;
@@ -1416,8 +1420,9 @@ function Blocks(props) {
1416
1420
  parent={props.parent}
1417
1421
  path={props.path}
1418
1422
  styleProp={props.styleProp}
1419
- BlocksWrapper={props.context?.BlocksWrapper || builderContext.BlocksWrapper}
1420
- BlocksWrapperProps={props.context?.BlocksWrapperProps || builderContext.BlocksWrapperProps}
1423
+ classNameProp={props.className}
1424
+ BlocksWrapper={props.context?.BlocksWrapper || builderContext?.BlocksWrapper}
1425
+ BlocksWrapperProps={props.context?.BlocksWrapperProps || builderContext?.BlocksWrapperProps}
1421
1426
  ><Show6 when={props.blocks}><For3 each={props.blocks}>{(block, _index) => {
1422
1427
  const index = _index();
1423
1428
  return <Block_default
@@ -1425,7 +1430,7 @@ function Blocks(props) {
1425
1430
  block={block}
1426
1431
  linkComponent={props.linkComponent}
1427
1432
  context={props.context || builderContext}
1428
- registeredComponents={props.registeredComponents || componentsContext.registeredComponents}
1433
+ registeredComponents={props.registeredComponents || componentsContext?.registeredComponents}
1429
1434
  />;
1430
1435
  }}</For3></Show6></Blocks_wrapper_default></>;
1431
1436
  }
@@ -4238,6 +4243,16 @@ function getPreviewContent(_searchParams) {
4238
4243
  return void 0;
4239
4244
  }
4240
4245
 
4246
+ // src/constants/sdk-version.ts
4247
+ var SDK_VERSION = "2.0.25";
4248
+
4249
+ // src/helpers/sdk-headers.ts
4250
+ var getSdkHeaders = () => ({
4251
+ "X-Builder-SDK": TARGET,
4252
+ "X-Builder-SDK-GEN": "2",
4253
+ "X-Builder-SDK-Version": SDK_VERSION
4254
+ });
4255
+
4241
4256
  // src/functions/get-global-this.ts
4242
4257
  function getGlobalThis() {
4243
4258
  if (typeof globalThis !== "undefined") {
@@ -4418,7 +4433,14 @@ async function fetchOneEntry(options) {
4418
4433
  var _fetchContent = async (options) => {
4419
4434
  const url = generateContentUrl(options);
4420
4435
  const _fetch = options.fetch ?? fetch2;
4421
- const res = await _fetch(url.href, options.fetchOptions);
4436
+ const fetchOptions = {
4437
+ ...options.fetchOptions,
4438
+ headers: {
4439
+ ...options.fetchOptions?.headers,
4440
+ ...getSdkHeaders()
4441
+ }
4442
+ };
4443
+ const res = await _fetch(url.href, fetchOptions);
4422
4444
  const content = await res.json();
4423
4445
  return content;
4424
4446
  };
@@ -4647,7 +4669,8 @@ async function _track(eventProps) {
4647
4669
  events: [await createEvent(eventProps)]
4648
4670
  }),
4649
4671
  headers: {
4650
- "content-type": "application/json"
4672
+ "content-type": "application/json",
4673
+ ...getSdkHeaders()
4651
4674
  },
4652
4675
  mode: "cors"
4653
4676
  }).catch((err) => {
@@ -4726,9 +4749,6 @@ function isFromTrustedHost(trustedHosts, e) {
4726
4749
  return (trustedHosts || DEFAULT_TRUSTED_HOSTS).findIndex((trustedHost) => trustedHost.startsWith("*.") ? hostname.endsWith(trustedHost.slice(1)) : trustedHost === hostname) > -1;
4727
4750
  }
4728
4751
 
4729
- // src/constants/sdk-version.ts
4730
- var SDK_VERSION = "2.0.23";
4731
-
4732
4752
  // src/functions/register.ts
4733
4753
  var registry = {};
4734
4754
  function register(type, info) {
package/lib/edge/dev.js CHANGED
@@ -4704,14 +4704,14 @@ function Block(props) {
4704
4704
  });
4705
4705
  }
4706
4706
  var block_default = Block;
4707
- var _tmpl$2 = /* @__PURE__ */ template(`<style>.dynamic-68b2d7fe {
4707
+ var _tmpl$2 = /* @__PURE__ */ template(`<style>.dynamic-6567ee94 {
4708
4708
  display: flex;
4709
4709
  flex-direction: column;
4710
4710
  align-items: stretch;
4711
4711
  }`);
4712
4712
  function BlocksWrapper(props) {
4713
4713
  const className = createMemo(() => {
4714
- return "builder-blocks" + (!props.blocks?.length ? " no-blocks" : "");
4714
+ return ["builder-blocks", !props.blocks?.length ? "no-blocks" : "", props.classNameProp].filter(Boolean).join(" ");
4715
4715
  });
4716
4716
  function onClick() {
4717
4717
  if (isEditing() && !props.blocks?.length) {
@@ -4740,7 +4740,7 @@ function BlocksWrapper(props) {
4740
4740
  });
4741
4741
  return [createComponent(Dynamic, mergeProps({
4742
4742
  get ["class"]() {
4743
- return className() + " dynamic-68b2d7fe";
4743
+ return className() + " dynamic-6567ee94";
4744
4744
  },
4745
4745
  ref(r$) {
4746
4746
  const _ref$ = blocksWrapperRef;
@@ -4787,11 +4787,14 @@ function Blocks(props) {
4787
4787
  get styleProp() {
4788
4788
  return props.styleProp;
4789
4789
  },
4790
+ get classNameProp() {
4791
+ return props.className;
4792
+ },
4790
4793
  get BlocksWrapper() {
4791
- return props.context?.BlocksWrapper || builderContext.BlocksWrapper;
4794
+ return props.context?.BlocksWrapper || builderContext?.BlocksWrapper;
4792
4795
  },
4793
4796
  get BlocksWrapperProps() {
4794
- return props.context?.BlocksWrapperProps || builderContext.BlocksWrapperProps;
4797
+ return props.context?.BlocksWrapperProps || builderContext?.BlocksWrapperProps;
4795
4798
  },
4796
4799
  get children() {
4797
4800
  return createComponent(Show, {
@@ -4817,7 +4820,7 @@ function Blocks(props) {
4817
4820
  return props.context || builderContext;
4818
4821
  },
4819
4822
  get registeredComponents() {
4820
- return props.registeredComponents || componentsContext.registeredComponents;
4823
+ return props.registeredComponents || componentsContext?.registeredComponents;
4821
4824
  }
4822
4825
  });
4823
4826
  }
@@ -7945,6 +7948,16 @@ function getPreviewContent(_searchParams) {
7945
7948
  return void 0;
7946
7949
  }
7947
7950
 
7951
+ // src/constants/sdk-version.ts
7952
+ var SDK_VERSION = "2.0.25";
7953
+
7954
+ // src/helpers/sdk-headers.ts
7955
+ var getSdkHeaders = () => ({
7956
+ "X-Builder-SDK": TARGET,
7957
+ "X-Builder-SDK-GEN": "2",
7958
+ "X-Builder-SDK-Version": SDK_VERSION
7959
+ });
7960
+
7948
7961
  // src/functions/get-global-this.ts
7949
7962
  function getGlobalThis() {
7950
7963
  if (typeof globalThis !== "undefined") {
@@ -8127,7 +8140,14 @@ async function fetchOneEntry(options) {
8127
8140
  var _fetchContent = async (options) => {
8128
8141
  const url = generateContentUrl(options);
8129
8142
  const _fetch = options.fetch ?? fetch2;
8130
- const res = await _fetch(url.href, options.fetchOptions);
8143
+ const fetchOptions = {
8144
+ ...options.fetchOptions,
8145
+ headers: {
8146
+ ...options.fetchOptions?.headers,
8147
+ ...getSdkHeaders()
8148
+ }
8149
+ };
8150
+ const res = await _fetch(url.href, fetchOptions);
8131
8151
  const content = await res.json();
8132
8152
  return content;
8133
8153
  };
@@ -8358,7 +8378,8 @@ async function _track(eventProps) {
8358
8378
  events: [await createEvent(eventProps)]
8359
8379
  }),
8360
8380
  headers: {
8361
- "content-type": "application/json"
8381
+ "content-type": "application/json",
8382
+ ...getSdkHeaders()
8362
8383
  },
8363
8384
  mode: "cors"
8364
8385
  }).catch((err) => {
@@ -8438,9 +8459,6 @@ function isFromTrustedHost(trustedHosts, e) {
8438
8459
  return (trustedHosts || DEFAULT_TRUSTED_HOSTS).findIndex((trustedHost) => trustedHost.startsWith("*.") ? hostname.endsWith(trustedHost.slice(1)) : trustedHost === hostname) > -1;
8439
8460
  }
8440
8461
 
8441
- // src/constants/sdk-version.ts
8442
- var SDK_VERSION = "2.0.23";
8443
-
8444
8462
  // src/functions/register.ts
8445
8463
  var registry = {};
8446
8464
  function register(type, info) {
package/lib/edge/dev.jsx CHANGED
@@ -4542,7 +4542,11 @@ import { onMount as onMount3, createMemo as createMemo6 } from "solid-js";
4542
4542
  import { Dynamic as Dynamic4 } from "solid-js/web";
4543
4543
  function BlocksWrapper(props) {
4544
4544
  const className = createMemo6(() => {
4545
- return "builder-blocks" + (!props.blocks?.length ? " no-blocks" : "");
4545
+ return [
4546
+ "builder-blocks",
4547
+ !props.blocks?.length ? "no-blocks" : "",
4548
+ props.classNameProp
4549
+ ].filter(Boolean).join(" ");
4546
4550
  });
4547
4551
  function onClick() {
4548
4552
  if (isEditing() && !props.blocks?.length) {
@@ -4577,7 +4581,7 @@ function BlocksWrapper(props) {
4577
4581
  });
4578
4582
  return <>
4579
4583
  <Dynamic4
4580
- class={className() + " dynamic-68b2d7fe"}
4584
+ class={className() + " dynamic-6567ee94"}
4581
4585
  ref={blocksWrapperRef}
4582
4586
  builder-path={props.path}
4583
4587
  builder-parent-id={props.parent}
@@ -4589,7 +4593,7 @@ function BlocksWrapper(props) {
4589
4593
  {...props.BlocksWrapperProps}
4590
4594
  component={props.BlocksWrapper}
4591
4595
  >{props.children}</Dynamic4>
4592
- <style>{`.dynamic-68b2d7fe {
4596
+ <style>{`.dynamic-6567ee94 {
4593
4597
  display: flex;
4594
4598
  flex-direction: column;
4595
4599
  align-items: stretch;
@@ -4607,8 +4611,9 @@ function Blocks(props) {
4607
4611
  parent={props.parent}
4608
4612
  path={props.path}
4609
4613
  styleProp={props.styleProp}
4610
- BlocksWrapper={props.context?.BlocksWrapper || builderContext.BlocksWrapper}
4611
- BlocksWrapperProps={props.context?.BlocksWrapperProps || builderContext.BlocksWrapperProps}
4614
+ classNameProp={props.className}
4615
+ BlocksWrapper={props.context?.BlocksWrapper || builderContext?.BlocksWrapper}
4616
+ BlocksWrapperProps={props.context?.BlocksWrapperProps || builderContext?.BlocksWrapperProps}
4612
4617
  ><Show6 when={props.blocks}><For3 each={props.blocks}>{(block, _index) => {
4613
4618
  const index = _index();
4614
4619
  return <Block_default
@@ -4616,7 +4621,7 @@ function Blocks(props) {
4616
4621
  block={block}
4617
4622
  linkComponent={props.linkComponent}
4618
4623
  context={props.context || builderContext}
4619
- registeredComponents={props.registeredComponents || componentsContext.registeredComponents}
4624
+ registeredComponents={props.registeredComponents || componentsContext?.registeredComponents}
4620
4625
  />;
4621
4626
  }}</For3></Show6></Blocks_wrapper_default></>;
4622
4627
  }
@@ -7433,6 +7438,16 @@ function getPreviewContent(_searchParams) {
7433
7438
  return void 0;
7434
7439
  }
7435
7440
 
7441
+ // src/constants/sdk-version.ts
7442
+ var SDK_VERSION = "2.0.25";
7443
+
7444
+ // src/helpers/sdk-headers.ts
7445
+ var getSdkHeaders = () => ({
7446
+ "X-Builder-SDK": TARGET,
7447
+ "X-Builder-SDK-GEN": "2",
7448
+ "X-Builder-SDK-Version": SDK_VERSION
7449
+ });
7450
+
7436
7451
  // src/functions/get-global-this.ts
7437
7452
  function getGlobalThis() {
7438
7453
  if (typeof globalThis !== "undefined") {
@@ -7615,7 +7630,14 @@ async function fetchOneEntry(options) {
7615
7630
  var _fetchContent = async (options) => {
7616
7631
  const url = generateContentUrl(options);
7617
7632
  const _fetch = options.fetch ?? fetch2;
7618
- const res = await _fetch(url.href, options.fetchOptions);
7633
+ const fetchOptions = {
7634
+ ...options.fetchOptions,
7635
+ headers: {
7636
+ ...options.fetchOptions?.headers,
7637
+ ...getSdkHeaders()
7638
+ }
7639
+ };
7640
+ const res = await _fetch(url.href, fetchOptions);
7619
7641
  const content = await res.json();
7620
7642
  return content;
7621
7643
  };
@@ -7846,7 +7868,8 @@ async function _track(eventProps) {
7846
7868
  events: [await createEvent(eventProps)]
7847
7869
  }),
7848
7870
  headers: {
7849
- "content-type": "application/json"
7871
+ "content-type": "application/json",
7872
+ ...getSdkHeaders()
7850
7873
  },
7851
7874
  mode: "cors"
7852
7875
  }).catch((err) => {
@@ -7926,9 +7949,6 @@ function isFromTrustedHost(trustedHosts, e) {
7926
7949
  return (trustedHosts || DEFAULT_TRUSTED_HOSTS).findIndex((trustedHost) => trustedHost.startsWith("*.") ? hostname.endsWith(trustedHost.slice(1)) : trustedHost === hostname) > -1;
7927
7950
  }
7928
7951
 
7929
- // src/constants/sdk-version.ts
7930
- var SDK_VERSION = "2.0.23";
7931
-
7932
7952
  // src/functions/register.ts
7933
7953
  var registry = {};
7934
7954
  function register(type, info) {
package/lib/edge/index.js CHANGED
@@ -4698,14 +4698,14 @@ function Block(props) {
4698
4698
  });
4699
4699
  }
4700
4700
  var block_default = Block;
4701
- var _tmpl$2 = /* @__PURE__ */ template(`<style>.dynamic-68b2d7fe {
4701
+ var _tmpl$2 = /* @__PURE__ */ template(`<style>.dynamic-6567ee94 {
4702
4702
  display: flex;
4703
4703
  flex-direction: column;
4704
4704
  align-items: stretch;
4705
4705
  }`);
4706
4706
  function BlocksWrapper(props) {
4707
4707
  const className = createMemo(() => {
4708
- return "builder-blocks" + (!props.blocks?.length ? " no-blocks" : "");
4708
+ return ["builder-blocks", !props.blocks?.length ? "no-blocks" : "", props.classNameProp].filter(Boolean).join(" ");
4709
4709
  });
4710
4710
  function onClick() {
4711
4711
  if (isEditing() && !props.blocks?.length) {
@@ -4734,7 +4734,7 @@ function BlocksWrapper(props) {
4734
4734
  });
4735
4735
  return [createComponent(Dynamic, mergeProps({
4736
4736
  get ["class"]() {
4737
- return className() + " dynamic-68b2d7fe";
4737
+ return className() + " dynamic-6567ee94";
4738
4738
  },
4739
4739
  ref(r$) {
4740
4740
  const _ref$ = blocksWrapperRef;
@@ -4781,11 +4781,14 @@ function Blocks(props) {
4781
4781
  get styleProp() {
4782
4782
  return props.styleProp;
4783
4783
  },
4784
+ get classNameProp() {
4785
+ return props.className;
4786
+ },
4784
4787
  get BlocksWrapper() {
4785
- return props.context?.BlocksWrapper || builderContext.BlocksWrapper;
4788
+ return props.context?.BlocksWrapper || builderContext?.BlocksWrapper;
4786
4789
  },
4787
4790
  get BlocksWrapperProps() {
4788
- return props.context?.BlocksWrapperProps || builderContext.BlocksWrapperProps;
4791
+ return props.context?.BlocksWrapperProps || builderContext?.BlocksWrapperProps;
4789
4792
  },
4790
4793
  get children() {
4791
4794
  return createComponent(Show, {
@@ -4811,7 +4814,7 @@ function Blocks(props) {
4811
4814
  return props.context || builderContext;
4812
4815
  },
4813
4816
  get registeredComponents() {
4814
- return props.registeredComponents || componentsContext.registeredComponents;
4817
+ return props.registeredComponents || componentsContext?.registeredComponents;
4815
4818
  }
4816
4819
  });
4817
4820
  }
@@ -7935,6 +7938,16 @@ function getPreviewContent(_searchParams) {
7935
7938
  return void 0;
7936
7939
  }
7937
7940
 
7941
+ // src/constants/sdk-version.ts
7942
+ var SDK_VERSION = "2.0.25";
7943
+
7944
+ // src/helpers/sdk-headers.ts
7945
+ var getSdkHeaders = () => ({
7946
+ "X-Builder-SDK": TARGET,
7947
+ "X-Builder-SDK-GEN": "2",
7948
+ "X-Builder-SDK-Version": SDK_VERSION
7949
+ });
7950
+
7938
7951
  // src/functions/get-global-this.ts
7939
7952
  function getGlobalThis() {
7940
7953
  if (typeof globalThis !== "undefined") {
@@ -8115,7 +8128,14 @@ async function fetchOneEntry(options) {
8115
8128
  var _fetchContent = async (options) => {
8116
8129
  const url = generateContentUrl(options);
8117
8130
  const _fetch = options.fetch ?? fetch2;
8118
- const res = await _fetch(url.href, options.fetchOptions);
8131
+ const fetchOptions = {
8132
+ ...options.fetchOptions,
8133
+ headers: {
8134
+ ...options.fetchOptions?.headers,
8135
+ ...getSdkHeaders()
8136
+ }
8137
+ };
8138
+ const res = await _fetch(url.href, fetchOptions);
8119
8139
  const content = await res.json();
8120
8140
  return content;
8121
8141
  };
@@ -8344,7 +8364,8 @@ async function _track(eventProps) {
8344
8364
  events: [await createEvent(eventProps)]
8345
8365
  }),
8346
8366
  headers: {
8347
- "content-type": "application/json"
8367
+ "content-type": "application/json",
8368
+ ...getSdkHeaders()
8348
8369
  },
8349
8370
  mode: "cors"
8350
8371
  }).catch((err) => {
@@ -8423,9 +8444,6 @@ function isFromTrustedHost(trustedHosts, e) {
8423
8444
  return (trustedHosts || DEFAULT_TRUSTED_HOSTS).findIndex((trustedHost) => trustedHost.startsWith("*.") ? hostname.endsWith(trustedHost.slice(1)) : trustedHost === hostname) > -1;
8424
8445
  }
8425
8446
 
8426
- // src/constants/sdk-version.ts
8427
- var SDK_VERSION = "2.0.23";
8428
-
8429
8447
  // src/functions/register.ts
8430
8448
  var registry = {};
8431
8449
  function register(type, info) {
@@ -4536,7 +4536,11 @@ import { onMount as onMount3, createMemo as createMemo6 } from "solid-js";
4536
4536
  import { Dynamic as Dynamic4 } from "solid-js/web";
4537
4537
  function BlocksWrapper(props) {
4538
4538
  const className = createMemo6(() => {
4539
- return "builder-blocks" + (!props.blocks?.length ? " no-blocks" : "");
4539
+ return [
4540
+ "builder-blocks",
4541
+ !props.blocks?.length ? "no-blocks" : "",
4542
+ props.classNameProp
4543
+ ].filter(Boolean).join(" ");
4540
4544
  });
4541
4545
  function onClick() {
4542
4546
  if (isEditing() && !props.blocks?.length) {
@@ -4571,7 +4575,7 @@ function BlocksWrapper(props) {
4571
4575
  });
4572
4576
  return <>
4573
4577
  <Dynamic4
4574
- class={className() + " dynamic-68b2d7fe"}
4578
+ class={className() + " dynamic-6567ee94"}
4575
4579
  ref={blocksWrapperRef}
4576
4580
  builder-path={props.path}
4577
4581
  builder-parent-id={props.parent}
@@ -4583,7 +4587,7 @@ function BlocksWrapper(props) {
4583
4587
  {...props.BlocksWrapperProps}
4584
4588
  component={props.BlocksWrapper}
4585
4589
  >{props.children}</Dynamic4>
4586
- <style>{`.dynamic-68b2d7fe {
4590
+ <style>{`.dynamic-6567ee94 {
4587
4591
  display: flex;
4588
4592
  flex-direction: column;
4589
4593
  align-items: stretch;
@@ -4601,8 +4605,9 @@ function Blocks(props) {
4601
4605
  parent={props.parent}
4602
4606
  path={props.path}
4603
4607
  styleProp={props.styleProp}
4604
- BlocksWrapper={props.context?.BlocksWrapper || builderContext.BlocksWrapper}
4605
- BlocksWrapperProps={props.context?.BlocksWrapperProps || builderContext.BlocksWrapperProps}
4608
+ classNameProp={props.className}
4609
+ BlocksWrapper={props.context?.BlocksWrapper || builderContext?.BlocksWrapper}
4610
+ BlocksWrapperProps={props.context?.BlocksWrapperProps || builderContext?.BlocksWrapperProps}
4606
4611
  ><Show6 when={props.blocks}><For3 each={props.blocks}>{(block, _index) => {
4607
4612
  const index = _index();
4608
4613
  return <Block_default
@@ -4610,7 +4615,7 @@ function Blocks(props) {
4610
4615
  block={block}
4611
4616
  linkComponent={props.linkComponent}
4612
4617
  context={props.context || builderContext}
4613
- registeredComponents={props.registeredComponents || componentsContext.registeredComponents}
4618
+ registeredComponents={props.registeredComponents || componentsContext?.registeredComponents}
4614
4619
  />;
4615
4620
  }}</For3></Show6></Blocks_wrapper_default></>;
4616
4621
  }
@@ -7423,6 +7428,16 @@ function getPreviewContent(_searchParams) {
7423
7428
  return void 0;
7424
7429
  }
7425
7430
 
7431
+ // src/constants/sdk-version.ts
7432
+ var SDK_VERSION = "2.0.25";
7433
+
7434
+ // src/helpers/sdk-headers.ts
7435
+ var getSdkHeaders = () => ({
7436
+ "X-Builder-SDK": TARGET,
7437
+ "X-Builder-SDK-GEN": "2",
7438
+ "X-Builder-SDK-Version": SDK_VERSION
7439
+ });
7440
+
7426
7441
  // src/functions/get-global-this.ts
7427
7442
  function getGlobalThis() {
7428
7443
  if (typeof globalThis !== "undefined") {
@@ -7603,7 +7618,14 @@ async function fetchOneEntry(options) {
7603
7618
  var _fetchContent = async (options) => {
7604
7619
  const url = generateContentUrl(options);
7605
7620
  const _fetch = options.fetch ?? fetch2;
7606
- const res = await _fetch(url.href, options.fetchOptions);
7621
+ const fetchOptions = {
7622
+ ...options.fetchOptions,
7623
+ headers: {
7624
+ ...options.fetchOptions?.headers,
7625
+ ...getSdkHeaders()
7626
+ }
7627
+ };
7628
+ const res = await _fetch(url.href, fetchOptions);
7607
7629
  const content = await res.json();
7608
7630
  return content;
7609
7631
  };
@@ -7832,7 +7854,8 @@ async function _track(eventProps) {
7832
7854
  events: [await createEvent(eventProps)]
7833
7855
  }),
7834
7856
  headers: {
7835
- "content-type": "application/json"
7857
+ "content-type": "application/json",
7858
+ ...getSdkHeaders()
7836
7859
  },
7837
7860
  mode: "cors"
7838
7861
  }).catch((err) => {
@@ -7911,9 +7934,6 @@ function isFromTrustedHost(trustedHosts, e) {
7911
7934
  return (trustedHosts || DEFAULT_TRUSTED_HOSTS).findIndex((trustedHost) => trustedHost.startsWith("*.") ? hostname.endsWith(trustedHost.slice(1)) : trustedHost === hostname) > -1;
7912
7935
  }
7913
7936
 
7914
- // src/constants/sdk-version.ts
7915
- var SDK_VERSION = "2.0.23";
7916
-
7917
7937
  // src/functions/register.ts
7918
7938
  var registry = {};
7919
7939
  function register(type, info) {
package/lib/node/dev.js CHANGED
@@ -1691,14 +1691,14 @@ function Block(props) {
1691
1691
  });
1692
1692
  }
1693
1693
  var block_default = Block;
1694
- var _tmpl$2 = /* @__PURE__ */ template(`<style>.dynamic-68b2d7fe {
1694
+ var _tmpl$2 = /* @__PURE__ */ template(`<style>.dynamic-6567ee94 {
1695
1695
  display: flex;
1696
1696
  flex-direction: column;
1697
1697
  align-items: stretch;
1698
1698
  }`);
1699
1699
  function BlocksWrapper(props) {
1700
1700
  const className = createMemo(() => {
1701
- return "builder-blocks" + (!props.blocks?.length ? " no-blocks" : "");
1701
+ return ["builder-blocks", !props.blocks?.length ? "no-blocks" : "", props.classNameProp].filter(Boolean).join(" ");
1702
1702
  });
1703
1703
  function onClick() {
1704
1704
  if (isEditing() && !props.blocks?.length) {
@@ -1727,7 +1727,7 @@ function BlocksWrapper(props) {
1727
1727
  });
1728
1728
  return [createComponent(Dynamic, mergeProps({
1729
1729
  get ["class"]() {
1730
- return className() + " dynamic-68b2d7fe";
1730
+ return className() + " dynamic-6567ee94";
1731
1731
  },
1732
1732
  ref(r$) {
1733
1733
  const _ref$ = blocksWrapperRef;
@@ -1774,11 +1774,14 @@ function Blocks(props) {
1774
1774
  get styleProp() {
1775
1775
  return props.styleProp;
1776
1776
  },
1777
+ get classNameProp() {
1778
+ return props.className;
1779
+ },
1777
1780
  get BlocksWrapper() {
1778
- return props.context?.BlocksWrapper || builderContext.BlocksWrapper;
1781
+ return props.context?.BlocksWrapper || builderContext?.BlocksWrapper;
1779
1782
  },
1780
1783
  get BlocksWrapperProps() {
1781
- return props.context?.BlocksWrapperProps || builderContext.BlocksWrapperProps;
1784
+ return props.context?.BlocksWrapperProps || builderContext?.BlocksWrapperProps;
1782
1785
  },
1783
1786
  get children() {
1784
1787
  return createComponent(Show, {
@@ -1804,7 +1807,7 @@ function Blocks(props) {
1804
1807
  return props.context || builderContext;
1805
1808
  },
1806
1809
  get registeredComponents() {
1807
- return props.registeredComponents || componentsContext.registeredComponents;
1810
+ return props.registeredComponents || componentsContext?.registeredComponents;
1808
1811
  }
1809
1812
  });
1810
1813
  }
@@ -4932,6 +4935,16 @@ function getPreviewContent(_searchParams) {
4932
4935
  return void 0;
4933
4936
  }
4934
4937
 
4938
+ // src/constants/sdk-version.ts
4939
+ var SDK_VERSION = "2.0.25";
4940
+
4941
+ // src/helpers/sdk-headers.ts
4942
+ var getSdkHeaders = () => ({
4943
+ "X-Builder-SDK": TARGET,
4944
+ "X-Builder-SDK-GEN": "2",
4945
+ "X-Builder-SDK-Version": SDK_VERSION
4946
+ });
4947
+
4935
4948
  // src/functions/get-global-this.ts
4936
4949
  function getGlobalThis() {
4937
4950
  if (typeof globalThis !== "undefined") {
@@ -5114,7 +5127,14 @@ async function fetchOneEntry(options) {
5114
5127
  var _fetchContent = async (options) => {
5115
5128
  const url = generateContentUrl(options);
5116
5129
  const _fetch = options.fetch ?? fetch2;
5117
- const res = await _fetch(url.href, options.fetchOptions);
5130
+ const fetchOptions = {
5131
+ ...options.fetchOptions,
5132
+ headers: {
5133
+ ...options.fetchOptions?.headers,
5134
+ ...getSdkHeaders()
5135
+ }
5136
+ };
5137
+ const res = await _fetch(url.href, fetchOptions);
5118
5138
  const content = await res.json();
5119
5139
  return content;
5120
5140
  };
@@ -5345,7 +5365,8 @@ async function _track(eventProps) {
5345
5365
  events: [await createEvent(eventProps)]
5346
5366
  }),
5347
5367
  headers: {
5348
- "content-type": "application/json"
5368
+ "content-type": "application/json",
5369
+ ...getSdkHeaders()
5349
5370
  },
5350
5371
  mode: "cors"
5351
5372
  }).catch((err) => {
@@ -5425,9 +5446,6 @@ function isFromTrustedHost(trustedHosts, e) {
5425
5446
  return (trustedHosts || DEFAULT_TRUSTED_HOSTS).findIndex((trustedHost) => trustedHost.startsWith("*.") ? hostname.endsWith(trustedHost.slice(1)) : trustedHost === hostname) > -1;
5426
5447
  }
5427
5448
 
5428
- // src/constants/sdk-version.ts
5429
- var SDK_VERSION = "2.0.23";
5430
-
5431
5449
  // src/functions/register.ts
5432
5450
  var registry = {};
5433
5451
  function register(type, info) {
package/lib/node/dev.jsx CHANGED
@@ -1529,7 +1529,11 @@ import { onMount as onMount3, createMemo as createMemo6 } from "solid-js";
1529
1529
  import { Dynamic as Dynamic4 } from "solid-js/web";
1530
1530
  function BlocksWrapper(props) {
1531
1531
  const className = createMemo6(() => {
1532
- return "builder-blocks" + (!props.blocks?.length ? " no-blocks" : "");
1532
+ return [
1533
+ "builder-blocks",
1534
+ !props.blocks?.length ? "no-blocks" : "",
1535
+ props.classNameProp
1536
+ ].filter(Boolean).join(" ");
1533
1537
  });
1534
1538
  function onClick() {
1535
1539
  if (isEditing() && !props.blocks?.length) {
@@ -1564,7 +1568,7 @@ function BlocksWrapper(props) {
1564
1568
  });
1565
1569
  return <>
1566
1570
  <Dynamic4
1567
- class={className() + " dynamic-68b2d7fe"}
1571
+ class={className() + " dynamic-6567ee94"}
1568
1572
  ref={blocksWrapperRef}
1569
1573
  builder-path={props.path}
1570
1574
  builder-parent-id={props.parent}
@@ -1576,7 +1580,7 @@ function BlocksWrapper(props) {
1576
1580
  {...props.BlocksWrapperProps}
1577
1581
  component={props.BlocksWrapper}
1578
1582
  >{props.children}</Dynamic4>
1579
- <style>{`.dynamic-68b2d7fe {
1583
+ <style>{`.dynamic-6567ee94 {
1580
1584
  display: flex;
1581
1585
  flex-direction: column;
1582
1586
  align-items: stretch;
@@ -1594,8 +1598,9 @@ function Blocks(props) {
1594
1598
  parent={props.parent}
1595
1599
  path={props.path}
1596
1600
  styleProp={props.styleProp}
1597
- BlocksWrapper={props.context?.BlocksWrapper || builderContext.BlocksWrapper}
1598
- BlocksWrapperProps={props.context?.BlocksWrapperProps || builderContext.BlocksWrapperProps}
1601
+ classNameProp={props.className}
1602
+ BlocksWrapper={props.context?.BlocksWrapper || builderContext?.BlocksWrapper}
1603
+ BlocksWrapperProps={props.context?.BlocksWrapperProps || builderContext?.BlocksWrapperProps}
1599
1604
  ><Show6 when={props.blocks}><For3 each={props.blocks}>{(block, _index) => {
1600
1605
  const index = _index();
1601
1606
  return <Block_default
@@ -1603,7 +1608,7 @@ function Blocks(props) {
1603
1608
  block={block}
1604
1609
  linkComponent={props.linkComponent}
1605
1610
  context={props.context || builderContext}
1606
- registeredComponents={props.registeredComponents || componentsContext.registeredComponents}
1611
+ registeredComponents={props.registeredComponents || componentsContext?.registeredComponents}
1607
1612
  />;
1608
1613
  }}</For3></Show6></Blocks_wrapper_default></>;
1609
1614
  }
@@ -4420,6 +4425,16 @@ function getPreviewContent(_searchParams) {
4420
4425
  return void 0;
4421
4426
  }
4422
4427
 
4428
+ // src/constants/sdk-version.ts
4429
+ var SDK_VERSION = "2.0.25";
4430
+
4431
+ // src/helpers/sdk-headers.ts
4432
+ var getSdkHeaders = () => ({
4433
+ "X-Builder-SDK": TARGET,
4434
+ "X-Builder-SDK-GEN": "2",
4435
+ "X-Builder-SDK-Version": SDK_VERSION
4436
+ });
4437
+
4423
4438
  // src/functions/get-global-this.ts
4424
4439
  function getGlobalThis() {
4425
4440
  if (typeof globalThis !== "undefined") {
@@ -4602,7 +4617,14 @@ async function fetchOneEntry(options) {
4602
4617
  var _fetchContent = async (options) => {
4603
4618
  const url = generateContentUrl(options);
4604
4619
  const _fetch = options.fetch ?? fetch2;
4605
- const res = await _fetch(url.href, options.fetchOptions);
4620
+ const fetchOptions = {
4621
+ ...options.fetchOptions,
4622
+ headers: {
4623
+ ...options.fetchOptions?.headers,
4624
+ ...getSdkHeaders()
4625
+ }
4626
+ };
4627
+ const res = await _fetch(url.href, fetchOptions);
4606
4628
  const content = await res.json();
4607
4629
  return content;
4608
4630
  };
@@ -4833,7 +4855,8 @@ async function _track(eventProps) {
4833
4855
  events: [await createEvent(eventProps)]
4834
4856
  }),
4835
4857
  headers: {
4836
- "content-type": "application/json"
4858
+ "content-type": "application/json",
4859
+ ...getSdkHeaders()
4837
4860
  },
4838
4861
  mode: "cors"
4839
4862
  }).catch((err) => {
@@ -4913,9 +4936,6 @@ function isFromTrustedHost(trustedHosts, e) {
4913
4936
  return (trustedHosts || DEFAULT_TRUSTED_HOSTS).findIndex((trustedHost) => trustedHost.startsWith("*.") ? hostname.endsWith(trustedHost.slice(1)) : trustedHost === hostname) > -1;
4914
4937
  }
4915
4938
 
4916
- // src/constants/sdk-version.ts
4917
- var SDK_VERSION = "2.0.23";
4918
-
4919
4939
  // src/functions/register.ts
4920
4940
  var registry = {};
4921
4941
  function register(type, info) {
package/lib/node/index.js CHANGED
@@ -1685,14 +1685,14 @@ function Block(props) {
1685
1685
  });
1686
1686
  }
1687
1687
  var block_default = Block;
1688
- var _tmpl$2 = /* @__PURE__ */ template(`<style>.dynamic-68b2d7fe {
1688
+ var _tmpl$2 = /* @__PURE__ */ template(`<style>.dynamic-6567ee94 {
1689
1689
  display: flex;
1690
1690
  flex-direction: column;
1691
1691
  align-items: stretch;
1692
1692
  }`);
1693
1693
  function BlocksWrapper(props) {
1694
1694
  const className = createMemo(() => {
1695
- return "builder-blocks" + (!props.blocks?.length ? " no-blocks" : "");
1695
+ return ["builder-blocks", !props.blocks?.length ? "no-blocks" : "", props.classNameProp].filter(Boolean).join(" ");
1696
1696
  });
1697
1697
  function onClick() {
1698
1698
  if (isEditing() && !props.blocks?.length) {
@@ -1721,7 +1721,7 @@ function BlocksWrapper(props) {
1721
1721
  });
1722
1722
  return [createComponent(Dynamic, mergeProps({
1723
1723
  get ["class"]() {
1724
- return className() + " dynamic-68b2d7fe";
1724
+ return className() + " dynamic-6567ee94";
1725
1725
  },
1726
1726
  ref(r$) {
1727
1727
  const _ref$ = blocksWrapperRef;
@@ -1768,11 +1768,14 @@ function Blocks(props) {
1768
1768
  get styleProp() {
1769
1769
  return props.styleProp;
1770
1770
  },
1771
+ get classNameProp() {
1772
+ return props.className;
1773
+ },
1771
1774
  get BlocksWrapper() {
1772
- return props.context?.BlocksWrapper || builderContext.BlocksWrapper;
1775
+ return props.context?.BlocksWrapper || builderContext?.BlocksWrapper;
1773
1776
  },
1774
1777
  get BlocksWrapperProps() {
1775
- return props.context?.BlocksWrapperProps || builderContext.BlocksWrapperProps;
1778
+ return props.context?.BlocksWrapperProps || builderContext?.BlocksWrapperProps;
1776
1779
  },
1777
1780
  get children() {
1778
1781
  return createComponent(Show, {
@@ -1798,7 +1801,7 @@ function Blocks(props) {
1798
1801
  return props.context || builderContext;
1799
1802
  },
1800
1803
  get registeredComponents() {
1801
- return props.registeredComponents || componentsContext.registeredComponents;
1804
+ return props.registeredComponents || componentsContext?.registeredComponents;
1802
1805
  }
1803
1806
  });
1804
1807
  }
@@ -4922,6 +4925,16 @@ function getPreviewContent(_searchParams) {
4922
4925
  return void 0;
4923
4926
  }
4924
4927
 
4928
+ // src/constants/sdk-version.ts
4929
+ var SDK_VERSION = "2.0.25";
4930
+
4931
+ // src/helpers/sdk-headers.ts
4932
+ var getSdkHeaders = () => ({
4933
+ "X-Builder-SDK": TARGET,
4934
+ "X-Builder-SDK-GEN": "2",
4935
+ "X-Builder-SDK-Version": SDK_VERSION
4936
+ });
4937
+
4925
4938
  // src/functions/get-global-this.ts
4926
4939
  function getGlobalThis() {
4927
4940
  if (typeof globalThis !== "undefined") {
@@ -5102,7 +5115,14 @@ async function fetchOneEntry(options) {
5102
5115
  var _fetchContent = async (options) => {
5103
5116
  const url = generateContentUrl(options);
5104
5117
  const _fetch = options.fetch ?? fetch2;
5105
- const res = await _fetch(url.href, options.fetchOptions);
5118
+ const fetchOptions = {
5119
+ ...options.fetchOptions,
5120
+ headers: {
5121
+ ...options.fetchOptions?.headers,
5122
+ ...getSdkHeaders()
5123
+ }
5124
+ };
5125
+ const res = await _fetch(url.href, fetchOptions);
5106
5126
  const content = await res.json();
5107
5127
  return content;
5108
5128
  };
@@ -5331,7 +5351,8 @@ async function _track(eventProps) {
5331
5351
  events: [await createEvent(eventProps)]
5332
5352
  }),
5333
5353
  headers: {
5334
- "content-type": "application/json"
5354
+ "content-type": "application/json",
5355
+ ...getSdkHeaders()
5335
5356
  },
5336
5357
  mode: "cors"
5337
5358
  }).catch((err) => {
@@ -5410,9 +5431,6 @@ function isFromTrustedHost(trustedHosts, e) {
5410
5431
  return (trustedHosts || DEFAULT_TRUSTED_HOSTS).findIndex((trustedHost) => trustedHost.startsWith("*.") ? hostname.endsWith(trustedHost.slice(1)) : trustedHost === hostname) > -1;
5411
5432
  }
5412
5433
 
5413
- // src/constants/sdk-version.ts
5414
- var SDK_VERSION = "2.0.23";
5415
-
5416
5434
  // src/functions/register.ts
5417
5435
  var registry = {};
5418
5436
  function register(type, info) {
@@ -1523,7 +1523,11 @@ import { onMount as onMount3, createMemo as createMemo6 } from "solid-js";
1523
1523
  import { Dynamic as Dynamic4 } from "solid-js/web";
1524
1524
  function BlocksWrapper(props) {
1525
1525
  const className = createMemo6(() => {
1526
- return "builder-blocks" + (!props.blocks?.length ? " no-blocks" : "");
1526
+ return [
1527
+ "builder-blocks",
1528
+ !props.blocks?.length ? "no-blocks" : "",
1529
+ props.classNameProp
1530
+ ].filter(Boolean).join(" ");
1527
1531
  });
1528
1532
  function onClick() {
1529
1533
  if (isEditing() && !props.blocks?.length) {
@@ -1558,7 +1562,7 @@ function BlocksWrapper(props) {
1558
1562
  });
1559
1563
  return <>
1560
1564
  <Dynamic4
1561
- class={className() + " dynamic-68b2d7fe"}
1565
+ class={className() + " dynamic-6567ee94"}
1562
1566
  ref={blocksWrapperRef}
1563
1567
  builder-path={props.path}
1564
1568
  builder-parent-id={props.parent}
@@ -1570,7 +1574,7 @@ function BlocksWrapper(props) {
1570
1574
  {...props.BlocksWrapperProps}
1571
1575
  component={props.BlocksWrapper}
1572
1576
  >{props.children}</Dynamic4>
1573
- <style>{`.dynamic-68b2d7fe {
1577
+ <style>{`.dynamic-6567ee94 {
1574
1578
  display: flex;
1575
1579
  flex-direction: column;
1576
1580
  align-items: stretch;
@@ -1588,8 +1592,9 @@ function Blocks(props) {
1588
1592
  parent={props.parent}
1589
1593
  path={props.path}
1590
1594
  styleProp={props.styleProp}
1591
- BlocksWrapper={props.context?.BlocksWrapper || builderContext.BlocksWrapper}
1592
- BlocksWrapperProps={props.context?.BlocksWrapperProps || builderContext.BlocksWrapperProps}
1595
+ classNameProp={props.className}
1596
+ BlocksWrapper={props.context?.BlocksWrapper || builderContext?.BlocksWrapper}
1597
+ BlocksWrapperProps={props.context?.BlocksWrapperProps || builderContext?.BlocksWrapperProps}
1593
1598
  ><Show6 when={props.blocks}><For3 each={props.blocks}>{(block, _index) => {
1594
1599
  const index = _index();
1595
1600
  return <Block_default
@@ -1597,7 +1602,7 @@ function Blocks(props) {
1597
1602
  block={block}
1598
1603
  linkComponent={props.linkComponent}
1599
1604
  context={props.context || builderContext}
1600
- registeredComponents={props.registeredComponents || componentsContext.registeredComponents}
1605
+ registeredComponents={props.registeredComponents || componentsContext?.registeredComponents}
1601
1606
  />;
1602
1607
  }}</For3></Show6></Blocks_wrapper_default></>;
1603
1608
  }
@@ -4410,6 +4415,16 @@ function getPreviewContent(_searchParams) {
4410
4415
  return void 0;
4411
4416
  }
4412
4417
 
4418
+ // src/constants/sdk-version.ts
4419
+ var SDK_VERSION = "2.0.25";
4420
+
4421
+ // src/helpers/sdk-headers.ts
4422
+ var getSdkHeaders = () => ({
4423
+ "X-Builder-SDK": TARGET,
4424
+ "X-Builder-SDK-GEN": "2",
4425
+ "X-Builder-SDK-Version": SDK_VERSION
4426
+ });
4427
+
4413
4428
  // src/functions/get-global-this.ts
4414
4429
  function getGlobalThis() {
4415
4430
  if (typeof globalThis !== "undefined") {
@@ -4590,7 +4605,14 @@ async function fetchOneEntry(options) {
4590
4605
  var _fetchContent = async (options) => {
4591
4606
  const url = generateContentUrl(options);
4592
4607
  const _fetch = options.fetch ?? fetch2;
4593
- const res = await _fetch(url.href, options.fetchOptions);
4608
+ const fetchOptions = {
4609
+ ...options.fetchOptions,
4610
+ headers: {
4611
+ ...options.fetchOptions?.headers,
4612
+ ...getSdkHeaders()
4613
+ }
4614
+ };
4615
+ const res = await _fetch(url.href, fetchOptions);
4594
4616
  const content = await res.json();
4595
4617
  return content;
4596
4618
  };
@@ -4819,7 +4841,8 @@ async function _track(eventProps) {
4819
4841
  events: [await createEvent(eventProps)]
4820
4842
  }),
4821
4843
  headers: {
4822
- "content-type": "application/json"
4844
+ "content-type": "application/json",
4845
+ ...getSdkHeaders()
4823
4846
  },
4824
4847
  mode: "cors"
4825
4848
  }).catch((err) => {
@@ -4898,9 +4921,6 @@ function isFromTrustedHost(trustedHosts, e) {
4898
4921
  return (trustedHosts || DEFAULT_TRUSTED_HOSTS).findIndex((trustedHost) => trustedHost.startsWith("*.") ? hostname.endsWith(trustedHost.slice(1)) : trustedHost === hostname) > -1;
4899
4922
  }
4900
4923
 
4901
- // src/constants/sdk-version.ts
4902
- var SDK_VERSION = "2.0.23";
4903
-
4904
4924
  // src/functions/register.ts
4905
4925
  var registry = {};
4906
4926
  function register(type, info) {
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@builder.io/sdk-solid",
3
- "version": "2.0.23",
3
+ "version": "2.0.25",
4
4
  "description": "",
5
5
  "files": [
6
6
  "dist",