1. The polyfill library has been updated
In your <head> you will previously have had the following:

This should now be replaced with

This ensures better support on browsers without a performance overhead.


2. We've now implemented Websocket technology for Webcast auctions, with Timed Auction support coming soon. This massively improves performance and stability of large auctions, ensuring all your users have up-to-date information.
To support this, your configuration needs to be update to point to the new Websocket API.
In your BidJS configuration at window.bidjs.config add the following record, where <<STACK_REGION>> is the region identifier for your main server. e.g. If your main stack is hove.eu-west-2.bidjs.com, your region is eu-west-2
For example:

window.bidjs = {
      config: {
        apiBase: '//<<APPLICATION_URL>>/auction-007/api',
        clientId: '<<CLIENT_ID>>',
        googleMapsApiKey: "...",
        staticBase: '//<<APPLICATION_URL>>/static/<%= version %>',
        staticCDN: 'https://static.<%= domain %>',
        staticVersion: '<%= moduleVersion %>',
        templateVariant: 'bootstrap3',
        websocketBase: 'wss://broadcast.eu-west-2.bidjs.com'
      },
      ...
}

3. The HTML snippet has changed slightly
This is a small aesthetic change to improve the look and feel of the application during load.
Previously your HTML snippet we asked you to include would look like the following:

<div class="container">
  <div id="bidlogix-app" class="bidlogix-app">
    <div class="col-xs-12 text-center">
      <svg width="200px" height="200px" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100" preserveAspectRatio="xMidYMid" class="lds-dual-ring">
        <circle cx="50" cy="50" fill="none" stroke-linecap="round" r="20" stroke-width="2" stroke="#337ab7" stroke-dasharray="31.41592653589793 31.41592653589793" transform="rotate(150 50 50)">
          <animateTransform attributeName="transform" type="rotate" calcMode="linear" values="0 50 50;360 50 50" keyTimes="0;1" dur="3s" begin="0s" repeatCount="indefinite"></animateTransform>
        </circle>
        <circle cx="50" cy="50" fill="none" stroke-linecap="round" r="15" stroke-width="2" stroke="#333" stroke-dasharray="23.561944901923447 23.561944901923447" stroke-dashoffset="23.561944901923447" transform="rotate(-150 50 50)">
          <animateTransform attributeName="transform" type="rotate" calcMode="linear" values="0 50 50;-360 50 50" keyTimes="0;1" dur="3s" begin="0s" repeatCount="indefinite"></animateTransform>
        </circle>
      </svg>
    </div>
  </div>
</div>
<div class="bidlogix-app">
  <div id="bidlogix-modal"></div>
</div>
<div class="container bidlogix-app">
  <div id="bidjs"></div>
</div>

Now you can remove a large portion of that. The new snippet is

<div class="container">
  <div id="bidlogix-app" class="bidlogix-app">
  </div>
</div>
<div class="bidlogix-app">
  <div id="bidlogix-modal"></div>
</div>
<div class="container bidlogix-app">
  <div id="bidjs"></div>
</div>

4. One of the main features of this release is the reworked Auction List, also known as the "Home" or "Calendar" page
This rework will ensure far better performance, particularly on mobile devices, and should result in better SEO for your site.
Thumbnail Images are now larger, and users can scroll through your images, whilst retaining a consistent appearance regardless of the number of lot images on each auction.
No changes are required to see this feature, unless you have applied a great deal of custom CSS to the previous view, in which case you may need to adjust the CSS to match accordingly.

Webcast Video-centric Option

Finally, a new feature will follow very shortly after this release, for those who utilise Webcast Auctions, and want the Webcast Video to take prominence over the images. This is particularly suited to Livestock auctioneers, but others may prefer it too.

To enable this option, adjust your bidjs configuration as follows:

window.bidjs = {
      config: {
        ...
      },
      modules: {
 
      },
      options: {
        ...,
        isWebcastVideoCentric: true
      }
}

This will result in the following layout for your webcast auctions when there is a video feed.