Loading...
 
Skip to main content

History: VueJS In Tiki Part 2

Source of version: 6 (current)

Copy to clipboard
^ Our first development is https://gitlab.com/tikiwiki/tiki/-/tree/master for ((Kanban)) ^

This is a follow up to ((VueJS In Tiki))

''Some more dev notes about the next stages for VueJS integration for discussion at ((tw:TikiFest Virtual 2021))''
!! The Story So Far {img src=https://camo.githubusercontent.com/728ce9f78c3139e76fa69925ad7cc502e32795d2/68747470733a2f2f7675656a732e6f72672f696d616765732f6c6f676f2e706e67 width=64 alt="VueJS logo"}
In Tiki 21 "we" {sign user="jonnybradley" datetime="2021-04-09T10:47:33+00:00"} introduced a minimal inclusion of Vue.js using [https://vuejs.org/v2/guide/single-file-components.html|Single File Components] and a [https://asset-packagist.org/package/npm-asset/vuejs|pre-compiled version of Vue.js] to avoid creating a new dependency on node.js (and associated javascript tools) which Tiki has, historically, not used.

Initially in 21.x ((doc:Tracker Field Rules)) was added using [https://github.com/fgribreau/ui-predicate/|ui-predicate]. Since then the ((doc:Duration Tracker Field)) has been added in 22.x but that's all, I think.

!! The Next Steps
For the future I think we should ''bite the bullet'' (or at least discuss) adding a way to do this within Tiki, possibly by adding a new set of commands to -+console.php+- to manage the environment in a consistent way, similar to how we have integrated -+LESS+- and now -+SCSS+- for CSS compilation.

If we are to extend the use of Vue.js in Tiki (which I believe we should {sign user="jonnybradley" datetime="2021-04-09T10:47:33+00:00"} - see also ((Project Fluffy))) having a full development environment will be essential. Also this should help refactor and modernise our sprawling JavaScript code-base.

!!! Some Points for Discussion
* Upgrade to Vue.js 3.x?
* Integration with Smarty, or do we add another templating system for this?
* Replacement of jQuery-UI ''(Sortable/Draggable, date/time pickers mainly)''
* Replacement of jQuery completely one day?
* Add more here...

(p.s. a couple of half finished experimental branches from a few months ago can be found [https://gitlab.com/jonnybradley/tiki/-/tree/project-fluffy|here] and [https://gitlab.com/jonnybradley/tiki/-/tree/project-fluffy-2|here])
Show PHP error messages