Need help to start developing on Windows

Hi folks,

after a long time without access to my Linux machine I’ve now tried Node.Js on Windows and I’m slowly getting used to it.
Now I’d like to create a plugin for TiddlyWiki but the files from my tiddlywiki.files file don’t land in the final plugin, I don’t know why.

Here are some screenshots that explain what I mean:
{D9EA1279-A510-4F25-9FE0-869B5E547B74}

… Only the license and readme tiddlers are found in the resulting Wiki but not the tab.js and alphatab.min.js files.

Note that this is Windows and I don’t know yet all the problems I might step into…

I appreciate every little bit of help! Here’s my tiddlywiki.files file:

{
	"tiddlers": [
		{
			"file": "lib/alphatab.min.js",
			"fields": {
				"type": "application/javascript",
				"title": "$:/plugins/BTC/AlphaTab/lib/alphatab.js",
				"module-type": "library"
			}
		},{
			"file": "modules/widgets/tab.js",
			"fields": {
				"type": "application/javascript",
				"title": "$:/plugins/BTC/AlphaTab/modules/widgets/tab.js
				"module-type": "widget"
			}
		}
	]
}

Place the tiddlywiki.files file in the same directory as the license and readme, and make the path in it reflect that change,

Alternatively if you just remove the files folder, making its children direct children of alphatab, that should load all the files as tiddlers without the need for a tiddlywiki.files file.

I think you tiddlywiki.files file is in the wrong directory. IMO it should be under the files directory. From your screenshot it seems it is under widgets or modules dir.

Thank you @saqimtiaz and @pmario for your quick replies

  • moving the tiddlywiki.files file out of the “files” folder beneath “license” and “readme” and updating the filepaths accordingly for the js files makes all the files in the plugin disappear :smile:
  • the tiddlywiki.files file is in the “files” directory, not a subdirectory of it, the screenshot is misleading
  • I didn’t try the second option saq posted - I need the library.js file to be treated correctly as library

Use GitHub - tiddly-gittly/Modern.TiddlyDev: Modern TiddlyWiki Developing Environment will eliminate 90% of troubles. From tid discovery to plugin publishing. I even haven’t encounter the trouble you described during my 20+ plugin dev. As an engineer, trouble that could be automated by a program should never be done by hand again.

Which editor do you use? There is a weird icon in front of the .js files /* which I personally would interpret as a comment. Can you check them on the filesystem? Are they visible?

I personally would move the module/widgets outside the files directory. For me the files dir is only used for minified 3rd party libraries.

put

/*\
title: $:/plugins/BTC/AlphaTab/modules/widgets/tab.js
type: application/javascript
module-type: widget

\*/

at the beginning of you widget file then mod your tiddlywiki.files

{
	"tiddlers": [
		{
			"file": "alphatab.min.js",
			"fields": {
				"type": "application/javascript",
				"title": "$:/plugins/BTC/AlphaTab/lib/alphatab.js",
				"module-type": "library"
			}
		}
	]
}

and put it n your lib dir

Hello @pmario,

I’m using Sublime Text… these comments are the comments on top of the file. Sublime Text shows them like this. They are not in the filenames.

Something here on WIN11 doesn’t behave like I’m used to from Linux (where it makes sense how it behaves)

Hi @buggyj,

yes that’s the way I was used to do this…
But it doesn’t work on my WIN11 environment, I don’t know why

what version of nodejs do you have installed?

I remember that I installed the latest LTS version 2 days ago… must be 22.15.1 but I can control later today