htmltofigma - npm Package Compare versions

Comparing version 0.0.2 to 0.0.3

dist/cjs/example-no-shadow_3.cjs.entry.js

@@ -782,3 +782,2 @@ 'use strict';
                                             if (rgb) {
-                                                debugger;
                                                 const width = ["top", "bottom"].includes(dir)
@@ -959,3 +958,2 @@ ? rect.width
                     const fills = [];
-                    console.log(computedStyles);
                     const rgb = getRgb(computedStyles.color);
@@ -1105,3 +1103,2 @@ if (rgb) {
         }
-        console.log(layers);
         // @ts-ignore
@@ -1108,0 +1105,0 @@ download(layers, `${this.element.tagName.toLowerCase()}`);

dist/collection/components/export-to-figma/export-to-figma.js

@@ -33,3 +33,2 @@ import { Host, h } from "@stencil/core";
         }
-        console.log(layers);
         // @ts-ignore
@@ -36,0 +35,0 @@ download(layers, `${this.element.tagName.toLowerCase()}`);

dist/collection/components/export-to-figma/lib/html-to-figma.js

@@ -151,3 +151,2 @@ import { isHidden } from "./functions/isHidden";
                                             if (rgb) {
-                                                debugger;
                                                 const width = ["top", "bottom"].includes(dir)
@@ -328,3 +327,2 @@ ? rect.width
                     const fills = [];
-                    console.log(computedStyles);
                     const rgb = getRgb(computedStyles.color);
@@ -331,0 +329,0 @@ if (rgb) {

dist/esm-es5/example-no-shadow_3.entry.js

@@ -818,3 +818,2 @@ var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
                                             if (rgb_2) {
-                                                debugger;
                                                 var width = ["top", "bottom"].includes(dir)
@@ -996,3 +995,2 @@ ? rect.width
                     var fills = [];
-                    console.log(computedStyles);
                     var rgb_3 = getRgb(computedStyles.color);
@@ -1146,3 +1144,2 @@ if (rgb_3) {
                         layers = _a.sent();
-                        console.log(layers);
                         // @ts-ignore
@@ -1149,0 +1146,0 @@ download(layers, "" + this.element.tagName.toLowerCase());

dist/esm/example-no-shadow_3.entry.js

@@ -778,3 +778,2 @@ import { r as registerInstance, h, H as Host, g as getElement } from './core-bf2f5ebf.js';
                                             if (rgb) {
-                                                debugger;
                                                 const width = ["top", "bottom"].includes(dir)
@@ -955,3 +954,2 @@ ? rect.width
                     const fills = [];
-                    console.log(computedStyles);
                     const rgb = getRgb(computedStyles.color);
@@ -1101,3 +1099,2 @@ if (rgb) {
         }
-        console.log(layers);
         // @ts-ignore
@@ -1104,0 +1101,0 @@ download(layers, `${this.element.tagName.toLowerCase()}`);

dist/htmltofigma/htmltofigma.esm.js

@@ -1,1 +0,1 @@
-import{p as e,b as o}from"./p-985bdf78.js";e().then(e=>o([["p-llqkutko",[[4,"example-no-shadow"],[1,"example-with-shadow"],[1,"export-to-figma",{nokey:[4],element:[1040]},[[8,"keydown","handleSaveComponents"]]]]]],e));
+import{p as e,b as o}from"./p-985bdf78.js";e().then(e=>o([["p-rjpfzysp",[[4,"example-no-shadow"],[1,"example-with-shadow"],[1,"export-to-figma",{nokey:[4],element:[1040]},[[8,"keydown","handleSaveComponents"]]]]]],e));

dist/htmltofigma/p-bf88556b.system.js

@@ -1,1 +0,1 @@
-System.register(["./p-d8b78ec4.system.js"],(function(){"use strict";var e,t;return{setters:[function(n){e=n.p;t=n.b}],execute:function(){e().then((function(e){return t([["p-k33gnokk.system",[[4,"example-no-shadow"],[1,"example-with-shadow"],[1,"export-to-figma",{nokey:[4],element:[1040]},[[8,"keydown","handleSaveComponents"]]]]]],e)}))}}}));
+System.register(["./p-d8b78ec4.system.js"],(function(){"use strict";var e,t;return{setters:[function(n){e=n.p;t=n.b}],execute:function(){e().then((function(e){return t([["p-kvj6nlv6.system",[[4,"example-no-shadow"],[1,"example-with-shadow"],[1,"export-to-figma",{nokey:[4],element:[1040]},[[8,"keydown","handleSaveComponents"]]]]]],e)}))}}}));

package.json

 {
   "name": "htmltofigma",
-  "version": "0.0.2",
+  "version": "0.0.3",
   "description": "BEHOLD, a way to export shadow dom components into Figma.",
@@ -5,0 +5,0 @@ "main": "dist/index.js",

readme.md

@@ -22,4 +22,4 @@ ![Built With Stencil](https://img.shields.io/badge/-Built%20With%20Stencil-16161d.svg?logo=data%3Aimage%2Fsvg%2Bxml%3Bbase64%2CPD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDE5LjIuMSwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPgo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IgoJIHZpZXdCb3g9IjAgMCA1MTIgNTEyIiBzdHlsZT0iZW5hYmxlLWJhY2tncm91bmQ6bmV3IDAgMCA1MTIgNTEyOyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI%2BCjxzdHlsZSB0eXBlPSJ0ZXh0L2NzcyI%2BCgkuc3Qwe2ZpbGw6I0ZGRkZGRjt9Cjwvc3R5bGU%2BCjxwYXRoIGNsYXNzPSJzdDAiIGQ9Ik00MjQuNywzNzMuOWMwLDM3LjYtNTUuMSw2OC42LTkyLjcsNjguNkgxODAuNGMtMzcuOSwwLTkyLjctMzAuNy05Mi43LTY4LjZ2LTMuNmgzMzYuOVYzNzMuOXoiLz4KPHBhdGggY2xhc3M9InN0MCIgZD0iTTQyNC43LDI5Mi4xSDE4MC40Yy0zNy42LDAtOTIuNy0zMS05Mi43LTY4LjZ2LTMuNkgzMzJjMzcuNiwwLDkyLjcsMzEsOTIuNyw2OC42VjI5Mi4xeiIvPgo8cGF0aCBjbGFzcz0ic3QwIiBkPSJNNDI0LjcsMTQxLjdIODcuN3YtMy42YzAtMzcuNiw1NC44LTY4LjYsOTIuNy02OC42SDMzMmMzNy45LDAsOTIuNywzMC43LDkyLjcsNjguNlYxNDEuN3oiLz4KPC9zdmc%2BCg%3D%3D&colorA=16161d&style=flat-square)
 ```bash
-git clone https://github.com/ionic-team/stencil-component-starter.git my-component
-cd my-component
+git clone https://github.com/ionic-team/stencil-component-starter.git htmltofigma
+cd htmltofigma
 git remote rm origin
@@ -62,13 +62,13 @@ ```
 - [Publish to NPM](https://docs.npmjs.com/getting-started/publishing-npm-packages)
-- Put a script tag similar to this `<script src='https://unpkg.com/my-component@0.0.1/dist/mycomponent.js'></script>` in the head of your index.html
+- Put a script tag similar to this `<script src='https://unpkg.com/htmltofigma@0.0.1/dist/mycomponent.js'></script>` in the head of your index.html
 - Then you can use the element anywhere in your template, JSX, html etc
 
 ### Node Modules
-- Run `npm install my-component --save`
-- Put a script tag similar to this `<script src='node_modules/my-component/dist/mycomponent.js'></script>` in the head of your index.html
+- Run `npm install htmltofigma --save`
+- Put a script tag similar to this `<script src='node_modules/htmltofigma/dist/mycomponent.js'></script>` in the head of your index.html
 - Then you can use the element anywhere in your template, JSX, html etc
 
 ### In a stencil-starter app
-- Run `npm install my-component --save`
-- Add an import to the npm packages `import my-component;`
+- Run `npm install htmltofigma --save`
+- Add an import to the npm packages `import htmltofigma;`
 - Then you can use the element anywhere in your template, JSX, html etc

No alert changes

Worsened metrics

Total package byte prevSize

1037947

decreased by-0.06%

Lines of code

17508

decreased by-0.07%

No dependency changes