build: update dependencies to latest

remove console.logs + add @github/hotkey to replace markdown toolbar shortcuts
This commit is contained in:
Yassine Doghri 2021-12-16 15:25:30 +00:00
parent a7993b9916
commit b09acf6c65
10 changed files with 959 additions and 2637 deletions

View File

@ -4,6 +4,7 @@ import ClientTimezone from "./modules/ClientTimezone";
import Clipboard from "./modules/Clipboard";
import DateTimePicker from "./modules/DateTimePicker";
import Dropdown from "./modules/Dropdown";
import HotKeys from "./modules/HotKeys";
import "./modules/markdown-preview";
import "./modules/markdown-write-preview";
import MultiSelect from "./modules/MultiSelect";
@ -31,3 +32,4 @@ Soundbites();
Clipboard();
ThemePicker();
PublishMessageWarning();
HotKeys();

View File

@ -25,7 +25,6 @@ const Dropdown = (): void => {
const offsetY = menu.dataset.dropdownOffsetY
? parseInt(menu.dataset.dropdownOffsetY)
: 0;
console.log(offsetX, offsetY);
popperInstance = createPopper(button, menu, {
placement: menu.dataset.dropdownPlacement as Placement,
modifiers: [

View File

@ -0,0 +1,14 @@
import { install } from "@github/hotkey";
const HotKeys = (): void => {
const hotkeys: NodeListOf<HTMLElement> =
document.querySelectorAll("[data-hotkey]");
// Install all the hotkeys on the page
for (let i = 0; i < hotkeys.length; i++) {
const hotkey = hotkeys[i];
install(hotkey);
}
};
export default HotKeys;

View File

@ -10,8 +10,6 @@ const SidebarToggler = (): void => {
) as HTMLDivElement;
if (typeof sidebar.dataset.toggleClass !== "undefined") {
console.log("zefzef");
const setAriaExpanded = (isExpanded: "true" | "false") => {
toggler.setAttribute("aria-expanded", isExpanded);
sidebarBackdrop.setAttribute("aria-expanded", isExpanded);

View File

@ -71,8 +71,6 @@ const Soundbites = (): void => {
'input[data-field-type="duration"]'
);
console.log(soundbitePlayButton.parentElement);
if (startTime && duration) {
playSoundbite(
audioPlayer,

View File

@ -2,7 +2,7 @@ import MarkdownToolbarElement from "@github/markdown-toolbar-element";
import { css, html, LitElement, TemplateResult } from "lit";
import { customElement, property, state } from "lit/decorators.js";
import { unsafeHTML } from "lit/directives/unsafe-html.js";
import marked from "marked";
import { marked } from "marked";
@customElement("markdown-preview")
export class MarkdownPreview extends LitElement {

View File

@ -63,7 +63,6 @@ export class PlayEpisodeButton extends LitElement {
name: "ratechange",
onEvent: (event: Event): void => {
this._playbackSpeed = (event.target as HTMLAudioElement)?.playbackRate;
console.log(this._playbackSpeed);
},
},
];

View File

@ -45,8 +45,8 @@ class MarkdownEditor extends FormComponent
<markdown-toolbar for="{$this->id}" class="flex gap-4 px-2 py-1">
<div class="inline-flex text-2xl gap-x-1">
<md-header class="opacity-50 hover:opacity-100 focus:ring-accent focus:opacity-100">{$icons['heading']}</md-header>
<md-bold class="opacity-50 hover:opacity-100 focus:ring-accent focus:opacity-100">{$icons['bold']}</md-bold>
<md-italic class="opacity-50 hover:opacity-100 focus:ring-accent focus:opacity-100">{$icons['italic']}</md-italic>
<md-bold class="opacity-50 hover:opacity-100 focus:ring-accent focus:opacity-100" data-hotkey-scope="{$this->id}" data-hotkey="Control+b,Meta+b">{$icons['bold']}</md-bold>
<md-italic class="opacity-50 hover:opacity-100 focus:ring-accent focus:opacity-100" data-hotkey-scope="{$this->id}" data-hotkey="Control+i,Meta+i">{$icons['italic']}</md-italic>
</div>
<div class="inline-flex text-2xl gap-x-1">
<md-unordered-list class="opacity-50 hover:opacity-100 focus:ring-accent focus:opacity-100">{$icons['list-unordered']}</md-unordered-list>
@ -54,7 +54,7 @@ class MarkdownEditor extends FormComponent
</div>
<div class="inline-flex text-2xl gap-x-1">
<md-quote class="opacity-50 hover:opacity-100 focus:ring-accent focus:opacity-100">{$icons['quote']}</md-quote>
<md-link class="opacity-50 hover:opacity-100 focus:ring-accent focus:opacity-100">{$icons['link']}</md-link>
<md-link class="opacity-50 hover:opacity-100 focus:ring-accent focus:opacity-100" data-hotkey-scope="{$this->id}" data-hotkey="Control+k,Meta+k">{$icons['link']}</md-link>
<md-image class="opacity-50 hover:opacity-100 focus:ring-accent focus:opacity-100">{$icons['image-add']}</md-image>
</div>
</markdown-toolbar>

3493
package-lock.json generated

File diff suppressed because it is too large Load Diff

View File

@ -27,68 +27,69 @@
"prepare": "is-ci || husky install"
},
"dependencies": {
"@amcharts/amcharts4": "^4.10.22",
"@amcharts/amcharts4": "^4.10.23",
"@amcharts/amcharts4-geodata": "^4.1.22",
"@codemirror/basic-setup": "^0.19.0",
"@codemirror/commands": "^0.19.5",
"@codemirror/basic-setup": "^0.19.1",
"@codemirror/commands": "^0.19.6",
"@codemirror/lang-xml": "^0.19.2",
"@codemirror/state": "^0.19.2",
"@codemirror/view": "^0.19.9",
"@codemirror/state": "^0.19.6",
"@codemirror/view": "^0.19.32",
"@github/clipboard-copy-element": "^1.1.2",
"@github/markdown-toolbar-element": "^1.5.3",
"@github/hotkey": "^1.6.1",
"@github/markdown-toolbar-element": "^2.1.0",
"@github/time-elements": "^3.1.2",
"@popperjs/core": "^2.10.2",
"@popperjs/core": "^2.11.0",
"@tailwindcss/nesting": "^0.0.0-insiders.565cd3e",
"@vime/core": "^5.0.34",
"@vime/core": "^5.3.0",
"choices.js": "^9.0.1",
"flatpickr": "^4.6.9",
"leaflet": "^1.7.1",
"leaflet.markercluster": "^1.5.3",
"lit": "^2.0.2",
"marked": "^3.0.8",
"marked": "^4.0.7",
"xml-formatter": "^2.5.1"
},
"devDependencies": {
"@commitlint/cli": "^13.2.1",
"@commitlint/config-conventional": "^13.2.0",
"@commitlint/cli": "^15.0.0",
"@commitlint/config-conventional": "^15.0.0",
"@semantic-release/changelog": "^6.0.1",
"@semantic-release/exec": "^6.0.2",
"@semantic-release/exec": "^6.0.3",
"@semantic-release/git": "^10.0.1",
"@semantic-release/gitlab": "^7.0.4",
"@tailwindcss/forms": "^0.4.0-alpha.1",
"@tailwindcss/line-clamp": "^0.2.2",
"@tailwindcss/typography": "^0.5.0-alpha.2",
"@types/leaflet": "^1.7.5",
"@types/marked": "^3.0.2",
"@typescript-eslint/eslint-plugin": "^5.3.0",
"@typescript-eslint/parser": "^5.3.0",
"@tailwindcss/forms": "^0.4.0-alpha.2",
"@tailwindcss/line-clamp": "^0.3.0",
"@tailwindcss/typography": "^0.5.0-alpha.3",
"@types/leaflet": "^1.7.6",
"@types/marked": "^4.0.1",
"@typescript-eslint/eslint-plugin": "^5.7.0",
"@typescript-eslint/parser": "^5.7.0",
"cross-env": "^7.0.3",
"cssnano": "^5.0.9",
"cssnano": "^5.0.13",
"cz-conventional-changelog": "^3.3.0",
"eslint": "^8.1.0",
"eslint": "^8.4.1",
"eslint-config-prettier": "^8.3.0",
"eslint-plugin-prettier": "^4.0.0",
"husky": "^7.0.4",
"is-ci": "^3.0.1",
"lint-staged": "^11.2.6",
"lint-staged": "^12.1.2",
"postcss-import": "^14.0.2",
"postcss-nesting": "^8.0.1",
"postcss-preset-env": "^6.7.0",
"postcss-nesting": "^10.0.3",
"postcss-preset-env": "^7.0.2",
"postcss-reporter": "^7.0.4",
"prettier": "2.4.1",
"prettier": "2.5.1",
"prettier-plugin-organize-imports": "^2.3.4",
"semantic-release": "^18.0.0",
"stylelint": "^14.0.1",
"stylelint-config-standard": "^23.0.0",
"semantic-release": "^18.0.1",
"stylelint": "^14.1.0",
"stylelint-config-standard": "^24.0.0",
"svgo": "^2.8.0",
"tailwindcss": "^3.0.0-alpha.1",
"typescript": "^4.4.4",
"vite": "^2.6.13",
"vite-plugin-pwa": "^0.11.5",
"workbox-build": "^6.4.0",
"workbox-core": "^6.4.0",
"workbox-routing": "^6.4.0",
"workbox-strategies": "^6.4.0"
"tailwindcss": "^3.0.5",
"typescript": "^4.5.4",
"vite": "^2.7.3",
"vite-plugin-pwa": "^0.11.12",
"workbox-build": "^6.4.2",
"workbox-core": "^6.4.2",
"workbox-routing": "^6.4.2",
"workbox-strategies": "^6.4.2"
},
"lint-staged": {
"*.{js,ts,css,md,json}": "prettier --write",