Tag-tree-picker-macro fails

Sweptr · December 28, 2023, 6:54pm

I would like to see my tags in a tree-like form, or atleast in some kinda graphic view. So I got ahead and downloaded and installed the release from GitHub - tiddly-gittly/tiddlywiki-tag-tree-picker-macro: Tree style tag picker

Then

ptr@pop-os tiddlywiki --server 8081
Error executing boot module $:/plugins/linonetwo/tag-tree-picker-macro/tagTreeMacro.js: SyntaxError: Unexpected token '?'

$:/plugins/linonetwo/tag-tree-picker-macro/tagTreeMacro.js:38
    if ((tiddler.fields.tags ?? []).some((tagOfTag) => tags.includes(tagOfTag))) return false;
                              ^
SyntaxError: Unexpected token '?'

and some more lines.
So I

ptr@pop-os echo $TIDDLYWIKI_PLUGIN_PATH
/home/ptr/.config/.tiddlywiki/plugins
ptr@pop-os cd "$TIDDLYWIKI_PLUGIN_PATH"/tiddly-gittly/tag-tree-picker-macro
ptr@pop-os find ./ -type f -iname  t'*tagTreeMacro*.*'
ptr@pop-os 
ptr@pop-os grep -ri tagTreeMacro.js ./ 
./tag-tree-picker-macro/tagTreeMacro.ts.meta:title: $:/plugins/linonetwo/tag-tree-picker-macro/tagTreeMacro.js
ptr@pop-os find ./ -type f -iname '*linonetwo*.*'
ptr@pop-os

at the end of github (README.md) there is

## Usage
See [doc site](https://tiddly-gittly.github.io/tiddlywiki-tag-tree-picker-macro/).
## Install
From [CPL](https://github.com/tiddly-gittly/TiddlyWiki-CPL).

doc site is a demosite for tag-tree-picker-macro.
When in that site I insepect path for the plugin, it says $:/plugins/linonetwo/tag-tree-picker-macro/
Ohh,
One last try.

ptr@pop-os git clone  https://github.com/tiddly-gittly/tiddlywiki-tag-tree-picker-macro
ptr@pop-os cd ./tiddlywiki-tag-tree-picker-macro
ptr@pop-os find ./ -type f -iname '*linonetwo*.*'
./tiddlywiki-tag-tree-picker-macro/wiki/tiddlers/$__plugins_linonetwo_prevent-edit.json
./tiddlywiki-tag-tree-picker-macro/wiki/tiddlers/$__plugins_linonetwo_prevent-edit.json.meta

Any idea?

Mark_S · December 28, 2023, 7:13pm

I guess if it was me, I would just drag and drop the plugin from the demo.

I see that the “??” symbol was introduced in 2020. How old is your version of node? I think the command is node --version .

Sweptr · December 28, 2023, 7:26pm

I like to have a separate plugin folder.
But I may try another serever just to see If I got it working withthat method.
My node version is v12.22.9
I see that Latest Current Version: 21.5.0 (includes npm 10.2.4)
Strange. The one I have is whats from the official repos.

Sweptr · December 28, 2023, 8:06pm

Upinstalled and installed from script and upgraded
Now the error from tiddlewiki says:

Error executing boot module $:/plugins/linonetwo/tag-tree-picker-macro/tagTreeMacro.js: SyntaxError: Unexpected token ':'
                                                                                                                                                                                             
$:/plugins/linonetwo/tag-tree-picker-macro/tagTreeMacro.js:52                                                                                                                                 
function buildTocWithOfferedTiddlers(rootTiddler: string, offeredTiddlers: string[]): string {                                                                                                
                                               ^

Mark_S · December 28, 2023, 8:08pm

Linux? The repos for node.js lag way behind. You pretty much have to use your own self-installed node if you’re using the latest features.

Sweptr · December 28, 2023, 8:26pm

I did. i now have 20.10.0

Mark_S · December 28, 2023, 8:33pm

Oh. I could be wrong. But I think that’s Typescript. So I think you would have to add Typescript to your node implementation.

Sweptr · December 28, 2023, 8:48pm

Installed typescript. Still

Error executing boot module $:/plugins/linonetwo/tag-tree-picker-macro/tagTreeMacro.js: SyntaxError: I dotUnexpected token '

I dont even have tag-tree-picker-macro/tagTreeMacro.js or plugins/linonet in my system.

saqimtiaz · December 28, 2023, 9:09pm

After checking out the code for the plugin have you built it by running npm run build in the directory with the plugin code?

Also pinging @linonetwo in case that doesn’t do the trick. What is the recommended way to install the plugin from source?

Sweptr · December 28, 2023, 9:13pm

The chinese github at end of README.md tellst to use npm for thier install . But their plugint does another job (AFAIK).
The one that I i linked to in topic have downloadable relase 1.0.0 .

Mark_S · December 28, 2023, 10:09pm

I think if you do npm i in the root directory ( the one with package.json) it will install typescript. Typescript is listed as one of the dependencies. You can look at package.json to see all the dependencies needed. I don’t know if it installs the dependencies globally, or if other steps will be needed. It’s been awhile since I’ve used node.js (except for stock Tiddlywiki).

It would be much easier to just grab the plugin from their demo

Sweptr · December 28, 2023, 10:58pm

I am thankful for you giving this time,
Folowed your advice. Stilll same problem.

linonetwo · December 29, 2023, 3:55am

I’m not clear what you are doing using cli, but I recognize Unexpected token '?' on ?? means your browser or nodejs might be outdated. (You can ask GPT for this error, really).

I recommend at least node 18, or TidGi app which use electron with latest nodejs.

linonetwo · December 29, 2023, 3:56am

Usually you can follow the step in Github Action, using same nodejs version as it, and follow the step it does, you can get the plugin compiled form source.

linonetwo · December 29, 2023, 3:59am

This is not recommended for most of users, because they will encounter error and rising issues. So we make and recommend CPL to reduce QA pressures.

But if you are a web developer then this is not the case, you can try steps in .github/workflows/release.yml and you will get a dist folder that can be renamed and drag to your plugins folder.

Sweptr · December 29, 2023, 4:02am

I was told that from Mark_S a few hours ago. So I updated to, 20.10.0 . He also mentioned that I should install Typescript, which I did . The error is pretty much the same…

linonetwo · December 29, 2023, 4:13am

See Design Challenge simple AND, OR NOT conditions in filters - #3 by linonetwo for example about Nullish coalescing operator (??) in filter expression.

linonetwo · December 29, 2023, 4:16am

This should work

But I’m using compiled js, which don’t have ??. maybe you should compile it correctly too.

Sweptr · December 29, 2023, 4:16am

I am comfortable with linux shell and enviornment variables and have set

export TIDDLYWIKI_PLUGIN_PATH=$HOME/Where/IWant/It/To/Be

So I don’t believe that should be a problem.

Even thought that, I have one installpath for tiddlywiki which I reinstall each time only for test. My script that starts that tiddllywiki sets TIDDLYWIKI_PLUGIN_PATH= (empty) just in case to not confuse anything.

I am no developer, but I have some years with linux shell and have spent way to much time with scripting for bash.
fSo I don’t believe that should be a problem.
But I am a noob when it comes to code anything based on html/css/javasctipt .

Sweptr · December 29, 2023, 4:20am

Purged package managers version and installed last stable , which is 20.10.0.