Possible features

[andreymatin]

• ? https://github.com/rollup/awesome?tab=readme-ov-file

• js + twig (https://github.com/fm-ph/rollup-plugin-twig)

• admin panel - 'built' on fly on/off, server restart, server ports, live log etc.

• node: Design System Generator

• advanced image processing (inspiration: https://compressor.io/ quality results)

• axe-core integration https://github.com/dequelabs/axe-core

• Progress Page - simple checklist with project status in Bootstrap style

• automatic PROJECT_STRUCTURE.md generator

• disable VSC ext recommendations permanently

• explorer.compactFolders: false
  ...when explorer.compactFolders is set to false, you will see every folder in the file explorer, even if some of them are empty, giving you a more complete view of your project structure...

• ? Browser JS errors to console

• options.livereload.port, Default: 35729 (+ docker, .env)

• concurrently or parallelshell integration for node process

• base64 encoding automation. Ref example: https://base64.guru/converter/encode/image

• https (https://nodejs.org/api/https.html#https_https_createserver_options_requestlistener)

• node proxy page config

• blank command to remove test files

• JS mode (UMD, ES libs)

• JS mode (Additional test cases)

• JS mode (auto project name replace for roll, remove proxy, page-preview)

• Free templates/examples

• enable / disable build on fly

• build check recreation after remove

• local fonts snippet

• internal assets compiler

• Design system generator

• js modules config - index.js copy

• add tpl library

• JS template library for JS HTML resources (maybe with template literals support)
  ? php support
  ? google closure integration

• snippet for background-image: image-set and hight ratio

  background-image: image-set(url('../images/bg.webp') 1x,
      url('../images/bg.webp') 2x);


@media (-webkit-min-device-pixel-ratio: 2),
(min-resolution: 192dpi) {
  .class-name {
    background-image: url('../images/page-bg@2x.jpg');
    background-image: image-set(url('../images/bg.webp') 1x,
      url('../images/bg.webp') 2x);
  }
}

• gulp plugin for https://bitsofco.de/pa11y/
• pnpm simlinks off
• Bootstrap Grid System 5
• CSS Audit/Analyze
• enable / disable purify
• ? AVIF support (https://www.npmjs.com/package/gulp-avif)
• rollup noicy warnings
• sassdoc (http://sassdoc.com/gulp/)
• Test: css analyzer
• add ui-explorer