${title} 5 |
` 6 | } 7 | -------------------------------------------------------------------------------- /src/lib/Editor/control/Menu/index.js: -------------------------------------------------------------------------------- 1 | import dohtml from 'dohtml' 2 | import bindEventHandler from './bindEventHandler' 3 | 4 | // The control is a control bar in an editor. 5 | export default class Menu { 6 | #el 7 | 8 | constructor(html, iconEventMap) { 9 | const el = dohtml.create(html) 10 | 11 | this.#el = el 12 | bindEventHandler(this.#el, iconEventMap) 13 | } 14 | 15 | get el() { 16 | return this.#el 17 | } 18 | 19 | // protected method 20 | _querySelector(selector) { 21 | return this.#el.querySelector(selector) 22 | } 23 | } 24 | -------------------------------------------------------------------------------- /src/lib/Editor/control/ToolBar/toButtonGroup/index.js: -------------------------------------------------------------------------------- 1 | import toButtonIcon from './toButtonIcon' 2 | 3 | export default function () { 4 | return (list) => ` 5 | 6 | ${list.map(toButtonIcon).join('\n')} 7 | ` 8 | } 9 | -------------------------------------------------------------------------------- /src/lib/Editor/control/ToolBar/toButtonGroup/toButtonIcon.js: -------------------------------------------------------------------------------- 1 | export default function ({ type, title, classList }) { 2 | return ` 3 | 7 | 8 | ` 9 | } 10 | -------------------------------------------------------------------------------- /src/lib/Editor/diffOfAnnotation/byID.js: -------------------------------------------------------------------------------- 1 | export default function byID(a, b) { 2 | if (a.id < b.id) { 3 | return -1 4 | } 5 | if (a.id > b.id) { 6 | return 1 7 | } 8 | return 0 9 | } 10 | -------------------------------------------------------------------------------- /src/lib/Editor/diffOfAnnotation/index.js: -------------------------------------------------------------------------------- 1 | import { diff } from 'jsondiffpatch' 2 | import sortByID from './sortByID' 3 | 4 | export default function diffOfAnnotation(oldAnnotation, newAnnotation) { 5 | return diff(sortByID(oldAnnotation), sortByID(newAnnotation)) 6 | } 7 | -------------------------------------------------------------------------------- /src/lib/Editor/diffOfAnnotation/sortByID.js: -------------------------------------------------------------------------------- 1 | import byID from './byID' 2 | 3 | export default function sortByID({ 4 | text, 5 | denotations = [], 6 | attributes = [], 7 | relations = [], 8 | blocks = [] 9 | }) { 10 | return { 11 | text, 12 | denotations: denotations.sort(byID), 13 | attributes: attributes.sort(byID), 14 | relations: relations.sort(byID), 15 | blocks: blocks.sort(byID) 16 | } 17 | } 18 | -------------------------------------------------------------------------------- /src/lib/Editor/editorCSSClassObserve.js: -------------------------------------------------------------------------------- 1 | export default function (eventEmitter, editorCSSClass) { 2 | eventEmitter 3 | .on('textae-event.resource.startLoad', () => editorCSSClass.startWait()) 4 | .on('textae-event.resource.endLoad', () => editorCSSClass.endWait()) 5 | .on('textae-event.resource.startSave', () => editorCSSClass.startWait()) 6 | .on('textae-event.resource.endSave', () => editorCSSClass.endWait()) 7 | } 8 | -------------------------------------------------------------------------------- /src/lib/Editor/forwardMethods.js: -------------------------------------------------------------------------------- 1 | export default function (delegator, getTargetFunction, methods) { 2 | for (const method of methods) { 3 | delegator[method] = (...args) => { 4 | const target = getTargetFunction() 5 | console.assert(target[method], `No ${method} method to forward`, target) 6 | 7 | return target[method].apply(target, args) 8 | } 9 | } 10 | 11 | return delegator 12 | } 13 | -------------------------------------------------------------------------------- /src/lib/Editor/getLabelBackgroundColor.js: -------------------------------------------------------------------------------- 1 | import hexToRGBA from './hexToRGBA' 2 | 3 | export default function () { 4 | return hexToRGBA('#FFFFFF', 0.6) 5 | } 6 | -------------------------------------------------------------------------------- /src/lib/Editor/getMatchPrefix.js: -------------------------------------------------------------------------------- 1 | export default function (namespace, type) { 2 | const namespaces = namespace.all 3 | const matchs = namespaces 4 | .filter((namespace) => namespace.prefix !== '_base') 5 | .filter((namespace) => { 6 | return type.indexOf(`${namespace.prefix}:`) === 0 7 | }) 8 | if (matchs.length === 1) return matchs[0] 9 | return null 10 | } 11 | -------------------------------------------------------------------------------- /src/lib/Editor/getPalletButtonTitleFor.js: -------------------------------------------------------------------------------- 1 | import { MODE } from '../MODE' 2 | 3 | export default function getPalletButtonTitleFor(mode) { 4 | switch (mode) { 5 | case MODE.EDIT_DENOTATION: 6 | return 'Term Configuration' 7 | case MODE.EDIT_BLOCK: 8 | return 'Block Configuration' 9 | case MODE.EDIT_RELATION: 10 | return 'Relation Configuration' 11 | default: 12 | return '' 13 | } 14 | } 15 | -------------------------------------------------------------------------------- /src/lib/Editor/getRightElement.js: -------------------------------------------------------------------------------- 1 | export default function (editorHTMLElement, element, className) { 2 | console.assert(element, 'element MUST exists.') 3 | 4 | const all = editorHTMLElement.querySelectorAll(`.${className}`) 5 | const index = Array.from(all).indexOf(element) 6 | 7 | if (all.length - index > 1) { 8 | return all[index + 1] 9 | } 10 | 11 | return null 12 | } 13 | -------------------------------------------------------------------------------- /src/lib/Editor/getRightSpanElement.js: -------------------------------------------------------------------------------- 1 | import getRightElement from './getRightElement' 2 | 3 | export default function (editorHTMLElement, spanId) { 4 | return getRightElement( 5 | editorHTMLElement, 6 | document.querySelector(`#${spanId}`), 7 | 'textae-editor__span' 8 | ) 9 | } 10 | -------------------------------------------------------------------------------- /src/lib/Editor/getUrlMatches.js: -------------------------------------------------------------------------------- 1 | export default function (type) { 2 | // The regular-expression to parse URL. 3 | // See detail: 4 | // http://someweblog.com/url-regular-expression-javascript-link-shortener/ 5 | const urlRegex = 6 | /\(?(?:(http|https|ftp):\/\/)?(?:((?:[^\W\s]|\.|-|[:]{1})+)@{1})?((?:www.)?(?:[^\W\s]|\.|-)+[.][^\W\s]{2,4}|localhost|\d{1,3}\.\d{1,3}\.\d{1,3}\.\d{1,3})(?::(\d*))?([/]?[^\s?]*[/]{1})*(?:\/?([^\s\n?[\]{}#]*(?:(?=\.)){1}|[^\s\n?[\]{}.#]*)?([.]{1}[^\s?#]*)?)?(?:\?{1}([^\s\n#[\]]*))?([#][^\s\n]*)?\)?/gi 7 | return urlRegex.exec(type) 8 | } 9 | -------------------------------------------------------------------------------- /src/lib/Editor/hexToRGBA.js: -------------------------------------------------------------------------------- 1 | export default function (hex, alpha) { 2 | const result = /^#?([a-f\d]{2})([a-f\d]{2})([a-f\d]{2})$/i.exec(hex) 3 | console.assert(result, `${hex} is not a hexadecimal color values!`) 4 | 5 | return `rgba(${parseInt(result[1], 16)}, ${parseInt( 6 | result[2], 7 | 16 8 | )}, ${parseInt(result[3], 16)}, ${alpha})` 9 | } 10 | -------------------------------------------------------------------------------- /src/lib/Editor/isAndroid.js: -------------------------------------------------------------------------------- 1 | export default function () { 2 | // For development environments, Use the navigator.userAgent. 3 | // Because the navigator.userAgentData only work in the secure context(HTTPS). 4 | // https://developer.mozilla.org/en-US/docs/Web/API/Navigator/userAgentData 5 | return /Android/.test(navigator.userAgent) 6 | } 7 | -------------------------------------------------------------------------------- /src/lib/Editor/isBoundaryCrossing.js: -------------------------------------------------------------------------------- 1 | export default function (begin, end, existSpan) { 2 | const isStartOfCandidateSpanBetweenExistsSpan = 3 | existSpan.begin < begin && begin < existSpan.end && existSpan.end < end 4 | 5 | const isEndOfCandidateSpanBetweenExistSpan = 6 | begin < existSpan.begin && existSpan.begin < end && end < existSpan.end 7 | 8 | return ( 9 | isStartOfCandidateSpanBetweenExistsSpan || 10 | isEndOfCandidateSpanBetweenExistSpan 11 | ) 12 | } 13 | -------------------------------------------------------------------------------- /src/lib/Editor/isTouchable.js: -------------------------------------------------------------------------------- 1 | // https://stackoverflow.com/questions/4817029/whats-the-best-way-to-detect-a-touch-screen-device-using-javascript/4819886#4819886 2 | export default function () { 3 | return ( 4 | 'ontouchstart' in window || 5 | navigator.maxTouchPoints > 0 || 6 | navigator.msMaxTouchPoints > 0 7 | ) 8 | } 9 | -------------------------------------------------------------------------------- /src/lib/Editor/loadAnnotation.js: -------------------------------------------------------------------------------- 1 | import DataSource from './DataSource' 2 | 3 | export default function loadAnnotation(eventEmitter, annotation) { 4 | if (!annotation.text) { 5 | return false 6 | } 7 | 8 | eventEmitter.emit( 9 | 'textae-event.resource.annotation.load.success', 10 | DataSource.createInstantSource(annotation) 11 | ) 12 | 13 | return true 14 | } 15 | -------------------------------------------------------------------------------- /src/lib/Editor/observeElement.js: -------------------------------------------------------------------------------- 1 | import delegate from 'delegate' 2 | 3 | export default function (element) { 4 | // Prevent a selection text with shift keies. 5 | element.addEventListener('mousedown', (e) => { 6 | if (e.shiftKey) { 7 | e.preventDefault() 8 | } 9 | }) 10 | 11 | // Prevent a selection of an entity by the double-click. 12 | delegate(element, '.textae-editor__signboard', 'mousedown', (e) => 13 | e.preventDefault() 14 | ) 15 | } 16 | -------------------------------------------------------------------------------- /src/lib/Editor/round.js: -------------------------------------------------------------------------------- 1 | // The value of getBoundingClientRect may contain 13 decimal places. 2 | // It's too fine to use as a style attribute, 3 | // so I'll round it to 2 decimal places, 4 | // which is below the rounding accuracy of Google Chrome and Firefox. 5 | export default function (val) { 6 | return Math.round(val * 100) / 100 7 | } 8 | -------------------------------------------------------------------------------- /src/lib/Editor/toAnchorElement.js: -------------------------------------------------------------------------------- 1 | import anemone from '../component/anemone' 2 | 3 | export default function (displayName, href) { 4 | return () => 5 | href 6 | ? anemone`${displayName}` 7 | : anemone`${displayName}` 8 | } 9 | -------------------------------------------------------------------------------- /src/lib/IntervalNotation/getLowwerCond.js: -------------------------------------------------------------------------------- 1 | import gte from './gte' 2 | import gt from './gt' 3 | 4 | export default function (str) { 5 | if (str.startsWith('[')) { 6 | return (right) => gte(new Number(str.replace('[', '')), right) 7 | } 8 | if (str.startsWith('(')) { 9 | return (right) => gt(new Number(str.replace('(', '')), right) 10 | } 11 | throw `${str} is not valid interval notation` 12 | } 13 | -------------------------------------------------------------------------------- /src/lib/IntervalNotation/getUpperCond.js: -------------------------------------------------------------------------------- 1 | import gte from './gte' 2 | import gt from './gt' 3 | 4 | export default function (str) { 5 | if (str.endsWith(']')) { 6 | return (left) => gte(left, new Number(str.replace(']', ''))) 7 | } 8 | if (str.endsWith(')')) { 9 | return (left) => gt(left, new Number(str.replace(')', ''))) 10 | } 11 | throw `${str} is not valid interval notation` 12 | } 13 | -------------------------------------------------------------------------------- /src/lib/IntervalNotation/gt.js: -------------------------------------------------------------------------------- 1 | export default function (left, right) { 2 | return left < right 3 | } 4 | -------------------------------------------------------------------------------- /src/lib/IntervalNotation/gte.js: -------------------------------------------------------------------------------- 1 | export default function (left, right) { 2 | return left <= right 3 | } 4 | -------------------------------------------------------------------------------- /src/lib/MODE.js: -------------------------------------------------------------------------------- 1 | export const MODE = { 2 | INIT: 'Init', 3 | VIEW: 'View', 4 | EDIT_DENOTATION: 'Term', 5 | EDIT_BLOCK: 'Block', 6 | EDIT_RELATION: 'Relation', 7 | EDIT_TEXT: 'Text' 8 | } 9 | -------------------------------------------------------------------------------- /src/lib/component/CreateOrEditValueOfAttributeDefinitionDialog/inputDefault.js: -------------------------------------------------------------------------------- 1 | import anemone from '../anemone' 2 | 3 | export default function (showDefault, isDefault) { 4 | return () => 5 | showDefault 6 | ? anemone` 7 |