@rokkit/core 1.0.0-next.119 → 1.0.0-next.120

package/dist/constants.d.ts

@@ -5,6 +5,7 @@
  * @returns {import('./types').StateIcons}
  */
 export function stateIconsFromNames(icons: string[]): import("./types").StateIcons;
+export const DATA_IMAGE_REGEX: RegExp;
 /**
  * @type {import('./types).FieldMapping} Fields
  */

package/dist/utils.d.ts

@@ -73,4 +73,11 @@ export function getSnippet(obj: Object, key: string, defaultSnippet?: null | Fun
  * @return {string}
  */
 export function hex2rgb(hex: string): string;
+/**
+ * A utility function that detects if a string is an image URL or image data (base64)
+ *
+ * @param {string} str - The string to check
+ * @returns {string|null} - Returns the original string if it's an image URL or image data, otherwise null
+ */
+export function getImage(str: string): string | null;
 export function importIcons(icons: Object): Object;

package/package.json

@@ -1,11 +1,10 @@
 {
   "name": "@rokkit/core",
-  "version": "1.0.0-next.119",
+  "version": "1.0.0-next.120",
   "description": "Contains core utility functions and classes that can be used in various components.",
   "author": "Jerry Thomas <me@jerrythomas.name>",
   "license": "MIT",
   "type": "module",
-  "module": "src/index.js",
   "publishConfig": {
     "access": "public"
   },
@@ -17,7 +16,9 @@
   "files": [
     "src/**/*.js",
     "src/**/*.json",
-    "dist/**/*.d.ts"
+    "dist/**/*.d.ts",
+    "README.md",
+    "package.json"
   ],
   "exports": {
     "./src": "./src",

package/src/constants.js

@@ -1,5 +1,5 @@
 export { defaultColors, syntaxColors, shades, defaultPalette } from './colors/index.js'
-
+export const DATA_IMAGE_REGEX = /^data:image\/(jpeg|png|gif|bmp|webp|svg\+xml)/i
 /**
  * @type {import('./types).FieldMapping} Fields
  */

package/src/utils.js

@@ -1,4 +1,7 @@
 import { has, isNil } from 'ramda'
+import { URL } from 'url'
+import { DATA_IMAGE_REGEX } from './constants'
+
 let idCounter = 0
 /**
  * Finds the closest ancestor of the given element that has the given attribute.
@@ -145,3 +148,44 @@ export function hex2rgb(hex) {
 	const [r, g, b] = hex.match(/\w\w/g).map((x) => parseInt(x, 16))
 	return `${r} ${g} ${b}`
 }
+
+/**
+ * Checks if a string is a valid image URL
+ *
+ * @param {string} str - The string to check
+ * @returns {boolean} - Returns true if the string is an image URL
+ */
+function isImageUrl(str) {
+	// Check if the string is a URL
+	try {
+		const url = new URL(str)
+
+		// Check common image extensions
+		const imageExtensions = ['.jpg', '.jpeg', '.png', '.gif', '.bmp', '.webp', '.svg', '.tiff']
+		const path = url.pathname.toLowerCase()
+
+		if (imageExtensions.some((ext) => path.endsWith(ext))) {
+			return true
+		}
+
+		return false
+		// eslint-disable-next-line no-unused-vars
+	} catch (e) {
+		// Not a valid URL
+		return false
+	}
+}
+/**
+ * A utility function that detects if a string is an image URL or image data (base64)
+ *
+ * @param {string} str - The string to check
+ * @returns {string|null} - Returns the original string if it's an image URL or image data, otherwise null
+ */
+export function getImage(str) {
+	if (DATA_IMAGE_REGEX.test(str)) return str
+	// Check if it's a URL
+
+	if (isImageUrl(str)) return str
+
+	return null
+}