@r2wc/react-to-web-component 1.0.0-alpha.1 → 1.0.0-alpha.3

package/dist/react-to-web-component.cjs

@@ -1 +1 @@
-"use strict";const k=require("/home/runner/work/react-to-web-component/react-to-web-component/node_modules/react/index.js"),A=require("/home/runner/work/react-to-web-component/react-to-web-component/node_modules/react-dom/index.js");var v=Object.defineProperty,C=(t,e,n)=>e in t?v(t,e,{enumerable:!0,configurable:!0,writable:!0,value:n}):t[e]=n,l=(t,e,n)=>(C(t,typeof e!="symbol"?e+"":e,n),n);const x={stringify:t=>t,parse:t=>t},N={stringify:t=>`${t}`,parse:t=>parseFloat(t)},T={stringify:t=>t?"true":"false",parse:t=>/^[ty1-9]/i.test(t)},$={stringify:t=>t.name,parse:(t,e)=>{const n=(()=>{if(typeof window<"u"&&t in window)return window[t];if(typeof global<"u"&&t in global)return global[t]})();return typeof n=="function"?n.bind(e):void 0}},E={stringify:t=>JSON.stringify(t),parse:t=>JSON.parse(t)},m={string:x,number:N,boolean:T,function:$,json:E},w=Symbol.for("r2wc.render"),b=Symbol.for("r2wc.connected"),u=Symbol.for("r2wc.context"),i=Symbol.for("r2wc.props");function L(t,e,n){var a,O,S;e.props||(e.props=t.propTypes?Object.keys(t.propTypes):[]);const y=(Array.isArray(e.props)?e.props.slice():Object.keys(e.props)).filter(r=>r!=="container"),p={},d={},g={};for(const r of y){p[r]=Array.isArray(e.props)?"string":e.props[r];const s=P(r);d[r]=s,g[s]=r}class j extends HTMLElement{constructor(){super(),l(this,a,!0),l(this,O),l(this,S,{}),l(this,"container"),e.shadow?this.container=this.attachShadow({mode:e.shadow}):this.container=this,this[i].container=this.container;for(const s of y){const f=d[s],c=this.getAttribute(f),o=p[s];c&&(this[i][s]=m[o].parse(c,this))}}static get observedAttributes(){return Object.keys(g)}connectedCallback(){this[b]=!0,this[w]()}disconnectedCallback(){this[b]=!1,this[u]&&n.unmount(this[u])}attributeChangedCallback(s,f,c){const o=g[s],h=p[o];o in p&&(this[i][o]=m[h].parse(c,this),this[w]())}[(a=b,O=u,S=i,w)](){this[b]&&(this[u]?n.update(this[u],this[i]):this[u]=n.mount(this.container,t,this[i]))}}for(const r of y){const s=d[r],f=p[r];Object.defineProperty(j.prototype,r,{enumerable:!0,configurable:!0,get(){return this[i][r]},set(c){this[i][r]=c;const o=m[f].stringify;if(o){const h=o(c);this.getAttribute(s)!==h&&this.setAttribute(s,h)}}})}return j}function P(t=""){return t.replace(/([a-z0-9])([A-Z])/g,"$1-$2").toLowerCase()}function q(t,e,n){const a=k.createElement(e,n);return A.render(a,t),{container:t,ReactComponent:e}}function J({container:t,ReactComponent:e},n){const a=k.createElement(e,n);A.render(a,t)}function M({container:t}){A.unmountComponentAtNode(t)}function z(t,e={}){return L(t,e,{mount:q,update:J,unmount:M})}module.exports=z;
+"use strict";const c=require("react"),u=require("react-dom"),o=require("@r2wc/core");function s(e,t,n){const r=c.createElement(t,n);return u.render(r,e),{container:e,ReactComponent:t}}function i({container:e,ReactComponent:t},n){const r=c.createElement(t,n);u.render(r,e)}function m({container:e}){u.unmountComponentAtNode(e)}function d(e,t={}){return o(e,t,{mount:s,update:i,unmount:m})}module.exports=d;

package/dist/react-to-web-component.js

@@ -1,116 +1,23 @@
-import k from "/home/runner/work/react-to-web-component/react-to-web-component/node_modules/react/index.js";
-import A from "/home/runner/work/react-to-web-component/react-to-web-component/node_modules/react-dom/index.js";
-var v = Object.defineProperty, C = (t, e, n) => e in t ? v(t, e, { enumerable: !0, configurable: !0, writable: !0, value: n }) : t[e] = n, l = (t, e, n) => (C(t, typeof e != "symbol" ? e + "" : e, n), n);
-const x = {
-  stringify: (t) => t,
-  parse: (t) => t
-}, N = {
-  stringify: (t) => `${t}`,
-  parse: (t) => parseFloat(t)
-}, T = {
-  stringify: (t) => t ? "true" : "false",
-  parse: (t) => /^[ty1-9]/i.test(t)
-}, $ = {
-  stringify: (t) => t.name,
-  parse: (t, e) => {
-    const n = (() => {
-      if (typeof window < "u" && t in window)
-        return window[t];
-      if (typeof global < "u" && t in global)
-        return global[t];
-    })();
-    return typeof n == "function" ? n.bind(e) : void 0;
-  }
-}, E = {
-  stringify: (t) => JSON.stringify(t),
-  parse: (t) => JSON.parse(t)
-}, g = {
-  string: x,
-  number: N,
-  boolean: T,
-  function: $,
-  json: E
-}, w = Symbol.for("r2wc.render"), b = Symbol.for("r2wc.connected"), p = Symbol.for("r2wc.context"), i = Symbol.for("r2wc.props");
-function L(t, e, n) {
-  var c, O, S;
-  e.props || (e.props = t.propTypes ? Object.keys(t.propTypes) : []);
-  const y = (Array.isArray(e.props) ? e.props.slice() : Object.keys(e.props)).filter((r) => r !== "container"), u = {}, d = {}, m = {};
-  for (const r of y) {
-    u[r] = Array.isArray(e.props) ? "string" : e.props[r];
-    const o = P(r);
-    d[r] = o, m[o] = r;
-  }
-  class j extends HTMLElement {
-    constructor() {
-      super(), l(this, c, !0), l(this, O), l(this, S, {}), l(this, "container"), e.shadow ? this.container = this.attachShadow({
-        mode: e.shadow
-      }) : this.container = this, this[i].container = this.container;
-      for (const o of y) {
-        const f = d[o], a = this.getAttribute(f), s = u[o];
-        a && (this[i][o] = g[s].parse(a, this));
-      }
-    }
-    static get observedAttributes() {
-      return Object.keys(m);
-    }
-    connectedCallback() {
-      this[b] = !0, this[w]();
-    }
-    disconnectedCallback() {
-      this[b] = !1, this[p] && n.unmount(this[p]);
-    }
-    attributeChangedCallback(o, f, a) {
-      const s = m[o], h = u[s];
-      s in u && (this[i][s] = g[h].parse(a, this), this[w]());
-    }
-    [(c = b, O = p, S = i, w)]() {
-      this[b] && (this[p] ? n.update(this[p], this[i]) : this[p] = n.mount(
-        this.container,
-        t,
-        this[i]
-      ));
-    }
-  }
-  for (const r of y) {
-    const o = d[r], f = u[r];
-    Object.defineProperty(j.prototype, r, {
-      enumerable: !0,
-      configurable: !0,
-      get() {
-        return this[i][r];
-      },
-      set(a) {
-        this[i][r] = a;
-        const s = g[f].stringify;
-        if (s) {
-          const h = s(a);
-          this.getAttribute(o) !== h && this.setAttribute(o, h);
-        }
-      }
-    });
-  }
-  return j;
-}
-function P(t = "") {
-  return t.replace(/([a-z0-9])([A-Z])/g, "$1-$2").toLowerCase();
-}
-function J(t, e, n) {
-  const c = k.createElement(e, n);
-  return A.render(c, t), {
-    container: t,
-    ReactComponent: e
+import m from "react";
+import o from "react-dom";
+import u from "@r2wc/core";
+function c(e, t, n) {
+  const r = m.createElement(t, n);
+  return o.render(r, e), {
+    container: e,
+    ReactComponent: t
   };
 }
-function M({ container: t, ReactComponent: e }, n) {
-  const c = k.createElement(e, n);
-  A.render(c, t);
+function f({ container: e, ReactComponent: t }, n) {
+  const r = m.createElement(t, n);
+  o.render(r, e);
 }
-function z({ container: t }) {
-  A.unmountComponentAtNode(t);
+function i({ container: e }) {
+  o.unmountComponentAtNode(e);
 }
-function H(t, e = {}) {
-  return L(t, e, { mount: J, update: M, unmount: z });
+function p(e, t = {}) {
+  return u(e, t, { mount: c, update: f, unmount: i });
 }
 export {
-  H as default
+  p as default
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@r2wc/react-to-web-component",
-  "version": "1.0.0-alpha.1",
+  "version": "1.0.0-alpha.3",
   "description": "Convert React components to native Web Components.",
   "homepage": "https://www.bitovi.com/frontend-javascript-consulting/react-consulting",
   "author": "Bitovi",
@@ -45,12 +45,8 @@
     "@r2wc/core": "^1.0.0-alpha.0"
   },
   "devDependencies": {
-    "@testing-library/jest-dom": "^5.16.5",
     "@types/react": "^17.0.0",
-    "@types/react-dom": "^17.0.0",
-    "vite": "^4.3.1",
-    "vite-plugin-dts": "^2.3.0",
-    "vitest": "^0.30.1"
+    "@types/react-dom": "^17.0.0"
   },
   "peerDependencies": {
     "react": "^16.0.0 || ^17.0.0",