@internetarchive/ia-item-navigator 2.1.1-alpha3 → 2.1.2

package/src/menus/share-providers/facebook.ts

@@ -1,23 +0,0 @@
-import '@internetarchive/icon-facebook/icon-facebook';
-import { TemplateResult, html } from 'lit';
-import Provider from './provider';
-import type { ProviderParams } from './share-provider-interface';
-
-export default class extends Provider {
-  name: string;
-
-  icon: TemplateResult;
-
-  class: string;
-
-  constructor(params: ProviderParams) {
-    super(params);
-    this.name = 'Facebook';
-    this.icon = html`<ia-icon-facebook></ia-icon-facebook>`;
-    this.class = 'facebook';
-  }
-
-  override get url(): string {
-    return `https://www.facebook.com/sharer/sharer.php?u=https://${this.baseHost}/details/${this.itemPath}`;
-  }
-}

package/src/menus/share-providers/pinterest.ts

@@ -1,23 +0,0 @@
-import '@internetarchive/icon-pinterest/icon-pinterest';
-import { TemplateResult, html } from 'lit';
-import Provider from './provider';
-import { ProviderParams } from './share-provider-interface';
-
-export default class extends Provider {
-  name: string;
-
-  icon: TemplateResult;
-
-  class: string;
-
-  constructor(params: ProviderParams) {
-    super(params);
-    this.name = 'Pinterest';
-    this.icon = html`<ia-icon-pinterest></ia-icon-pinterest>`;
-    this.class = 'pinterest';
-  }
-
-  override get url(): string {
-    return `http://www.pinterest.com/pin/create/button/?url=https://${this.baseHost}/details/${this.itemPath}&description=${this.encodedDescription}+%3A+${this.encodedCreator}${this.encodedPromoCopy}`;
-  }
-}

package/src/menus/share-providers/provider.ts

@@ -1,63 +0,0 @@
-import { TemplateResult } from 'lit';
-import { ProviderParams } from './share-provider-interface';
-
-export default class Provider {
-  promoCopy: string;
-
-  description: string;
-
-  creator: string;
-
-  fileSubPrefix: string;
-
-  identifier: string;
-
-  baseHost: string;
-
-  name: string | undefined;
-
-  icon: TemplateResult | string | undefined;
-
-  class: string | undefined;
-
-  constructor(params: ProviderParams) {
-    this.promoCopy =
-      ' : Free Download, Borrow, and Streaming : Internet Archive';
-
-    this.description = params?.description || '';
-    this.creator = params?.creator || '';
-    this.fileSubPrefix = params?.fileSubPrefix || '';
-    this.identifier = params?.identifier || '';
-    this.baseHost = params?.baseHost || '';
-  }
-
-  get encodedDescription(): string {
-    return this.encodeString(this.description);
-  }
-
-  get encodedCreator(): string {
-    return this.encodeString(this.creator);
-  }
-
-  get encodedPromoCopy(): string {
-    return this.encodeString(this.promoCopy);
-  }
-
-  get itemPath(): string {
-    const encodedFileSubPrefix = this.fileSubPrefix
-      ? encodeURIComponent(this.fileSubPrefix)
-      : '';
-    return encodedFileSubPrefix
-      ? `${this.identifier}/${encodedFileSubPrefix}`
-      : this.identifier;
-  }
-
-  get url(): string {
-    return `https://${this.baseHost}/details/${this.itemPath}`;
-  }
-
-  encodeString(str: string): string {
-    if (!str) return '';
-    return encodeURIComponent(str.replace(/\s/g, '+')).replace(/%2B/g, '+');
-  }
-}

package/src/menus/share-providers/share-provider-interface.ts

@@ -1,17 +0,0 @@
-import { TemplateResult } from 'lit';
-
-export type ProviderParams = {
-  class: string;
-  icon: TemplateResult | string;
-  name: string;
-
-  promoCopy: string;
-  description: string;
-  creator: string;
-
-  // ia item
-  fileSubPrefix: string;
-  identifier: string;
-  baseHost: string;
-  itemPath: string;
-};

package/src/menus/share-providers/tumblr.ts

@@ -1,23 +0,0 @@
-import '@internetarchive/icon-tumblr/icon-tumblr';
-import { TemplateResult, html } from 'lit';
-import Provider from './provider';
-import { ProviderParams } from './share-provider-interface';
-
-export default class extends Provider {
-  name: string;
-
-  icon: TemplateResult;
-
-  class: string;
-
-  constructor(params: ProviderParams) {
-    super(params);
-    this.name = 'Tumblr';
-    this.icon = html`<ia-icon-tumblr></ia-icon-tumblr>`;
-    this.class = 'tumblr';
-  }
-
-  override get url(): string {
-    return `https://www.tumblr.com/share/video?embed=%3Ciframe+width%3D%22640%22+height%3D%22480%22+frameborder%3D%220%22+allowfullscreen+src%3D%22https%3A%2F%2F${this.baseHost}%2Fembed%2F%22+webkitallowfullscreen%3D%22true%22+mozallowfullscreen%3D%22true%22%26gt%3B%26lt%3B%2Fiframe%3E&name=${this.encodedDescription}+%3A+${this.encodedCreator}${this.encodedPromoCopy}`;
-  }
-}

package/src/menus/share-providers/twitter.ts

@@ -1,23 +0,0 @@
-import '@internetarchive/icon-twitter/icon-twitter';
-import { TemplateResult, html } from 'lit';
-import Provider from './provider';
-import { ProviderParams } from './share-provider-interface';
-
-export default class TwitterProvider extends Provider {
-  name: string;
-
-  icon: TemplateResult;
-
-  class: string;
-
-  constructor(params: ProviderParams) {
-    super(params);
-    this.name = 'Twitter';
-    this.icon = html`<ia-icon-twitter></ia-icon-twitter>`;
-    this.class = 'twitter';
-  }
-
-  override get url(): string {
-    return `https://twitter.com/intent/tweet?url=https://${this.baseHost}/details/${this.itemPath}&via=internetarchive&text=${this.encodedDescription}+%3A+${this.encodedCreator}${this.encodedPromoCopy}`;
-  }
-}

package/test/ia-sharing-options.test.js

@@ -1,78 +0,0 @@
-import { html, fixture, expect } from '@open-wc/testing';
-import sinon from 'sinon';
-import '../src/ia-sharing-options.js';
-
-const identifier = 'goody';
-const itemType = 'book';
-const creator = 'Welsh, Charles';
-const description = 'The history of Little Goody Two-Shoes : otherwise called Mrs. Margery Two-Shoes ... [1766 edition]';
-
-const container = (optionalFileSubprefix = '') => (
-  html`<ia-sharing-options
-    identifier="${identifier}"
-    type="${itemType}"
-    creator="${creator}"
-    description="${description}"
-    baseHost="archive.org"
-    fileSubPrefix="${optionalFileSubprefix}"
-  ></ia-sharing-options>`
-);
-
-describe('<ia-sharing-options>', () => {
-  afterEach(() => {
-    sinon.restore();
-  });
-
-  it('sets default properties', async () => {
-    const el = await fixture(container());
-
-    expect(el.identifier).to.equal(identifier);
-    expect(el.type).to.equal(itemType);
-    expect(el.creator).to.equal(creator);
-    expect(el.description).to.equal(description);
-  });
-
-  it('renders buttons for each sharing method', async () => {
-    const el = await fixture(container());
-
-    await el.updateComplete;
-
-    el.sharingOptions.forEach((option) => {
-      const button = el.shadowRoot.querySelector(`a.${option.class}`);
-      expect(button).to.exist;
-      expect(button.getAttribute('href')).to.equal(option.url);
-    });
-  });
-
-  it('toggles visibility of embed options', async () => {
-    const el = await fixture(container());
-
-    el.toggleEmbedOptions(new Event('click'));
-    await el.updateComplete;
-
-    expect(el.embedOptionsVisible).to.equal(true);
-  });
-
-  it('does not show internal header by default', async () => {
-    const el = await fixture(container());
-    expect(el.shadowRoot.querySelector('header')).to.be.null;
-  });
-
-  it('does shows internal header when requested', async () => {
-    const el = await fixture(container());
-    el.renderHeader = true;
-    await el.updateComplete;
-    expect(el.shadowRoot.querySelector('header')).to.not.be.null;
-  });
-
-  it('sets file subprefix to end of share URLs if present', async () => {
-    const optionalFileSubprefix = 'foo- bar - 123-';
-    const el = await fixture(container(optionalFileSubprefix));
-
-    el.sharingOptions.forEach((option) => {
-      if (option.name !== 'Tumblr') {
-        expect(option.url).to.contain(encodeURIComponent(optionalFileSubprefix));
-      }
-    });
-  });
-});