Help to convert the great Knight-Lab-Timeline.js into a Plugin

#1

As a historyteacher, I would like to have a great timeline in Tiddlywiki.
I used Emkay Vis.js timeline but for quite a while I am not happy with it…
The Knightlab Timeline is better at parsing different date-Types and has a far better visualization.

But without the great option of simply filtering dates in TW it is no fun making a timeline either…So I tried to implement this in TiddlyWiki.

I tried to convert it into a plugin… but I failed… it says the widget is undefined. Can anybody help? Why is it so hard to get a widget to work correctly…

Timleline and Test.json (15.9 KB)

1 Like
#2

The problem is a catch statement without a matching try.

Starting on line 59 we see:

TimelineWidget.prototype.loadTimelineJS = function() {
    var self = this;
    
    // Load CSS if not already loaded
    if(!document.getElementById("timelinejs-css")) {
        var link = document.createElement("link");
        link.id = "timelinejs-css";
        link.rel = "stylesheet";
        link.href = "https://cdn.knightlab.com/libs/timeline3/latest/css/timeline.css";
        document.head.appendChild(link);
    }
    
    // Load JavaScript if not already loaded
    if(typeof TL === "undefined") {
        var script = document.createElement("script");
        script.src = "https://cdn.knightlab.com/libs/timeline3/latest/js/timeline.js";
        script.onload = function() {
            self.createTimeline();
        };
        document.head.appendChild(script);
    } else {
            // Timeline already loaded, create directly
            self.createTimeline();
        }
    } catch(e) {
        console.error("Timeline plugin error:", e);
    }
};

That catch at the end does not have a matching try. I don’t know the logic, and don’t have time to investigate right now, but perhaps that will get you moving.

1 Like
#3

Cool, I like this timeline library. I just tried to make a plugin, and it works really well.

image
image1920×1201 71.6 KB

1 Like
#4

Great, did you publish it in your Library?That would be great!

#5

Since I don’t have the need to use it for the time being, I just wrote a simple example, which is not easy to use.