@deckdeckgo/inline-editor - npm Package Compare versions

Comparing version 4.0.4 to 4.1.0

dist/custom-elements/index.d.ts

+/* DeckdeckgoInlineEditor custom elements bundle */
+
+import type { Components, JSX } from "../types/components";
+
+interface DeckgoIeActionButton extends Components.DeckgoIeActionButton, HTMLElement {}
+export const DeckgoIeActionButton: {
+  prototype: DeckgoIeActionButton;
+  new (): DeckgoIeActionButton;
+};
+
+interface DeckgoIeActionImage extends Components.DeckgoIeActionImage, HTMLElement {}
+export const DeckgoIeActionImage: {
+  prototype: DeckgoIeActionImage;
+  new (): DeckgoIeActionImage;
+};
+
+interface DeckgoIeAlignActions extends Components.DeckgoIeAlignActions, HTMLElement {}
+export const DeckgoIeAlignActions: {
+  prototype: DeckgoIeAlignActions;
+  new (): DeckgoIeAlignActions;
+};
+
+interface DeckgoIeColorActions extends Components.DeckgoIeColorActions, HTMLElement {}
+export const DeckgoIeColorActions: {
+  prototype: DeckgoIeColorActions;
+  new (): DeckgoIeColorActions;
+};
+
+interface DeckgoIeFontSizeActions extends Components.DeckgoIeFontSizeActions, HTMLElement {}
+export const DeckgoIeFontSizeActions: {
+  prototype: DeckgoIeFontSizeActions;
+  new (): DeckgoIeFontSizeActions;
+};
+
+interface DeckgoIeImageActions extends Components.DeckgoIeImageActions, HTMLElement {}
+export const DeckgoIeImageActions: {
+  prototype: DeckgoIeImageActions;
+  new (): DeckgoIeImageActions;
+};
+
+interface DeckgoIeLinkActions extends Components.DeckgoIeLinkActions, HTMLElement {}
+export const DeckgoIeLinkActions: {
+  prototype: DeckgoIeLinkActions;
+  new (): DeckgoIeLinkActions;
+};
+
+interface DeckgoIeListActions extends Components.DeckgoIeListActions, HTMLElement {}
+export const DeckgoIeListActions: {
+  prototype: DeckgoIeListActions;
+  new (): DeckgoIeListActions;
+};
+
+interface DeckgoIeSeparator extends Components.DeckgoIeSeparator, HTMLElement {}
+export const DeckgoIeSeparator: {
+  prototype: DeckgoIeSeparator;
+  new (): DeckgoIeSeparator;
+};
+
+interface DeckgoIeStyleActions extends Components.DeckgoIeStyleActions, HTMLElement {}
+export const DeckgoIeStyleActions: {
+  prototype: DeckgoIeStyleActions;
+  new (): DeckgoIeStyleActions;
+};
+
+interface DeckgoIeTriangle extends Components.DeckgoIeTriangle, HTMLElement {}
+export const DeckgoIeTriangle: {
+  prototype: DeckgoIeTriangle;
+  new (): DeckgoIeTriangle;
+};
+
+interface DeckgoInlineEditor extends Components.DeckgoInlineEditor, HTMLElement {}
+export const DeckgoInlineEditor: {
+  prototype: DeckgoInlineEditor;
+  new (): DeckgoInlineEditor;
+};
+
+/**
+ * Utility to define all custom elements within this package using the tag name provided in the component's source. 
+ * When defining each custom element, it will also check it's safe to define by:
+ *
+ * 1. Ensuring the "customElements" registry is available in the global context (window).
+ * 2. The component tag name is not already defined.
+ *
+ * Use the standard [customElements.define()](https://developer.mozilla.org/en-US/docs/Web/API/CustomElementRegistry/define) 
+ * method instead to define custom elements individually, or to provide a different tag name.
+ */
+export declare const defineCustomElements: (opts?: any) => void;
+
+/**
+ * Used to manually set the base path where assets can be found.
+ * If the script is used as "module", it's recommended to use "import.meta.url",
+ * such as "setAssetPath(import.meta.url)". Other options include
+ * "setAssetPath(document.currentScript.src)", or using a bundler's replace plugin to
+ * dynamically set the path at build time, such as "setAssetPath(process.env.ASSET_PATH)".
+ * But do note that this configuration depends on how your script is bundled, or lack of
+ * bunding, and where your assets can be loaded from. Additionally custom bundling
+ * will have to ensure the static assets are copied to its build directory.
+ */
+export declare const setAssetPath: (path: string) => void;
+
+export interface SetPlatformOptions {
+  raf?: (c: FrameRequestCallback) => number;
+  ael?: (el: EventTarget, eventName: string, listener: EventListenerOrEventListenerObject, options: boolean | AddEventListenerOptions) => void;
+  rel?: (el: EventTarget, eventName: string, listener: EventListenerOrEventListenerObject, options: boolean | AddEventListenerOptions) => void;
+  ce?: (eventName: string, opts?: any) => CustomEvent;
+}
+export declare const setPlatformOptions: (opts: SetPlatformOptions) => void;
+
+export type { Components, JSX };
+
+export * from '../types';

CHANGELOG.md

@@ -0,1 +1,8 @@
+# 4.1.0 (2021-05-29)
+
+### Build
+
+- output custom elements as a single bundle (`dist-custom-elements-bundle`)
+- bump dependencies
+
 # 4.0.4 (2021-05-24)
@@ -2,0 +9,0 @@

dist/collection/co...s/actions/link-actions/link-actions.css

@@ -23,5 +23,2 @@ :host {
 }
-:host input::-ms-input-placeholder {
-  color: var(--deckgo-inline-editor-link-placeholder-color, black);
-}
 :host input::placeholder {
@@ -43,7 +40,4 @@ color: var(--deckgo-inline-editor-link-placeholder-color, black);
 }
-:host(.deckgo-tools-mobile) input::-ms-input-placeholder {
-  color: var(--deckgo-inline-editor-link-mobile-placeholder-color, inherit);
-}
 :host(.deckgo-tools-mobile) input::placeholder {
   color: var(--deckgo-inline-editor-link-mobile-placeholder-color, inherit);
 }

dist/deckdeckgo-in...-editor/deckdeckgo-inline-editor.esm.js

@@ -1,1 +0,1 @@
-import{p as o,b as e}from"./p-ee0948e7.js";(()=>{const e=import.meta.url,t={};return""!==e&&(t.resourcesUrl=new URL(".",e).href),o(t)})().then((o=>e([["p-bb4055d7",[[1,"deckgo-inline-editor",{palette:[16],mobile:[1028],stickyDesktop:[4,"sticky-desktop"],stickyMobile:[4,"sticky-mobile"],attachTo:[16],containers:[1],imgAnchor:[1,"img-anchor"],imgPropertyWidth:[1,"img-property-width"],imgPropertyCssFloat:[1,"img-property-css-float"],imgEditable:[4,"img-editable"],list:[4],align:[4],fontSize:[4,"font-size"],backgroundColor:[4,"background-color"],customActions:[1,"custom-actions"],handleGlobalEvents:[4,"handle-global-events"],command:[1],bold:[32],italic:[32],underline:[32],strikethrough:[32],contentAlign:[32],contentList:[32],contentFontSize:[32],disabledTitle:[32],toolsActivated:[32],displayToolsActivated:[32],link:[32],toolbarActions:[32],toolsLeft:[32],toolsTop:[32],anchorEventLeft:[32],displayTools:[64],reset:[64]}],[1,"deckgo-ie-image-actions",{anchorEvent:[16],imgPropertyWidth:[1,"img-property-width"],imgPropertyCssFloat:[1,"img-property-css-float"],imgDidChange:[16],containers:[1],imgAnchor:[1,"img-anchor"],mobile:[4],imageSize:[32],imageAlign:[32]}],[1,"deckgo-ie-align-actions",{anchorEvent:[16],mobile:[4],sticky:[4],contentAlign:[1,"content-align"],containers:[1],command:[1]}],[1,"deckgo-ie-color-actions",{action:[1],palette:[16],mobile:[4],containers:[1],colorRgb:[32]}],[1,"deckgo-ie-list-actions",{disabledTitle:[4,"disabled-title"],mobile:[4],sticky:[4],contentList:[1,"content-list"]}],[1,"deckgo-ie-font-size-actions",{mobile:[4],sticky:[4],fontSize:[1,"font-size"]}],[1,"deckgo-ie-style-actions",{disabledTitle:[4,"disabled-title"],mobile:[4],bold:[4],italic:[4],underline:[4],strikethrough:[4]}],[1,"deckgo-ie-link-actions",{toolbarActions:[2,"toolbar-actions"],anchorLink:[16],linkCreated:[16],mobile:[4],containers:[1]}],[1,"deckgo-ie-triangle",{mobile:[4]}],[1,"deckgo-color",{palette:[1040],inputAlt:[1,"input-alt"],colorHex:[1,"color-hex"],colorRgb:[1,"color-rgb"],selectedColorHex:[32],selectedColorRgb:[32],selectedColorPalette:[32],selectedCustomColorRgb:[32]}],[1,"deckgo-ie-separator",{mobile:[4]}],[1,"deckgo-color-input",{colorHex:[1,"color-hex"],colorRgb:[1,"color-rgb"],customColorRgb:[1,"custom-color-rgb"],inputAlt:[1,"input-alt"],color:[32]}],[1,"deckgo-ie-action-image",{cssClass:[1,"css-class"]}],[1,"deckgo-ie-action-button",{disableAction:[4,"disable-action"],cssClass:[1,"css-class"],mobile:[4]}]]]],o)));
+import{p as o,b as e}from"./p-ee0948e7.js";(()=>{const e=import.meta.url,t={};return""!==e&&(t.resourcesUrl=new URL(".",e).href),o(t)})().then((o=>e([["p-e72549b5",[[1,"deckgo-inline-editor",{palette:[16],mobile:[1028],stickyDesktop:[4,"sticky-desktop"],stickyMobile:[4,"sticky-mobile"],attachTo:[16],containers:[1],imgAnchor:[1,"img-anchor"],imgPropertyWidth:[1,"img-property-width"],imgPropertyCssFloat:[1,"img-property-css-float"],imgEditable:[4,"img-editable"],list:[4],align:[4],fontSize:[4,"font-size"],backgroundColor:[4,"background-color"],customActions:[1,"custom-actions"],handleGlobalEvents:[4,"handle-global-events"],command:[1],bold:[32],italic:[32],underline:[32],strikethrough:[32],contentAlign:[32],contentList:[32],contentFontSize:[32],disabledTitle:[32],toolsActivated:[32],displayToolsActivated:[32],link:[32],toolbarActions:[32],toolsLeft:[32],toolsTop:[32],anchorEventLeft:[32],displayTools:[64],reset:[64]}],[1,"deckgo-ie-image-actions",{anchorEvent:[16],imgPropertyWidth:[1,"img-property-width"],imgPropertyCssFloat:[1,"img-property-css-float"],imgDidChange:[16],containers:[1],imgAnchor:[1,"img-anchor"],mobile:[4],imageSize:[32],imageAlign:[32]}],[1,"deckgo-ie-align-actions",{anchorEvent:[16],mobile:[4],sticky:[4],contentAlign:[1,"content-align"],containers:[1],command:[1]}],[1,"deckgo-ie-color-actions",{action:[1],palette:[16],mobile:[4],containers:[1],colorRgb:[32]}],[1,"deckgo-ie-list-actions",{disabledTitle:[4,"disabled-title"],mobile:[4],sticky:[4],contentList:[1,"content-list"]}],[1,"deckgo-ie-font-size-actions",{mobile:[4],sticky:[4],fontSize:[1,"font-size"]}],[1,"deckgo-ie-style-actions",{disabledTitle:[4,"disabled-title"],mobile:[4],bold:[4],italic:[4],underline:[4],strikethrough:[4]}],[1,"deckgo-ie-link-actions",{toolbarActions:[2,"toolbar-actions"],anchorLink:[16],linkCreated:[16],mobile:[4],containers:[1]}],[1,"deckgo-ie-triangle",{mobile:[4]}],[1,"deckgo-color",{palette:[1040],inputAlt:[1,"input-alt"],colorHex:[1,"color-hex"],colorRgb:[1,"color-rgb"],selectedColorHex:[32],selectedColorRgb:[32],selectedColorPalette:[32],selectedCustomColorRgb:[32]}],[1,"deckgo-ie-separator",{mobile:[4]}],[1,"deckgo-color-input",{colorHex:[1,"color-hex"],colorRgb:[1,"color-rgb"],customColorRgb:[1,"custom-color-rgb"],inputAlt:[1,"input-alt"],color:[32]}],[1,"deckgo-ie-action-image",{cssClass:[1,"css-class"]}],[1,"deckgo-ie-action-button",{disableAction:[4,"disable-action"],cssClass:[1,"css-class"],mobile:[4]}]]]],o)));

dist/node_modules/...n/components/color/deckdeckgo-color.css

@@ -72,2 +72,8 @@ :host {
 /**
+ * @prop --deckgo-color-input-container-border-radius: The border-radius property of the input and hash container
+ */
+/**
+ * @prop --deckgo-color-input-container-border: The border property of the input and hash container
+ */
+/**
  * deckgo-color-input: Input
@@ -80,2 +86,6 @@ */
 /**
+ * @prop --deckgo-color-input-background: Input background
+ * @default inherit
+ */
+/**
  * @prop --deckgo-color-input-height: Input height
@@ -101,2 +111,6 @@ * @default 28px
 /**
+ * @prop --deckgo-color-input-font-family: Input font-family
+ * @default inherit
+ */
+/**
  * deckgo-color-input: Hash (#)
@@ -103,0 +117,0 @@ */

dist/node_modules/...onents/input/deckdeckgo-color-input.css

@@ -5,2 +5,4 @@ :host {
   margin: var(--deckgo-color-input-margin, 4px);
+  border-radius: var(--deckgo-color-input-container-border-radius);
+  border: var(--deckgo-color-input-container-border);
 }
@@ -21,2 +23,3 @@
   color: var(--deckgo-color-input-color, #666666);
+  background: var(--deckgo-color-input-background, inherit);
   border: none;
@@ -29,2 +32,3 @@ outline: none;
   max-width: var(--deckgo-color-input-max-width, 136px);
+  font-family: var(--deckgo-color-input-font-family, inherit);
 }

package.json

 {
   "name": "@deckdeckgo/inline-editor",
-  "version": "4.0.4",
+  "version": "4.1.0",
   "description": "A WYSIWYG HTML Inline Editor Web Component",
@@ -26,13 +26,13 @@ "main": "dist/index.cjs.js",
   "dependencies": {
-    "@deckdeckgo/color": "^4.0.0",
-    "@deckdeckgo/utils": "^1.8.1"
+    "@deckdeckgo/color": "^4.0.2",
+    "@deckdeckgo/utils": "^2.0.1"
   },
   "devDependencies": {
     "@stencil/core": "^2.5.2",
-    "@stencil/postcss": "^1.0.1",
-    "@stencil/sass": "^1.3.2",
+    "@stencil/postcss": "^2.0.0",
+    "@stencil/sass": "^1.4.1",
     "@stencil/utils": "0.0.5",
-    "autoprefixer": "^9.8.6",
+    "autoprefixer": "^10.2.6",
     "husky": "^6.0.0",
-    "prettier": "2.2.1",
+    "prettier": "2.3.0",
     "pretty-quick": "^3.1.0"
@@ -39,0 +39,0 @@ },

New alerts

Network access

Supply chain risk

This module accesses the network.

Found 1 instance in 1 package

Uses eval

Supply chain risk

Package uses dynamic code execution (e.g., eval()), which is a dangerous practice. This can prevent the code from running in certain environments and increases the risk that the code may contain exploits or malicious behavior.

Found 1 instance in 1 package

Dynamic require

Supply chain risk

Dynamic require can indicate the package is performing dangerous or unsafe dynamic code execution.

Found 1 instance in 1 package

Environment variable access

Supply chain risk

Package accesses environment variables, which may be a sign of credential stuffing or data theft.

Found 1 instance in 1 package

AI-detected potential code anomaly

Supply chain risk

AI has identified unusual behaviors that may pose a security risk.

Found 1 instance in 1 package

Long strings

Supply chain risk

Contains long string literals, which may be a sign of obfuscated or packed code.

Found 1 instance in 1 package

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

Fixed alerts

Network access

Supply chain risk

This module accesses the network.

Found 1 instance in 1 package

Uses eval

Supply chain risk

Package uses dynamic code execution (e.g., eval()), which is a dangerous practice. This can prevent the code from running in certain environments and increases the risk that the code may contain exploits or malicious behavior.

Found 1 instance in 1 package

Dynamic require

Supply chain risk

Dynamic require can indicate the package is performing dangerous or unsafe dynamic code execution.

Found 1 instance in 1 package

Environment variable access

Supply chain risk

Package accesses environment variables, which may be a sign of credential stuffing or data theft.

Found 1 instance in 1 package

Long strings

Supply chain risk

Contains long string literals, which may be a sign of obfuscated or packed code.

Found 1 instance in 1 package

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

1008962

15.75%

Number of package files

97

2.11%

Lines of code

16107

16.08%

Worsened metrics

Number of low supply chain risk alerts

108

25.58%

Dependency changes

• - Removed

  @deckdeckgo/utils@1.8.1
  (transitive)

• Updated

  @deckdeckgo/color@^4.0.2

• Updated

  @deckdeckgo/utils@^2.0.1