@internetarchive/ia-wayback-search

0.2.5 • Public • Published

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. Run the tests with yarn test.

We use web-test-runner: https://modern-web.dev/docs/test-runner/overview/

Structure

  • index.js - main component export
  • Demo app is in another directory: /www/index.html
    • npm|yarn start - runs local server in Demo directory which is in /www folder
    • you can also just use your preferred server
    • open demo: http://localhost:8000/www/index.html
  • /src/wayback-search.js - main component definition
  • /stories - Storybook setup
  • /test - unit tests

Readme

Keywords

none

Package Sidebar

Install

npm i @internetarchive/ia-wayback-search

Weekly Downloads

5

Version

0.2.5

License

AGPL-3.0-only

Unpacked Size

56.3 kB

Total Files

11

Last publish

Collaborators

  • jeffwklein
  • jim-at-ia
  • tracey.pooh
  • latonv
  • ibnesayeed
  • bfalling
  • mitraardron
  • vbanos
  • kngenie
  • iisa
  • cdrini
  • nsharma123
  • dualcnhq