Jump to content

Recommended Posts

Part 1 of a 2 part Module & Service Reveal.

I'm currently working on a new module: ModuleReleaseNotes that was inspired by the work I originally did on making Ryan's ProcessWireUpgrades module "release" aware. In the end, I decided to ditch the approach I was originally taking and instead work on a module that hooked in to the UpgradeConfirmation dialog and the module edit page.

Aims

My aims for this module are as follows...

  1. Make discovery of a module's changes prior to an upgrade a trivial task.
  2. Make breaking changes very obvious.
  3. Make reading of a module's support documentation post-install a trivial task.
  4. Make module authors start to think about how they can improve the change discovery process for their modules.
  5. Make sure the display of information from the module support files/commit messages doesn't introduce a vulnerability.

Looking at these in turn...

Making discovery of a module's changes prior to upgrade a trivial task.

This is done by adding a "What's changed section" to the upgrade confirmation dialog.  This section takes a best-effort approach to showing what's changed between the installed version and the updated version that's available via the module repository.

At present, it is only able to talk to github-hosted repositories in order to ask them for the release notes, the changelog file (if present) and a list of commits between the git tag that matches the installed version and the tag matching the latest version.

It will display the Release Notes (if the author is using the feature), else it will display the commits between the tags (if tagging is used by the module author) else it will show the changelog file (if present) else it will show the latest N commits on the master branch (N, of course, being configurable to your liking.)

An example of the Github Release Notes pulled in for you, taken from Mike Rockett's TextformatterTypographer Module...

typographer-003.png.38fd13d185ec06585bb1e8064a7b07ec.png

An example of a tag-to-tag commit list from the same module...

typographer-004.png.7392c1cbddca205e517922112a64f08b.png

An example of a changelog - formatted to show just the changes (formatting styles will change)...

file-editor_004.png.fb2bedfb4e846be178ffe4bc803c51f0.png

Finally, an example of a fallback list of commits - sorry Adrian :)...

recent-commits_001.png.01e9a3e67853406fe7363c0e3639a464.png

 

Making breaking changes obvious.

This is currently done by searching for a set of configurable search strings. Later versions may be able to support breaking change detection via use of Semantic Versioning - but this may require some way of signalling the use of this versioning standard on a module-by-module basis.

For now, then, you can customise the default set of change markers. Here I have added my own alias to the list of breaking change markers and the changes section of the changelog is styled accordingly (these will be improved)...

file-editor_005.png.478eb6591d8ac5df120702676b9ffa65.png

 

Make reading of a module's support documentation, post-install, a trivial task.

This is done by making some of the support files (like the README, CHANGELOG and LICENSE files) readable from the module's information/settings screen. There is an option to control the initial open/closed state of this section...

smush_001.png.c6fe574ddf846b606e9d385ad362c9c8.png

Here is Tracy's README file from within the module settings page... 

tracy-003.thumb.png.febe8b6032626ac8f1338998c15fe673.png

 

Make module authors start to think about how they can improve the change discovery process for their modules.

There are notes in each of the sections displayed on the upgrade confirmation page that help authors use each of the features...

notes_001.png.a098fb1296fae2d1a811a335d01d2c09.png

 

Make sure display of external information doesn't introduce a vulnerability.

This is an ongoing concern, and is the thing that is most likely to delay or prevent this module's release lead to this module's withdrawl should a vulnerability be found. Currently, output is formatted either via Markdown + HTML Purifier (if it was originally a Markdown file) or via htmlspecialchars() if it has come from a plaintext file.

If you discover a vulnerability, please get in contact with me via the forum PM system.

 

Ongoing...

For now, I've concentrated on integration with GitHub, as most people use that platform to host their code. I know a few people are hosting their repositories with BitBucket (PWFoo comes to mind) and some with GitLab (Mike Rockett?) and I would eventually like to have adaptor implementations for these providers (and perhaps GitKraken) - but for now, GitHub rules and the other hosts are unsupported.

 

Links

Github: ModuleReleaseNotes

PW Module Repository: Here

  • Like 21
  • Thanks 4

Share this post


Link to post
Share on other sites

Sounds amazing!

3 hours ago, netcarver said:

It will display the Release Notes (if the author is using the feature), else it will display the commits between the tags (if tagging is used by the module author) else it will show the changelog file (if present) else it will show the latest N commits on the master branch (N, of course, being configurable to your liking.)

3 hours ago, netcarver said:

There are notes in each of the sections displayed on the upgrade confirmation page that help authors use each of the features...

It would be good to get some guidance/opinions on what is the optimal way to prepare release notes. I'd rather not have to duplicate the same information in release notes, tags, changelog and detailed commit notes, but don't really want to be "told off" by the module for not doing it either. :-)

  • Like 2

Share this post


Link to post
Share on other sites

Thanks for the encouraging feedback folks!

@Robin S There's an option to turn off the timed author-auto-shock-via-email(tm) feature which should stop it telling you off too much :)

Actually, the module gives you some options here - including doing nothing more than using git to commit your code - which we all do already. But I think I take your point; I guess the module could induce some of our users to nag us about keeping the upgrade process free of yellow notes.

Regarding guidance, I think it partially comes down to your own style working and issuing releases. For example, I commit lots of small changes - which makes my commit log pretty long and difficult to review. In my case, forcing myself to either keep a concise changelog file or to git tag my releases and then use the github release-notes feature, can be better for my module users. Even if I didn't want to start using Github's Release Notes or keeping a changelog, simply learning to add a git tag on each version increment is an improvement, as it allows the length of the commit list to be automatically limited to what is relevant.

For someone like Ryan, who tends to commit larger changes at lower frequencies, just using the git-tags feature to limit the list of commits to those between your installed version and the newest version is probably all that is needed.

 

  • Like 4

Share this post


Link to post
Share on other sites

I forgot to mention that the support file list is not limit to a single readme file. If your module has more than one, they can all be listed and read. This might prove useful for people looking for a self-hosted documenting solution. As an example, here is a screenshot of the readme files from the module itself...

mrn_001.jpeg.7a9c0fbad9e39fff4e4495d212668a95.jpeg

Which allows the documentation to be split.

mrn_002.thumb.jpeg.f5af0ba6b497ca0dd33d910038d645f7.jpeg

  • Like 1

Share this post


Link to post
Share on other sites
12 hours ago, netcarver said:

Make reading of a module's support documentation post-install a trivial task

There is the case of paid modules which tend to come with manual install option only. I'm wondering how this module could somehow support those modules as well. Easy access to the "Release Notes" would be also nice to have (post-install, in the admin). 

  • Like 1

Share this post


Link to post
Share on other sites

Changelog styles now improved. Here's a changelog from the update screen - no breaking changes detected...

file-editor_010.png.e8949032c93f15a7f82c75dfea4ba8fa.png

... and here it is with breaking changes ...

file-editor_012.png.9af26bea5ede59d49978f90604b36d75.png

Raw markdown also get's labelled...

file-editor_011.png.4c3edd26e2402f13ef86ec707faf9642.png

 

  • Like 7

Share this post


Link to post
Share on other sites

Version 0.7.6 is now available with the first round of reported problems fixed. Please note, the changelog for the version of the module includes the term "Breaking Changes" so if you go through the module upgrade path for this module, you'll see breaking change highlighting in action. In this case, it's OK to proceed.

mrn_003.png.44c5ae0b9f44ff892e2c68577bbe3752.png

 

Update: version 0.8.0 is available. Adds support for code highlighting in support files thanks to Abdus' TextformatterPrism module (if it happens to be installed.)

mrn_004.png.dd560735ab102e6f49349ddb717f3632.png

  • Like 4

Share this post


Link to post
Share on other sites

This is now up to version 0.9.1 and I've moved the module's status from Alpha to Beta.

New features include showing git tag points in the commit logs...

tracy-004.png.5734987340661834b064b0a5c53cad5c.png

...better detection+handling of out-of-order versions in changelogs (plus some improved styles thanks to @matjazp) and the display of the remote repository-host's API read depletion condition.

tracy-005.png.c5e4fb1d1ad4954f00bc2a24e62b7650.png

  • Like 3

Share this post


Link to post
Share on other sites
On 11/16/2017 at 7:20 AM, szabesz said:

There is the case of paid modules which tend to come with manual install option only. I'm wondering how this module could somehow support those modules as well. Easy access to the "Release Notes" would be also nice to have (post-install, in the admin). 

Although the "What's Changed" section can't be currently displayed unless there is a remote git host to query, the module's support files are readable in the module's config page post-installation as they are all pulled form the local installation, not the remote host. 

  • Like 1

Share this post


Link to post
Share on other sites
1 hour ago, netcarver said:

better detection+handling of out-of-order versions in changelogs

I don't remember how it was before, but is this what you are expecting in this scenario? I actually think it probably is the right way to go, but just wanting to make sure you had seen this issue with AOS.

5a1444862be2e_ScreenShot2017-11-21at7_16_39AM.png.c4fb00823933449eedbfe74b07f4cb14.png

  • Like 1

Share this post


Link to post
Share on other sites

@adrian,

Thanks for posting this. It's an interesting case. Here's the markdown content of the changelog for that module...

# Changelog

### 1.6.71 (2017-11-14)
- prevNextLinks: keep page sort order


### 1.6.7.2 (2017-11-19)
- ctrl+s save fix by Robin S


### 1.6.7 (2017-11-13)
- new tweak 'prevNextLinks' to Misc, based on Macrura's 'PrevNextTabs' module (thanks!)


### 1.6.6 (2017-11-07)
- UikitTweaks: login page sticky...

You can see that I'm just honouring the changelog as it has been published. ModuleReleaseNotes simply marks up the installed version and the latest available version (which is 1.6.7.2) according to what the PW module repo reports as the latest available for the module being looked at, and what the modules code in PW reports as the installed version. I'm OK with marking up the changelog - but not with re-ordering.

BTW, if anyone has a more advanced version of a module installed locally than has been publicly published via the module's repo, you'll also see a situation like the above.

I guess I could change the label shown in this case from "Latest" to "Latest Published" or something like that.

Opinions welcome.

Share this post


Link to post
Share on other sites
7 minutes ago, netcarver said:

 

I guess I could change the label shown in this case from "Latest" to "Latest Published" or something like that.

Maybe the "Latest" tag isn't needed? Perhaps all that is relevant is the "Installed" tag. The issue with AOS is a mistaken version number 1.6.71 (I think @tpr intended 1.6.7.1). The more likely scenario is what you described where you might have a version that is newer, but not published yet - that can happen relatively often.

  • Like 1

Share this post


Link to post
Share on other sites

If possible, I would like to make it visually clear which version of the module the user will be getting once they "push the button". If I leave the label off, that won't happen.

  • Like 1

Share this post


Link to post
Share on other sites
1 minute ago, netcarver said:

If possible, I would like to make it visually clear which version of the module the user will be getting once they "push the button". If I leave the label off, that won't happen.

Not sure it's quite right, but what about "Upgrade to:" as the label? Or some other way to highlight it as what you'll be upgrading to, rather than it being the latest available?

  • Like 1

Share this post


Link to post
Share on other sites

Hmm, thing is, that is the latest available. In this case, it is an accurate description. The changelog could remove the ambiguity with an edit to list things in date order.  I suppose it would be possible to detect the dates for each entry and re-order chronologically - but that would mean enforcing a date standard + edge case code for dates as well, it's not a place I want to go.

Share this post


Link to post
Share on other sites
1 minute ago, netcarver said:

Hmm, thing is, that is the latest available.

Latest available on Github (and what you'll get if you upgrade), but not actually the latest, necessarily.

I am actually confused by the changelog in AOS - the dates for 1.6.71 a 1.6.7.2 are out of order - but again, this really is an unusual situation.

Anyway, I really wouldn't worry too much about any of this - it was really just meant as an example of things to look out for - I don't really think anything needs changing.

  • Like 1

Share this post


Link to post
Share on other sites

https://semver.org/

Quotes:

"...
Given a version number MAJOR.MINOR.PATCH, increment the:

  • MAJOR version when you make incompatible API changes,
  • MINOR version when you add functionality in a backwards-compatible manner, and
  • PATCH version when you make backwards-compatible bug fixes.

Additional labels for pre-release and build metadata are available as extensions to the MAJOR.MINOR.PATCH format.
...
How should I deal with revisions in the 0.y.z initial development phase?
The simplest thing to do is start your initial development release at 0.1.0 and then increment the minor version for each subsequent release.

How do I know when to release 1.0.0?
If your software is being used in production, it should probably already be 1.0.0. If you have a stable API on which users have come to depend, you should be 1.0.0. If you’re worrying a lot about backwards compatibility, you should probably already be 1.0.0.
..."

  • Like 2

Share this post


Link to post
Share on other sites

Version 0.10.0 is in the module repository.

This has a major behind-the-scenes refactoring to allow for remote repository adaptors (with result caching).

mrn_005.png.0ae0235c8a978c5be021f2789fc4060a.png

Github is supported fully, and I've made a start on the BitBucket adaptor...

formhelper_001.png.bf17dc97bd9ee8d9788e5f81589397c0.png

This version also fixes a couple of issues that have been reported by @adrian and @matjazp.

  • Like 5

Share this post


Link to post
Share on other sites

Just saw this when upgrading AOS. Doesn't seem right. I see that @tpr is using integer versions again, but 168 was also an integer, so not sure why it would be reporting like this.

image.thumb.png.72a0241fcb69a6ca84ab36e1f19cbd49.png

Share this post


Link to post
Share on other sites

Not sure if you can do anything about this. wireMailSMTP's changelog is not being parsed properly is it?

Also, you have a Tracy bd() call on line 702.

OT, but any reason you prefer: \TD::barDump() to bd() ?

 

image.thumb.png.200f04c061b06c06bb43bda466730e4a.png

Share this post


Link to post
Share on other sites

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.

Guest
Reply to this topic...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.


  • Recently Browsing   0 members

    No registered users viewing this page.

  • Similar Content

    • By Robin S
      Repeater Images
      Adds options to modify Repeater fields to make them convenient for "page-per-image" usage. Using a page-per-image approach allows for additional fields to be associated with each image, to record things such as photographer, date, license, links, etc.
      When Repeater Images is enabled for a Repeater field the module changes the appearance of the Repeater inputfield to be similar (but not identical) to an Images field. The collapsed view shows a thumbnail for each Repeater item, and items can be expanded for field editing.
      Screencast

      Installation
      Install the Repeater Images module.
      Setup
      Create an image field to use in the Repeater field. Recommended settings for the image field are "Maximum files allowed" set to 1 and "Formatted value" set to "Single item (null if empty)". Create a Repeater field. Add the image field to the Repeater. If you want additional fields in the Repeater create and add these also. Repeater Images configuration
      Tick the "Activate Repeater Images for this Repeater field" checkbox. In the "Image field within Repeater" dropdown select the single image field. You must save the Repeater field settings to see any newly added Image fields in the dropdown. Adjust the image thumbnail height if you want (unlike the core Images field there is no slider to change thumbnail height within Page Edit). Note: the depth option for Repeater fields is not compatible with the Repeater Images module.
      Image uploads feature
      There is a checkbox to activate image uploads. This feature allows users to quickly and easily add images to the Repeater Images field by uploading them to an adjacent "upload" field.
      To use this feature you must add the image field selected in the Repeater Images config to the template of the page containing the Repeater Images field - immediately above or below the Repeater Images field would be a good position.
      It's recommended to set the label for this field in template context to "Upload images" or similar, and set the visibility of the field to "Closed" so that it takes up less room when it's not being used. Note that when you drag images to a closed Images field it will automatically open. You don't need to worry about the "Maximum files allowed" setting because the Repeater Images module overrides this for the upload field.
      New Repeater items will be created from the images uploaded to the upload field when the page is saved. The user can add descriptions and tags to the images while they are still in the upload field and these will be retained in the Repeater items. Images are automatically deleted from the upload field when the page is saved.
      Tips
      The "Use accordion mode?" option in the Repeater field settings is useful for keeping the inputfield compact, with only one image item open for editing at a time. The "Repeater item labels" setting determines what is shown in the thumbnail overlay on hover. Example for an image field named "image": {image.basename} ({image.width}x{image.height})  
      https://github.com/Toutouwai/RepeaterImages
      https://modules.processwire.com/modules/repeater-images/
    • By EyeDentify
      Hello There Guys.

      I am in the process of getting into making my first modules for PW and i had a question for you PHP and PW gurus in here.

      I was wondering how i could use an external library, lets say TwitterOAuth in my PW module.
      Link to library
      https://twitteroauth.com/

      Would the code below be correct or how would i go about this:
      <?PHP namespace ProcessWire; /* load the TwitterOAuth library from my Module folder */ require "twitteroauth/autoload.php"; use Abraham\TwitterOAuth\TwitterOAuth; class EyeTwitter extends WireData,TwitterOAuth implements Module { /* vars */ protected $twConnection; /* extend parent TwitterOAuth contructor $connection = new TwitterOAuth(CONSUMER_KEY, CONSUMER_SECRET, $access_token, $access_token_secret); */ public function myTwitterConnection ($consumer_key, $consumer_secret, $access_token, $access_token_secret) { /* save the connection for use later */ $this->twConnection = TwitterOAuth::__construct($consumer_key, $consumer_secret, $access_token, $access_token_secret); } } ?> Am i on the right trail here or i am barking up the wrong tree?
      I don´t need a complete solution, i just wonder if i am including the external library the right way.
      If not, then give me a few hint´s and i will figure it out.

      Thanks a bunch.

      /EyeDentify
    • By dimitrios
      Hello,
      this module can publish content of a Processwire page on a Facebook page, triggered by saving the Processwire page.
      To set it up, configure the module with a Facebook app ID, secret and a Page ID. Following is additional configuration on Facebook for developers:
      Minimum Required Facebook App configuration:
      on Settings -> Basics, provide the App Domains, provide the Site URL, on Settings -> Advanced, set the API version (has been tested up to v3.3), add Product: Facebook Login, on Facebook Login -> Settings, set Client OAuth Login: Yes, set Web OAuth Login: Yes, set Enforce HTTPS: Yes, add "http://www.example.com/processwire/page/" to field Valid OAuth Redirect URIs. This module is configurable as follows:
      Templates: posts can take place only for pages with the defined templates. On/Off switch: specify a checkbox field that will not allow the post if checked. Specify a message and/or an image for the post.
      Usage
      edit the desired PW page and save; it will post right after the initial Facebook log in and permission granting. After that, an access token is kept.
       
      Download
      PW module directory: http://modules.processwire.com/modules/auto-fb-post/ Github: https://github.com/kastrind/AutoFbPost   Note: Facebook SDK for PHP is utilized.


    • By kongondo
      FieldtypeRuntimeMarkup and InputfieldRuntimeMarkup
       
      Modules Directory: http://modules.processwire.com/modules/fieldtype-runtime-markup/
      GitHub: https://github.com/kongondo/FieldtypeRuntimeMarkup
      As of 11 May 2019 ProcessWire versions earlier than 3.x are not supported
      This module allows for custom markup to be dynamically (PHP) generated and output within a page's edit screen (in Admin).
       
      The value for the fieldtype is generated at runtime. No data is saved in the database. The accompanying InputfieldRuntimeMarkup is only used to render/display the markup in the page edit screen.
       
      The field's value is accessible from the ProcessWire API in the frontend like any other field, i.e. it has access to $page and $pages.
       
      The module was commissioned/sponsored by @Valan. Although there's certainly other ways to achieve what this module does, it offers a dynamic and flexible alternative to generating your own markup in a page's edit screen whilst also allowing access to that markup in the frontend. Thanks Valan!
       
      Warning/Consideration
      Although access to ProcessWire's Fields' admin pages is only available to Superusers, this Fieldtype will evaluate and run the custom PHP Code entered and saved in the field's settings (Details tab). Utmost care should therefore be taken in making sure your code does not perform any CRUD operations!! (unless of course that's intentional) The value for this fieldtype is generated at runtime and thus no data is stored in the database. This means that you cannot directly query a RuntimeMarkup field from $pages->find(). Usage and API
       
      Backend
      Enter your custom PHP snippet in the Details tab of your field (it is RECOMMENDED though that you use wireRenderFile() instead. See example below). Your code can be as simple or as complicated as you want as long as in the end you return a value that is not an array or an object or anything other than a string/integer.
       
      FieldtypeRuntimeMarkup has access to $page (the current page being edited/viewed) and $pages. 
       
      A very simple example.
      return 'Hello'; Simple example.
      return $page->title; Simple example with markup.
      return '<h2>' . $page->title . '</h2>'; Another simple example with markup.
      $out = '<h1>hello '; $out .= $page->title; $out .= '</h1>'; return $out; A more advanced example.
      $p = $pages->get('/about-us/')->child('sort=random'); return '<p>' . $p->title . '</p>'; An even more complex example.
      $str =''; if($page->name == 'about-us') { $p = $page->children->last(); $str = "<h2><a href='{$p->url}'>{$p->title}</a></h2>"; } else { $str = "<h2><a href='{$page->url}'>{$page->title}</a></h2>"; } return $str; Rather than type your code directly in the Details tab of the field, it is highly recommended that you placed all your code in an external file and call that file using the core wireRenderFile() method. Taking this approach means you will be able to edit your code in your favourite text editor. It also means you will be able to type more text without having to scroll. Editing the file is also easier than editing the field. To use this approach, simply do:
      return wireRenderFile('name-of-file');// file will be in /site/templates/ If using ProcessWire 3.x, you will need to use namespace as follows:
      return ProcessWire\wireRenderFile('name-of-file'); How to access the value of RuntimeMarkup in the frontend (our field is called 'runtime_markup')
       
      Access the field on the current page (just like any other field)
      echo $page->runtime_markup; Access the field on another page
      echo $pages->get('/about-us/')->runtime_markup; Screenshots
       
      Backend
       

       

       
      Frontend
       

×
×
  • Create New...