Socket
Socket
Sign inDemoInstall

@designestate/dees-domtools

Package Overview
Dependencies
Maintainers
1
Versions
138
Alerts
File Explorer

Advanced tools

Socket logo

Install Socket

Detect and block malicious and high-risk dependencies

Install

@designestate/dees-domtools - npm Package Compare versions

Comparing version 1.0.13 to 1.0.14

dist_ts/domtools.elementbasic.d.ts

14

dist_ts/domtools.classes.domtools.d.ts

@@ -1,3 +0,13 @@

export declare class DeesDomTools {
static createDomTools: () => void;
import * as plugins from './domtools.plugins';
export declare class DomTools {
static setupDomTools(): Promise<DomTools>;
domToolsReady: plugins.smartpromise.Deferred<unknown>;
domReady: plugins.smartpromise.Deferred<unknown>;
globalStylesReady: plugins.smartpromise.Deferred<unknown>;
headElement: HTMLElement;
bodyElement: HTMLElement;
setGlobalStyles(stylesText: string): Promise<void>;
private runOnceTrackerStringMap;
private runOnceResultMap;
runOnce<T>(identifierArg: string, funcArg: () => Promise<T>): Promise<unknown>;
}
"use strict";
var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
if (k2 === undefined) k2 = k;
Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
}) : (function(o, m, k, k2) {
if (k2 === undefined) k2 = k;
o[k2] = m[k];
}));
var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
Object.defineProperty(o, "default", { enumerable: true, value: v });
}) : function(o, v) {
o["default"] = v;
});
var __importStar = (this && this.__importStar) || function (mod) {
if (mod && mod.__esModule) return mod;
var result = {};
if (mod != null) for (var k in mod) if (Object.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
__setModuleDefault(result, mod);
return result;
};
Object.defineProperty(exports, "__esModule", { value: true });
exports.DeesDomTools = void 0;
let DeesDomTools = /** @class */ (() => {
class DeesDomTools {
exports.DomTools = void 0;
const plugins = __importStar(require("./domtools.plugins"));
const lik_1 = require("@pushrocks/lik");
class DomTools {
constructor() {
this.domToolsReady = plugins.smartpromise.defer();
this.domReady = plugins.smartpromise.defer();
this.globalStylesReady = plugins.smartpromise.defer();
this.runOnceTrackerStringMap = new lik_1.Stringmap();
this.runOnceResultMap = new lik_1.FastMap();
}
DeesDomTools.createDomTools = () => {
globalThis.deesDomTools = new DeesDomTools();
};
return DeesDomTools;
})();
exports.DeesDomTools = DeesDomTools;
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZG9tdG9vbHMuY2xhc3Nlcy5kb210b29scy5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uL3RzL2RvbXRvb2xzLmNsYXNzZXMuZG9tdG9vbHMudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6Ijs7O0FBQUE7SUFBQSxNQUFhLFlBQVk7O0lBQ1QsMkJBQWMsR0FBRyxHQUFHLEVBQUU7UUFDbEMsVUFBVSxDQUFDLFlBQVksR0FBRyxJQUFJLFlBQVksRUFBRSxDQUFDO0lBQy9DLENBQUMsQ0FBQTtJQUNILG1CQUFDO0tBQUE7QUFKWSxvQ0FBWSJ9
static async setupDomTools() {
let domToolsInstance;
if (!globalThis.deesDomTools) {
globalThis.deesDomTools = new DomTools();
domToolsInstance = globalThis.deesDomTools;
// lets make sure the dom is ready
const readyStateChangedFunc = () => {
if (document.readyState === 'interactive' || document.readyState === 'complete') {
domToolsInstance.headElement = document.querySelector('head');
domToolsInstance.bodyElement = document.querySelector('body');
domToolsInstance.domReady.resolve();
}
};
document.addEventListener('readystatechange', readyStateChangedFunc);
domToolsInstance.domToolsReady.resolve();
}
else {
domToolsInstance = globalThis.deesDomTools;
}
await domToolsInstance.domToolsReady.promise;
return domToolsInstance;
}
async setGlobalStyles(stylesText) {
await this.domReady.promise;
const styleElement = document.createElement('style');
styleElement.type = 'text/css';
styleElement.appendChild(document.createTextNode(stylesText));
this.headElement.appendChild(styleElement);
}
async runOnce(identifierArg, funcArg) {
const runningId = `${identifierArg}+runningCheck`;
if (!this.runOnceTrackerStringMap.checkString(identifierArg)) {
this.runOnceTrackerStringMap.addString(identifierArg);
this.runOnceTrackerStringMap.addString(runningId);
const result = await funcArg();
this.runOnceResultMap.addToMap(identifierArg, result);
this.runOnceTrackerStringMap.removeString(runningId);
}
return await this.runOnceTrackerStringMap.registerUntilTrue(stringMap => {
return !stringMap.includes(runningId);
}, () => {
return this.runOnceResultMap.getByKey(identifierArg);
});
}
}
exports.DomTools = DomTools;
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZG9tdG9vbHMuY2xhc3Nlcy5kb210b29scy5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uL3RzL2RvbXRvb2xzLmNsYXNzZXMuZG9tdG9vbHMudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6Ijs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7OztBQUFBLDREQUE4QztBQUM5Qyx3Q0FBb0Q7QUFFcEQsTUFBYSxRQUFRO0lBQXJCO1FBdUJTLGtCQUFhLEdBQUcsT0FBTyxDQUFDLFlBQVksQ0FBQyxLQUFLLEVBQUUsQ0FBQztRQUM3QyxhQUFRLEdBQUcsT0FBTyxDQUFDLFlBQVksQ0FBQyxLQUFLLEVBQUUsQ0FBQztRQUN4QyxzQkFBaUIsR0FBRyxPQUFPLENBQUMsWUFBWSxDQUFDLEtBQUssRUFBRSxDQUFDO1FBY2hELDRCQUF1QixHQUFHLElBQUksZUFBUyxFQUFFLENBQUM7UUFDMUMscUJBQWdCLEdBQUcsSUFBSSxhQUFPLEVBQUUsQ0FBQztJQWlCM0MsQ0FBQztJQXhEUSxNQUFNLENBQUMsS0FBSyxDQUFDLGFBQWE7UUFDL0IsSUFBSSxnQkFBMEIsQ0FBQztRQUMvQixJQUFJLENBQUMsVUFBVSxDQUFDLFlBQVksRUFBRTtZQUM1QixVQUFVLENBQUMsWUFBWSxHQUFHLElBQUksUUFBUSxFQUFFLENBQUM7WUFDekMsZ0JBQWdCLEdBQUcsVUFBVSxDQUFDLFlBQVksQ0FBQztZQUMzQyxrQ0FBa0M7WUFDbEMsTUFBTSxxQkFBcUIsR0FBRyxHQUFHLEVBQUU7Z0JBQ2pDLElBQUksUUFBUSxDQUFDLFVBQVUsS0FBSyxhQUFhLElBQUksUUFBUSxDQUFDLFVBQVUsS0FBSyxVQUFVLEVBQUU7b0JBQy9FLGdCQUFnQixDQUFDLFdBQVcsR0FBRyxRQUFRLENBQUMsYUFBYSxDQUFDLE1BQU0sQ0FBQyxDQUFDO29CQUM5RCxnQkFBZ0IsQ0FBQyxXQUFXLEdBQUcsUUFBUSxDQUFDLGFBQWEsQ0FBQyxNQUFNLENBQUMsQ0FBQztvQkFDOUQsZ0JBQWdCLENBQUMsUUFBUSxDQUFDLE9BQU8sRUFBRSxDQUFDO2lCQUNyQztZQUNILENBQUMsQ0FBQztZQUNGLFFBQVEsQ0FBQyxnQkFBZ0IsQ0FBQyxrQkFBa0IsRUFBRSxxQkFBcUIsQ0FBQyxDQUFDO1lBQ3JFLGdCQUFnQixDQUFDLGFBQWEsQ0FBQyxPQUFPLEVBQUUsQ0FBQztTQUMxQzthQUFNO1lBQ0wsZ0JBQWdCLEdBQUcsVUFBVSxDQUFDLFlBQVksQ0FBQztTQUM1QztRQUNELE1BQU0sZ0JBQWdCLENBQUMsYUFBYSxDQUFDLE9BQU8sQ0FBQztRQUM3QyxPQUFPLGdCQUFnQixDQUFDO0lBQzFCLENBQUM7SUFVTSxLQUFLLENBQUMsZUFBZSxDQUFDLFVBQWtCO1FBQzdDLE1BQU0sSUFBSSxDQUFDLFFBQVEsQ0FBQyxPQUFPLENBQUM7UUFDNUIsTUFBTSxZQUFZLEdBQUcsUUFBUSxDQUFDLGFBQWEsQ0FBQyxPQUFPLENBQUMsQ0FBQztRQUNyRCxZQUFZLENBQUMsSUFBSSxHQUFHLFVBQVUsQ0FBQztRQUMvQixZQUFZLENBQUMsV0FBVyxDQUFDLFFBQVEsQ0FBQyxjQUFjLENBQUMsVUFBVSxDQUFDLENBQUMsQ0FBQztRQUM5RCxJQUFJLENBQUMsV0FBVyxDQUFDLFdBQVcsQ0FBQyxZQUFZLENBQUMsQ0FBQztJQUM3QyxDQUFDO0lBSU0sS0FBSyxDQUFDLE9BQU8sQ0FBSSxhQUFxQixFQUFFLE9BQXlCO1FBQ3RFLE1BQU0sU0FBUyxHQUFHLEdBQUcsYUFBYSxlQUFlLENBQUM7UUFDbEQsSUFBRyxDQUFDLElBQUksQ0FBQyx1QkFBdUIsQ0FBQyxXQUFXLENBQUMsYUFBYSxDQUFDLEVBQUU7WUFDM0QsSUFBSSxDQUFDLHVCQUF1QixDQUFDLFNBQVMsQ0FBQyxhQUFhLENBQUMsQ0FBQztZQUN0RCxJQUFJLENBQUMsdUJBQXVCLENBQUMsU0FBUyxDQUFDLFNBQVMsQ0FBQyxDQUFDO1lBQ2xELE1BQU0sTUFBTSxHQUFHLE1BQU0sT0FBTyxFQUFFLENBQUM7WUFDL0IsSUFBSSxDQUFDLGdCQUFnQixDQUFDLFFBQVEsQ0FBQyxhQUFhLEVBQUUsTUFBTSxDQUFDLENBQUM7WUFDdEQsSUFBSSxDQUFDLHVCQUF1QixDQUFDLFlBQVksQ0FBQyxTQUFTLENBQUMsQ0FBQztTQUN0RDtRQUNELE9BQU8sTUFBTSxJQUFJLENBQUMsdUJBQXVCLENBQUMsaUJBQWlCLENBQUMsU0FBUyxDQUFDLEVBQUU7WUFDdEUsT0FBTyxDQUFDLFNBQVMsQ0FBQyxRQUFRLENBQUMsU0FBUyxDQUFDLENBQUM7UUFDeEMsQ0FBQyxFQUFFLEdBQUcsRUFBRTtZQUNOLE9BQU8sSUFBSSxDQUFDLGdCQUFnQixDQUFDLFFBQVEsQ0FBQyxhQUFhLENBQUMsQ0FBQztRQUN2RCxDQUFDLENBQUMsQ0FBQztJQUNMLENBQUM7Q0FFRjtBQXpERCw0QkF5REMifQ==

5

dist_ts/index.d.ts
export * from './domtools.colors';
import * as elementBasic from './domtools.elementbasic';
import * as breakpoints from './domtools.breakpoints';
import * as css from './domtools.css';
declare const elementBasic: {
setup: () => Promise<void>;
styles: import("lit-html").TemplateResult;
};
export { css, breakpoints, elementBasic };

@@ -27,4 +27,4 @@ "use strict";

__exportStar(require("./domtools.colors"), exports);
const elementBasicSetup = __importStar(require("./domtools.elementbasicsetup"));
const elementBasicStyles = __importStar(require("./domtools.elementbasicstyles"));
const elementBasic = __importStar(require("./domtools.elementbasic"));
exports.elementBasic = elementBasic;
const breakpoints = __importStar(require("./domtools.breakpoints"));

@@ -34,7 +34,2 @@ exports.breakpoints = breakpoints;

exports.css = css;
const elementBasic = {
setup: elementBasicSetup.elementBasicSetup,
styles: elementBasicStyles.elementBasicStyles
};
exports.elementBasic = elementBasic;
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi90cy9pbmRleC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiOzs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7O0FBQUEsb0RBQWtDO0FBRWxDLGdGQUFrRTtBQUNsRSxrRkFBb0U7QUFDcEUsb0VBQXNEO0FBVXBELGtDQUFXO0FBVGIsb0RBQXNDO0FBUXBDLGtCQUFHO0FBTkwsTUFBTSxZQUFZLEdBQUc7SUFDbkIsS0FBSyxFQUFFLGlCQUFpQixDQUFDLGlCQUFpQjtJQUMxQyxNQUFNLEVBQUUsa0JBQWtCLENBQUMsa0JBQWtCO0NBQzlDLENBQUM7QUFLQSxvQ0FBWSJ9
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi90cy9pbmRleC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiOzs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7O0FBQUEsb0RBQWtDO0FBRWxDLHNFQUF3RDtBQU90RCxvQ0FBWTtBQU5kLG9FQUFzRDtBQUtwRCxrQ0FBVztBQUpiLG9EQUFzQztBQUdwQyxrQkFBRyJ9
{
"name": "@designestate/dees-domtools",
"version": "1.0.13",
"version": "1.0.14",
"private": false,

@@ -19,8 +19,10 @@ "description": "tools to simplify complex css structures",

"@pushrocks/tapbundle": "^3.0.7",
"@types/node": "^10.11.7",
"tslint": "^5.11.0",
"@types/node": "^14.0.5",
"tslint": "^6.1.2",
"tslint-config-prettier": "^1.15.0"
},
"dependencies": {
"@pushrocks/lik": "^4.0.2",
"@pushrocks/smartpromise": "^3.0.6",
"@pushrocks/smartstate": "^1.0.15",
"lit-element": "^2.3.1"

@@ -27,0 +29,0 @@ },

@@ -1,5 +0,61 @@

export class DeesDomTools {
public static createDomTools = () => {
globalThis.deesDomTools = new DeesDomTools();
import * as plugins from './domtools.plugins';
import { Stringmap, FastMap } from '@pushrocks/lik';
export class DomTools {
public static async setupDomTools() {
let domToolsInstance: DomTools;
if (!globalThis.deesDomTools) {
globalThis.deesDomTools = new DomTools();
domToolsInstance = globalThis.deesDomTools;
// lets make sure the dom is ready
const readyStateChangedFunc = () => {
if (document.readyState === 'interactive' || document.readyState === 'complete') {
domToolsInstance.headElement = document.querySelector('head');
domToolsInstance.bodyElement = document.querySelector('body');
domToolsInstance.domReady.resolve();
}
};
document.addEventListener('readystatechange', readyStateChangedFunc);
domToolsInstance.domToolsReady.resolve();
} else {
domToolsInstance = globalThis.deesDomTools;
}
await domToolsInstance.domToolsReady.promise;
return domToolsInstance;
}
public domToolsReady = plugins.smartpromise.defer();
public domReady = plugins.smartpromise.defer();
public globalStylesReady = plugins.smartpromise.defer();
// elements
public headElement: HTMLElement;
public bodyElement: HTMLElement;
public async setGlobalStyles(stylesText: string) {
await this.domReady.promise;
const styleElement = document.createElement('style');
styleElement.type = 'text/css';
styleElement.appendChild(document.createTextNode(stylesText));
this.headElement.appendChild(styleElement);
}
private runOnceTrackerStringMap = new Stringmap();
private runOnceResultMap = new FastMap();
public async runOnce<T>(identifierArg: string, funcArg: () => Promise<T>) {
const runningId = `${identifierArg}+runningCheck`;
if(!this.runOnceTrackerStringMap.checkString(identifierArg)) {
this.runOnceTrackerStringMap.addString(identifierArg);
this.runOnceTrackerStringMap.addString(runningId);
const result = await funcArg();
this.runOnceResultMap.addToMap(identifierArg, result);
this.runOnceTrackerStringMap.removeString(runningId);
}
return await this.runOnceTrackerStringMap.registerUntilTrue(stringMap => {
return !stringMap.includes(runningId);
}, () => {
return this.runOnceResultMap.getByKey(identifierArg);
});
}
}
export * from './domtools.colors';
import * as elementBasicSetup from './domtools.elementbasicsetup';
import * as elementBasicStyles from './domtools.elementbasicstyles';
import * as elementBasic from './domtools.elementbasic';
import * as breakpoints from './domtools.breakpoints';
import * as css from './domtools.css';
const elementBasic = {
setup: elementBasicSetup.elementBasicSetup,
styles: elementBasicStyles.elementBasicStyles
};
export {

@@ -14,0 +8,0 @@ css,

SocketSocket SOC 2 Logo

Product

  • Package Alerts
  • Integrations
  • Docs
  • Pricing
  • FAQ
  • Roadmap
  • Changelog

Packages

npm

Stay in touch

Get open source security insights delivered straight into your inbox.


  • Terms
  • Privacy
  • Security

Made with ⚡️ by Socket Inc