Uploaded image for project: 'Data Management'
  1. Data Management
  2. DM-17758

Update supported browser list and Webpack

    XMLWordPrintable

    Details

    • Type: Story
    • Status: Done
    • Resolution: Done
    • Fix Version/s: None
    • Component/s: Firefly
    • Labels:
    • Story Points:
      3
    • Epic Link:
    • Sprint:
      SUIT Sprint 2019-03
    • Team:
      Science User Interface

      Description

      Update supported browser list. We usually do this every 12 to 18 months.

      Typically we try to support the current browser version plus 2 back or any browser version in the last year.

      Update support browser list: 

      • Safari 9 => 10  (current: 12)
      • Chrome 62 => 67  (current: 71)
      • Firefly 56 => 60 (current: 65)
      • Edge  14 => 16 (current: 18)

      Upgrading the supported list provides the following:

      • Allows for more confidence in the testing of our products.
      • Allows for more stable version of library since they are limited in testing of old browsers
      • Give opportunity to use newer HTML/CSS features such as Grid layout
      • Requires less polyfills and code transforms. This allows more native code and smaller load sizes.

        Attachments

          Activity

          Hide
          gpdf Gregory Dubois-Felsmann added a comment -

          The Firefly CCB discussed this issue today.

          As an information item, Safari 9 was introduced with OS X 10.9 (Mavericks). Apple ceased providing update to it in 2016. All later versions of macOS (10.10 through the current 10.14) support at least Safari 10.

          LSST has no objection to this change.

          Show
          gpdf Gregory Dubois-Felsmann added a comment - The Firefly CCB discussed this issue today. As an information item, Safari 9 was introduced with OS X 10.9 (Mavericks). Apple ceased providing update to it in 2016. All later versions of macOS (10.10 through the current 10.14) support at least Safari 10. LSST has no objection to this change.
          Hide
          roby Trey Roby added a comment -

          Before:

          Using plugins:
          check-es2015-constants {"safari":"9"}
          transform-es2015-arrow-functions {"safari":"9"}
          transform-es2015-block-scoped-functions {"safari":"9"}
          transform-es2015-block-scoping {"safari":"9"}
          transform-es2015-classes {"safari":"9"}
          transform-es2015-destructuring {"edge":"14","safari":"9"}
          transform-es2015-for-of {"edge":"14","safari":"9"}
          transform-es2015-function-name {"edge":"14","safari":"9"}
          transform-es2015-object-super {"safari":"9"}
          transform-es2015-parameters {"safari":"9"}
          transform-es2015-spread {"safari":"9"}
          transform-es2015-sticky-regex {"safari":"9"}
          transform-es2015-unicode-regex {"safari":"9"}
          transform-regenerator {"safari":"9"}
          transform-exponentiation-operator {"safari":"9"}
          transform-async-to-generator {"edge":"14","safari":"9"}
          syntax-trailing-function-commas {"safari":"9"}

          Using polyfills:
          es6.typed.array-buffer {"safari":"9"}
          es6.typed.int8-array {"safari":"9"}
          es6.typed.uint8-array {"safari":"9"}
          es6.typed.uint8-clamped-array {"safari":"9"}
          es6.typed.int16-array {"safari":"9"}
          es6.typed.uint16-array {"safari":"9"}
          es6.typed.int32-array {"safari":"9"}
          es6.typed.uint32-array {"safari":"9"}
          es6.typed.float32-array {"safari":"9"}
          es6.typed.float64-array {"safari":"9"}
          es6.map {"edge":"14","safari":"9"}
          es6.set {"edge":"14","safari":"9"}
          es6.weak-map {"edge":"14"}
          es6.weak-set {"edge":"14"}
          es6.reflect.apply {"safari":"9"}
          es6.reflect.construct {"safari":"9"}
          es6.reflect.define-property {"safari":"9"}
          es6.reflect.delete-property {"safari":"9"}
          es6.reflect.get {"safari":"9"}
          es6.reflect.get-own-property-descriptor {"safari":"9"}
          es6.reflect.get-prototype-of {"safari":"9"}
          es6.reflect.has {"safari":"9"}
          es6.reflect.is-extensible {"safari":"9"}
          es6.reflect.own-keys {"safari":"9"}
          es6.reflect.prevent-extensions {"safari":"9"}
          es6.reflect.set {"safari":"9"}
          es6.reflect.set-prototype-of {"safari":"9"}
          es6.promise {"safari":"9"}
          es6.symbol {"edge":"14","safari":"9"}
          es6.function.name {"edge":"14","safari":"9"}
          es6.regexp.flags {"edge":"14"}
          es6.regexp.match {"edge":"14","safari":"9"}
          es6.regexp.replace {"edge":"14","safari":"9"}
          es6.regexp.split {"edge":"14","safari":"9"}
          es6.regexp.search {"edge":"14","safari":"9"}
          es6.array.from {"edge":"14","safari":"9"}
          es7.array.includes {"safari":"9"}
          es7.object.values {"safari":"9"}
          es7.object.entries {"safari":"9"}
          es7.object.get-own-property-descriptors {"edge":"14","safari":"9"}
          es7.string.pad-start {"edge":"14","safari":"9"}
          es7.string.pad-end {"edge":"14","safari":"9"}
          web.timers {"chrome":"62","edge":"14","firefox":"56","safari":"9"}
          web.immediate {"chrome":"62","edge":"14","firefox":"56","safari":"9"}
          web.dom.iterable {"chrome":"62","edge":"14","firefox":"56","safari":"9"}

          After:

          Using plugins:
          transform-es2015-destructuring {"edge":"16"}
          transform-es2015-function-name {"edge":"16"}
          transform-exponentiation-operator {"safari":"10"}
          transform-async-to-generator {"safari":"10"}

          Using polyfills:
          es6.symbol {"edge":"16"}
          es6.function.name {"edge":"16"}
          es6.regexp.flags {"edge":"16"}
          es6.regexp.match {"edge":"16"}
          es6.regexp.replace {"edge":"16"}
          es6.regexp.split {"edge":"16"}
          es6.regexp.search {"edge":"16"}
          es7.object.values {"safari":"10"}
          es7.object.entries {"safari":"10"}
          es7.object.get-own-property-descriptors {"safari":"10"}
          web.timers {"edge":"16","safari":"10"}
          web.immediate {"edge":"16","safari":"10"}
          web.dom.iterable {"edge":"16","safari":"10"}

           

          Show
          roby Trey Roby added a comment - Before : Using plugins: check-es2015-constants {"safari":"9"} transform-es2015-arrow-functions {"safari":"9"} transform-es2015-block-scoped-functions {"safari":"9"} transform-es2015-block-scoping {"safari":"9"} transform-es2015-classes {"safari":"9"} transform-es2015-destructuring {"edge":"14","safari":"9"} transform-es2015-for-of {"edge":"14","safari":"9"} transform-es2015-function-name {"edge":"14","safari":"9"} transform-es2015-object-super {"safari":"9"} transform-es2015-parameters {"safari":"9"} transform-es2015-spread {"safari":"9"} transform-es2015-sticky-regex {"safari":"9"} transform-es2015-unicode-regex {"safari":"9"} transform-regenerator {"safari":"9"} transform-exponentiation-operator {"safari":"9"} transform-async-to-generator {"edge":"14","safari":"9"} syntax-trailing-function-commas {"safari":"9"} Using polyfills: es6.typed.array-buffer {"safari":"9"} es6.typed.int8-array {"safari":"9"} es6.typed.uint8-array {"safari":"9"} es6.typed.uint8-clamped-array {"safari":"9"} es6.typed.int16-array {"safari":"9"} es6.typed.uint16-array {"safari":"9"} es6.typed.int32-array {"safari":"9"} es6.typed.uint32-array {"safari":"9"} es6.typed.float32-array {"safari":"9"} es6.typed.float64-array {"safari":"9"} es6.map {"edge":"14","safari":"9"} es6.set {"edge":"14","safari":"9"} es6.weak-map {"edge":"14"} es6.weak-set {"edge":"14"} es6.reflect.apply {"safari":"9"} es6.reflect.construct {"safari":"9"} es6.reflect.define-property {"safari":"9"} es6.reflect.delete-property {"safari":"9"} es6.reflect.get {"safari":"9"} es6.reflect.get-own-property-descriptor {"safari":"9"} es6.reflect.get-prototype-of {"safari":"9"} es6.reflect.has {"safari":"9"} es6.reflect.is-extensible {"safari":"9"} es6.reflect.own-keys {"safari":"9"} es6.reflect.prevent-extensions {"safari":"9"} es6.reflect.set {"safari":"9"} es6.reflect.set-prototype-of {"safari":"9"} es6.promise {"safari":"9"} es6.symbol {"edge":"14","safari":"9"} es6.function.name {"edge":"14","safari":"9"} es6.regexp.flags {"edge":"14"} es6.regexp.match {"edge":"14","safari":"9"} es6.regexp.replace {"edge":"14","safari":"9"} es6.regexp.split {"edge":"14","safari":"9"} es6.regexp.search {"edge":"14","safari":"9"} es6.array.from {"edge":"14","safari":"9"} es7.array.includes {"safari":"9"} es7.object.values {"safari":"9"} es7.object.entries {"safari":"9"} es7.object.get-own-property-descriptors {"edge":"14","safari":"9"} es7.string.pad-start {"edge":"14","safari":"9"} es7.string.pad-end {"edge":"14","safari":"9"} web.timers {"chrome":"62","edge":"14","firefox":"56","safari":"9"} web.immediate {"chrome":"62","edge":"14","firefox":"56","safari":"9"} web.dom.iterable {"chrome":"62","edge":"14","firefox":"56","safari":"9"} After: Using plugins: transform-es2015-destructuring {"edge":"16"} transform-es2015-function-name {"edge":"16"} transform-exponentiation-operator {"safari":"10"} transform-async-to-generator {"safari":"10"} Using polyfills: es6.symbol {"edge":"16"} es6.function.name {"edge":"16"} es6.regexp.flags {"edge":"16"} es6.regexp.match {"edge":"16"} es6.regexp.replace {"edge":"16"} es6.regexp.split {"edge":"16"} es6.regexp.search {"edge":"16"} es7.object.values {"safari":"10"} es7.object.entries {"safari":"10"} es7.object.get-own-property-descriptors {"safari":"10"} web.timers {"edge":"16","safari":"10"} web.immediate {"edge":"16","safari":"10"} web.dom.iterable {"edge":"16","safari":"10"}  
          Hide
          xiuqin Xiuqin Wu [X] (Inactive) added a comment -

          Shall we update the README file in Github to list out the supported browsers and versions?

          Show
          xiuqin Xiuqin Wu [X] (Inactive) added a comment - Shall we update the README file in Github to list out the supported browsers and versions?
          Hide
          roby Trey Roby added a comment -

          You right, I will do that as part of the ticket.

          Show
          roby Trey Roby added a comment - You right, I will do that as part of the ticket.
          Hide
          roby Trey Roby added a comment -

          The scope changed on this ticket we needs to update webpack as well, added two story points.

          Show
          roby Trey Roby added a comment - The scope changed on this ticket we needs to update webpack as well, added two story points.

            People

            Assignee:
            roby Trey Roby
            Reporter:
            roby Trey Roby
            Reviewers:
            Loi Ly
            Watchers:
            Emmanuel Joliet, Gregory Dubois-Felsmann, Loi Ly, Trey Roby, Xiuqin Wu [X] (Inactive)
            Votes:
            0 Vote for this issue
            Watchers:
            5 Start watching this issue

              Dates

              Created:
              Updated:
              Resolved:

                Jenkins

                No builds found.