Merge pull request #38 from edcdavid/fix-sri

Integrity of bootstrap and dayjs files changed on delivery erver

.github/workflows/linters.yml

@@ -17,6 +17,8 @@ jobs:
       - name: Run Standard
         run: yarn standard html/index.js
       - uses: crate-ci/typos@master
+        with:
+          files: html/*
   css-linter:
     name: CSS linter (stylelint)
     runs-on: ubuntu-latest

Makefile

@@ -1,2 +1,5 @@
 build:
 	cd html && node build.js
+backup-refs:
+	mkdir -p backup 
+	cat html/index.html | sed -Enr 's/<(link|script)(.*?)(href|src)(=")(https:\/\/.[^"]*?\.(js|css))"(.*)/wget -P backup \5/p'|bash

backup/rh-footer-lightdom.css

@@ -0,0 +1,137 @@
+:is(rh-footer, :is(rh-footer-universal, rh-global-footer)) a {
+  /* TODO remove --rh-color-link-inline-on-dark for v2 */
+  /* stylelint-disable-next-line */
+  color: var(--rh-color-link-inline-on-dark, var(--rh-color-interactive-blue-lighter, #92c5f9));
+  text-decoration: none;
+}
+
+:is(rh-footer, :is(rh-footer-universal, rh-global-footer)) a:hover {
+  /* TODO remove --rh-color-link-inline-hover-on-dark for v2 */
+  /* stylelint-disable-next-line */
+  color: var(--rh-color-link-inline-hover-on-dark, var(--rh-color-interactive-blue-lightest, #b9dafc));
+  text-decoration: underline;
+}
+
+:is(rh-footer, :is(rh-footer-universal, rh-global-footer)) a:is(:focus, :focus-within) {
+  /* TODO remove --rh-color-link-inline-focus-on-dark for v2 */
+  /* stylelint-disable-next-line */
+  color: var(--rh-color-link-inline-focus-on-dark, var(--rh-color-interactive-blue-lightest, #b9dafc));
+  text-decoration: underline;
+}
+
+:is(rh-footer, :is(rh-footer-universal, rh-global-footer)) a:visited {
+  /* TODO remove --rh-color-link-inline-visited-on-dark for v2 */
+  /* stylelint-disable-next-line */
+  color: var(--rh-color-link-inline-visited-on-dark, var(--rh-color-interactive-blue-lightest, #b9dafc));
+  text-decoration: none;
+}
+
+/* ensure links fully wrap img tags */
+:is(rh-footer, :is(rh-footer-universal, rh-global-footer)) a[slot^="logo"] {
+  display: block;
+}
+
+:is(rh-footer) a[slot^="logo"] > img {
+  display: block;
+  width: auto;
+  height: 100%;
+  height: var(--rh-size-icon-04, 40px);
+}
+
+:is(rh-footer, rh-footer-universal, rh-global-footer) :is(h1, h2, h3, h4, h5, h6) {
+  font-family: var(--rh-font-family-heading, RedHatDisplay, "Red Hat Display", "Noto Sans Arabic", "Noto Sans Hebrew", "Noto Sans JP", "Noto Sans KR", "Noto Sans Malayalam", "Noto Sans SC", "Noto Sans TC", "Noto Sans Thai", Helvetica, Arial, sans-serif);
+  line-height: var(--rh-line-height-heading, 1.3);
+}
+
+rh-footer [slot="links"]:is(h1, h2, h3, h4, h5):nth-of-type(n+5) {
+  --_link-header-margin: calc(var(--rh-space-2xl, 32px) - var(--rh-space-lg, 16px));
+}
+
+rh-footer [slot^="links"] a {
+  gap: var(--rh-footer-links-gap, var(--rh-space-md, 8px));
+}
+
+:is(rh-footer, :is(rh-footer-universal, rh-global-footer)) [slot^="links"] li {
+  margin: 0;
+  padding: 0;
+  display: contents;
+}
+
+:is(rh-footer, :is(rh-footer-universal, rh-global-footer)) [slot^="links"] a {
+  display: block;
+  color: var(--rh-color-text-primary-on-dark, #ffffff) !important;
+  font-size: var(--rh-footer-link-font-size, var(--rh-font-size-body-text-sm, 0.875rem));
+  width: fit-content;
+}
+
+:is(rh-footer-universal, rh-global-footer) [slot^="links"] a {
+  font-size: inherit;
+}
+
+/**
+ * Section side gap
+ */
+:is(rh-footer, rh-footer-universal, rh-global-footer) {
+  --rh-footer-section-side-gap: var(--rh-space-lg, 16px);
+}
+
+/* (min-width: --rh-breakpoint-sm) */
+@media screen and (min-width: 768px) {
+  :is(rh-footer, rh-footer-universal, rh-global-footer) {
+    --rh-footer-section-side-gap: var(--rh-space-2xl, 32px);
+  }
+}
+
+/* (min-width: --rh-breakpoint-xl) */
+@media screen and (min-width: 1440px) {
+  :is(rh-footer, rh-footer-universal, rh-global-footer) {
+    --rh-footer-section-side-gap: var(--rh-space-4xl, 64px);
+  }
+}
+
+/**
+ * No JS Experience
+ */
+rh-footer:not(:defined) {
+  background-color: var(--rh-color-surface-darker, #1f1f1f);
+  width: 100%;
+  display: grid;
+  grid-template-areas:
+    "footer"
+    "global";
+  grid-template-rows: 1fr auto;
+  min-height: var(--rh-footer-nojs-min-height, 750px);
+}
+
+:is(rh-footer-universal, rh-global-footer):not(:defined):before {
+  grid-area: global;
+}
+
+/* Adding styles to logo */
+rh-footer:not(:defined) > [slot="logo"] {
+  padding: var(--rh-space-2xl, 32px) var(--_section-side-gap);
+}
+
+/* A11y hide child components */
+rh-footer:not(:defined) > :not([slot="logo"], :is(rh-footer-universal, rh-global-footer)),
+:is(rh-footer-universal, rh-global-footer):not(:defined) > * {
+  border: 0;
+  clip: rect(1px, 1px, 1px, 1px);
+  height: 1px;
+  margin: -1px;
+  overflow: hidden;
+  padding: 0;
+  position: absolute;
+  width: 1px;
+}
+
+:is(rh-footer-universal, rh-global-footer):not(:defined) {
+  background-color: var(--rh-color-surface-darkest, #151515);
+  display: block;
+  width: 100%;
+  min-height: 176px;
+}
+
+rh-footer-universal rh-footer-copyright {
+  grid-column: -1/1;
+}

html/index.html

@@ -55,12 +55,11 @@
     import 'https://jspm.dev/@rhds/elements/rh-tag/rh-tag.js'
 </script>
   <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css" integrity="sha256-2TnSHycBDAm2wpZmgdi0z81kykGPJAkiUY+Wf97RbvY=" crossorigin="anonymous">
-  <link rel="stylesheet" href="https://getbootstrap.com/docs/5.3/assets/css/docs.css" integrity="sha256-X0cPqbNml7z/f/z7c1HiTdJ2aSO4QmaAMDnESV5n7fE=" crossorigin="anonymous">
+  <link rel="stylesheet" href="https://getbootstrap.com/docs/5.3/assets/css/docs.css" integrity="sha256-NMC47kc7OBPhLkw/Q1Vxza+y2Nr9LkHyFuBnnNjFPwI=" crossorigin="anonymous">
   <link rel="stylesheet"
     href="https://ux.redhat.com/assets/packages/@rhds/elements/elements/rh-table/rh-table-lightdom.css">  <link inline rel="stylesheet" href="style.css">
   <script src="https://cdn.jsdelivr.net/npm/[email protected]/dayjs.min.js" integrity="sha256-NTsR4SOm3YHfJrmrmvBtEYqfQ6jQ5yvEKMhgQe3DIl0=" crossorigin="anonymous"></script>
-  <script src="https://cdn.jsdelivr.net/npm/[email protected]/plugin/duration.min.js" integrity="sha256-6rug74IKp6v/8WINJxMw33zXo8NVOdRw/5Ib21ZzwU4=" crossorigin="anonymous"></script>
-  <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.7.0/jquery.min.js" integrity="sha256-2Pmvv0kuTBOenSvLm6bvfBSSHrUJ+3A7x6P5Ebd07/g=" crossorigin="anonymous"></script>
+  <script src="https://cdn.jsdelivr.net/npm/[email protected]/plugin/duration.js" integrity="sha256-pqOo8IK7KpViodnVHibVieA1r77f96mxs6Ssu9SDTAo=" crossorigin="anonymous"></script>  <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.7.0/jquery.min.js" integrity="sha256-2Pmvv0kuTBOenSvLm6bvfBSSHrUJ+3A7x6P5Ebd07/g=" crossorigin="anonymous"></script>
   <script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.bundle.min.js" integrity="sha256-0upsHgyryiDRjpJLJaHNAYfDi6fDP2CrBuGwQCubzbU=" crossorigin="anonymous"></script>
   <script src="https://unpkg.com/[email protected]/ansi_up.js" integrity="sha256-tarXJ7M5ReiY9qzPiDQdY5EZcrMil9PaXwnVbAgWbo8=" crossorigin="anonymous"></script>
   <script inline src="index.js"></script>