Giter VIP home page Giter VIP logo

wn-voodooblocks-plugin's Introduction

VoodooBlocks - Block layout plugin for WinterCMS

Adds a blocklist to fill whole pages with content blocks

Components

  • Xitara\VoodooBlocks\Components\Blocklist

Description

Create block layouts like a charm with sliders, lightbox, buttonlists, static text, time control and an extension system to integrate own modules with extended functionality, if you want. The releases only got base styles. Feel free to change the look and feel in your theme-css or use the development version to generate your own CSS and JavaScript with sass, bootstrap and/or tailwind, typescript, babel and so on.

Releases

You can find prebuild zip packages in https://github.com/xitara/wn-voodooblocks-plugin/releases

Dependencies for development

  • yarn
  • bash to run zip, fly, deploy and ftp, testet on debian/buster
  • lftp to upload with ftp by yarn ftp, testet on debian/buster

Optional

Quick start

  • clone the repo via git clone https://github.com/xitara/wn-voodooblocks-plugin.git plugins/xitara/voodooblocks
  • cd plugins/xitara/voodooblocks
  • run yarn to fetch all the dependencies, runs bash/setup.sh and build the package
  • change settings in bash/config.sh if possible
  • run yarn dwatch to start webpack in watch-mode to generate dev-versions of js and css
  • start developing
  • when you are done, run yarn build to get the production version of your app
  • optional run yarn zip to generate a zip-package with all nesessary files. The files can be adjusted in bash/config.sh

Commands

  • start - start the dev server
  • watch - start webpack --watch
  • dwatch - start webpack --watch in development-mode
  • build - create build in build folder
  • dbuild - create development build in build folder
  • zip - build project and pack relevant folder/files to a zip-file one level down
  • deploy - build project and deploy to a folder name in package.json one level down with backup if folder exists
  • ftp - uploads build project per FTP. Configs in ./bash/config.sh
  • docs - generates docs with phpdoc if installed
  • analyze - analyze your production bundle
  • lint-code - run an ESLint check
  • lint-style - run a Stylelint check
  • check-eslint-config - check if ESLint config contains any rules that are unnecessary or conflict with Prettier
  • check-stylelint-config - check if Stylelint config contains any rules that are unnecessary or conflict with Prettier
  • cleanup - delete build-folder, node_modulesand other generated files/folders. files in src and static stay untouched

Including

WinterCMS specific commands

  • wn-init-theme - adds folders to create a complete WinterCMS theme boilerplate
  • wn-kill-theme - removes folders for WinterCMS theme including theme.yaml and conifg from static. Handle with care, it's not recoverable

WinterCMS specific settings

  • add the following lines to your .htaccess to access the compiled index.html inside your theme dev:
  • it works with and without translation-prefix
##
## enable display index.html for development
##
RewriteRule ^themes/.*/index\.html - [L,NC]
RewriteRule ^.*/themes/(.*)/index\.html /themes/$1/index\.html [L,NC]
RewriteRule ^.*/themes/(.*)/(assets|resources)/(.*) /themes/$1/$2/$3 [L,NC]

Update 0.8.1

  • Update to webpack 5
  • Update all dependencies
  • Add a fetch method to utils.js

Update 0.8.2

  • Add cross-env
  • Switch to tailwind JIT-compiler
  • Update all dependencies

wn-voodooblocks-plugin's People

Contributors

xitara avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.