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 Clipboard from "./modules/Clipboard";
import DateTimePicker from "./modules/DateTimePicker"; import DateTimePicker from "./modules/DateTimePicker";
import Dropdown from "./modules/Dropdown"; import Dropdown from "./modules/Dropdown";
import HotKeys from "./modules/HotKeys";
import "./modules/markdown-preview"; import "./modules/markdown-preview";
import "./modules/markdown-write-preview"; import "./modules/markdown-write-preview";
import MultiSelect from "./modules/MultiSelect"; import MultiSelect from "./modules/MultiSelect";
@ -31,3 +32,4 @@ Soundbites();
Clipboard(); Clipboard();
ThemePicker(); ThemePicker();
PublishMessageWarning(); PublishMessageWarning();
HotKeys();

View File

@ -25,7 +25,6 @@ const Dropdown = (): void => {
const offsetY = menu.dataset.dropdownOffsetY const offsetY = menu.dataset.dropdownOffsetY
? parseInt(menu.dataset.dropdownOffsetY) ? parseInt(menu.dataset.dropdownOffsetY)
: 0; : 0;
console.log(offsetX, offsetY);
popperInstance = createPopper(button, menu, { popperInstance = createPopper(button, menu, {
placement: menu.dataset.dropdownPlacement as Placement, placement: menu.dataset.dropdownPlacement as Placement,
modifiers: [ 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; ) as HTMLDivElement;
if (typeof sidebar.dataset.toggleClass !== "undefined") { if (typeof sidebar.dataset.toggleClass !== "undefined") {
console.log("zefzef");
const setAriaExpanded = (isExpanded: "true" | "false") => { const setAriaExpanded = (isExpanded: "true" | "false") => {
toggler.setAttribute("aria-expanded", isExpanded); toggler.setAttribute("aria-expanded", isExpanded);
sidebarBackdrop.setAttribute("aria-expanded", isExpanded); sidebarBackdrop.setAttribute("aria-expanded", isExpanded);

View File

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

View File

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

View File

@ -63,7 +63,6 @@ export class PlayEpisodeButton extends LitElement {
name: "ratechange", name: "ratechange",
onEvent: (event: Event): void => { onEvent: (event: Event): void => {
this._playbackSpeed = (event.target as HTMLAudioElement)?.playbackRate; 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"> <markdown-toolbar for="{$this->id}" class="flex gap-4 px-2 py-1">
<div class="inline-flex text-2xl gap-x-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-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-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">{$icons['italic']}</md-italic> <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>
<div class="inline-flex text-2xl gap-x-1"> <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> <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>
<div class="inline-flex text-2xl gap-x-1"> <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-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> <md-image class="opacity-50 hover:opacity-100 focus:ring-accent focus:opacity-100">{$icons['image-add']}</md-image>
</div> </div>
</markdown-toolbar> </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" "prepare": "is-ci || husky install"
}, },
"dependencies": { "dependencies": {
"@amcharts/amcharts4": "^4.10.22", "@amcharts/amcharts4": "^4.10.23",
"@amcharts/amcharts4-geodata": "^4.1.22", "@amcharts/amcharts4-geodata": "^4.1.22",
"@codemirror/basic-setup": "^0.19.0", "@codemirror/basic-setup": "^0.19.1",
"@codemirror/commands": "^0.19.5", "@codemirror/commands": "^0.19.6",
"@codemirror/lang-xml": "^0.19.2", "@codemirror/lang-xml": "^0.19.2",
"@codemirror/state": "^0.19.2", "@codemirror/state": "^0.19.6",
"@codemirror/view": "^0.19.9", "@codemirror/view": "^0.19.32",
"@github/clipboard-copy-element": "^1.1.2", "@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", "@github/time-elements": "^3.1.2",
"@popperjs/core": "^2.10.2", "@popperjs/core": "^2.11.0",
"@tailwindcss/nesting": "^0.0.0-insiders.565cd3e", "@tailwindcss/nesting": "^0.0.0-insiders.565cd3e",
"@vime/core": "^5.0.34", "@vime/core": "^5.3.0",
"choices.js": "^9.0.1", "choices.js": "^9.0.1",
"flatpickr": "^4.6.9", "flatpickr": "^4.6.9",
"leaflet": "^1.7.1", "leaflet": "^1.7.1",
"leaflet.markercluster": "^1.5.3", "leaflet.markercluster": "^1.5.3",
"lit": "^2.0.2", "lit": "^2.0.2",
"marked": "^3.0.8", "marked": "^4.0.7",
"xml-formatter": "^2.5.1" "xml-formatter": "^2.5.1"
}, },
"devDependencies": { "devDependencies": {
"@commitlint/cli": "^13.2.1", "@commitlint/cli": "^15.0.0",
"@commitlint/config-conventional": "^13.2.0", "@commitlint/config-conventional": "^15.0.0",
"@semantic-release/changelog": "^6.0.1", "@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/git": "^10.0.1",
"@semantic-release/gitlab": "^7.0.4", "@semantic-release/gitlab": "^7.0.4",
"@tailwindcss/forms": "^0.4.0-alpha.1", "@tailwindcss/forms": "^0.4.0-alpha.2",
"@tailwindcss/line-clamp": "^0.2.2", "@tailwindcss/line-clamp": "^0.3.0",
"@tailwindcss/typography": "^0.5.0-alpha.2", "@tailwindcss/typography": "^0.5.0-alpha.3",
"@types/leaflet": "^1.7.5", "@types/leaflet": "^1.7.6",
"@types/marked": "^3.0.2", "@types/marked": "^4.0.1",
"@typescript-eslint/eslint-plugin": "^5.3.0", "@typescript-eslint/eslint-plugin": "^5.7.0",
"@typescript-eslint/parser": "^5.3.0", "@typescript-eslint/parser": "^5.7.0",
"cross-env": "^7.0.3", "cross-env": "^7.0.3",
"cssnano": "^5.0.9", "cssnano": "^5.0.13",
"cz-conventional-changelog": "^3.3.0", "cz-conventional-changelog": "^3.3.0",
"eslint": "^8.1.0", "eslint": "^8.4.1",
"eslint-config-prettier": "^8.3.0", "eslint-config-prettier": "^8.3.0",
"eslint-plugin-prettier": "^4.0.0", "eslint-plugin-prettier": "^4.0.0",
"husky": "^7.0.4", "husky": "^7.0.4",
"is-ci": "^3.0.1", "is-ci": "^3.0.1",
"lint-staged": "^11.2.6", "lint-staged": "^12.1.2",
"postcss-import": "^14.0.2", "postcss-import": "^14.0.2",
"postcss-nesting": "^8.0.1", "postcss-nesting": "^10.0.3",
"postcss-preset-env": "^6.7.0", "postcss-preset-env": "^7.0.2",
"postcss-reporter": "^7.0.4", "postcss-reporter": "^7.0.4",
"prettier": "2.4.1", "prettier": "2.5.1",
"prettier-plugin-organize-imports": "^2.3.4", "prettier-plugin-organize-imports": "^2.3.4",
"semantic-release": "^18.0.0", "semantic-release": "^18.0.1",
"stylelint": "^14.0.1", "stylelint": "^14.1.0",
"stylelint-config-standard": "^23.0.0", "stylelint-config-standard": "^24.0.0",
"svgo": "^2.8.0", "svgo": "^2.8.0",
"tailwindcss": "^3.0.0-alpha.1", "tailwindcss": "^3.0.5",
"typescript": "^4.4.4", "typescript": "^4.5.4",
"vite": "^2.6.13", "vite": "^2.7.3",
"vite-plugin-pwa": "^0.11.5", "vite-plugin-pwa": "^0.11.12",
"workbox-build": "^6.4.0", "workbox-build": "^6.4.2",
"workbox-core": "^6.4.0", "workbox-core": "^6.4.2",
"workbox-routing": "^6.4.0", "workbox-routing": "^6.4.2",
"workbox-strategies": "^6.4.0" "workbox-strategies": "^6.4.2"
}, },
"lint-staged": { "lint-staged": {
"*.{js,ts,css,md,json}": "prettier --write", "*.{js,ts,css,md,json}": "prettier --write",