Update Infusion for Inclusive Cities

Description

From Justin:

"Alan filed a FLUID-6357 the other day when it was observed that the aria-expanded was added to the wrong UIO element on the Inclusive Cities site. This has been addressed in Infusion and I’ve cut a new dev release that includes the fix (3.0.0-dev.20181204T213346Z.2ca90f6e6).

In addition, Antranig mentioned to me the other day that the text was moving on page load in Chrome. This was an issue that he had also mentioned quite a while ago and we also fixed a bug in Infusion that was causing it. However, it doesn’t appear that the instance of Infusion was updated after that. This latest version should address both of those problems."

Activity

Show:

Simon Bates January 22, 2019 at 4:14 PM

Options for managing UIO are being documented here:

https://wiki.fluidproject.org/display/fluid/Managing+UIO+in+a+project

Simon Bates January 8, 2019 at 3:56 PM

I chatted with Justin and we decided on the following approach:

  • We will automate the updating/preparing of UIO for the Cities site using NPM and Grunt

    • We'll add a package.json and Gruntfile.js

  • We will store the UIO build for the Cities site (the output of the automated process) in the website-cities repo

  • NPM and Grunt need only be run when updating UIO – for regular site builds, Hugo is used only

  • The Gruntfile.js will copy files from the UIO distribution in Infusion to the Hugo static directory, replacing the files there (see https://unpkg.com/infusion@3.0.0-dev.20181204T213346Z.2ca90f6e6/dist/)

Document this process:

Justin Obara January 5, 2019 at 2:41 PM

I'm trying to remember if the src directory always included all of the original source or not. I don't think it did, but not sure when this may have changed. We did make some changes recently to pull in third party dependencies from NPM, and had to make some adjustments to the build scripts then. So it may have occurred with those changes. However, we did always need to do some pruning of the source directory as it always included JS files that were already bundled up in the concatenated JS file. We typically include all this information in a VERSION.md file accompanying the infusion src. 

Lately we've just been pulling in Infusion from NPM directly. The NPM package comes with a distribution for a UIO custom build (see: https://unpkg.com/infusion@3.0.0-dev.20181204T213346Z.2ca90f6e6/dist/ for examples). You'll also need to setup some copying of the necessary templates, message bundles and etc. It's a bit of work to setup initially but once it's all done it makes updating and keeping track of the version much easier. Let me know if you'd like to do this and would need some help getting things set up.

Simon Bates December 21, 2018 at 8:38 PM
Edited

I'll check with Justin in January and hopefully it'll be a fairly quick process to verify and update.

Simon Bates December 21, 2018 at 8:37 PM
Edited

At this point, I don't know what process was used to prepare the Infusion that is currently in website-cities.

I have tried:

> grunt custom --include="uiOptions"

And that produces an 'infusion-custom.js' of approximately the same size as the one in the website-cities repo. However, the 'infusion-custom.js.map' is a different size and the 'src' directory contains much more stuff than the one in website-cities.

> dir .\build\ Mode LastWriteTime Length Name ---- ------------- ------ ---- d----- 2018-12-21 3:29 PM src -a---- 2018-12-21 3:29 PM 674107 infusion-custom.js -a---- 2018-12-21 3:29 PM 617112 infusion-custom.js.map -a---- 2017-08-10 4:19 PM 12369 Infusion-LICENSE.txt -a---- 2018-12-21 3:03 PM 12257 README.md -a---- 2018-12-21 3:03 PM 8585 ReleaseNotes.md > dir .\build\src\components\ Mode LastWriteTime Length Name ---- ------------- ------ ---- d----- 2018-12-21 3:29 PM inlineEdit d----- 2018-12-21 3:29 PM orator d----- 2018-12-21 3:29 PM overviewPanel d----- 2018-12-21 3:29 PM pager d----- 2018-12-21 3:29 PM progress d----- 2018-12-21 3:29 PM reorderer d----- 2018-12-21 3:29 PM slidingPanel d----- 2018-12-21 3:29 PM switch d----- 2018-12-21 3:29 PM tableOfContents d----- 2018-12-21 3:29 PM textfieldControl d----- 2018-12-21 3:29 PM textToSpeech d----- 2018-12-21 3:29 PM tooltip d----- 2018-12-21 3:29 PM uiOptions d----- 2018-12-21 3:29 PM undo d----- 2018-12-21 3:29 PM uploader > dir ..\website-cities\static\js\lib\infusion\ Mode LastWriteTime Length Name ---- ------------- ------ ---- d----- 2018-08-30 9:51 AM src -a---- 2018-08-30 9:51 AM 692801 infusion-custom.js -a---- 2018-08-30 9:51 AM 2124926 infusion-custom.js.map -a---- 2018-08-30 9:51 AM 12369 Infusion-LICENSE.txt -a---- 2018-08-30 9:51 AM 9991 README.md -a---- 2018-08-30 9:51 AM 8137 ReleaseNotes.md > dir ..\website-cities\static\js\lib\infusion\src\components\ Mode LastWriteTime Length Name ---- ------------- ------ ---- d----- 2018-08-30 9:51 AM slidingPanel d----- 2018-08-30 9:51 AM switch d----- 2018-08-30 9:51 AM tableOfContents d----- 2018-08-30 9:51 AM textfieldControl d----- 2018-08-30 9:51 AM textfieldSlider d----- 2018-08-30 9:51 AM textToSpeech d----- 2018-08-30 9:51 AM uiOptions

Details

Assignee

Reporter

Priority

Created December 7, 2018 at 2:15 PM
Updated January 22, 2019 at 4:14 PM

Flag notifications