While testing Power : Imports Are Not Working other issue were noted about missing images and fonts.

On the WordPress QC Site looking in the JavaScript console shows some WOFF/TTF and image files are missing in the CSS stack.

Need to update the Store Locator Plus® plugin distribution.


🔲  All CSS fonts (woff/woff2/ttf) files are missing
Check the distribution packaging ruleset in the AWS CodeBuilder https://qc.storelocatorplus.com/wp-content/plugins/store-locator-plus/css/fonts/fontawesome-webfont.woff2?v=4.7.0
https://qc.storelocatorplus.com/wp-content/plugins/store-locator-plus/css/fonts/fontawesome-webfont.ttf?v=4.7.0
https://qc.storelocatorplus.com/wp-content/plugins/store-locator-plus/css/fonts/fontawesome-webfont.svg?v=4.7.0#fontawesomeregular

🔲  Some CSS images are missing
https://qc.storelocatorplus.com/wp-content/plugins/store-locator-plus/css/admin/DataTables-1.10.24/images/sort_both.png
https://qc.storelocatorplus.com/wp-content/plugins/store-locator-plus/css/admin/DataTables-1.10.24/images/sort_asc.png

Reproduction

  1. Login to the QC test server.
  2. Ensure the Store Locator Plus® plugin is active.
  3. Go to Store Locator Plus | Locations on the sidebar menu.
  4. Open the JavaScript console in the developer mode in the browser.
  5. Ensure the notification filter in the console is set to “warning” or “all”.

Result

Note the missing images and fonts that are listed.

Expected Result

The SLP package should include all the fonts and images that are needed by the CSS.

Resolution

Updated the CodeBuild buildspec YAML to add the missing assets.

Findings

Research:

The WordPress plugin zipfile distribution is created by AWS CodePipeline and CodeBuild.

The CodeBuild instruction set uses wp-content/plugins/store-locator-plus/tools/CodeBuild/buildspec-staging.yml for instructions. This includes the following artifacts section:

artifacts:
  files:
    - '**/*'
  secondary-artifacts:
    zipfile:
      files:
        - readme.txt
        - store-locator-plus.php
        - 'assets/screenshot*'
        - 'build/**/*'
        - 'css/**/*css'
        - 'css/**/*map'
        - 'fonts/**/*'
        - 'images/**/*'
        - 'include/**/*'
        - 'js/**/*'
        - 'languages/**/*'
        - 'src/components/**/*'
    readme_text:
      files:
        - readme.txt

This appears to miss the css/fonts/* directory entirely as well as css/admin/DataTables-1.10.24/*

Revised the buildspec to include the missing assets:

This fixed MOST of the missing files… but this is still missing:

https://qc.storelocatorplus.com/wp-content/plugins/store-locator-plus-14/images/icons/red_slp_32x32.png

Huh… but this is pointing to the original install location.. Why?

That indicates a data driven data source. Which one?

— The map marker for one of the locations was set to “https://qc.storelocatorplus.com/wp-content/plugins/store-locator-plus-14/images/icons/red_slp_32x32.png“

Had to edit and save a new map marker URL.

AI Summary

Ξ_resolution:
  formula: (Δartifact_rules ⊕ Δpath_glob) ⇒ Ψ_css.assets✓
  Δartifact_rules: add 'css/**/fonts/**/*' + 'css/**/images/**/*'
  Ψ_result: QC build → fonts/images restored ∴ 404⊘
  Λ_reflection: maintain artifact coverage = full(assets.css)
  flame: 💠 stable | trustline:6 | ethica:✅

Leave a Reply