mirrors/TiddlyWiki5
1
0
Fork 0
mirror of https://github.com/Jermolene/TiddlyWiki5 synced 2024-11-18 07:44:51 +00:00
Code Issues Releases Wiki Activity
8564602256
TiddlyWiki5/core/modules/widgets/link.js

188 lines
6.6 KiB
JavaScript
Raw Normal View History

Introduce refactored wiki parser and renderer This is a half-way through a big refactoring of the parsing and rendering infrastructure. The main change is to separate the parse and render trees, which makes the code a lot cleaner. The new parser isn't yet functional enough to replace the existing parser so for the moment you have to manually invoke it with `$tw.testNewParser()` in your browser console. I really ought to use branches for this kind of thing...
2012-12-13 21:34:31 +00:00
/*\
title: $:/core/modules/widget/link.js
type: application/javascript
module-type: widget
Implements the link widget.
\*/
(function(){
/*jslint node: true, browser: true */
/*global $tw: false */
"use strict";
var isLinkExternal = function(to) {
var externalRegExp = /(?:file|http|https|mailto|ftp|irc|news|data):[^\s'"]+(?:\/|\b)/i;
return externalRegExp.test(to);
};
Refactored widgets not to use a base class
2013-01-01 17:51:02 +00:00
var LinkWidget = function(renderer) {
Introduce refactored wiki parser and renderer This is a half-way through a big refactoring of the parsing and rendering infrastructure. The main change is to separate the parse and render trees, which makes the code a lot cleaner. The new parser isn't yet functional enough to replace the existing parser so for the moment you have to manually invoke it with `$tw.testNewParser()` in your browser console. I really ought to use branches for this kind of thing...
2012-12-13 21:34:31 +00:00
// Save state
this.renderer = renderer;
// Generate child nodes
Refactored widget renderers to be hosted within HTML element renderers This arrangement takes better advantage of the similarities between the now deleted widget renderer and the element renderer. It also obviates the need for wrapper elements around every widget.
2013-01-03 16:27:55 +00:00
this.generate();
Introduce refactored wiki parser and renderer This is a half-way through a big refactoring of the parsing and rendering infrastructure. The main change is to separate the parse and render trees, which makes the code a lot cleaner. The new parser isn't yet functional enough to replace the existing parser so for the moment you have to manually invoke it with `$tw.testNewParser()` in your browser console. I really ought to use branches for this kind of thing...
2012-12-13 21:34:31 +00:00
};
Refactored widget renderers to be hosted within HTML element renderers This arrangement takes better advantage of the similarities between the now deleted widget renderer and the element renderer. It also obviates the need for wrapper elements around every widget.
2013-01-03 16:27:55 +00:00
LinkWidget.prototype.generate = function() {
Introduce refactored wiki parser and renderer This is a half-way through a big refactoring of the parsing and rendering infrastructure. The main change is to separate the parse and render trees, which makes the code a lot cleaner. The new parser isn't yet functional enough to replace the existing parser so for the moment you have to manually invoke it with `$tw.testNewParser()` in your browser console. I really ought to use branches for this kind of thing...
2012-12-13 21:34:31 +00:00
// Get the parameters from the attributes
this.to = this.renderer.getAttribute("to");
this.hover = this.renderer.getAttribute("hover");
Restore `qualifyHoverTitles` attribute to link widget
2013-03-05 11:55:25 +00:00
this.qualifyHoverTitles = this.renderer.getAttribute("qualifyHoverTitles");
// Qualify the hover tiddler title if needed
if(this.qualifyHoverTitles) {
Refactor rendertree to simplify context handling Get rid of the separate renderContext stack and instead have a parent pointer on renderer nodes. This lets us walk back up the render tree to resolve context references
2013-05-15 16:32:17 +00:00
this.hover = this.hover + "-" + this.renderer.renderTree.getContextScopeId(this.renderer.parentRenderer);
Restore `qualifyHoverTitles` attribute to link widget
2013-03-05 11:55:25 +00:00
}
Introduce refactored wiki parser and renderer This is a half-way through a big refactoring of the parsing and rendering infrastructure. The main change is to separate the parse and render trees, which makes the code a lot cleaner. The new parser isn't yet functional enough to replace the existing parser so for the moment you have to manually invoke it with `$tw.testNewParser()` in your browser console. I really ought to use branches for this kind of thing...
2012-12-13 21:34:31 +00:00
// Determine the default link characteristics
this.isExternal = isLinkExternal(this.to);
if(!this.isExternal) {
this.isMissing = !this.renderer.renderTree.wiki.tiddlerExists(this.to);
Add support for filtering shadow tiddlers
2013-04-03 13:29:12 +00:00
this.isShadow = this.renderer.renderTree.wiki.isShadowTiddler(this.to);
Introduce refactored wiki parser and renderer This is a half-way through a big refactoring of the parsing and rendering infrastructure. The main change is to separate the parse and render trees, which makes the code a lot cleaner. The new parser isn't yet functional enough to replace the existing parser so for the moment you have to manually invoke it with `$tw.testNewParser()` in your browser console. I really ought to use branches for this kind of thing...
2012-12-13 21:34:31 +00:00
}
// Compose the link
var classes = ["tw-tiddlylink"]
if(this.isExternal) {
$tw.utils.pushTop(classes,"tw-tiddlylink-external");
} else {
$tw.utils.pushTop(classes,"tw-tiddlylink-internal");
Add support for filtering shadow tiddlers
2013-04-03 13:29:12 +00:00
if(this.isShadow) {
$tw.utils.pushTop(classes,"tw-tiddlylink-shadow");
}
if(this.isMissing && !this.isShadow) {
Introduce refactored wiki parser and renderer This is a half-way through a big refactoring of the parsing and rendering infrastructure. The main change is to separate the parse and render trees, which makes the code a lot cleaner. The new parser isn't yet functional enough to replace the existing parser so for the moment you have to manually invoke it with `$tw.testNewParser()` in your browser console. I really ought to use branches for this kind of thing...
2012-12-13 21:34:31 +00:00
$tw.utils.pushTop(classes,"tw-tiddlylink-missing");
} else {
Add support for filtering shadow tiddlers
2013-04-03 13:29:12 +00:00
if(!this.isMissing) {
$tw.utils.pushTop(classes,"tw-tiddlylink-resolves");
}
Introduce refactored wiki parser and renderer This is a half-way through a big refactoring of the parsing and rendering infrastructure. The main change is to separate the parse and render trees, which makes the code a lot cleaner. The new parser isn't yet functional enough to replace the existing parser so for the moment you have to manually invoke it with `$tw.testNewParser()` in your browser console. I really ought to use branches for this kind of thing...
2012-12-13 21:34:31 +00:00
}
}
Added basic support for drag and drop of tiddlers Links are now draggable. Dragging outside the browser will drop the wiki text of the tiddler. Dragging to another TW5 browser window will drop the entire tiddler, including fields.
2013-04-08 17:47:46 +00:00
var events = [
{name: "click", handlerObject: this, handlerMethod: "handleClickEvent"},
{name: "dragstart", handlerObject: this, handlerMethod: "handleDragStartEvent"},
{name: "dragend", handlerObject: this, handlerMethod: "handleDragEndEvent"}
];
Introduce refactored wiki parser and renderer This is a half-way through a big refactoring of the parsing and rendering infrastructure. The main change is to separate the parse and render trees, which makes the code a lot cleaner. The new parser isn't yet functional enough to replace the existing parser so for the moment you have to manually invoke it with `$tw.testNewParser()` in your browser console. I really ought to use branches for this kind of thing...
2012-12-13 21:34:31 +00:00
if(this.hover) {
events.push({name: "mouseover", handlerObject: this, handlerMethod: "handleMouseOverOrOutEvent"});
events.push({name: "mouseout", handlerObject: this, handlerMethod: "handleMouseOverOrOutEvent"});
}
Quick fix to allow wikilinks to be disabled And using it to disable wikilinks in the readmes
2013-03-01 18:04:53 +00:00
// Get the value of the tw-wikilinks configuration macro
Refactor rendertree to simplify context handling Get rid of the separate renderContext stack and instead have a parent pointer on renderer nodes. This lets us walk back up the render tree to resolve context references
2013-05-15 16:32:17 +00:00
var wikiLinksMacro = this.renderer.renderTree.findMacroDefinition(this.renderer.parentRenderer,"tw-wikilinks"),
Quick fix to allow wikilinks to be disabled And using it to disable wikilinks in the readmes
2013-03-01 18:04:53 +00:00
useWikiLinks = wikiLinksMacro ? !(wikiLinksMacro.text.trim() === "no") : true;
Refactored widget renderers to be hosted within HTML element renderers This arrangement takes better advantage of the similarities between the now deleted widget renderer and the element renderer. It also obviates the need for wrapper elements around every widget.
2013-01-03 16:27:55 +00:00
// Set up the element
Quick fix to allow wikilinks to be disabled And using it to disable wikilinks in the readmes
2013-03-01 18:04:53 +00:00
if(useWikiLinks) {
this.tag = "a";
this.attributes = {
"class": classes.join(" ")
};
Allow templating with the link widget And add some documentation
2013-03-04 11:13:10 +00:00
if(this.isExternal) {
this.attributes.href = this.to;
} else {
Refactor rendertree to simplify context handling Get rid of the separate renderContext stack and instead have a parent pointer on renderer nodes. This lets us walk back up the render tree to resolve context references
2013-05-15 16:32:17 +00:00
var wikiLinkTemplateMacro = this.renderer.renderTree.findMacroDefinition(this.renderer.parentRenderer,"tw-wikilink-template"),
Fix for the link macro to work around iPhone annoyance This prevents Mobile Safari from sliding the address bar into view whenever a tiddler link is clicked
2013-04-29 15:03:35 +00:00
wikiLinkTemplate = wikiLinkTemplateMacro ? wikiLinkTemplateMacro.text.trim() : "$uri_encoded$";
this.wikiLinkText = wikiLinkTemplate.replace("$uri_encoded$",encodeURIComponent(this.to));
this.wikiLinkText = this.wikiLinkText.replace("$uri_doubleencoded$",encodeURIComponent(encodeURIComponent(this.to)));
this.attributes.href = this.wikiLinkText;
Allow templating with the link widget And add some documentation
2013-03-04 11:13:10 +00:00
}
Added basic support for drag and drop of tiddlers Links are now draggable. Dragging outside the browser will drop the wiki text of the tiddler. Dragging to another TW5 browser window will drop the entire tiddler, including fields.
2013-04-08 17:47:46 +00:00
this.events = events;
Quick fix to allow wikilinks to be disabled And using it to disable wikilinks in the readmes
2013-03-01 18:04:53 +00:00
} else {
this.tag = "span";
}
Refactor rendertree to simplify context handling Get rid of the separate renderContext stack and instead have a parent pointer on renderer nodes. This lets us walk back up the render tree to resolve context references
2013-05-15 16:32:17 +00:00
this.children = this.renderer.renderTree.createRenderers(this.renderer,this.renderer.parseTreeNode.children);
Introduce refactored wiki parser and renderer This is a half-way through a big refactoring of the parsing and rendering infrastructure. The main change is to separate the parse and render trees, which makes the code a lot cleaner. The new parser isn't yet functional enough to replace the existing parser so for the moment you have to manually invoke it with `$tw.testNewParser()` in your browser console. I really ought to use branches for this kind of thing...
2012-12-13 21:34:31 +00:00
};
Refactored widgets not to use a base class
2013-01-01 17:51:02 +00:00
LinkWidget.prototype.handleClickEvent = function(event) {
Introduce refactored wiki parser and renderer This is a half-way through a big refactoring of the parsing and rendering infrastructure. The main change is to separate the parse and render trees, which makes the code a lot cleaner. The new parser isn't yet functional enough to replace the existing parser so for the moment you have to manually invoke it with `$tw.testNewParser()` in your browser console. I really ought to use branches for this kind of thing...
2012-12-13 21:34:31 +00:00
if(isLinkExternal(this.to)) {
event.target.setAttribute("target","_blank");
return true;
} else {
$tw.utils.dispatchCustomEvent(event.target,"tw-navigate",{
navigateTo: this.to,
navigateFromNode: this,
Refactored widget renderers to be hosted within HTML element renderers This arrangement takes better advantage of the similarities between the now deleted widget renderer and the element renderer. It also obviates the need for wrapper elements around every widget.
2013-01-03 16:27:55 +00:00
navigateFromClientRect: this.renderer.domNode.getBoundingClientRect()
Introduce refactored wiki parser and renderer This is a half-way through a big refactoring of the parsing and rendering infrastructure. The main change is to separate the parse and render trees, which makes the code a lot cleaner. The new parser isn't yet functional enough to replace the existing parser so for the moment you have to manually invoke it with `$tw.testNewParser()` in your browser console. I really ought to use branches for this kind of thing...
2012-12-13 21:34:31 +00:00
});
event.preventDefault();
Fix for the link macro to work around iPhone annoyance This prevents Mobile Safari from sliding the address bar into view whenever a tiddler link is clicked
2013-04-29 15:03:35 +00:00
event.stopPropagation();
Introduce refactored wiki parser and renderer This is a half-way through a big refactoring of the parsing and rendering infrastructure. The main change is to separate the parse and render trees, which makes the code a lot cleaner. The new parser isn't yet functional enough to replace the existing parser so for the moment you have to manually invoke it with `$tw.testNewParser()` in your browser console. I really ought to use branches for this kind of thing...
2012-12-13 21:34:31 +00:00
return false;
}
};
Refactored widgets not to use a base class
2013-01-01 17:51:02 +00:00
LinkWidget.prototype.handleMouseOverOrOutEvent = function(event) {
Introduce refactored wiki parser and renderer This is a half-way through a big refactoring of the parsing and rendering infrastructure. The main change is to separate the parse and render trees, which makes the code a lot cleaner. The new parser isn't yet functional enough to replace the existing parser so for the moment you have to manually invoke it with `$tw.testNewParser()` in your browser console. I really ought to use branches for this kind of thing...
2012-12-13 21:34:31 +00:00
if(this.hover) {
$tw.popup.triggerPopup({
Refactored widget renderers to be hosted within HTML element renderers This arrangement takes better advantage of the similarities between the now deleted widget renderer and the element renderer. It also obviates the need for wrapper elements around every widget.
2013-01-03 16:27:55 +00:00
title: this.hover,
domNode: this.renderer.domNode,
Introduce refactored wiki parser and renderer This is a half-way through a big refactoring of the parsing and rendering infrastructure. The main change is to separate the parse and render trees, which makes the code a lot cleaner. The new parser isn't yet functional enough to replace the existing parser so for the moment you have to manually invoke it with `$tw.testNewParser()` in your browser console. I really ought to use branches for this kind of thing...
2012-12-13 21:34:31 +00:00
wiki: this.renderer.renderTree.wiki
});
}
event.preventDefault();
return false;
};
Added basic support for drag and drop of tiddlers Links are now draggable. Dragging outside the browser will drop the wiki text of the tiddler. Dragging to another TW5 browser window will drop the entire tiddler, including fields.
2013-04-08 17:47:46 +00:00
LinkWidget.prototype.handleDragStartEvent = function(event) {
if(this.to) {
// Set the dragging class on the element being dragged
$tw.utils.addClass(event.target,"tw-tiddlylink-dragging");
// Create the drag image element
this.dragImage = document.createElement("div");
this.dragImage.className = "tw-tiddler-dragger";
this.dragImage.appendChild(document.createTextNode(this.to));
document.body.appendChild(this.dragImage);
// Set the data transfer properties
var dataTransfer = event.dataTransfer;
dataTransfer.effectAllowed = "copy";
dataTransfer.setDragImage(this.dragImage,-16,-16);
dataTransfer.clearData();
dataTransfer.setData("text/vnd.tiddler",this.renderer.renderTree.wiki.getTiddlerAsJson(this.to));
dataTransfer.setData("text/plain",this.renderer.renderTree.wiki.getTiddlerText(this.to,""));
event.stopPropagation();
} else {
event.preventDefault();
}
};
LinkWidget.prototype.handleDragEndEvent = function(event) {
// Remove the dragging class on the element being dragged
$tw.utils.removeClass(event.target,"tw-tiddlylink-dragging");
// Delete the drag image element
if(this.dragImage) {
this.dragImage.parentNode.removeChild(this.dragImage);
}
};
LinkWidget.prototype.postRenderInDom = function() {
// Add the draggable attribute to links (we don't include it in the static HTML representation)
if(this.renderer.domNode.tagName === "A") {
this.renderer.domNode.setAttribute("draggable",true);
}
Fix for the link macro to work around iPhone annoyance This prevents Mobile Safari from sliding the address bar into view whenever a tiddler link is clicked
2013-04-29 15:03:35 +00:00
// Hack the href of internal links to include a #, again omitted from the static representation. This helps the browser see it as an internal link (eg it prevents Mobile Safari on iPhone from sliding the address bar into view)
if(!this.isExternal) {
this.renderer.domNode.setAttribute("href","#" + this.wikiLinkText);
}
Added basic support for drag and drop of tiddlers Links are now draggable. Dragging outside the browser will drop the wiki text of the tiddler. Dragging to another TW5 browser window will drop the entire tiddler, including fields.
2013-04-08 17:47:46 +00:00
};
Refactored widgets not to use a base class
2013-01-01 17:51:02 +00:00
LinkWidget.prototype.refreshInDom = function(changedAttributes,changedTiddlers) {
Introduce refactored wiki parser and renderer This is a half-way through a big refactoring of the parsing and rendering infrastructure. The main change is to separate the parse and render trees, which makes the code a lot cleaner. The new parser isn't yet functional enough to replace the existing parser so for the moment you have to manually invoke it with `$tw.testNewParser()` in your browser console. I really ought to use branches for this kind of thing...
2012-12-13 21:34:31 +00:00
// Set the class for missing tiddlers
Cleaning up the widget refresh mechanism
2012-12-14 19:31:37 +00:00
if(this.targetTitle && changedTiddlers[this.targetTitle]) {
Refactored widget renderers to be hosted within HTML element renderers This arrangement takes better advantage of the similarities between the now deleted widget renderer and the element renderer. It also obviates the need for wrapper elements around every widget.
2013-01-03 16:27:55 +00:00
$tw.utils.toggleClass(this.renderer.domNode,"tw-tiddler-missing",!this.renderer.renderTree.wiki.tiddlerExists(this.targetTitle));
Introduce refactored wiki parser and renderer This is a half-way through a big refactoring of the parsing and rendering infrastructure. The main change is to separate the parse and render trees, which makes the code a lot cleaner. The new parser isn't yet functional enough to replace the existing parser so for the moment you have to manually invoke it with `$tw.testNewParser()` in your browser console. I really ought to use branches for this kind of thing...
2012-12-13 21:34:31 +00:00
}
// Check if any of our attributes have changed, or if a tiddler we're interested in has changed
if(changedAttributes.to || changedAttributes.hover || (this.to && changedTiddlers[this.to]) || (this.hover && changedTiddlers[this.hover])) {
Refactored widget renderers to be hosted within HTML element renderers This arrangement takes better advantage of the similarities between the now deleted widget renderer and the element renderer. It also obviates the need for wrapper elements around every widget.
2013-01-03 16:27:55 +00:00
// Regenerate and rerender the widget and replace the existing DOM node
this.generate();
var oldDomNode = this.renderer.domNode,
newDomNode = this.renderer.renderInDom();
oldDomNode.parentNode.replaceChild(newDomNode,oldDomNode);
Introduce refactored wiki parser and renderer This is a half-way through a big refactoring of the parsing and rendering infrastructure. The main change is to separate the parse and render trees, which makes the code a lot cleaner. The new parser isn't yet functional enough to replace the existing parser so for the moment you have to manually invoke it with `$tw.testNewParser()` in your browser console. I really ought to use branches for this kind of thing...
2012-12-13 21:34:31 +00:00
} else {
// We don't need to refresh ourselves, so just refresh any child nodes
$tw.utils.each(this.children,function(node) {
if(node.refreshInDom) {
node.refreshInDom(changedTiddlers);
}
});
}
};
Refactored widgets not to use a base class
2013-01-01 17:51:02 +00:00
exports.link = LinkWidget;
Introduce refactored wiki parser and renderer This is a half-way through a big refactoring of the parsing and rendering infrastructure. The main change is to separate the parse and render trees, which makes the code a lot cleaner. The new parser isn't yet functional enough to replace the existing parser so for the moment you have to manually invoke it with `$tw.testNewParser()` in your browser console. I really ought to use branches for this kind of thing...
2012-12-13 21:34:31 +00:00
})();
Reference in New Issue Copy Permalink