mirror of
https://github.com/Jermolene/TiddlyWiki5
synced 2026-02-10 12:10:21 +00:00
9d5be2e9f8
* Introduced preliminary idea for infinite recurse exception * Better handling of infinite recursion But it could be better still... * the TransclusionError is a proper error Moved the magic number to be on the error's class. Not sure if that's a great idea. * Fixed minor minor issue that came up in conflict The minor fix to the jasmine regexp that escaped a '+' somehow broke some random test. * Removing patch fix for recursion errors * Fixed issue where buttton and other widgets don't clean up * Added release notes for #9548 * Update test-widget.js If I don't fix those indentations, the entire TW codebase will explode or soemthing. * Update test-widget.js These lint problems are wasting my time. * Fixed all core widgets to not leak when renderChildren fails * Updated release notes to reflect what I'm actually fixing * Update test-widget.js Added warning not to use for-of loop for defining tests. The iterating variable needs to have its own method scope, or it risks being the same value for all tests.
103 lines
3.2 KiB
JavaScript
Executable File
103 lines
3.2 KiB
JavaScript
Executable File
/*\
|
|
title: $:/core/modules/widgets/element.js
|
|
type: application/javascript
|
|
module-type: widget
|
|
|
|
Element widget
|
|
|
|
\*/
|
|
|
|
"use strict";
|
|
|
|
var Widget = require("$:/core/modules/widgets/widget.js").widget;
|
|
|
|
var ElementWidget = function(parseTreeNode,options) {
|
|
this.initialise(parseTreeNode,options);
|
|
};
|
|
|
|
/*
|
|
Inherit from the base widget class
|
|
*/
|
|
ElementWidget.prototype = new Widget();
|
|
|
|
/*
|
|
Render this widget into the DOM
|
|
*/
|
|
ElementWidget.prototype.render = function(parent,nextSibling) {
|
|
this.parentDomNode = parent;
|
|
this.computeAttributes();
|
|
// Neuter blacklisted elements
|
|
this.tag = this.parseTreeNode.tag;
|
|
if($tw.config.htmlUnsafeElements.indexOf(this.tag) !== -1) {
|
|
this.tag = "safe-" + this.tag;
|
|
}
|
|
// Restrict tag name to digits, letts and dashes
|
|
this.tag = this.tag.replace(/[^0-9a-zA-Z\-]/mg,"");
|
|
// Default to a span
|
|
this.tag = this.tag || "span";
|
|
// Adjust headings by the current base level
|
|
var headingLevel = ["h1","h2","h3","h4","h5","h6"].indexOf(this.tag);
|
|
if(headingLevel !== -1) {
|
|
var baseLevel = parseInt(this.getVariable("tv-adjust-heading-level","0"),10) || 0;
|
|
headingLevel = Math.min(Math.max(headingLevel + 1 + baseLevel,1),6);
|
|
this.tag = "h" + headingLevel;
|
|
}
|
|
// Select the namespace for the tag
|
|
var XHTML_NAMESPACE = "http://www.w3.org/1999/xhtml",
|
|
tagNamespaces = {
|
|
svg: "http://www.w3.org/2000/svg",
|
|
math: "http://www.w3.org/1998/Math/MathML",
|
|
body: XHTML_NAMESPACE
|
|
};
|
|
this.namespace = tagNamespaces[this.tag];
|
|
if(this.namespace) {
|
|
this.setVariable("namespace",this.namespace);
|
|
} else {
|
|
if(this.hasAttribute("xmlns")) {
|
|
this.namespace = this.getAttribute("xmlns");
|
|
this.setVariable("namespace",this.namespace);
|
|
} else {
|
|
this.namespace = this.getVariable("namespace",{defaultValue: XHTML_NAMESPACE});
|
|
}
|
|
}
|
|
// Invoke the th-rendering-element hook
|
|
var parseTreeNodes = $tw.hooks.invokeHook("th-rendering-element",null,this);
|
|
this.isReplaced = !!parseTreeNodes;
|
|
if(parseTreeNodes) {
|
|
// Use the parse tree nodes provided by the hook
|
|
this.makeChildWidgets(parseTreeNodes);
|
|
this.renderChildren(this.parentDomNode,null);
|
|
return;
|
|
}
|
|
// Make the child widgets
|
|
this.makeChildWidgets();
|
|
// Create the DOM node and render children
|
|
var domNode = this.document.createElementNS(this.namespace,this.tag);
|
|
this.assignAttributes(domNode,{excludeEventAttributes: true});
|
|
// Allow hooks to manipulate the DOM node. Eg: Add debug info
|
|
$tw.hooks.invokeHook("th-dom-rendering-element", domNode, this);
|
|
parent.insertBefore(domNode,nextSibling);
|
|
this.domNodes.push(domNode);
|
|
this.renderChildren(domNode,null);
|
|
};
|
|
|
|
/*
|
|
Selectively refreshes the widget if needed. Returns true if the widget or any of its children needed re-rendering
|
|
*/
|
|
ElementWidget.prototype.refresh = function(changedTiddlers) {
|
|
var changedAttributes = this.computeAttributes(),
|
|
hasChangedAttributes = $tw.utils.count(changedAttributes) > 0;
|
|
if(hasChangedAttributes) {
|
|
if(!this.isReplaced) {
|
|
// Update our attributes
|
|
this.assignAttributes(this.domNodes[0],{excludeEventAttributes: true});
|
|
} else {
|
|
// If we were replaced then completely refresh ourselves
|
|
return this.refreshSelf();
|
|
}
|
|
}
|
|
return this.refreshChildren(changedTiddlers) || hasChangedAttributes;
|
|
};
|
|
|
|
exports.element = ElementWidget;
|