@symbo.ls/utils 2.33.41 → 2.34.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@symbo.ls/utils",
-  "version": "2.33.41",
+  "version": "2.34.0",
   "author": "symbo.ls",
   "files": [
     "src",
@@ -24,7 +24,8 @@
   },
   "license": "ISC",
   "dependencies": {
-    "@domql/utils": "^2.33.41"
+    "@domql/element": "^2.34.0",
+    "@domql/utils": "^2.34.0"
   },
-  "gitHead": "1dffcfb13a8308462abc598b71292a2f58dc58f5"
+  "gitHead": "36ad7eff7cf19c4b684e754e04fa80c88448c3aa"
 }

package/src/domqlv3hacks.js

@@ -0,0 +1,55 @@
+import { REGISTRY } from '@domql/element/mixins/registry.js'
+
+export function temporaryDomqlHack(value) {
+  if (this && !this.getUserSettings?.('useDomql3')) return value
+  let obj = { ...value }
+  const on = obj.on
+  if (this.call('isObject', on)) {
+    delete obj.on
+    const transformedOn = {}
+    for (const key in on) {
+      const transformedKey = 'on' + key.charAt(0).toUpperCase() + key.slice(1)
+      transformedOn[transformedKey] = on[key]
+    }
+    obj = { ...transformedOn, ...obj }
+  }
+  const props = obj.props
+  if (this.call('isObject', props)) {
+    delete obj.props
+    obj = { ...props, ...obj }
+  }
+  const extendObj = {}
+  if (obj.extend) {
+    extendObj.extends = obj.extend
+    delete obj.extend
+  }
+  if (obj.childExtend) {
+    extendObj.childExtends = obj.childExtend
+    delete obj.childExtend
+  }
+  return { ...extendObj, ...obj }
+}
+
+export function temporaryDomqlHackReverse(value) {
+  if (this && !this.getUserSettings?.('useDomql3')) return value
+  const obj = { ...value }
+  if (obj.extends) {
+    obj.extend = obj.extends
+    delete obj.extends
+  }
+  if (obj.childExtends) {
+    obj.childExtend = obj.childExtends
+    delete obj.childExtends
+  }
+  for (const key in obj) {
+    const allowed = ['transform', 'class']
+    if ((REGISTRY[key] && !allowed.includes(key)) || /^[A-Z]/.test(key))
+      continue
+    else {
+      obj.props = obj.props || {}
+      obj.props[key] = obj[key]
+      delete obj[key]
+    }
+  }
+  return obj
+}

package/src/index.js

@@ -8,8 +8,9 @@ export * from './date.js'
 export * from './fibonacci.js'
 export * from './load.js'
 export * from './files.js'
+export * from './domqlv3hacks.js'
 
-export const copyStringToClipboard = async str => {
+export const copyStringToClipboard = async (str) => {
   try {
     await navigator.clipboard.writeText(str)
   } catch (err) {
@@ -17,7 +18,7 @@ export const copyStringToClipboard = async str => {
   }
 }
 
-export const copyJavaScriptToClipboard = async jsCode => {
+export const copyJavaScriptToClipboard = async (jsCode) => {
   try {
     // Create a Blob for the JavaScript code with the 'text/javascript' MIME type
     const blob = new Blob([jsCode], { type: 'text/javascript' })
@@ -34,11 +35,11 @@ export const copyJavaScriptToClipboard = async jsCode => {
   }
 }
 
-export const removeChars = str => {
+export const removeChars = (str) => {
   return str.replace(/[^a-zA-Z0-9_]/g, '')
 }
 
-export const toCamelCase = str => {
+export const toCamelCase = (str) => {
   return str
     .replace(/(?:^\w|[A-Z]|\b\w)/g, function (word, index) {
       return index === 0 ? word.toLowerCase() : word.toUpperCase()
@@ -46,13 +47,13 @@ export const toCamelCase = str => {
     .replaceAll(/\s+/g, '')
 }
 
-export const toTitleCase = str =>
+export const toTitleCase = (str) =>
   str &&
-  str.replace(/\w\S*/g, txt => {
+  str.replace(/\w\S*/g, (txt) => {
     return txt.charAt(0).toUpperCase() + txt.substr(1).toLowerCase()
   })
 
-export const toDashCase = val =>
+export const toDashCase = (val) =>
   val
     .replace(/[^a-zA-Z0-9]/g, ' ') // Replace non-alphanumeric characters with spaces
     .trim() // Remove leading and trailing spaces
@@ -67,7 +68,7 @@ export const toDescriptionCase = (str = '') => {
   return result.charAt(0).toUpperCase() + result.slice(1)
 }
 
-export const arrayzeValue = val => {
+export const arrayzeValue = (val) => {
   if (isArray(val)) return val
   if (isString(val)) return val.split(' ')
   if (isObject(val)) return Object.values(val)