refactor: use auro-library build scripts

.gitignore

@@ -6,7 +6,6 @@ docTemplates/
 ## Demo support files
 demo/*.css
 demo/*.css.map
-demo/*min.js
 
 ## CSS built from Sass process
 src/*.css

demo/api.min.js

@@ -0,0 +1,77 @@
+/* eslint-disable jsdoc/require-jsdoc */
+
+function initVisibleExample() {
+  const btn = document.querySelector('#visibleToastBtn');
+  const toast = document.querySelector('#visibleToast');
+
+  btn.addEventListener('click', () => {
+    if (!toast.hasAttribute('visible')) {
+      toast.setAttribute('visible', true);
+    }
+  });
+}
+
+/* eslint-disable jsdoc/require-jsdoc */
+
+function initVariantToastsExample() {
+  const btn = document.querySelector('#defaultVariantBtn');
+  const toast = document.querySelector('#defaultVariant');
+
+  btn.addEventListener('click', () => {
+    if (!toast.hasAttribute('visible')) {
+      toast.setAttribute('visible', true);
+    }
+  });
+
+  const btnTwo = document.querySelector('#errorVariantBtn');
+  const toastTwo = document.querySelector('#errorVariant');
+
+  btnTwo.addEventListener('click', () => {
+    if (!toastTwo.hasAttribute('visible')) {
+      toastTwo.setAttribute('visible', true);
+    }
+  });
+
+  const btnThree = document.querySelector('#successVariantBtn');
+  const toastThree = document.querySelector('#successVariant');
+
+  btnThree.addEventListener('click', () => {
+    if (!toastThree.hasAttribute('visible')) {
+      toastThree.setAttribute('visible', true);
+    }
+  });
+}
+
+/* eslint-disable jsdoc/require-jsdoc */
+
+function initNoIconExample() {
+  const btn = document.querySelector('#noIconBtn');
+  const toast = document.querySelector('#noIcon');
+
+  btn.addEventListener('click', () => {
+    if (!toast.hasAttribute('visible')) {
+      toast.setAttribute('visible', true);
+    }
+  });
+}
+
+/* eslint-disable jsdoc/require-jsdoc, no-magic-numbers, no-param-reassign */
+
+function initExamples(initCount) {
+  initCount = initCount || 0;
+
+  try {
+    // javascript example function calls to be added here upon creation to test examples
+    initVisibleExample();
+    initVariantToastsExample();
+    initNoIconExample();
+  } catch (err) {
+    if (initCount <= 20) {
+      // setTimeout handles issue where content is sometimes loaded after the functions get called
+      setTimeout(() => {
+        initExamples(initCount + 1);
+      }, 100);
+    }
+  }
+}
+

demo/index.min.js

@@ -0,0 +1,119 @@
+/* eslint-disable jsdoc/require-jsdoc */
+
+function initBasicExample() {
+  const btn = document.querySelector('#basicToastBtn');
+  const toast = document.querySelector('#basicToast');
+
+  btn.addEventListener('click', () => {
+    if (!toast.hasAttribute('visible')) {
+      toast.setAttribute('visible', true);
+    }
+  });
+
+  const btnTwo = document.querySelector('#basicToast-noIconBtn');
+  const toastTwo = document.querySelector('#basicToast-noIcon');
+
+  btnTwo.addEventListener('click', () => {
+    if (!toastTwo.hasAttribute('visible')) {
+      toastTwo.setAttribute('visible', true);
+    }
+  });
+}
+
+/* eslint-disable jsdoc/require-jsdoc */
+
+function initErrorExample() {
+  const btn = document.querySelector('#errorToastBtn');
+  const toast = document.querySelector('#errorToast');
+
+  btn.addEventListener('click', () => {
+    if (!toast.hasAttribute('visible')) {
+      toast.setAttribute('visible', true);
+    }
+  });
+
+  const btnTwo = document.querySelector('#errorToast-noIconBtn');
+  const toastTwo = document.querySelector('#errorToast-noIcon');
+
+  btnTwo.addEventListener('click', () => {
+    if (!toastTwo.hasAttribute('visible')) {
+      toastTwo.setAttribute('visible', true);
+    }
+  });
+}
+
+/* eslint-disable jsdoc/require-jsdoc */
+
+function initSuccessExample() {
+  const btn = document.querySelector('#successToastBtn');
+  const toast = document.querySelector('#successToast');
+
+  btn.addEventListener('click', () => {
+    if (!toast.hasAttribute('visible')) {
+      toast.setAttribute('visible', true);
+    }
+  });
+
+  const btnTwo = document.querySelector('#successToast-noIconBtn');
+  const toastTwo = document.querySelector('#successToast-noIcon');
+
+  btnTwo.addEventListener('click', () => {
+    if (!toastTwo.hasAttribute('visible')) {
+      toastTwo.setAttribute('visible', true);
+    }
+  });
+}
+
+/* eslint-disable jsdoc/require-jsdoc */
+
+function initMultipleToastsExample() {
+  const btn = document.querySelector('#multiToastBtn-default');
+  const toast = document.querySelector('#multiToast-default');
+
+  btn.addEventListener('click', () => {
+    if (!toast.hasAttribute('visible')) {
+      toast.setAttribute('visible', true);
+    }
+  });
+
+  const btnTwo = document.querySelector('#multiToastBtn-error');
+  const toastTwo = document.querySelector('#multiToast-error');
+
+  btnTwo.addEventListener('click', () => {
+    if (!toastTwo.hasAttribute('visible')) {
+      toastTwo.setAttribute('visible', true);
+    }
+  });
+
+  const btnThree = document.querySelector('#multiToastBtn-success');
+  const toastThree = document.querySelector('#multiToast-success');
+
+  btnThree.addEventListener('click', () => {
+    if (!toastThree.hasAttribute('visible')) {
+      toastThree.setAttribute('visible', true);
+    }
+  });
+}
+
+/* eslint-disable jsdoc/require-jsdoc, no-magic-numbers, no-param-reassign */
+
+
+function initExamples(initCount) {
+  initCount = initCount || 0;
+
+  try {
+    // javascript example function calls to be added here upon creation to test examples
+    initBasicExample();
+    initErrorExample();
+    initSuccessExample();
+    initMultipleToastsExample();
+  } catch (err) {
+    if (initCount <= 20) {
+      // setTimeout handles issue where content is sometimes loaded after the functions get called
+      setTimeout(() => {
+        initExamples(initCount + 1);
+      }, 100);
+    }
+  }
+}
+

package.json

@@ -146,8 +146,8 @@
     "build:ci": "npm-run-all sweep build:release",
     "build:api": "wca analyze 'src/auro-toast.js' --outFiles docs/api.md",
     "build:dev:assets": "npm-run-all build:sass:component postCss:component sass:render build:docs",
-    "build:docs": "node scripts/generateDocs.mjs",
-    "build:demoScripts": "node scripts/prepExampleFiles.mjs",
+    "build:docs": "node ./node_modules/@aurodesignsystem/auro-library/scripts/build/generateDocs.mjs",
+    "build:demoScripts": "node ./node_modules/@aurodesignsystem/auro-library/scripts/build/prepExampleFiles.mjs",
     "build:sass": "npm-run-all build:sass:component postCss:component sass:render",
     "build:sass:component": "sass --no-source-map src:src",
     "build:version": "node scripts/version.mjs",
@@ -159,10 +159,10 @@
     "dist:js": "copyfiles -u 1 -V './src/**/*.js' ./dist",
     "esLint": "./node_modules/.bin/eslint src/**/*.js --ignore-pattern 'src/**/*Version.js'",
     "linters": "npm-run-all scssLint esLint",
-    "preCommit": "node scripts/pre-commit.mjs",
-    "postCss:component": "node ./scripts/postCss.mjs",
+    "preCommit": "node ./node_modules/@aurodesignsystem/auro-library/scripts/build/pre-commit.mjs",
+    "postCss:component": "node ./node_modules/@aurodesignsystem/auro-library/scripts/build/postCss.mjs",
     "postinstall": "node packageScripts/postinstall.mjs",
-    "sass:render": "sass-render src/*.css -t ./scripts/staticStyles-template.js",
+    "sass:render": "sass-render src/*.css -t ./node_modules/@aurodesignsystem/auro-library/scripts/build/staticStyles-template.js",
     "serve": "web-dev-server --open demo/ --node-resolve --watch",
     "sweep": "rm -rf ./demo/css ./dist | rm ./src/*.css ./src/*-css.js ./demo/*.min.js",
     "test": "wtr --coverage",