@devtools-ds/node - npm Package Compare versions

Comparing version 1.2.0 to 1.2.1

dist/cjs/index.js

@@ -1,2 +0,62 @@
-"use strict";var _interopRequireDefault=require("@babel/runtime/helpers/interopRequireDefault");Object.defineProperty(exports,"__esModule",{value:true});exports.Node=void 0;var _extends2=_interopRequireDefault(require("@babel/runtime/helpers/extends"));var _objectWithoutProperties2=_interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));var _react=_interopRequireDefault(require("react"));var _themes=require("@devtools-ds/themes");var _clsx=_interopRequireDefault(require("clsx"));var _Node=_interopRequireDefault(require("./Node.css"));const Node=props=>{const{name,closing,properties,selfClosing,theme,colorScheme,className,variant}=props,html=(0,_objectWithoutProperties2.default)(props,["name","closing","properties","selfClosing","theme","colorScheme","className","variant"]);const{themeClass,currentTheme}=(0,_themes.useTheme)({theme,colorScheme},_Node.default);const docString=currentTheme==="chrome"?"!doctype ":"!DOCTYPE ";return _react.default.createElement("span",(0,_extends2.default)({className:(0,_clsx.default)(_Node.default.node,themeClass,className,{[_Node.default.comment]:variant==="comment",[_Node.default.docType]:variant==="doctype"})},html),_react.default.createElement("span",{className:_Node.default.tag},"<",closing?"/":"",variant==="comment"?"!--":"",variant==="doctype"?docString:"",_react.default.createElement("span",{className:_Node.default.name},name)),properties&&Object.keys(properties).map(key=>{return _react.default.createElement("span",{key:key},"\xA0",_react.default.createElement("span",{className:_Node.default.key},key),properties[key]&&_react.default.createElement(_react.default.Fragment,null,"=\"",_react.default.createElement("span",{className:_Node.default.value},String(properties[key])),"\""))}),_react.default.createElement("span",{className:_Node.default.tag},variant==="comment"?"--":"",selfClosing?"/":"",">"))};exports.Node=Node;Node.defaultProps={closing:false,selfClosing:false};
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.Node = void 0;
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
+var _react = _interopRequireDefault(require("react"));
+var _themes = require("@devtools-ds/themes");
+var _clsx = _interopRequireDefault(require("clsx"));
+var _Node = _interopRequireDefault(require("./Node.css"));
+const _excluded = ["name", "closing", "properties", "selfClosing", "theme", "colorScheme", "className", "variant"];
+/** An emulation of the browser inspector DOM node. */
+const Node = props => {
+  const {
+      name,
+      closing,
+      properties,
+      selfClosing,
+      theme,
+      colorScheme,
+      className,
+      variant
+    } = props,
+    html = (0, _objectWithoutProperties2.default)(props, _excluded);
+  const {
+    themeClass,
+    currentTheme
+  } = (0, _themes.useTheme)({
+    theme,
+    colorScheme
+  }, _Node.default);
+  const docString = currentTheme === "chrome" ? "!doctype " : "!DOCTYPE ";
+  return /*#__PURE__*/_react.default.createElement("span", (0, _extends2.default)({
+    className: (0, _clsx.default)(_Node.default.node, themeClass, className, {
+      [_Node.default.comment]: variant === "comment",
+      [_Node.default.docType]: variant === "doctype"
+    })
+  }, html), /*#__PURE__*/_react.default.createElement("span", {
+    className: _Node.default.tag
+  }, "<", closing ? "/" : "", variant === "comment" ? "!--" : "", variant === "doctype" ? docString : "", /*#__PURE__*/_react.default.createElement("span", {
+    className: _Node.default.name
+  }, name)), properties && Object.keys(properties).map(key => {
+    return /*#__PURE__*/_react.default.createElement("span", {
+      key: key
+    }, "\xA0", /*#__PURE__*/_react.default.createElement("span", {
+      className: _Node.default.key
+    }, key), properties[key] && /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, "=\"", /*#__PURE__*/_react.default.createElement("span", {
+      className: _Node.default.value
+    }, String(properties[key])), "\""));
+  }), /*#__PURE__*/_react.default.createElement("span", {
+    className: _Node.default.tag
+  }, variant === "comment" ? "--" : "", selfClosing ? "/" : "", ">"));
+};
+exports.Node = Node;
+Node.defaultProps = {
+  closing: false,
+  selfClosing: false
+};
 //# sourceMappingURL=index.js.map

dist/cjs/Node.css.js

@@ -1,1 +0,1 @@
-module.exports = {"node":"Node-node-bb16a9c","tag":"Node-tag-8635a13","name":"Node-name-4c8d63d","key":"Node-key-223fa37","value":"Node-value-ed353ac","comment":"Node-comment-e3fb039","docType":"Node-docType-1bb5c38","dark":"Node-dark-fe4779e","chrome":"Node-chrome-ab24704","light":"Node-light-24ffc57"};
+module.exports = {"node":"Node-node-717685f","tag":"Node-tag-dfde616","name":"Node-name-1ca3bfb","key":"Node-key-8c9f1e4","value":"Node-value-086f3d2","comment":"Node-comment-8c33c45","docType":"Node-docType-5ccebdf","dark":"Node-dark-59e8596","chrome":"Node-chrome-c2fa892","light":"Node-light-434929d"};

dist/esm/index.js

@@ -1,3 +0,55 @@
-import _extends from"@babel/runtime/helpers/extends";import _objectWithoutProperties from"@babel/runtime/helpers/objectWithoutProperties";import React from"react";import{useTheme}from"@devtools-ds/themes";import makeClass from"clsx";import styles from"./Node.css";export const Node=props=>{const{name,closing,properties,selfClosing,theme,colorScheme,className,variant}=props,html=_objectWithoutProperties(props,["name","closing","properties","selfClosing","theme","colorScheme","className","variant"]);const{themeClass,currentTheme}=useTheme({theme,colorScheme},styles);const docString=currentTheme==="chrome"?"!doctype ":"!DOCTYPE ";return React.createElement("span",_extends({className:makeClass(styles.node,themeClass,className,{[styles.comment]:variant==="comment",[styles.docType]:variant==="doctype"})},html),React.createElement("span",{className:styles.tag},"<",closing?"/":"",variant==="comment"?"!--":"",variant==="doctype"?docString:"",React.createElement("span",{className:styles.name},name)),properties&&Object.keys(properties).map(key=>{return React.createElement("span",{key:key},"\xA0",React.createElement("span",{className:styles.key},key),properties[key]&&React.createElement(React.Fragment,null,"=\"",React.createElement("span",{className:styles.value},String(properties[key])),"\""))}),React.createElement("span",{className:styles.tag},variant==="comment"?"--":"",selfClosing?"/":"",">"))};Node.defaultProps={closing:false,selfClosing:false};
+import _extends from "@babel/runtime/helpers/extends";
+import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
+const _excluded = ["name", "closing", "properties", "selfClosing", "theme", "colorScheme", "className", "variant"];
+import React from "react";
+import { useTheme } from "@devtools-ds/themes";
+import makeClass from "clsx";
+import styles from "./Node.css";
+/** An emulation of the browser inspector DOM node. */
+export const Node = props => {
+  const {
+      name,
+      closing,
+      properties,
+      selfClosing,
+      theme,
+      colorScheme,
+      className,
+      variant
+    } = props,
+    html = _objectWithoutProperties(props, _excluded);
+  const {
+    themeClass,
+    currentTheme
+  } = useTheme({
+    theme,
+    colorScheme
+  }, styles);
+  const docString = currentTheme === "chrome" ? "!doctype " : "!DOCTYPE ";
+  return /*#__PURE__*/React.createElement("span", _extends({
+    className: makeClass(styles.node, themeClass, className, {
+      [styles.comment]: variant === "comment",
+      [styles.docType]: variant === "doctype"
+    })
+  }, html), /*#__PURE__*/React.createElement("span", {
+    className: styles.tag
+  }, "<", closing ? "/" : "", variant === "comment" ? "!--" : "", variant === "doctype" ? docString : "", /*#__PURE__*/React.createElement("span", {
+    className: styles.name
+  }, name)), properties && Object.keys(properties).map(key => {
+    return /*#__PURE__*/React.createElement("span", {
+      key: key
+    }, "\xA0", /*#__PURE__*/React.createElement("span", {
+      className: styles.key
+    }, key), properties[key] && /*#__PURE__*/React.createElement(React.Fragment, null, "=\"", /*#__PURE__*/React.createElement("span", {
+      className: styles.value
+    }, String(properties[key])), "\""));
+  }), /*#__PURE__*/React.createElement("span", {
+    className: styles.tag
+  }, variant === "comment" ? "--" : "", selfClosing ? "/" : "", ">"));
+};
+Node.defaultProps = {
+  closing: false,
+  selfClosing: false
+};
 //# sourceMappingURL=index.js.map
 import "../main.css";

dist/esm/Node.css.js

@@ -1,1 +0,1 @@
-module.exports = {"node":"Node-node-bb16a9c","tag":"Node-tag-8635a13","name":"Node-name-4c8d63d","key":"Node-key-223fa37","value":"Node-value-ed353ac","comment":"Node-comment-e3fb039","docType":"Node-docType-1bb5c38","dark":"Node-dark-fe4779e","chrome":"Node-chrome-ab24704","light":"Node-light-24ffc57"};
+export default {"node":"Node-node-717685f","tag":"Node-tag-dfde616","name":"Node-name-1ca3bfb","key":"Node-key-8c9f1e4","value":"Node-value-086f3d2","comment":"Node-comment-8c33c45","docType":"Node-docType-5ccebdf","dark":"Node-dark-59e8596","chrome":"Node-chrome-c2fa892","light":"Node-light-434929d"};

package.json

 {
   "name": "@devtools-ds/node",
-  "version": "1.2.0",
+  "version": "1.2.1",
   "main": "./dist/cjs/index.js",
@@ -33,3 +33,3 @@ "module": "./dist/esm/index.js",
     "@babel/runtime": "7.7.2",
-    "@devtools-ds/themes": "^1.2.0",
+    "@devtools-ds/themes": "^1.2.1",
     "clsx": "1.1.0"
@@ -49,3 +49,3 @@ },
   ],
-  "gitHead": "66f7d45baeabc9552acb25e3b3ebe28c8bb20d4f"
+  "gitHead": "53e5c67af2fa62f8044be93fb6e2af8573988aa4"
 }

Fixed alerts

Minified code

Quality

This package contains minified code. This may be harmless in some cases where minified code is included in packaged libraries, however packages on npm should not minify code.

Found 1 instance in 1 package

Improved metrics

Total package byte prevSize

29255

increased by4%

Lines of code

305

increased by48.06%

Number of low quality alerts

1

decreased by-50%

Dependency changes

• Updated@devtools-ds/themes@^1.2.1