(Solution) How to Compress a Single File TiddlyWiki

XYZ July 20, 2025, 2:38pm #1

Open the original author’s plugin webpage - Online compression of single file TiddlyWiki

Uglify — Plugin compression made easy

Or

Use the following two plugins developed by the original author

$__plugins_flibbles_uglify.json (428.2 KB)
$__plugins_flibbles_uglify-wizard.json (43.6 KB)

Drag it into the single file tiddlywiki where you want to compress the source code

Create a tiddlywiki source code compression wizard

Click “Compress tiddlywiki file”

Compression completed

linonetwo July 23, 2025, 6:52am #2

Or use html-minifier-terser

github.com

tiddly-gittly/Tiddlywiki-NodeJS-Github-Template/blob/master/scripts/html-minifier-terser.config.json

{
  "caseSensitive": true,
  "collapseBooleanAttributes": false,
  "collapseInlineTagWhitespace": false,
  "collapseWhitespace": true,
  "conservativeCollapse": true,
  "continueOnParseError": true,
  "customAttrCollapse": ".*",
  "decodeEntities": true,
  "html5": true,
  "ignoreCustomFragments": ["<#[\\s\\S]*?#>", "<%[\\s\\S]*?%>", "<\\?[\\s\\S]*?\\?>"],
  "includeAutoGeneratedTags": false,
  "keepClosingSlash": false,
  "maxLineLength": 0,
  "minifyCSS": true,
  "minifyJS": true,
  "minifyURLs": true,
  "preserveLineBreaks": false,
  "preventAttributesEscaping": false,
  "processConditionalComments": true,

This file has been truncated. show original

github.com

tiddly-gittly/Tiddlywiki-NodeJS-Github-Template/blob/c9688ee1b5e935da27f8eac289c2f40c21c4067e/scripts/build-wiki.mjs#L38

    
      
          }
          // npm run build:nodejs2html
          // exclude edit related plugins, make it readonly, and reduce size
          await $`tiddlywiki ${repoFolder} --build readonlyexternalimages`;
          await $`tiddlywiki ${repoFolder} --build externaljs`;
          // npm run build:sitemap
          await $`tiddlywiki . --rendertiddler sitemap sitemap.xml text/plain && mv ${repoFolder}/output/sitemap.xml ${folderToServe}/sitemap.xml`;
          // npm run build:minifyHTML
          const htmlMinifyPath = `${repoFolder}/output/index-minify.html`;
          const htmlOutputPath = `${folderToServe}/index.html`;
          await $`html-minifier-terser -c ./html-minifier-terser.config.json -o ${htmlMinifyPath} ${repoFolder}/output/index.html`;
          // build dll.js and config tw to load it
          // original filename contains invalid char, will cause static server unable to load it
          const htmlContent = fs.readFileSync(htmlMinifyPath, 'utf-8');
          const htmlContentWithCorrectJsPath = htmlContent.replaceAll('%24%3A%2Fcore%2Ftemplates%2Ftiddlywiki5.js', 'tiddlywiki5.js');
          fs.writeFileSync(htmlOutputPath, htmlContentWithCorrectJsPath);
          await $`mv ${repoFolder}/output/tiddlywiki5.js ${folderToServe}/tiddlywiki5.js`;
          // npm run build:precache
          await $`workbox injectManifest workbox-config.js`;
          
          
// build downloadable html

github.com

tiddly-gittly/Tiddlywiki-NodeJS-Github-Template/blob/c9688ee1b5e935da27f8eac289c2f40c21c4067e/package.json#L5

    
      
          {
            "scripts": {
              "zx-build": "zx ./scripts/build-wiki.mjs",
              "server": "npx cross-env TIDDLYWIKI_PLUGIN_PATH='./plugins' TIDDLYWIKI_THEME_PATH='./themes' TIDDLYWIKI_LANGUAGE_PATH='./languages' npx tiddlywiki . --listen port=8080",
              "buildonline": "node -e \"require('./scripts/build').buildOnlineHTML('public-dist', 'index.html');\"",
              "buildoffline": "node -e \"require('./scripts/build').buildOfflineHTML('public-dist', 'offline.html');\"",
              "buildlibrary": "node -e \"require('./scripts/build').buildLibrary('[prefix[$:/]!prefix[$:/plugins/tiddlywiki/]!prefix[$:/themes/tiddlywiki/]!prefix[$:/languages/]!tag[$:/tags/PluginLibrary]!prefix[$:/plugins/kookma]]', 'public-dist/library');\"",
              "clean": "rimraf public-dist",
              "update": "npm-check-updates -u"
            },
            "devDependencies": {
              "cross-env": "7.0.3",
              "html-minifier-terser": "7.2.0",
              "npm-check-updates": "^18.0.1",
              "rimraf": "^6.0.1",

github.com

tiddly-gittly/Tiddlywiki-NodeJS-Github-Template/blob/c9688ee1b5e935da27f8eac289c2f40c21c4067e/.github/workflows/gh-pages.yml#L43

    
      
          - name: Cache dependencies
            uses: actions/cache@v4
            with:
              path: |
                **/node_modules
              key: ${{ runner.os }}-${{ hashFiles('**/package.json') }}
              
          - name: Install Dependency
            run: pnpm install
          - name: Building online versions of web pages
            run: pnpm run buildonline
          - name: Building downloadable offline versions of web pages
            run: pnpm run buildoffline
          - name: Workbox offline cache
            run: pnpm exec workbox injectManifest workbox-config.js
          
          
- name: Upload GitHub Pages artifact
            uses: actions/upload-pages-artifact@v3
            with:
              # Upload entire repository
              path: ./public-dist