Huge News!Announcing our $40M Series B led by Abstract Ventures.Learn More
Socket
Sign inDemoInstall
Socket

typed-dom

Package Overview
Dependencies
Maintainers
1
Versions
350
Alerts
File Explorer

Advanced tools

Socket logo

Install Socket

Detect and block malicious and high-risk dependencies

Install

typed-dom - npm Package Compare versions

Comparing version 0.0.39 to 0.0.40

12

dist/typed-dom.js

@@ -1,2 +0,2 @@

/*! typed-dom v0.0.39 https://github.com/falsandtru/typed-dom | (c) 2016, falsandtru | (Apache-2.0 AND MPL-2.0) License */
/*! typed-dom v0.0.40 https://github.com/falsandtru/typed-dom | (c) 2016, falsandtru | (Apache-2.0 AND MPL-2.0) License */
require = function e(t, n, r) {

@@ -134,8 +134,8 @@ function s(o, u) {

throw new Error('TypedHTMLElement collections cannot be updated recursively.');
void children.reduce(function (ccs, ic) {
var i = ccs.indexOf(ic);
void children.reduce(function (cs, c) {
var i = cs.indexOf(c);
if (i === -1)
return ccs;
void ccs.splice(i, 1);
return ccs;
return cs;
void cs.splice(i, 1);
return cs;
}, this.children_.slice()).forEach(function (child) {

@@ -142,0 +142,0 @@ return void child.element.remove();

@@ -1,2 +0,2 @@

/*! typed-dom v0.0.39 https://github.com/falsandtru/typed-dom | (c) 2016, falsandtru | (Apache-2.0 AND MPL-2.0) License */
/*! typed-dom v0.0.40 https://github.com/falsandtru/typed-dom | (c) 2016, falsandtru | (Apache-2.0 AND MPL-2.0) License */
require=function e(t,r,n){function i(c,u){if(!r[c]){if(!t[c]){var s="function"==typeof require&&require;if(!u&&s)return s(c,!0);if(o)return o(c,!0);var d=new Error("Cannot find module '"+c+"'");throw d.code="MODULE_NOT_FOUND",d}var a=r[c]={exports:{}};t[c][0].call(a.exports,function(e){var r=t[c][1][e];return i(r||e)},a,a.exports,e,t,r,n)}return r[c].exports}for(var o="function"==typeof require&&require,c=0;c<n.length;c++)i(n[c]);return i}({1:[function(e,t,r){},{}],2:[function(e,t,r){"use strict";var n=this&&this.__assign||Object.assign||function(e){for(var t,r=1,n=arguments.length;r<n;r++){t=arguments[r];for(var i in t)Object.prototype.hasOwnProperty.call(t,i)&&(e[i]=t[i])}return e};Object.defineProperty(r,"__esModule",{value:!0});var i=function(){function e(e,t){function r(){for(;e.childNodes.length>0;)e.removeChild(e.firstChild)}function i(t){e.id.match(/^[\w\-]+$/)&&(t.innerHTML=t.innerHTML.replace(/^\s*\$scope(?!\w)/gm,"#"+e.id),Array.from(t.querySelectorAll("*")).forEach(function(e){return void e.remove()}))}var o=this;switch(this.element_=e,this.children_=t,this.mode=void 0===this.children_?"void":"string"==typeof this.children_?"text":Array.isArray(this.children_)?"collection":"struct",this.structkeys="struct"===this.mode?Object.keys(this.children_):[],this.tag,this.mode){case"void":return;case"text":return r(),this.children_=document.createTextNode(""),this.element_.appendChild(this.children_),void(this.children=t);case"collection":return r(),e.id&&t.forEach(function(e){var t=e.element;return t instanceof HTMLStyleElement&&void i(t)}),this.children_=Object.freeze([]),void(this.children=t);case"struct":return r(),e.id&&Object.keys(t).map(function(e){return t[e]}).forEach(function(e){var t=e.element;return t instanceof HTMLStyleElement&&void i(t)}),this.children_=this.observe(n({},t)),void this.structkeys.forEach(function(e){return void o.element_.appendChild(t[e].element)})}}return Object.defineProperty(e.prototype,"element",{get:function(){return this.element_},enumerable:!0,configurable:!0}),Object.defineProperty(e.prototype,"children",{get:function(){switch(this.mode){case"text":return this.children_.data;default:return this.children_}},set:function(e){var t=this;switch(this.mode){case"void":return;case"text":if(e===this.children_.data)return;return void(this.children_.data=e);case"collection":if(e===this.children_)return;if(!Object.isFrozen(this.children_))throw new Error("TypedHTMLElement collections cannot be updated recursively.");return e.reduce(function(e,t){var r=e.indexOf(t);return-1===r?e:(e.splice(r,1),e)},this.children_.slice()).forEach(function(e){return void e.element.remove()}),this.children_=[],e.forEach(function(e,r){return t.children_[r]=e,void t.element_.appendChild(e.element)}),void Object.freeze(this.children_);case"struct":if(e===this.children_)return;return void this.structkeys.forEach(function(r){return t.children_[r]=e[r]})}},enumerable:!0,configurable:!0}),e.prototype.observe=function(e){var t=this;return Object.defineProperties(e,this.structkeys.reduce(function(r,n){var i=e[n];return r[n]={configurable:!0,enumerable:!0,get:function(){return i},set:function(e){var r=i;e!==r&&(i=e,t.element_.replaceChild(e.element,r.element))}},r},{}))},e}();r.TypedHTMLElement=i},{}],3:[function(e,t,r){"use strict";function n(e,t){return Object.keys(t).reduce(function(e,r){return e.setAttribute(r,t[r]||""),e},e)}Object.defineProperty(r,"__esModule",{value:!0});var i=e("./builder");r.TypedHTML=["a","applet","area","audio","base","basefont","blockquote","body","br","button","canvas","caption","col","colgroup","data","datalist","del","dir","div","dl","embed","fieldset","font","form","frame","frameset","h1","h2","h3","h4","h5","h6","head","hr","html","iframe","img","input","ins","isindex","label","legend","li","link","listing","map","marquee","menu","meta","meter","nextid","object","ol","optgroup","option","output","p","param","picture","pre","progress","q","script","select","source","span","style","table","tbody","td","template","textarea","tfoot","th","thead","time","title","tr","track","ul","video","x-ms-webview","xmp","abbr","acronym","address","article","aside","b","bdo","big","center","cite","code","dd","dfn","dt","em","figcaption","figure","footer","header","hgroup","i","kbd","keygen","mark","nav","nobr","noframes","noscript","plaintext","rt","ruby","s","samp","section","small","strike","strong","sub","sup","tt","u","var","wbr","custom"].reduce(function(e,t){return e[t]=function(e,r,o){switch(typeof e){case"undefined":return new i.TypedHTMLElement(document.createElement(t),void 0);case"function":return new i.TypedHTMLElement(e(),void 0);case"string":return new i.TypedHTMLElement((r||function(){return document.createElement(t)})(),e);case"object":return o="function"==typeof r?r:o||function(){return document.createElement(t)},[Object.keys(e)[0]].every(function(t){return void 0===t||"object"==typeof e[t]})?new i.TypedHTMLElement(o(),e):new i.TypedHTMLElement(n(o(),e),r===o?void 0:r);default:throw new TypeError("Invalid arguments: ["+e+", "+r+", "+o+"]")}},e},{})},{"./builder":2}],4:[function(e,t,r){"use strict";Object.defineProperty(r,"__esModule",{value:!0});var n=e("./dom/html");r.default=n.TypedHTML,r.TypedHTML=n.TypedHTML,function(e){for(var t in e)r.hasOwnProperty(t)||(r[t]=e[t])}(e("./util/dom"))},{"./dom/html":3,"./util/dom":5}],5:[function(e,t,r){"use strict";function n(e,t,r,n){function i(e){"object"==typeof n&&n.passive&&(e.preventDefault=u.noop),r(e)}void 0===n&&(n=!1),e.addEventListener(t,i,o(n));var c=function(){return c=u.noop,void e.removeEventListener(t,i,o(n))};return function(){return void c()}}function i(e,t,r,i){void 0===i&&(i=!1);var o=n(e,t,function(e){o(),r(e)},i);return function(){return void o()}}function o(e){return s?e:"boolean"==typeof e?e:e.capture}var c=this&&this.__assign||Object.assign||function(e){for(var t,r=1,n=arguments.length;r<n;r++){t=arguments[r];for(var i in t)Object.prototype.hasOwnProperty.call(t,i)&&(e[i]=t[i])}return e};Object.defineProperty(r,"__esModule",{value:!0});var u=e("./noop");r.bind=n,r.once=i,r.delegate=function(e,t,r,o,u){return void 0===u&&(u={}),n(e,r,function(n){var c=n.target.closest(t);c&&Array.from(e.querySelectorAll(t)).filter(function(e){return e===c}).forEach(function(e){return void i(e,r,function(e){o(e)},u)})},c({},u,{capture:!0}))};var s=!1;try{document.createElement("div").addEventListener("test",function(){},{get capture(){return s=!0}})}catch(e){}},{"./noop":6}],6:[function(e,t,r){"use strict";Object.defineProperty(r,"__esModule",{value:!0}),r.noop=function(){}},{}],"typed-dom":[function(e,t,r){"use strict";Object.defineProperty(r,"__esModule",{value:!0}),function(e){for(var t in e)r.hasOwnProperty(t)||(r[t]=e[t])}(e("./src/export"));var n=e("./src/export");r.default=n.default},{"./src/export":4}]},{},[1,"typed-dom"]);
{
"name": "typed-dom",
"version": "0.0.39",
"version": "0.0.40",
"description": "Static typed dom component builder.",

@@ -59,5 +59,5 @@ "private": false,

"run-sequence": "^2.1.0",
"spica": "0.0.99",
"spica": "0.0.101",
"tsify": "^3.0.1",
"typescript": "2.4.0",
"typescript": "2.6.0-dev.20170818",
"vinyl-buffer": "^1.0.0",

@@ -64,0 +64,0 @@ "vinyl-source-stream": "^1.1.0"

@@ -9,3 +9,3 @@ export type TypedHTMLElementChildren =

export type Text = string;
export type Collection = TypedHTMLElement<string, HTMLElement, any>[];
export type Collection = ReadonlyArray<TypedHTMLElement<string, HTMLElement, any>>;
export type Struct = { [name: string]: TypedHTMLElement<string, HTMLElement, any>; };

@@ -30,4 +30,4 @@ }

void clear();
this.children_ = <any>document.createTextNode('');
void this.element_.appendChild(<Text><any>this.children_);
this.children_ = document.createTextNode('') as any;
void this.element_.appendChild(this.children_ as any);
this.children = children_;

@@ -38,3 +38,3 @@ return;

if (element_.id) {
void (<TypedHTMLElementChildren.Collection>children_)
void (children_ as TypedHTMLElementChildren.Collection)
.forEach(({ element }) =>

@@ -44,3 +44,3 @@ element instanceof HTMLStyleElement &&

}
this.children_ = <C><TypedHTMLElementChildren.Collection><never[]>Object.freeze([]);
this.children_ = Object.freeze([]) as TypedHTMLElementChildren.Collection as C;
this.children = children_;

@@ -51,4 +51,4 @@ return;

if (element_.id) {
void Object.keys(children_)
.map(k => (<TypedHTMLElementChildren.Struct>children_)[k])
void Object.keys(children_ as TypedHTMLElementChildren.Struct)
.map(k => (children_ as TypedHTMLElementChildren.Struct)[k])
.forEach(({ element }) =>

@@ -58,3 +58,3 @@ element instanceof HTMLStyleElement &&

}
this.children_ = <C>this.observe({ ...<TypedHTMLElementChildren.Struct>children_ });
this.children_ = this.observe({ ...<TypedHTMLElementChildren.Struct>children_ }) as C;
void this.structkeys

@@ -89,3 +89,3 @@ .forEach(k =>

this.mode === 'struct'
? Object.keys(this.children_)
? Object.keys(this.children_ as TypedHTMLElementChildren.Struct)
: [];

@@ -98,3 +98,3 @@ public get element(): E {

case 'text':
return <C>(<Text><any>this.children_).data;
return (this.children_ as any as Text).data as C;
default:

@@ -110,3 +110,3 @@ return this.children_;

case 'text':
if (children === (<Text><any>this.children_).data) return;
if (children === (this.children_ as any as Text).data) return;
(<Text><any>this.children_).data = <string>children;

@@ -118,13 +118,13 @@ return;

if (!Object.isFrozen(this.children_)) throw new Error('TypedHTMLElement collections cannot be updated recursively.');
void (<TypedHTMLElementChildren.Collection>children)
.reduce<TypedHTMLElementChildren.Collection>((ccs, ic) => {
const i = ccs.indexOf(ic);
if (i === -1) return ccs;
void ccs.splice(i, 1);
return ccs;
}, (<TypedHTMLElementChildren.Collection>this.children_).slice())
void (children as TypedHTMLElementChildren.Collection)
.reduce((cs, c) => {
const i = cs.indexOf(c);
if (i === -1) return cs;
void cs.splice(i, 1);
return cs;
}, (this.children_ as TypedHTMLElementChildren.Collection).slice())
.forEach(child =>
void child.element.remove());
this.children_ = <C><TypedHTMLElementChildren.Collection>[];
void (<TypedHTMLElementChildren.Collection>children)
this.children_ = [] as TypedHTMLElementChildren.Collection as C;
void (children as TypedHTMLElementChildren.Collection)
.forEach((child, i) => (

@@ -131,0 +131,0 @@ this.children_[i] = child,

@@ -212,3 +212,3 @@ import { TypedHTMLElement, TypedHTMLElementChildren } from './builder';

: factory || (() => document.createElement(tag));
return [Object.keys(attrs)[0]].every(key => key === void 0 || typeof attrs![key] === 'object')
return [Object.keys(attrs!)[0]].every(key => key === void 0 || typeof attrs![key] === 'object')
? new TypedHTMLElement(factory(), <any>attrs)

@@ -215,0 +215,0 @@ : new TypedHTMLElement(define(factory(), attrs!), <never>children === factory ? void 0 : children)

@@ -30,3 +30,3 @@ import TypedHTML from '../../index';

it('text children update', function () {
const text = TypedHTML.p(`a`);
const text = TypedHTML.p(`a` as string);
text.children = 'b';

@@ -59,3 +59,3 @@ assert(text.element.outerHTML === '<p>b</p>');

const collection = TypedHTML.ul([
TypedHTML.li(`1`)
TypedHTML.li(`1` as string)
]);

@@ -139,3 +139,3 @@ collection.children = [

const struct = TypedHTML.article({
title: TypedHTML.h1(`a`)
title: TypedHTML.h1(`a` as string)
});

@@ -152,3 +152,3 @@ struct.children = {

const struct = TypedHTML.article({
title: TypedHTML.h1(`a`)
title: TypedHTML.h1(`a` as string)
});

@@ -155,0 +155,0 @@ struct.children.title = TypedHTML.h1(`b`);

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