kookma / tw-section

create, edit and manage big and lengthy tiddlers through sectioning

Section Editor plugin

Sectionize big tiddlers on headings, edit in place, create, fold and manage sections.

Create patchwork tiddlers, to weave the fragments together to present narrative stories.

Code and demo

For learning plugin features, syntax, tutorial and examples see the plugin demo and code pages

• Demo: https://kookma.github.io/TW-Section/
• Code: https://github.com/kookma/TW-Section

tw-section's Issues

Should be filterpattern

TW-Section/source/section/viewtemplates/sections.tid

Line 13 in c44fb1c

<$list filter="[all[current]] :filter[<currentTiddler>get[se-type]regexp<filterpatern>]" variable=patchworkTid

You typo filterpatern , lol

Make editor toolbar take effect

Currently, there is no editor toolbar, and ctrl+2, ctrl+E, ctrl+U shortcut that work for editor toolbar is not taking effect too.

Do you think it is OK to add editor toolbar back, or use something like https://groups.google.com/g/tiddlywiki/c/1oFNPGtQj3c?pli=1 floating toolbar?

Demo is one version ahead of github code ?

It appears that the github code is at version 1.1.1, but the Demo is at 1.1.2. And there appears to be a slight bug in the presentation of previews in 1.1.1. The demo version appears to be condensed (uglified?), so it's not easy to work with.

Would it be possible to update the code base to 1.1.2 ?

Thank you!

Compatibility issues with checklist plug in

I tried using section editor with checklist plug in. But the checklist doesn't work once i add the "se-type" field in that tiddler.

"Ticked" todos get "unticked" automatically, if I close and re-open that tiddler or if I edit that tiddler. Sometimes it shows "Internal JavaScript Error " warning also.

Also the sections and checklist items gets jumbled when the checklist is ticked if I don't add a line before the checklists.

Any idea what is causing this behaviour? I have attached a demo wiki

Section and checklist.html.zip

Add list-after field to $:/plugins/kookma/section/viewtemplates/sections

The list widget uses the list-after field to control the order of tiddlers in <$list>. I suggest that $:/plugins/kookma/section/viewtemplates/sections should add this field so that list-after has the value $:/core/ui/ViewTemplate/body to indicate the Section's ViewTemplate immediately after the tiddler's body.

Without adding this field, Sections are sometimes listed after other custom ViewTemplates, such as CrossLinks:

After adding list-after field:

[1.2.0] Editor preview appears below instead of beside the editor text

At first, I like the section editor and it is a very useful tool 👍

After upgrading from 1.1.2 to 1.2.0 I discovered that the preview pane appears below the editor:

Section Editor 1.1.2

Section Editor 1.2.0

TW v.5.3.x on Windows 10

Overwrite others sections in case there is an empty section title

it might be a really wired situation.

Step to reproduce this bug

1. Go to website: https://kookma.github.io/TW-Section/ and create a new tiddler
2. modify tiddler title to Section editor test add a new field se-type, and save this tiddler.
3. Edit this tiddler and add content

!! Section 1

S1

!! 

There is a space in the empty section title.

4. Save this tiddler

5. Edit the second empty section add content

!! Section 2
S2

6. Save the section and the content changes into

!! Section 2

S2Section 1

S1

!! Section 2

S2

The content in Section 1 is messed up.

I can confirm it is only happening when editing a section with empty title (i.e. !! )

Cat't use the keyboard shortcuts when i use the plugin editing words

Sometimes keyboard shortcuts can save time, so I would like to request the addition of this feature

Set sections to collapse by default?

Is it possible to flag a section as "collapsed by default", so when the Tiddler is loaded that section will initially appear collapsed?

If this feature is not available, please consider this to be a feature request. 😃

If this feature IS available, it is not obvious in the documentation.

Thanks!

Plugin Status: required tiddlywiki version differs

According to the Plugin Status of the Section Editor Plugin v1.2.0 the Tiddlywiki version 5.2.0+ is required.

I have noticed a difference to the required tiddlywiki version of the Section Editor itself:

{{$:/plugins/kookma/utility!!core-version}} is >=5.2.5

So I am not sure, which version of Section Editor can be used with Tiddlywiki v.5.2.1 🤔

Edit:
A similar issue applies to the Utility Plugin

Edit Toolbar Configuration button is ignored.

The Edit Toolbar shows up whether or not you toggle the "Turn on editor toolbar" button.
Also, when using simple text area, you have no toolbar (maybe it's always been like that?).

Use state tiddler

Hi, Is it possible use $:/state/section-editor/xxx instead of $:/section-editor/state/xxx?

So they won't be committed to the git...

CSS white-space: pre-wrap setting inserts lots of whitespace in se-type

When writing my tiddlers, I like to use Semantic-linebreaks in my tiddlers:

• https://simpsoneric.github.io/grok-tw/enotes.html#Semantic-linebreaks

I have a tag called "hardlinebreaks" that I enable to force this in TW without resulting to triple-quotes.
I like to read my .tid files in text form, so wrapping everything in """ is quite noisy.

• https://simpsoneric.github.io/grok-tw/enotes.html#Custom-Tiddler-stylesheet

I've recently come across your TW-Section plugin and I'd really like to start utilizing it.
Although, it (appears) to insert many blank lines into the tiddler.
This makes the hardlinebreaks rendering somewhat unreadable due to the extra whitespace.
An example where I tried this out is below:

• https://simpsoneric.github.io/grok-tw/enotes.html#Cargo-spec-for-documentation

Note: the above is my current playground for it, so it may or may not have the example settings for hardlinebreak tag and the se-type field

I can start poking around in the source to see if this is something I can find and fix,
but I thought I'd reach out to you first to see if you had any quick tips.

Website Errors

As shown in the picture.

Hope this can work with markdown tiddlers

I'm using fishing plugin to incremental reading materials from the internet, but web-clipper can only download markdown materials, so I have some md tiddlers in my wiki.

Hope Section editor can work with them too!

Wrong this.editTitle in a section

We have a fishing plugin https://github.com/oflg/fishing that you may know. We use this.editTitle to get current article tiddler's title, and add the a article title as tag for the flashcard.

But currently, in a section, the this.editTitle will be wrong, seem to be changed to the first line section?

Update plugin library

Hi Mohammad, seems you forget to update your plugin library, and I have been waiting for your update for a while...

Feature suggestion: use custom filter to split sections

Hello! Earlier in the TiddlyWiki Talk, I mentioned that I would like to be able to segment tiddlers not only based on first and second-level headers, but also in a more flexible way. After that, I tried to write a custom filter to achieve this.

First, add a new tiddler to define the new filter:

/*\
title: $:/core/modules/filters/sectionsplit.js
type: application/javascript
module-type: filteroperator
author: Gk0WK(nmg_wk @yeah.net)

Split sections of wikitext

\*/
(function() {

    /*jslint node: true, browser: true */
    /*global $tw: false */
    "use strict";

    /*
    Export our filter function
    */
    exports.sectionsplit = function(source, operator, options) {
        var options = {};
        operator.operand.split('+').forEach(option => {
            options[option] = true;
        })
        var results = [];
        source(function(tiddler, title) {
            var section = [];
            title.split('\n').forEach(line => {
                var newSection = false;

                if ((options.all || options.h1) && /^!\s+[^\n]+$/.test(line)) {
                    newSection = true;
                } else if ((options.all || options.h2) && /^!!\s+[^\n]+$/.test(line)) {
                    newSection = true;
                } else if ((options.all || options.h3) && /^!!!\s+[^\n]+$/.test(line)) {
                    newSection = true;
                } else if ((options.all || options.h4) && /^!!!!\s+[^\n]+$/.test(line)) {
                    newSection = true;
                } else if ((options.all || options.h5) && /^!!!!!\s+[^\n]+$/.test(line)) {
                    newSection = true;
                } else if ((options.all || options.h6) && /^!!!!!!\s+[^\n]+$/.test(line)) {
                    newSection = true;
                } else if ((options.all || options.hr) && /^---+$/.test(line)) {
                    newSection = true;
                } else if ((options.all || options.blank) && /^\s*$/.test(line)) {
                    newSection = true;
                }

                if (newSection && section.length > 0) {
                    results.push(section.join('\n'));
                    section = [];
                }
                section.push(line);
            });
            results.push(section.join('\n'));
        });
        return results;
    };

})();

This toddler also has:

• type: application/javascript
• module-type field: filteroperator
• title: $:/core/modules/filters/sectionsplit.js

Then, change the filter expression in line 11 of source/section/macros/main.tid to [<sourceText>sectionsplit[h1+h2+h3]!is[blank]regexp<nonWhitespace>].

Then TW-Section can split toddler by h1, h2 and h3. You can change it to [h1+h2+h3+h4] and so on to take more split rules. Now this filter support:

• h1 ~ h6
• hr
• blank, means blank line
• all, means all above

If you think this filter is useful, I can add more rules to it. 😄

[feature idea] Allow multiple section themes

The theming opens really nice possibilities so it's somewhat frustrating to have to choose only one section theme for all tiddlers on a given TiddlyWiki instance!

Conflict with tiddlywiki/freelinks plugins

System information: Latest TW section after tiddlywki 5.2.2 with node.js 2.0.16 under windows 10

Step to reproduce this bug.

• Enable "tiddlywiki/freelinks" in the file tiddlywiki.info.
• Edit the non-first section/subsection in a tiddler (the first section is working).
• Type any character in the editor.
• The edit area will loss focus and cannot type any new characters.