From 7ee20b87e0ae47a5220e8e0aad5f56cf8b262f7e Mon Sep 17 00:00:00 2001 From: Hsieh Chin Fan Date: Sat, 5 Oct 2024 14:58:37 +0800 Subject: style: reformat code remove mapCallback for now --- src/MenuItem.mjs | 10 ++++++++-- src/dumbymap.mjs | 12 +++++------- src/editor.mjs | 15 +-------------- 3 files changed, 14 insertions(+), 23 deletions(-) (limited to 'src') diff --git a/src/MenuItem.mjs b/src/MenuItem.mjs index 1b58e0b..dbe984f 100644 --- a/src/MenuItem.mjs +++ b/src/MenuItem.mjs @@ -9,9 +9,9 @@ export class Item extends window.HTMLDivElement { /** * constructor. * - * @param {} + * @param {Object} */ - constructor ({ text, innerHTML, onclick, style, className, onmouseover }) { + constructor ({ text, innerHTML, onclick, style, className }) { super() this.innerHTML = innerHTML ?? text this.onclick = onclick @@ -342,3 +342,9 @@ export const toggleMapFocus = map => text: 'Toggle Focus', onclick: () => map.classList.toggle('focus') }) + +export const getCoordinatesByPixels = (map, xy) => + new Item({ + text: 'Get Coordinates', + onclick: () => console.log(map.renderer.unproject(xy)) + }) diff --git a/src/dumbymap.mjs b/src/dumbymap.mjs index e1bf220..512409b 100644 --- a/src/dumbymap.mjs +++ b/src/dumbymap.mjs @@ -2,13 +2,13 @@ import MarkdownIt from 'markdown-it' import MarkdownItAnchor from 'markdown-it-anchor' import MarkdownItFootnote from 'markdown-it-footnote' import MarkdownItFrontMatter from 'markdown-it-front-matter' +import MarkdownItInjectLinenumbers from 'markdown-it-inject-linenumbers' import { renderWith, defaultAliases, parseConfigsFromYaml } from 'mapclay' import { onRemove, animateRectTransition, throttle, shiftByWindow } from './utils' import { Layout, SideBySide, Overlay } from './Layout' import * as utils from './dumbyUtils' import * as menuItem from './MenuItem' import PlainModal from 'plain-modal' -import markdownItInjectLinenumbers from 'markdown-it-inject-linenumbers' const mapBlockSelector = 'pre:has(.language-map)' const docLinkSelector = 'a[href^="#"][title^="=>"]' @@ -46,7 +46,7 @@ export const markdown2HTML = (container, mdContent) => { }) .use(MarkdownItFootnote) .use(MarkdownItFrontMatter) - .use(markdownItInjectLinenumbers) + .use(MarkdownItInjectLinenumbers) // Create links with geo scheme const coordinateRegex = /^(\D*)(-?\d+\.?\d*)\s*([,\x2F\uFF0C])\s*(-?\d+\.?\d*)/g @@ -106,9 +106,10 @@ export const markdown2HTML = (container, mdContent) => { * generateMaps. * * @param {HTMLElement} container -- Target Element contains HTML contents - * @param {Object} dumbymap -- Include and Elements and Methods about managing contents + * @param {Number} options.delay -- delay of map generation, milliseconds + * @return {Object} dumbymap -- Include and Elements and Methods about managing contents */ -export const generateMaps = (container, { delay, mapCallback }) => { +export const generateMaps = (container, { delay } = {}) => { container.classList.add('Dumby') container.removeAttribute('data-layout') container.setAttribute('data-layout', layouts[0].name) @@ -296,9 +297,6 @@ export const generateMaps = (container, { delay, mapCallback }) => { attributeOldValue: true }) onRemove(mapElement, () => observer.disconnect()) - - // Execute callback from caller - mapCallback?.call(this, mapElement) } // Set unique ID for map container diff --git a/src/editor.mjs b/src/editor.mjs index 5409c3f..9fe9e75 100644 --- a/src/editor.mjs +++ b/src/editor.mjs @@ -244,21 +244,8 @@ new window.MutationObserver(() => { attributeFilter: ['data-scroll-line'] }) -/** - * afterMapRendered. Callback of map rendered - * - * @param {HTEMLElement} map - */ -const afterMapRendered = map => { - console.info(map) - // mapHolder.oncontextmenu = (event) => { - // event.preventDefault() - // const lonLat = mapHolder.renderer.unproject([event.x, event.y]) - // // TODO... - // } -} markdown2HTML(dumbyContainer, editor.value()) -dumbymap = generateMaps(dumbyContainer, afterMapRendered) +dumbymap = generateMaps(dumbyContainer) /** * addClassToCodeLines. Quick hack to style lines inside code block -- cgit v1.2.3-70-g09d2