@builder.io/sdk-svelte 1.0.33 → 1.0.35

package/lib/browser/blocks/embed/component-info.js

@@ -11,8 +11,7 @@ export const componentInfo = {
                 const url = options.get('url');
                 if (url) {
                     options.set('content', 'Loading...');
-                    // TODO: get this out of here!
-                    const apiKey = 'ae0e60e78201a3f2b0de4b';
+                    const apiKey = _iframelyApiKey;
                     return fetch(`https://iframe.ly/api/iframely?url=${url}&api_key=${apiKey}`).then(res => res.json()).then(data => {
                         if (options.get('url') === url) {
                             if (data.html) {

package/lib/browser/blocks/image/component-info.js

@@ -13,7 +13,7 @@ export const componentInfo = {
             name: 'image',
             type: 'file',
             bubble: true,
-            allowedFileTypes: ['jpeg', 'jpg', 'png', 'svg'],
+            allowedFileTypes: ['jpeg', 'jpg', 'png', 'svg', 'webp'],
             required: true,
             defaultValue: 'https://cdn.builder.io/api/v1/image/assets%2FYJIGb4i01jvw0SRdL5Bt%2F72c80f114dc149019051b6852a9e3b7a',
             onChange: (options) => {

package/lib/browser/constants/sdk-version.d.ts

@@ -1 +1 @@
-export declare const SDK_VERSION = "1.0.33";
+export declare const SDK_VERSION = "1.0.35";

package/lib/browser/constants/sdk-version.js

@@ -1 +1 @@
-export const SDK_VERSION = "1.0.33";
+export const SDK_VERSION = "1.0.35";

package/lib/browser/functions/evaluate/node-runtime/safeDynamicRequire.d.ts

@@ -1 +1,3 @@
+/// <reference types="node" />
+/// <reference types="react-native" />
 export declare let safeDynamicRequire: typeof require;

package/lib/browser/functions/extract-css-var-default-value.d.ts

@@ -0,0 +1 @@
+export declare function extractCssVarDefaultValue(value: string): string;

package/lib/browser/functions/extract-css-var-default-value.js

@@ -0,0 +1,11 @@
+export function extractCssVarDefaultValue(value) {
+    // Regular expression to find var() expressions
+    const varRegex = /var\(--[^,]+?,\s*([^)]+)\)/;
+    // Function to replace var() with its fallback
+    let newValue = value;
+    let match;
+    while (match = newValue.match(varRegex)) {
+        newValue = newValue.replace(match[0], match[1].trim());
+    }
+    return newValue;
+}

package/lib/edge/blocks/embed/component-info.js

@@ -11,8 +11,7 @@ export const componentInfo = {
                 const url = options.get('url');
                 if (url) {
                     options.set('content', 'Loading...');
-                    // TODO: get this out of here!
-                    const apiKey = 'ae0e60e78201a3f2b0de4b';
+                    const apiKey = _iframelyApiKey;
                     return fetch(`https://iframe.ly/api/iframely?url=${url}&api_key=${apiKey}`).then(res => res.json()).then(data => {
                         if (options.get('url') === url) {
                             if (data.html) {

package/lib/edge/blocks/image/component-info.js

@@ -13,7 +13,7 @@ export const componentInfo = {
             name: 'image',
             type: 'file',
             bubble: true,
-            allowedFileTypes: ['jpeg', 'jpg', 'png', 'svg'],
+            allowedFileTypes: ['jpeg', 'jpg', 'png', 'svg', 'webp'],
             required: true,
             defaultValue: 'https://cdn.builder.io/api/v1/image/assets%2FYJIGb4i01jvw0SRdL5Bt%2F72c80f114dc149019051b6852a9e3b7a',
             onChange: (options) => {

package/lib/edge/constants/sdk-version.d.ts

@@ -1 +1 @@
-export declare const SDK_VERSION = "1.0.33";
+export declare const SDK_VERSION = "1.0.35";

package/lib/edge/constants/sdk-version.js

@@ -1 +1 @@
-export const SDK_VERSION = "1.0.33";
+export const SDK_VERSION = "1.0.35";

package/lib/edge/functions/evaluate/node-runtime/safeDynamicRequire.d.ts

@@ -1 +1,3 @@
+/// <reference types="node" />
+/// <reference types="react-native" />
 export declare let safeDynamicRequire: typeof require;

package/lib/edge/functions/extract-css-var-default-value.d.ts

@@ -0,0 +1 @@
+export declare function extractCssVarDefaultValue(value: string): string;

package/lib/edge/functions/extract-css-var-default-value.js

@@ -0,0 +1,11 @@
+export function extractCssVarDefaultValue(value) {
+    // Regular expression to find var() expressions
+    const varRegex = /var\(--[^,]+?,\s*([^)]+)\)/;
+    // Function to replace var() with its fallback
+    let newValue = value;
+    let match;
+    while (match = newValue.match(varRegex)) {
+        newValue = newValue.replace(match[0], match[1].trim());
+    }
+    return newValue;
+}

package/lib/node/blocks/embed/component-info.js

@@ -11,8 +11,7 @@ export const componentInfo = {
                 const url = options.get('url');
                 if (url) {
                     options.set('content', 'Loading...');
-                    // TODO: get this out of here!
-                    const apiKey = 'ae0e60e78201a3f2b0de4b';
+                    const apiKey = _iframelyApiKey;
                     return fetch(`https://iframe.ly/api/iframely?url=${url}&api_key=${apiKey}`).then(res => res.json()).then(data => {
                         if (options.get('url') === url) {
                             if (data.html) {

package/lib/node/blocks/image/component-info.js

@@ -13,7 +13,7 @@ export const componentInfo = {
             name: 'image',
             type: 'file',
             bubble: true,
-            allowedFileTypes: ['jpeg', 'jpg', 'png', 'svg'],
+            allowedFileTypes: ['jpeg', 'jpg', 'png', 'svg', 'webp'],
             required: true,
             defaultValue: 'https://cdn.builder.io/api/v1/image/assets%2FYJIGb4i01jvw0SRdL5Bt%2F72c80f114dc149019051b6852a9e3b7a',
             onChange: (options) => {

package/lib/node/constants/sdk-version.d.ts

@@ -1 +1 @@
-export declare const SDK_VERSION = "1.0.33";
+export declare const SDK_VERSION = "1.0.35";

package/lib/node/constants/sdk-version.js

@@ -1 +1 @@
-export const SDK_VERSION = "1.0.33";
+export const SDK_VERSION = "1.0.35";

package/lib/node/functions/evaluate/node-runtime/safeDynamicRequire.d.ts

@@ -1 +1,3 @@
+/// <reference types="node" />
+/// <reference types="react-native" />
 export declare let safeDynamicRequire: typeof require;

package/lib/node/functions/extract-css-var-default-value.d.ts

@@ -0,0 +1 @@
+export declare function extractCssVarDefaultValue(value: string): string;

package/lib/node/functions/extract-css-var-default-value.js

@@ -0,0 +1,11 @@
+export function extractCssVarDefaultValue(value) {
+    // Regular expression to find var() expressions
+    const varRegex = /var\(--[^,]+?,\s*([^)]+)\)/;
+    // Function to replace var() with its fallback
+    let newValue = value;
+    let match;
+    while (match = newValue.match(varRegex)) {
+        newValue = newValue.replace(match[0], match[1].trim());
+    }
+    return newValue;
+}

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@builder.io/sdk-svelte",
   "description": "Builder.io SDK for Svelte",
-  "version": "1.0.33",
+  "version": "1.0.35",
   "type": "module",
   "files": [
     "lib",

package/src/blocks/embed/component-info.ts

@@ -1,4 +1,7 @@
 import type { ComponentInfo } from '../../types/components';
+
+// Provided by the web app as a local variable in onChange functions
+declare const _iframelyApiKey: string;
 export const componentInfo: ComponentInfo = {
   name: 'Embed',
   static: true,
@@ -12,8 +15,7 @@ export const componentInfo: ComponentInfo = {
       const url = options.get('url');
       if (url) {
         options.set('content', 'Loading...');
-        // TODO: get this out of here!
-        const apiKey = 'ae0e60e78201a3f2b0de4b';
+        const apiKey = _iframelyApiKey;
         return fetch(`https://iframe.ly/api/iframely?url=${url}&api_key=${apiKey}`).then(res => res.json()).then(data => {
           if (options.get('url') === url) {
             if (data.html) {

package/src/blocks/image/component-info.ts

@@ -14,7 +14,7 @@ export const componentInfo: ComponentInfo = {
     name: 'image',
     type: 'file',
     bubble: true,
-    allowedFileTypes: ['jpeg', 'jpg', 'png', 'svg'],
+    allowedFileTypes: ['jpeg', 'jpg', 'png', 'svg', 'webp'],
     required: true,
     defaultValue: 'https://cdn.builder.io/api/v1/image/assets%2FYJIGb4i01jvw0SRdL5Bt%2F72c80f114dc149019051b6852a9e3b7a',
     onChange: (options: Map<string, any>): void | Promise<void> => {

package/src/constants/sdk-version.ts

@@ -1 +1 @@
-export const SDK_VERSION = "1.0.33"
+export const SDK_VERSION = "1.0.35"

package/src/functions/extract-css-var-default-value.ts

@@ -0,0 +1,12 @@
+export function extractCssVarDefaultValue(value: string): string {
+  // Regular expression to find var() expressions
+  const varRegex = /var\(--[^,]+?,\s*([^)]+)\)/;
+
+  // Function to replace var() with its fallback
+  let newValue = value;
+  let match: string[] | null;
+  while (match = newValue.match(varRegex)) {
+    newValue = newValue.replace(match[0], match[1].trim());
+  }
+  return newValue;
+}