button: add support to display version in element

.github/workflows/testPublish.yml

@@ -24,6 +24,7 @@ jobs:
         with:
           node-version: ${{ matrix.node-version }}
       - run: npm ci
+      - run: npm run version
       - run: npm run sassBuild:component
       - run: npm run postCss:component
       - run: npm run sassRender
@@ -44,6 +45,7 @@ jobs:
         with:
           node-version: 14
       - run: npm ci
+      - run: npm run version
       - run: npm run sassBuild:component
       - run: npm run postCss:component
       - run: npm run sassRender

package.json

@@ -96,6 +96,7 @@
   ],
   "scripts": {
     "build": "npm run ciBuild",
+    "version": "node scripts/version.js",
     "apiBuild": "wca analyze 'src/auro-button.js' --outFiles docs/api.md",
     "bundler": "rollup -c",
     "bundle:test": "rollup -c -w",
@@ -113,7 +114,7 @@
     "test": "karma start --coverage",
     "test:watch": "karma start --auto-watch=true --single-run=false",
     "test:ci": "npm-run-all test lint",
-    "ciBuild": "npm-run-all sassBuild sassRender cssLint distJS bundler postinstall apiBuild",
+    "ciBuild": "npm-run-all version sassBuild sassRender cssLint distJS bundler postinstall apiBuild",
     "sassBuild": "npm-run-all sassBuild:demo sassBuild:component postCss:component sassRender",
     "sassBuild:dev": "npm-run-all sassBuild:demo sassBuild:component postCss:component sassRender",
     "sassBuild:demo": "node-sass ./demo/sass/ --output ./demo/css/",
@@ -151,7 +152,8 @@
         {
           "assets": [
             "./CHANGELOG.md",
-            "package.json"
+            "package.json",
+            "src/version.js"
           ]
         }
       ],

scripts/postCss.js

@@ -1,3 +1,8 @@
+// Copyright (c) Alaska Air. All right reserved. Licensed under the Apache-2.0 license
+// See LICENSE in the project root for license information.
+
+// ---------------------------------------------------------------------
+
 const autoprefixer = require('autoprefixer');
 const postcss = require('postcss');
 const remToPx = require('postcss-rem-to-pixel');

scripts/prepForBuild.js

@@ -1,3 +1,8 @@
+// Copyright (c) Alaska Air. All right reserved. Licensed under the Apache-2.0 license
+// See LICENSE in the project root for license information.
+
+// ---------------------------------------------------------------------
+
 const fs = require('fs');
 const bundle = 'auro-button__bundled.js';
 const indexFile = './build/index.html';

scripts/removeNonRemPlugin.js

@@ -1,3 +1,8 @@
+// Copyright (c) Alaska Air. All right reserved. Licensed under the Apache-2.0 license
+// See LICENSE in the project root for license information.
+
+// ---------------------------------------------------------------------
+
 const postcss = require('postcss');
 
 const customPropertyRegExp = /^--[A-z][\w-]*$/;

scripts/staticStyles-template.js

@@ -1,2 +1,7 @@
+// Copyright (c) Alaska Air. All right reserved. Licensed under the Apache-2.0 license
+// See LICENSE in the project root for license information.
+
+// ---------------------------------------------------------------------
+
 import {css} from 'lit-element';
 export default css`<% content %>`;

scripts/version.js

@@ -0,0 +1,12 @@
+// Copyright (c) Alaska Air. All right reserved. Licensed under the Apache-2.0 license
+// See LICENSE in the project root for license information.
+
+// ---------------------------------------------------------------------
+
+const fs = require('fs');
+const json = require('../package.json');
+const version = json.version;
+
+fs.writeFileSync('./src/version.js', `export default '${version}'`);
+
+console.log(`\nGenerating version v${version} reference file \n`)

src/auro-button.js

@@ -11,6 +11,7 @@ import styleCss from "./style-css.js";
 import styleCssFixed from './style-fixed-css.js';
 import '@alaskaairux/auro-loader';
 import { isFocusVisibleSupported, isFocusVisiblePolyfillAvailable } from './util';
+import version from './version';
 
 /**
  * @attr {Boolean} fixed - uses px values instead of rem
@@ -146,6 +147,7 @@ class AuroButton extends LitElement {
         type="${ifDefined(this.type ? this.type : undefined)}"
         .value="${ifDefined(this.value ? this.value : undefined)}"
         @click="${() => {}}"
+        version="${version}"
       >
         ${ifDefined(this.svgIconLeft ? this.getIcon(this.svgIconLeft) : undefined)}
         ${ifDefined(this.loading ? html`<auro-loader pulse></auro-loader>` : undefined)}

src/version.js

@@ -0,0 +1 @@
+export default '6.2.0'