@domql/emotion 3.2.3 → 3.2.7

package/dist/cjs/index.js

@@ -0,0 +1,17 @@
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __reExport = (target, mod, secondTarget) => (__copyProps(target, mod, "default"), secondTarget && __copyProps(secondTarget, mod, "default"));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var index_exports = {};
+module.exports = __toCommonJS(index_exports);
+__reExport(index_exports, require("@symbo.ls/emotion"), module.exports);

package/dist/esm/index.js

@@ -0,0 +1 @@
+export * from "@symbo.ls/emotion";

package/dist/iife/index.js

@@ -0,0 +1,27 @@
+var DomqlEmotion = (() => {
+  var __defProp = Object.defineProperty;
+  var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+  var __getOwnPropNames = Object.getOwnPropertyNames;
+  var __hasOwnProp = Object.prototype.hasOwnProperty;
+  var __require = /* @__PURE__ */ ((x) => typeof require !== "undefined" ? require : typeof Proxy !== "undefined" ? new Proxy(x, {
+    get: (a, b) => (typeof require !== "undefined" ? require : a)[b]
+  }) : x)(function(x) {
+    if (typeof require !== "undefined") return require.apply(this, arguments);
+    throw Error('Dynamic require of "' + x + '" is not supported');
+  });
+  var __copyProps = (to, from, except, desc) => {
+    if (from && typeof from === "object" || typeof from === "function") {
+      for (let key of __getOwnPropNames(from))
+        if (!__hasOwnProp.call(to, key) && key !== except)
+          __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+    }
+    return to;
+  };
+  var __reExport = (target, mod, secondTarget) => (__copyProps(target, mod, "default"), secondTarget && __copyProps(secondTarget, mod, "default"));
+  var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+  // index.js
+  var index_exports = {};
+  __reExport(index_exports, __require("@symbo.ls/emotion"));
+  return __toCommonJS(index_exports);
+})();

package/index.js

@@ -1,73 +1,2 @@
-'use strict'
-
-// import DOM from '../../src'
-import { isObjectLike, isString, isNumber, isBoolean, exec } from '@domql/utils'
-import { applyClassListOnNode } from './classList'
-import createEmotion from '@emotion/css/create-instance'
-
-export const transformEmotionStyle = emotion => {
-  return (params, element, state) => {
-    const execParams = exec(params, element)
-    if (params) {
-      const { __ref: ref } = element
-      ref.__class.style = execParams
-    }
-    transformEmotionClass(emotion)(
-      element.classlist,
-      element,
-      element.state,
-      true
-    )
-  }
-}
-
-export const transformEmotionClass = emotion => {
-  return (params, element, state, flag) => {
-    if (element.style && !flag) return
-    const { __ref } = element
-    const { __class, __classNames } = __ref
-
-    if (!isObjectLike(params)) return
-    if (element.props.class) {
-      __classNames.classProps = element.props.class
-    }
-    if (element.attr?.class) {
-      __classNames.class = element.attr.class
-    }
-
-    // for (const key in params) {
-    //   const prop = exec(params[key], element)
-
-    //   if (!prop) {
-    //     delete __class[key]
-    //     continue
-    //   }
-    // }
-
-    for (const key in __class) {
-      const prop = __class[key]
-      if (!prop) {
-        delete __classNames[key]
-        continue
-      }
-      // console.log(prop, key, element)
-      let className
-      if (isString(prop) || isNumber(prop)) className = prop
-      else if (isBoolean(prop)) className = element.key
-      else className = emotion.css(prop)
-      // console.log(className)
-      __classNames[key] = className
-    }
-
-    applyClassListOnNode(__classNames, element, element.node)
-  }
-}
-
-export const transformDOMQLEmotion = (emotion, options) => {
-  if (!emotion) emotion = createEmotion(options || { key: 'smbls' })
-
-  return {
-    style: transformEmotionStyle(emotion),
-    classlist: transformEmotionClass(emotion)
-  }
-}
+// @deprecated — use @symbo.ls/emotion instead
+export * from '@symbo.ls/emotion'

package/package.json

@@ -1,14 +1,38 @@
 {
   "name": "@domql/emotion",
-  "version": "3.2.3",
-  "main": "index.js",
+  "version": "3.2.7",
+  "main": "./dist/cjs/index.js",
   "license": "MIT",
+  "deprecated": "Use @symbo.ls/emotion instead",
   "dependencies": {
-    "@domql/utils": "^3.2.3"
-  },
-  "peerDependencies": {
-    "@emotion/css": "*"
+    "@symbo.ls/emotion": "^3.2.3"
   },
   "gitHead": "9fc1b79b41cdc725ca6b24aec64920a599634681",
-  "source": "index.js"
+  "source": "index.js",
+  "type": "module",
+  "module": "./dist/esm/index.js",
+  "browser": "./dist/iife/index.js",
+  "unpkg": "./dist/iife/index.js",
+  "jsdelivr": "./dist/iife/index.js",
+  "sideEffects": false,
+  "exports": {
+    ".": {
+      "import": "./dist/esm/index.js",
+      "require": "./dist/cjs/index.js",
+      "browser": "./dist/iife/index.js",
+      "default": "./dist/esm/index.js"
+    }
+  },
+  "files": [
+    "dist",
+    "*.js"
+  ],
+  "scripts": {
+    "build:esm": "cross-env NODE_ENV=$NODE_ENV esbuild index.js --target=es2020 --format=esm --outdir=dist/esm --define:process.env.NODE_ENV=process.env.NODE_ENV",
+    "build:cjs": "cross-env NODE_ENV=$NODE_ENV esbuild index.js --target=node18 --format=cjs --outdir=dist/cjs --define:process.env.NODE_ENV=process.env.NODE_ENV",
+    "build:iife": "cross-env NODE_ENV=$NODE_ENV esbuild index.js --bundle --target=es2020 --format=iife --global-name=DomqlEmotion --outfile=dist/iife/index.js --define:process.env.NODE_ENV=process.env.NODE_ENV --external:@symbo.ls/emotion",
+    "build": "node ../../build/build.js",
+    "copy:package:cjs": "cp ../../build/package-cjs.json dist/cjs/package.json",
+    "prepublish": "npm run build && npm run copy:package:cjs"
+  }
 }

package/classList.js

@@ -1,54 +0,0 @@
-'use strict'
-
-import { exec, isObject, isString } from '@domql/utils'
-
-export const assignKeyAsClassname = element => {
-  const { key } = element
-  if (element.classlist === true) element.classlist = key
-  else if (
-    !element.classlist &&
-    typeof key === 'string' &&
-    key.charAt(0) === '_' &&
-    key.charAt(1) !== '_'
-  ) {
-    element.classlist = key.slice(1)
-  }
-}
-
-// stringifies class object
-export const classify = (obj, element) => {
-  let className = ''
-  for (const item in obj) {
-    const param = obj[item]
-    if (typeof param === 'boolean' && param) className += ` ${item}`
-    else if (typeof param === 'string') className += ` ${param}`
-    else if (typeof param === 'function') {
-      className += ` ${exec(param, element)}`
-    }
-  }
-  return className
-}
-
-export const classList = (params, element) => {
-  if (!params) return
-  const { key } = element
-  if (params === true) params = element.classlist = { key }
-  if (isString(params)) params = element.classlist = { default: params }
-  if (isObject(params)) params = classify(params, element)
-  // TODO: fails on string
-  const className = params.replace(/\s+/g, ' ').trim()
-  return className
-}
-
-// LEGACY (still needed in old domql)
-export const applyClassListOnNode = (params, element, node) => {
-  const className = classList(params, element)
-  node.classList = className
-  return className
-}
-
-export function applyClasslist (params, element, node) {
-  applyClassListOnNode(params, element, node)
-}
-
-export default applyClasslist