build: update dependencies to latest
remove console.logs + add @github/hotkey to replace markdown toolbar shortcuts
This commit is contained in:
parent
a7993b9916
commit
b09acf6c65
|
@ -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();
|
||||||
|
|
|
@ -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: [
|
||||||
|
|
|
@ -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;
|
|
@ -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);
|
||||||
|
|
|
@ -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,
|
||||||
|
|
|
@ -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 {
|
||||||
|
|
|
@ -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);
|
|
||||||
},
|
},
|
||||||
},
|
},
|
||||||
];
|
];
|
||||||
|
|
|
@ -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>
|
||||||
|
|
File diff suppressed because it is too large
Load Diff
73
package.json
73
package.json
|
@ -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",
|
||||||
|
|
Loading…
Reference in New Issue