@internetarchive/ia-details-action-button NPM

Wayback Search Form Component

Usage

<ia-wayback-search
  waybackPagesArchived="32 trillion pages"
></ia-wayback-search>

document.querySelector('ia-wayback-search').locationHandler = {
  submitCallback: (query) => {
    window.location = `https://web.archive.org/web/*/${query}`;
  }
};

Properties:

locationHandler: { type: Function }, // function called when form submitted. @param url string
waybackPagesArchived: { type: String }, // Pages archived message, e.g. "428 billion pages"

Events

waybackSearchSubmitted: form element onsubmit waybackMachineStatsLinkClicked: stats link onclick * waybackMachineLogoLink: Wayback logo link onclick

Testing

Unit tests are placed in the ./test directory with the suffix and extension ".test.js". Any other JS files in the test directory will be ignored by Karma. Run the tests with yarn test.

Structure

index.js - main component export
index.html - file opened when running yarn start
karma.conf.js - Karma runner config
karma.bs.conf.js - Karma BrowserStack config. Note that BROWSER_STACK_USERNAME and BROWSER_STACK_ACCESS_KEY need to be set as environment variables before running.
/src/wayback-search.js - main component definition
/stories - Storybook setup
/test - unit tests