@designestate/dees-domtools - npm Package Compare versions

Comparing version 1.0.21 to 1.0.23

dist_ts/domtools.breakpoints.d.ts

@@ -6,5 +6,5 @@ export declare const desktop = 1240;
 export declare type TViewport = 'native' | 'desktop' | 'tablet' | 'phablet' | 'phone';
-export declare const getEnvironment: () => Promise<TViewport>;
+export declare const getEnvironment: () => TViewport;
 export declare const cssForTablet: (contentArg: any) => Promise<string>;
 export declare const cssForPhablet: (contentArg: any) => Promise<string>;
 export declare const cssForPhone: (contentArg: any) => Promise<string>;

dist_ts/domtools.breakpoints.js

 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.cssForPhone = exports.cssForPhablet = exports.cssForTablet = exports.getEnvironment = exports.phone = exports.phablet = exports.tablet = exports.desktop = void 0;
-const domtools_classes_domtools_1 = require("./domtools.classes.domtools");
 exports.desktop = 1240;
@@ -9,8 +8,12 @@ exports.tablet = 700;
 exports.phone = 340;
-exports.getEnvironment = async () => {
-    const domToolsInstance = await domtools_classes_domtools_1.DomTools.setupDomTools();
-    return domToolsInstance.domToolsStatePart.getState().virtualViewport;
+exports.getEnvironment = () => {
+    if (globalThis.deesDomTools && globalThis.deesDomTools.domToolsStatePart.getState().virtualViewport) {
+        return globalThis.deesDomTools.domToolsStatePart.getState().virtualViewport;
+    }
+    else {
+        return 'native';
+    }
 };
 exports.cssForTablet = async (contentArg) => {
-    if ((await exports.getEnvironment()) === 'native' || (await exports.getEnvironment()) === 'desktop') {
+    if (exports.getEnvironment() === 'native' || exports.getEnvironment() === 'desktop') {
         return `
@@ -22,5 +25,5 @@ @media (max-width: ${exports.tablet}px) {
     }
-    else if ((await exports.getEnvironment()) === 'tablet' ||
-        (await exports.getEnvironment()) === 'phablet' ||
-        (await exports.getEnvironment()) === 'phone') {
+    else if (exports.getEnvironment() === 'tablet' ||
+        exports.getEnvironment() === 'phablet' ||
+        exports.getEnvironment() === 'phone') {
         return `
@@ -34,3 +37,3 @@ @media (min-width: 0px) {
 exports.cssForPhablet = async (contentArg) => {
-    if ((await exports.getEnvironment()) === 'native' || (await exports.getEnvironment()) === 'desktop') {
+    if (exports.getEnvironment() === 'native' || exports.getEnvironment() === 'desktop') {
         return `
@@ -42,3 +45,3 @@ @media (max-width: ${exports.phablet}px) {
     }
-    else if ((await exports.getEnvironment()) === 'phablet' || (await exports.getEnvironment()) === 'phone') {
+    else if (exports.getEnvironment() === 'phablet' || exports.getEnvironment() === 'phone') {
         return `
@@ -52,3 +55,3 @@ @media (min-width: 0px) {
 exports.cssForPhone = async (contentArg) => {
-    if ((await exports.getEnvironment()) === 'native' || (await exports.getEnvironment()) === 'desktop') {
+    if (exports.getEnvironment() === 'native' || exports.getEnvironment() === 'desktop') {
         return `
@@ -60,3 +63,3 @@ @media (max-width: ${exports.phone}px) {
     }
-    else if ((await exports.getEnvironment()) === 'phone') {
+    else if (exports.getEnvironment() === 'phone') {
         return `
@@ -69,2 +72,2 @@ @media (min-width: 0px) {
 };
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZG9tdG9vbHMuYnJlYWtwb2ludHMuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi90cy9kb210b29scy5icmVha3BvaW50cy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiOzs7QUFBQSwyRUFBdUQ7QUFFMUMsUUFBQSxPQUFPLEdBQUcsSUFBSSxDQUFDO0FBQ2YsUUFBQSxNQUFNLEdBQUcsR0FBRyxDQUFDO0FBQ2IsUUFBQSxPQUFPLEdBQUcsR0FBRyxDQUFDO0FBQ2QsUUFBQSxLQUFLLEdBQUcsR0FBRyxDQUFDO0FBSVosUUFBQSxjQUFjLEdBQUcsS0FBSyxJQUF3QixFQUFFO0lBQzNELE1BQU0sZ0JBQWdCLEdBQUcsTUFBTSxvQ0FBUSxDQUFDLGFBQWEsRUFBRSxDQUFDO0lBQ3hELE9BQU8sZ0JBQWdCLENBQUMsaUJBQWlCLENBQUMsUUFBUSxFQUFFLENBQUMsZUFBZSxDQUFDO0FBQ3ZFLENBQUMsQ0FBQztBQUVXLFFBQUEsWUFBWSxHQUFHLEtBQUssRUFBQyxVQUFVLEVBQUMsRUFBRTtJQUM3QyxJQUFJLENBQUMsTUFBTSxzQkFBYyxFQUFFLENBQUMsS0FBSyxRQUFRLElBQUksQ0FBQyxNQUFNLHNCQUFjLEVBQUUsQ0FBQyxLQUFLLFNBQVMsRUFBRTtRQUNuRixPQUFPOzJCQUNnQixjQUFNO1VBQ3ZCLFVBQVU7O0tBRWYsQ0FBQztLQUNIO1NBQU0sSUFDTCxDQUFDLE1BQU0sc0JBQWMsRUFBRSxDQUFDLEtBQUssUUFBUTtRQUNyQyxDQUFDLE1BQU0sc0JBQWMsRUFBRSxDQUFDLEtBQUssU0FBUztRQUN0QyxDQUFDLE1BQU0sc0JBQWMsRUFBRSxDQUFDLEtBQUssT0FBTyxFQUNwQztRQUNBLE9BQU87O1VBRUQsVUFBVTs7S0FFZixDQUFDO0tBQ0g7QUFDSCxDQUFDLENBQUM7QUFFVyxRQUFBLGFBQWEsR0FBRyxLQUFLLEVBQUMsVUFBVSxFQUFDLEVBQUU7SUFDOUMsSUFBSSxDQUFDLE1BQU0sc0JBQWMsRUFBRSxDQUFDLEtBQUssUUFBUSxJQUFJLENBQUMsTUFBTSxzQkFBYyxFQUFFLENBQUMsS0FBSyxTQUFTLEVBQUU7UUFDbkYsT0FBTzsyQkFDZ0IsZUFBTztVQUN4QixVQUFVOztLQUVmLENBQUM7S0FDSDtTQUFNLElBQUksQ0FBQyxNQUFNLHNCQUFjLEVBQUUsQ0FBQyxLQUFLLFNBQVMsSUFBSSxDQUFDLE1BQU0sc0JBQWMsRUFBRSxDQUFDLEtBQUssT0FBTyxFQUFFO1FBQ3pGLE9BQU87O1VBRUQsVUFBVTs7S0FFZixDQUFDO0tBQ0g7QUFDSCxDQUFDLENBQUM7QUFFVyxRQUFBLFdBQVcsR0FBRyxLQUFLLEVBQUMsVUFBVSxFQUFDLEVBQUU7SUFDNUMsSUFBSSxDQUFDLE1BQU0sc0JBQWMsRUFBRSxDQUFDLEtBQUssUUFBUSxJQUFJLENBQUMsTUFBTSxzQkFBYyxFQUFFLENBQUMsS0FBSyxTQUFTLEVBQUU7UUFDbkYsT0FBTzsyQkFDZ0IsYUFBSztVQUN0QixVQUFVOztLQUVmLENBQUM7S0FDSDtTQUFNLElBQUksQ0FBQyxNQUFNLHNCQUFjLEVBQUUsQ0FBQyxLQUFLLE9BQU8sRUFBRTtRQUMvQyxPQUFPOztVQUVELFVBQVU7O0tBRWYsQ0FBQztLQUNIO0FBQ0gsQ0FBQyxDQUFDIn0=
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZG9tdG9vbHMuYnJlYWtwb2ludHMuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi90cy9kb210b29scy5icmVha3BvaW50cy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiOzs7QUFFYSxRQUFBLE9BQU8sR0FBRyxJQUFJLENBQUM7QUFDZixRQUFBLE1BQU0sR0FBRyxHQUFHLENBQUM7QUFDYixRQUFBLE9BQU8sR0FBRyxHQUFHLENBQUM7QUFDZCxRQUFBLEtBQUssR0FBRyxHQUFHLENBQUM7QUFJWixRQUFBLGNBQWMsR0FBRyxHQUFjLEVBQUU7SUFDNUMsSUFBSSxVQUFVLENBQUMsWUFBWSxJQUFJLFVBQVUsQ0FBQyxZQUFZLENBQUMsaUJBQWlCLENBQUMsUUFBUSxFQUFFLENBQUMsZUFBZSxFQUFFO1FBQ25HLE9BQU8sVUFBVSxDQUFDLFlBQVksQ0FBQyxpQkFBaUIsQ0FBQyxRQUFRLEVBQUUsQ0FBQyxlQUFlLENBQUM7S0FDN0U7U0FBTTtRQUNMLE9BQU8sUUFBUSxDQUFDO0tBQ2pCO0FBQ0gsQ0FBQyxDQUFDO0FBRVcsUUFBQSxZQUFZLEdBQUcsS0FBSyxFQUFFLFVBQVUsRUFBRSxFQUFFO0lBQy9DLElBQUksc0JBQWMsRUFBRSxLQUFLLFFBQVEsSUFBSSxzQkFBYyxFQUFFLEtBQUssU0FBUyxFQUFFO1FBQ25FLE9BQU87MkJBQ2dCLGNBQU07VUFDdkIsVUFBVTs7S0FFZixDQUFDO0tBQ0g7U0FBTSxJQUNMLHNCQUFjLEVBQUUsS0FBSyxRQUFRO1FBQzdCLHNCQUFjLEVBQUUsS0FBSyxTQUFTO1FBQzlCLHNCQUFjLEVBQUUsS0FBSyxPQUFPLEVBQzVCO1FBQ0EsT0FBTzs7VUFFRCxVQUFVOztLQUVmLENBQUM7S0FDSDtBQUNILENBQUMsQ0FBQztBQUVXLFFBQUEsYUFBYSxHQUFHLEtBQUssRUFBRSxVQUFVLEVBQUUsRUFBRTtJQUNoRCxJQUFJLHNCQUFjLEVBQUUsS0FBSyxRQUFRLElBQUksc0JBQWMsRUFBRSxLQUFLLFNBQVMsRUFBRTtRQUNuRSxPQUFPOzJCQUNnQixlQUFPO1VBQ3hCLFVBQVU7O0tBRWYsQ0FBQztLQUNIO1NBQU0sSUFBSSxzQkFBYyxFQUFFLEtBQUssU0FBUyxJQUFJLHNCQUFjLEVBQUUsS0FBSyxPQUFPLEVBQUU7UUFDekUsT0FBTzs7VUFFRCxVQUFVOztLQUVmLENBQUM7S0FDSDtBQUNILENBQUMsQ0FBQztBQUVXLFFBQUEsV0FBVyxHQUFHLEtBQUssRUFBRSxVQUFVLEVBQUUsRUFBRTtJQUM5QyxJQUFJLHNCQUFjLEVBQUUsS0FBSyxRQUFRLElBQUksc0JBQWMsRUFBRSxLQUFLLFNBQVMsRUFBRTtRQUNuRSxPQUFPOzJCQUNnQixhQUFLO1VBQ3RCLFVBQVU7O0tBRWYsQ0FBQztLQUNIO1NBQU0sSUFBSSxzQkFBYyxFQUFFLEtBQUssT0FBTyxFQUFFO1FBQ3ZDLE9BQU87O1VBRUQsVUFBVTs7S0FFZixDQUFDO0tBQ0g7QUFDSCxDQUFDLENBQUMifQ==

package.json

 {
   "name": "@designestate/dees-domtools",
-  "version": "1.0.21",
+  "version": "1.0.23",
   "private": false,
@@ -5,0 +5,0 @@ "description": "tools to simplify complex css structures",

ts/domtools.breakpoints.ts

@@ -10,9 +10,12 @@ import { DomTools } from './domtools.classes.domtools';
 
-export const getEnvironment = async (): Promise<TViewport> => {
-  const domToolsInstance = await DomTools.setupDomTools();
-  return domToolsInstance.domToolsStatePart.getState().virtualViewport;
+export const getEnvironment = (): TViewport => {
+  if (globalThis.deesDomTools && globalThis.deesDomTools.domToolsStatePart.getState().virtualViewport) {
+    return globalThis.deesDomTools.domToolsStatePart.getState().virtualViewport;
+  } else {
+    return 'native';
+  }
 };
 
-export const cssForTablet = async contentArg => {
-  if ((await getEnvironment()) === 'native' || (await getEnvironment()) === 'desktop') {
+export const cssForTablet = async (contentArg) => {
+  if (getEnvironment() === 'native' || getEnvironment() === 'desktop') {
     return `
@@ -24,5 +27,5 @@ @media (max-width: ${tablet}px) {
   } else if (
-    (await getEnvironment()) === 'tablet' ||
-    (await getEnvironment()) === 'phablet' ||
-    (await getEnvironment()) === 'phone'
+    getEnvironment() === 'tablet' ||
+    getEnvironment() === 'phablet' ||
+    getEnvironment() === 'phone'
   ) {
@@ -37,4 +40,4 @@ return `
 
-export const cssForPhablet = async contentArg => {
-  if ((await getEnvironment()) === 'native' || (await getEnvironment()) === 'desktop') {
+export const cssForPhablet = async (contentArg) => {
+  if (getEnvironment() === 'native' || getEnvironment() === 'desktop') {
     return `
@@ -45,3 +48,3 @@ @media (max-width: ${phablet}px) {
     `;
-  } else if ((await getEnvironment()) === 'phablet' || (await getEnvironment()) === 'phone') {
+  } else if (getEnvironment() === 'phablet' || getEnvironment() === 'phone') {
     return `
@@ -55,4 +58,4 @@ @media (min-width: 0px) {
 
-export const cssForPhone = async contentArg => {
-  if ((await getEnvironment()) === 'native' || (await getEnvironment()) === 'desktop') {
+export const cssForPhone = async (contentArg) => {
+  if (getEnvironment() === 'native' || getEnvironment() === 'desktop') {
     return `
@@ -63,3 +66,3 @@ @media (max-width: ${phone}px) {
     `;
-  } else if ((await getEnvironment()) === 'phone') {
+  } else if (getEnvironment() === 'phone') {
     return `
@@ -66,0 +69,0 @@ @media (min-width: 0px) {

New alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Fixed alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Improved metrics

Lines of code

13943

increased by0.07%

Worsened metrics

Total package byte prevSize

1688088

decreased by-0.02%

No dependency changes