@rindo/core 3.3.0 → 4.0.0-beta.1

package/internal/hydrate/index.js

@@ -320,31 +320,26 @@ const createTime = (e, t = "") => {
 }, rootAppliedStyles = new WeakMap, registerStyle = (e, t, o) => {
  let n = styles.get(e);
  n = t, styles.set(e, n);
-}, addStyle = (e, t, o, n) => {
- var s;
- let l = getScopeId(t, o);
- const a = styles.get(l);
- if (!BUILD.attachStyles) return l;
- if (e = 11 === e.nodeType ? e : doc, a) if ("string" == typeof a) {
+}, addStyle = (e, t, o) => {
+ var n;
+ const s = getScopeId(t, o), l = styles.get(s);
+ if (!BUILD.attachStyles) return s;
+ if (e = 11 === e.nodeType ? e : doc, l) if ("string" == typeof l) {
   e = e.head || e;
-  let o, r = rootAppliedStyles.get(e);
-  if (r || rootAppliedStyles.set(e, r = new Set), !r.has(l)) {
-   if (BUILD.hydrateClientSide && e.host && (o = e.querySelector(`[sty-id="${l}"]`))) o.innerHTML = a; else {
-    if (BUILD.cssVarShim && plt.$cssShim$) {
-     o = plt.$cssShim$.createHostStyle(n, l, a, !!(10 & t.$flags$));
-     const e = o["s-sc"];
-     e && (l = e, r = null);
-    } else o = doc.createElement("style"), o.innerHTML = a;
-    const i = null !== (s = plt.$nonce$) && void 0 !== s ? s : queryNonceMetaTagContent(doc);
-    null != i && o.setAttribute("nonce", i), (BUILD.hydrateServerSide || BUILD.hotModuleReplacement) && o.setAttribute("sty-id", l), 
-    e.insertBefore(o, e.querySelector("link"));
+  let t, o = rootAppliedStyles.get(e);
+  if (o || rootAppliedStyles.set(e, o = new Set), !o.has(s)) {
+   if (BUILD.hydrateClientSide && e.host && (t = e.querySelector(`[sty-id="${s}"]`))) t.innerHTML = l; else {
+    t = doc.createElement("style"), t.innerHTML = l;
+    const o = null !== (n = plt.$nonce$) && void 0 !== n ? n : queryNonceMetaTagContent(doc);
+    null != o && t.setAttribute("nonce", o), (BUILD.hydrateServerSide || BUILD.hotModuleReplacement) && t.setAttribute("sty-id", s), 
+    e.insertBefore(t, e.querySelector("link"));
    }
-   r && r.add(l);
+   o && o.add(s);
   }
- } else BUILD.constructableCSS && !e.adoptedStyleSheets.includes(a) && (e.adoptedStyleSheets = [ ...e.adoptedStyleSheets, a ]);
- return l;
+ } else BUILD.constructableCSS && !e.adoptedStyleSheets.includes(l) && (e.adoptedStyleSheets = [ ...e.adoptedStyleSheets, l ]);
+ return s;
 }, attachStyles = e => {
- const t = e.$cmpMeta$, o = e.$hostElement$, n = t.$flags$, s = createTime("attachStyles", t.$tagName$), l = addStyle(BUILD.shadowDom && supportsShadow && o.shadowRoot ? o.shadowRoot : o.getRootNode(), t, e.$modeName$, o);
+ const t = e.$cmpMeta$, o = e.$hostElement$, n = t.$flags$, s = createTime("attachStyles", t.$tagName$), l = addStyle(BUILD.shadowDom && supportsShadow && o.shadowRoot ? o.shadowRoot : o.getRootNode(), t, e.$modeName$);
  (BUILD.shadowDom || BUILD.scoped) && BUILD.cssAnnotations && 10 & n && (o["s-sc"] = l, 
  o.classList.add(l + "-h"), BUILD.scoped && 2 & n && o.classList.add(l + "-s")), 
  s();
@@ -528,7 +523,7 @@ const createElm = (e, t, o, n) => {
  BUILD.style && o && attachStyles(e);
  const r = createTime("render", e.$cmpMeta$.$tagName$);
  if (BUILD.isDev && (e.$flags$ |= 1024), BUILD.hydrateServerSide ? await callRender(e, t, s) : callRender(e, t, s), 
- BUILD.cssVarShim && plt.$cssShim$ && plt.$cssShim$.updateHost(s), BUILD.isDev && (e.$renderCount$ = void 0 === e.$renderCount$ ? 1 : e.$renderCount$ + 1, 
+ BUILD.isDev && (e.$renderCount$ = void 0 === e.$renderCount$ ? 1 : e.$renderCount$ + 1, 
  e.$flags$ &= -1025), BUILD.hydrateServerSide) try {
   serverSideConnected(s), o && (1 & e.$cmpMeta$.$flags$ ? s["s-en"] = "" : 2 & e.$cmpMeta$.$flags$ && (s["s-en"] = "c"));
  } catch (e) {
@@ -749,7 +744,7 @@ const callRender = (e, t, o) => {
  if (0 == (1 & plt.$flags$)) {
   const t = getHostRef(e), o = BUILD.lazyLoad ? t.$lazyInstance$ : e;
   BUILD.hostListener && t.$rmListeners$ && (t.$rmListeners$.map((e => e())), t.$rmListeners$ = void 0), 
-  BUILD.cssVarShim && plt.$cssShim$ && plt.$cssShim$.removeHost(e), BUILD.lazyLoad && BUILD.disconnectedCallback && safeCall(o, "disconnectedCallback"), 
+  BUILD.lazyLoad && BUILD.disconnectedCallback && safeCall(o, "disconnectedCallback"), 
   BUILD.cmpDidUnload && safeCall(o, "componentDidUnload");
  }
 }, defineCustomElement = (e, t) => {

package/internal/hydrate/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@rindo/core/internal/hydrate",
-  "version": "3.3.0",
+  "version": "4.0.0-beta.1",
   "description": "Rindo internal hydrate platform to be imported by the Rindo Compiler. Breaking changes can and will happen at any time.",
   "main": "./index.js",
   "private": true

package/internal/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@rindo/core/internal",
-  "version": "3.3.0",
+  "version": "4.0.0-beta.1",
   "description": "Rindo internals only to be imported by the Rindo Compiler. Breaking changes can and will happen at any time.",
   "main": "./index.js",
   "types": "./index.d.ts",

package/internal/rindo-private.d.ts

@@ -115,17 +115,14 @@ export interface BuildConditionals extends Partial<BuildFeatures> {
     cssAnnotations?: boolean;
     lazyLoad?: boolean;
     profile?: boolean;
-    cssVarShim?: boolean;
     constructableCSS?: boolean;
     appendChildSlotFix?: boolean;
     slotChildNodesFix?: boolean;
     scopedSlotTextContentFix?: boolean;
     cloneNodeFix?: boolean;
-    dynamicImportShim?: boolean;
     hydratedAttribute?: boolean;
     hydratedClass?: boolean;
     initializeNextTick?: boolean;
-    safari10?: boolean;
     scriptDataOpts?: boolean;
     shadowDomShim?: boolean;
     asyncQueue?: boolean;
@@ -933,15 +930,6 @@ export interface HostRuleHeader {
     name?: string;
     value?: string;
 }
-export interface CssVarShim {
-    i(): Promise<any>;
-    addLink(linkEl: HTMLLinkElement): Promise<any>;
-    addGlobalStyle(styleEl: HTMLStyleElement): void;
-    createHostStyle(hostEl: HTMLElement, templateName: string, cssText: string, isScoped: boolean): HTMLStyleElement;
-    removeHost(hostEl: HTMLElement): void;
-    updateHost(hostEl: HTMLElement): void;
-    updateGlobal(): void;
-}
 export interface DevClientWindow extends Window {
     ['s-dev-server']: boolean;
     ['s-initial-load']: boolean;
@@ -1486,7 +1474,6 @@ export interface HostRef {
     $renderCount$?: number;
 }
 export interface PlatformRuntime {
-    $cssShim$?: CssVarShim;
     $flags$: number;
     $orgLocNodes$?: Map<string, RenderNode>;
     $resourcesUrl$: string;

package/internal/rindo-public-compiler.d.ts

@@ -252,21 +252,6 @@ export interface ConfigExtras {
      * simulating shadow dom. Defaults to `false`.
      */
     cloneNodeFix?: boolean;
-    /**
-     * Include the CSS Custom Property polyfill/shim for legacy browsers. ESM builds will
-     * not include the css vars shim. Defaults to `false`
-     *
-     * @deprecated Since Rindo v3.0.0. IE 11, Edge <= 18, and old Safari
-     * versions are no longer supported.
-     */
-    __deprecated__cssVarsShim?: boolean;
-    /**
-     * Dynamic `import()` shim. This is only needed for Edge 18 and below, and
-     * Firefox 67 and below. Defaults to `false`.
-     * @deprecated Since Rindo v3.0.0. IE 11, Edge <= 18, and old Safari
-     * versions are no longer supported.
-     */
-    __deprecated__dynamicImportShim?: boolean;
     /**
      * Experimental flag. Projects that use a Rindo library built using the `dist` output target may have trouble lazily
      * loading components when using a bundler such as Wite or Parcel. Setting this flag to `true` will change how Rindo
@@ -287,15 +272,6 @@ export interface ConfigExtras {
      * Dispatches component lifecycle events. Mainly used for testing. Defaults to `false`.
      */
     lifecycleDOMEvents?: boolean;
-    /**
-     * Safari 10 supports ES modules with `<script type="module">`, however, it did not implement
-     * `<script nomodule>`. When set to `true`, the runtime will patch support for Safari 10
-     * due to its lack of `nomodule` support.
-     * Defaults to `false`.
-     *
-     * @deprecated Since Rindo v3.0.0, Safari 10 is no longer supported.
-     */
-    __deprecated__safari10?: boolean;
     /**
      * It is possible to assign data to the actual `<script>` element's `data-opts` property,
      * which then gets passed to Rindo's initial bootstrap. This feature is only required
@@ -307,16 +283,6 @@ export interface ConfigExtras {
      * component that uses the shadow DOM. Defaults to `false`
      */
     scopedSlotTextContentFix?: boolean;
-    /**
-     * If enabled `true`, the runtime will check if the shadow dom shim is required. However,
-     * if it's determined that shadow dom is already natively supported by the browser then
-     * it does not request the shim. When set to `false` it will avoid all shadow dom tests.
-     * Defaults to `false`.
-     *
-     * @deprecated Since Rindo v3.0.0. IE 11, Edge <= 18, and old Safari versions
-     * are no longer supported.
-     */
-    __deprecated__shadowDomShim?: boolean;
     /**
      * When a component is first attached to the DOM, this setting will wait a single tick before
      * rendering. This works around an Angular issue, where Angular attaches the elements before

package/internal/testing/index.js

@@ -221,31 +221,26 @@ const createTime = (e, t = "") => {
 }, rootAppliedStyles = new WeakMap, registerStyle = (e, t, a) => {
  let o = styles.get(e);
  o = t, styles.set(e, o);
-}, addStyle = (e, t, a, o) => {
- var s;
- let n = getScopeId(t, a);
- const l = styles.get(n);
- if (!appData.BUILD.attachStyles) return n;
- if (e = 11 === e.nodeType ? e : doc, l) if ("string" == typeof l) {
+}, addStyle = (e, t, a) => {
+ var o;
+ const s = getScopeId(t, a), n = styles.get(s);
+ if (!appData.BUILD.attachStyles) return s;
+ if (e = 11 === e.nodeType ? e : doc, n) if ("string" == typeof n) {
   e = e.head || e;
-  let a, r = rootAppliedStyles.get(e);
-  if (r || rootAppliedStyles.set(e, r = new Set), !r.has(n)) {
-   if (appData.BUILD.hydrateClientSide && e.host && (a = e.querySelector(`[sty-id="${n}"]`))) a.innerHTML = l; else {
-    if (appData.BUILD.cssVarShim && plt.$cssShim$) {
-     a = plt.$cssShim$.createHostStyle(o, n, l, !!(10 & t.$flags$));
-     const e = a["s-sc"];
-     e && (n = e, r = null);
-    } else a = doc.createElement("style"), a.innerHTML = l;
-    const p = null !== (s = plt.$nonce$) && void 0 !== s ? s : queryNonceMetaTagContent(doc);
-    null != p && a.setAttribute("nonce", p), (appData.BUILD.hydrateServerSide || appData.BUILD.hotModuleReplacement) && a.setAttribute("sty-id", n), 
-    e.insertBefore(a, e.querySelector("link"));
+  let t, a = rootAppliedStyles.get(e);
+  if (a || rootAppliedStyles.set(e, a = new Set), !a.has(s)) {
+   if (appData.BUILD.hydrateClientSide && e.host && (t = e.querySelector(`[sty-id="${s}"]`))) t.innerHTML = n; else {
+    t = doc.createElement("style"), t.innerHTML = n;
+    const a = null !== (o = plt.$nonce$) && void 0 !== o ? o : queryNonceMetaTagContent(doc);
+    null != a && t.setAttribute("nonce", a), (appData.BUILD.hydrateServerSide || appData.BUILD.hotModuleReplacement) && t.setAttribute("sty-id", s), 
+    e.insertBefore(t, e.querySelector("link"));
    }
-   r && r.add(n);
+   a && a.add(s);
   }
- } else appData.BUILD.constructableCSS && !e.adoptedStyleSheets.includes(l) && (e.adoptedStyleSheets = [ ...e.adoptedStyleSheets, l ]);
- return n;
+ } else appData.BUILD.constructableCSS && !e.adoptedStyleSheets.includes(n) && (e.adoptedStyleSheets = [ ...e.adoptedStyleSheets, n ]);
+ return s;
 }, attachStyles = e => {
- const t = e.$cmpMeta$, a = e.$hostElement$, o = t.$flags$, s = createTime("attachStyles", t.$tagName$), n = addStyle(appData.BUILD.shadowDom && exports.supportsShadow && a.shadowRoot ? a.shadowRoot : a.getRootNode(), t, e.$modeName$, a);
+ const t = e.$cmpMeta$, a = e.$hostElement$, o = t.$flags$, s = createTime("attachStyles", t.$tagName$), n = addStyle(appData.BUILD.shadowDom && exports.supportsShadow && a.shadowRoot ? a.shadowRoot : a.getRootNode(), t, e.$modeName$);
  (appData.BUILD.shadowDom || appData.BUILD.scoped) && appData.BUILD.cssAnnotations && 10 & o && (a["s-sc"] = n, 
  a.classList.add(n + "-h"), appData.BUILD.scoped && 2 & o && a.classList.add(n + "-s")), 
  s();
@@ -433,7 +428,7 @@ const createElm = (e, t, a, o) => {
  appData.BUILD.style && a && attachStyles(e);
  const r = createTime("render", e.$cmpMeta$.$tagName$);
  if (appData.BUILD.isDev && (e.$flags$ |= 1024), appData.BUILD.hydrateServerSide ? await callRender(e, t, s) : callRender(e, t, s), 
- appData.BUILD.cssVarShim && plt.$cssShim$ && plt.$cssShim$.updateHost(s), appData.BUILD.isDev && (e.$renderCount$ = void 0 === e.$renderCount$ ? 1 : e.$renderCount$ + 1, 
+ appData.BUILD.isDev && (e.$renderCount$ = void 0 === e.$renderCount$ ? 1 : e.$renderCount$ + 1, 
  e.$flags$ &= -1025), appData.BUILD.hydrateServerSide) try {
   serverSideConnected(s), a && (1 & e.$cmpMeta$.$flags$ ? s["s-en"] = "" : 2 & e.$cmpMeta$.$flags$ && (s["s-en"] = "c"));
  } catch (e) {
@@ -658,8 +653,7 @@ const callRender = (e, t, a) => {
  if (0 == (1 & plt.$flags$)) {
   const t = getHostRef(e), a = appData.BUILD.lazyLoad ? t.$lazyInstance$ : e;
   appData.BUILD.hostListener && t.$rmListeners$ && (t.$rmListeners$.map((e => e())), 
-  t.$rmListeners$ = void 0), appData.BUILD.cssVarShim && plt.$cssShim$ && plt.$cssShim$.removeHost(e), 
-  appData.BUILD.lazyLoad && appData.BUILD.disconnectedCallback && safeCall(a, "disconnectedCallback"), 
+  t.$rmListeners$ = void 0), appData.BUILD.lazyLoad && appData.BUILD.disconnectedCallback && safeCall(a, "disconnectedCallback"), 
   appData.BUILD.cmpDidUnload && safeCall(a, "componentDidUnload");
  }
 }, proxyCustomElement = (e, t) => {

package/internal/testing/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@rindo/core/internal/testing",
-  "version": "3.3.0",
+  "version": "4.0.0-beta.1",
   "description": "Rindo internal testing platform to be imported by the Rindo Compiler. Breaking changes can and will happen at any time.",
   "main": "./index.js",
   "private": true