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

package/src/menus/share-panel.ts

@@ -1,7 +1,5 @@
 /* eslint-disable lit-a11y/click-events-have-key-events */
 /* eslint-disable lit-a11y/list */
-import { classMap } from 'lit/directives/class-map.js';
-import { ifDefined } from 'lit/directives/if-defined.js';
 import {
   css,
   CSSResult,
@@ -12,19 +10,22 @@ import {
   TemplateResult,
 } from 'lit';
 import { customElement, property } from 'lit/decorators.js';
-import '@internetarchive/icon-link/icon-link';
 import '@internetarchive/icon-share/icon-share';
+import '@internetarchive/icon-twitter/icon-twitter';
+import '@internetarchive/icon-facebook/icon-facebook';
+import '@internetarchive/icon-tumblr/icon-tumblr';
+import '@internetarchive/icon-pinterest/icon-pinterest';
+import '@internetarchive/icon-email/icon-email';
+import '@internetarchive/icon-link/icon-link';
 
-import EmailProvider from './share-providers/email';
-import FacebookProvider from './share-providers/facebook';
-import PinterestProvider from './share-providers/pinterest';
-import TumblrProvider from './share-providers/tumblr';
-import TwitterProvider from './share-providers/twitter';
-import { ProviderParams } from './share-providers/share-provider-interface';
-import type Provider from './share-providers/provider';
+type ShareOption = {
+  name: string;
+  icon: TemplateResult | string;
+  url: string;
+};
 
-const copyToClipboard = (options: Record<any, any>) => {
-  const currentTarget = options.currentTarget as HTMLElement;
+const copyToClipboard = (event: MouseEvent) => {
+  const currentTarget = event.currentTarget as HTMLElement;
   const textarea = currentTarget.querySelector('textarea');
   const note = currentTarget.querySelector('small') as any;
   textarea!.select();
@@ -51,7 +52,7 @@ export class IauxSharingOptions extends LitElement {
 
   @property({ type: String }) identifier = '';
 
-  @property({ type: Array }) sharingOptions: Provider[] = [];
+  @property({ type: Array }) sharingOptions: ShareOption[] = [];
 
   @property({ type: String }) type = '';
 
@@ -66,55 +67,74 @@ export class IauxSharingOptions extends LitElement {
   }
 
   loadProviders() {
-    const { baseHost, creator, description, identifier, type, fileSubPrefix } =
-      this;
-    const params = {
-      baseHost,
-      creator,
-      description,
-      identifier,
-      type,
-      fileSubPrefix,
-    } as unknown as ProviderParams;
+    let shareUrl = `https://${this.baseHost}/details/${this.identifier}`;
+    if (this.fileSubPrefix) {
+      shareUrl += `/${this.fileSubPrefix}`;
+    }
+    const shareBlurb = [
+      this.description,
+      this.creator,
+      'Free Download, Borrow, and Streaming',
+      'Internet Archive',
+    ]
+      .filter(Boolean)
+      .join(' : ');
 
     this.sharingOptions = [
-      new TwitterProvider(params),
-      new FacebookProvider(params),
-      new TumblrProvider(params),
-      new PinterestProvider(params),
-      new EmailProvider(params),
+      {
+        name: 'Twitter',
+        icon: html`<ia-icon-twitter></ia-icon-twitter>`,
+        url: `https://twitter.com/intent/tweet?${new URLSearchParams({
+          url: shareUrl,
+          text: shareBlurb,
+          via: 'internetarchive',
+        })}`,
+      },
+      {
+        name: 'Facebook',
+        icon: html`<ia-icon-facebook></ia-icon-facebook>`,
+        url: `https://www.facebook.com/sharer/sharer.php?${new URLSearchParams({
+          u: shareUrl,
+        })}`,
+      },
+      {
+        name: 'Tumblr',
+        icon: html`<ia-icon-tumblr></ia-icon-tumblr>`,
+        url: `https://www.tumblr.com/widgets/share/tool/preview?${new URLSearchParams(
+          {
+            posttype: 'link',
+            canonicalUrl: shareUrl,
+            title: shareBlurb,
+          },
+        )}`,
+      },
+      {
+        name: 'Pinterest',
+        icon: html`<ia-icon-pinterest></ia-icon-pinterest>`,
+        url: `http://www.pinterest.com/pin/create/button/?${new URLSearchParams(
+          {
+            url: shareUrl,
+            description: shareBlurb,
+          },
+        )}`,
+      },
+      {
+        name: 'Email',
+        icon: html`<ia-icon-email></ia-icon-email>`,
+        url: `mailto:?${new URLSearchParams({
+          subject: shareBlurb,
+          body: shareUrl,
+        })}`,
+      },
     ];
   }
 
-  get sharingItems() {
-    return this.sharingOptions.map(
-      option =>
-        html`<li>
-          <a
-            class="${ifDefined(option.class)}"
-            href="${option.url}"
-            target="_blank"
-          >
-            ${option.icon} ${option.name}
-          </a>
-        </li>`,
-    );
-  }
-
-  get embedOption() {
-    return html`<li>
-      <a href="#" @click=${this.toggleEmbedOptions}>
-        <ia-icon-link></ia-icon-link>
-        Get an embeddable link
-      </a>
-    </li>`;
-  }
-
   get iframeEmbed() {
-    return html`&lt;iframe
-    src="https://${this.baseHost}/embed/${this.identifier}" width="560"
-    height="384" frameborder="0" webkitallowfullscreen="true"
-    mozallowfullscreen="true" allowfullscreen&gt;&lt;/iframe&gt;`;
+    return `<iframe
+      src="https://${this.baseHost}/embed/${this.identifier}"
+      width="560" height="384" frameborder="0"
+      webkitallowfullscreen="true" mozallowfullscreen="true" allowfullscreen
+    ></iframe>`;
   }
 
   get bbcodeEmbed() {
@@ -125,11 +145,6 @@ export class IauxSharingOptions extends LitElement {
     return `https://${this.baseHost}/help/audio.php?identifier=${this.identifier}`;
   }
 
-  toggleEmbedOptions(e: Event) {
-    e.preventDefault();
-    this.embedOptionsVisible = !this.embedOptionsVisible;
-  }
-
   get header() {
     const header = html`<header><h3>Share this ${this.type}</h3></header>`;
     return this.renderHeader ? header : nothing;
@@ -138,32 +153,41 @@ export class IauxSharingOptions extends LitElement {
   render() {
     return html`
       ${this.header}
-      <ul>
-        ${this.sharingItems} ${this.embedOption}
-        <div
-          class=${classMap({ visible: this.embedOptionsVisible, embed: true })}
-        >
-          <h4>Embed</h4>
-          <div class="code" @click=${copyToClipboard}>
-            <textarea readonly>${this.iframeEmbed}</textarea>
-            <small>Copied to clipboard</small>
-          </div>
-          <h4>
-            Embed for wordpress.com hosted blogs and archive.org item
-            &lt;description&gt; tags
-          </h4>
-          <div class="code" @click=${copyToClipboard}>
-            <textarea readonly>${this.bbcodeEmbed}</textarea>
-            <small>Copied to clipboard</small>
+      <main>
+        ${this.sharingOptions.map(
+          option =>
+            html` <a class="share-option" href="${option.url}" target="_blank">
+              ${option.icon} ${option.name}
+            </a>`,
+        )}
+        <details>
+          <summary class="share-option">
+            <ia-icon-link></ia-icon-link>
+            Get an embeddable link
+          </summary>
+          <div class="embed">
+            <h4>Embed</h4>
+            <div class="code" @click=${copyToClipboard}>
+              <textarea readonly>${this.iframeEmbed}</textarea>
+              <small>Copied to clipboard</small>
+            </div>
+            <h4>
+              Embed for wordpress.com hosted blogs and archive.org item
+              &lt;description&gt; tags
+            </h4>
+            <div class="code" @click=${copyToClipboard}>
+              <textarea readonly>${this.bbcodeEmbed}</textarea>
+              <small>Copied to clipboard</small>
+            </div>
+            <p>
+              Want more?
+              <a href=${this.helpURL}
+                >Advanced embedding details, examples, and help</a
+              >!
+            </p>
           </div>
-          <p>
-            Want more?
-            <a href=${this.helpURL}
-              >Advanced embedding details, examples, and help</a
-            >!
-          </p>
-        </div>
-      </ul>
+        </details>
+      </main>
     `;
   }
 
@@ -198,22 +222,20 @@ export class IauxSharingOptions extends LitElement {
         font-size: 1.4rem;
       }
 
-      ul {
-        padding: 0 0 2rem 0;
-        list-style: none;
+      main {
+        padding: 1rem 0;
       }
 
-      li {
-        padding: 0 0 1rem 0;
-      }
-
-      li a {
+      .share-option {
+        display: block;
+        padding: 0.5rem 0;
         font-size: 1.6rem;
         text-decoration: none;
         color: var(--shareLinkColor);
+        cursor: pointer;
       }
 
-      li a * {
+      .share-option > * {
         display: inline-block;
         padding: 0.2rem;
         margin-right: 1rem;
@@ -223,12 +245,17 @@ export class IauxSharingOptions extends LitElement {
         background: var(--shareIconBg);
       }
 
-      .embed {
+      /* Hide the triangle that appears on details tags */
+      summary::marker {
+        content: '';
+      }
+
+      summary::-webkit-details-marker {
         display: none;
       }
-      .embed.visible {
-        display: block;
-        width: 95%;
+
+      .embed {
+        padding-right: 5px;
       }
 
       .embed a {

package/src/menus/viewable-files.ts

@@ -230,7 +230,11 @@ export class IauxViewableFiles extends LitElement {
         activeFile?.scrollIntoViewIfNeeded(true);
       } else {
         // `scrollIntoView` always auto-scroll to center of visible area
-        activeFile?.scrollIntoView({ behavior: 'smooth', block: 'nearest', inline: 'nearest' })
+        activeFile?.scrollIntoView({
+          behavior: 'smooth',
+          block: 'nearest',
+          inline: 'nearest',
+        });
       }
     }, 350);
   }

package/test/iaux-sharing-options.test.ts

@@ -38,23 +38,13 @@ describe('<iaux-in-share-panel>', () => {
 
     await el.updateComplete;
 
-    el.sharingOptions.forEach(option => {
-      const button =
-        el.shadowRoot && el.shadowRoot.querySelector(`a.${option.class}`);
+    el.sharingOptions.forEach((option, i) => {
+      const button = el.shadowRoot?.querySelectorAll('a')[i];
       expect(button).to.exist;
       expect(button?.getAttribute('href')).to.equal(option.url);
     });
   });
 
-  it('toggles visibility of embed options', async () => {
-    const el = (await fixture(container())) as IauxSharingOptions;
-
-    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())) as IauxSharingOptions;
     expect(el.shadowRoot?.querySelector('header')).to.be.null;
@@ -68,17 +58,10 @@ describe('<iaux-in-share-panel>', () => {
   });
 
   it('sets file subprefix to end of share URLs if present', async () => {
-    const optionalFileSubprefix = 'foo- bar - 123-';
-    const el = (await fixture(
-      container(optionalFileSubprefix),
-    )) as IauxSharingOptions;
+    const el = (await fixture(container('foo 123'))) as IauxSharingOptions;
 
     el.sharingOptions.forEach(option => {
-      if (option.name !== 'Tumblr') {
-        expect(option.url).to.contain(
-          encodeURIComponent(optionalFileSubprefix),
-        );
-      }
+      expect(option.url).to.contain('foo+123');
     });
   });
 });

package/dist/src/menus/share-providers/email.d.ts

@@ -1,11 +0,0 @@
-import '@internetarchive/icon-email/icon-email';
-import { TemplateResult } 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);
-    get url(): string;
-}

package/dist/src/menus/share-providers/email.js

@@ -1,15 +0,0 @@
-import '@internetarchive/icon-email/icon-email';
-import { html } from 'lit';
-import Provider from './provider';
-export default class extends Provider {
-    constructor(params) {
-        super(params);
-        this.name = 'Email';
-        this.icon = html `<ia-icon-email></ia-icon-email>`;
-        this.class = 'email';
-    }
-    get url() {
-        return `mailto:?body=https://${this.baseHost}/details/${this.itemPath}&subject=${this.description} : ${this.creator}${this.promoCopy}`;
-    }
-}
-//# sourceMappingURL=email.js.map

package/dist/src/menus/share-providers/email.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"email.js","sourceRoot":"","sources":["../../../../src/menus/share-providers/email.ts"],"names":[],"mappings":"AAAA,OAAO,wCAAwC,CAAC;AAChD,OAAO,EAAkB,IAAI,EAAE,MAAM,KAAK,CAAC;AAC3C,OAAO,QAAQ,MAAM,YAAY,CAAC;AAGlC,MAAM,CAAC,OAAO,MAAO,SAAQ,QAAQ;IAOnC,YAAY,MAAsB;QAChC,KAAK,CAAC,MAAM,CAAC,CAAC;QACd,IAAI,CAAC,IAAI,GAAG,OAAO,CAAC;QACpB,IAAI,CAAC,IAAI,GAAG,IAAI,CAAA,iCAAiC,CAAC;QAClD,IAAI,CAAC,KAAK,GAAG,OAAO,CAAC;IACvB,CAAC;IAED,IAAa,GAAG;QACd,OAAO,wBAAwB,IAAI,CAAC,QAAQ,YAAY,IAAI,CAAC,QAAQ,YAAY,IAAI,CAAC,WAAW,MAAM,IAAI,CAAC,OAAO,GAAG,IAAI,CAAC,SAAS,EAAE,CAAC;IACzI,CAAC;CACF","sourcesContent":["import '@internetarchive/icon-email/icon-email';\nimport { TemplateResult, html } from 'lit';\nimport Provider from './provider';\nimport type { ProviderParams } from './share-provider-interface';\n\nexport default class extends Provider {\n  name: string;\n\n  icon: TemplateResult;\n\n  class: string;\n\n  constructor(params: ProviderParams) {\n    super(params);\n    this.name = 'Email';\n    this.icon = html`<ia-icon-email></ia-icon-email>`;\n    this.class = 'email';\n  }\n\n  override get url(): string {\n    return `mailto:?body=https://${this.baseHost}/details/${this.itemPath}&subject=${this.description} : ${this.creator}${this.promoCopy}`;\n  }\n}\n"]}

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

@@ -1,11 +0,0 @@
-import '@internetarchive/icon-facebook/icon-facebook';
-import { TemplateResult } 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);
-    get url(): string;
-}

package/dist/src/menus/share-providers/facebook.js

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

package/dist/src/menus/share-providers/facebook.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"facebook.js","sourceRoot":"","sources":["../../../../src/menus/share-providers/facebook.ts"],"names":[],"mappings":"AAAA,OAAO,8CAA8C,CAAC;AACtD,OAAO,EAAkB,IAAI,EAAE,MAAM,KAAK,CAAC;AAC3C,OAAO,QAAQ,MAAM,YAAY,CAAC;AAGlC,MAAM,CAAC,OAAO,MAAO,SAAQ,QAAQ;IAOnC,YAAY,MAAsB;QAChC,KAAK,CAAC,MAAM,CAAC,CAAC;QACd,IAAI,CAAC,IAAI,GAAG,UAAU,CAAC;QACvB,IAAI,CAAC,IAAI,GAAG,IAAI,CAAA,uCAAuC,CAAC;QACxD,IAAI,CAAC,KAAK,GAAG,UAAU,CAAC;IAC1B,CAAC;IAED,IAAa,GAAG;QACd,OAAO,wDAAwD,IAAI,CAAC,QAAQ,YAAY,IAAI,CAAC,QAAQ,EAAE,CAAC;IAC1G,CAAC;CACF","sourcesContent":["import '@internetarchive/icon-facebook/icon-facebook';\nimport { TemplateResult, html } from 'lit';\nimport Provider from './provider';\nimport type { ProviderParams } from './share-provider-interface';\n\nexport default class extends Provider {\n  name: string;\n\n  icon: TemplateResult;\n\n  class: string;\n\n  constructor(params: ProviderParams) {\n    super(params);\n    this.name = 'Facebook';\n    this.icon = html`<ia-icon-facebook></ia-icon-facebook>`;\n    this.class = 'facebook';\n  }\n\n  override get url(): string {\n    return `https://www.facebook.com/sharer/sharer.php?u=https://${this.baseHost}/details/${this.itemPath}`;\n  }\n}\n"]}

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

@@ -1,11 +0,0 @@
-import '@internetarchive/icon-pinterest/icon-pinterest';
-import { TemplateResult } 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);
-    get url(): string;
-}

package/dist/src/menus/share-providers/pinterest.js

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

package/dist/src/menus/share-providers/pinterest.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"pinterest.js","sourceRoot":"","sources":["../../../../src/menus/share-providers/pinterest.ts"],"names":[],"mappings":"AAAA,OAAO,gDAAgD,CAAC;AACxD,OAAO,EAAkB,IAAI,EAAE,MAAM,KAAK,CAAC;AAC3C,OAAO,QAAQ,MAAM,YAAY,CAAC;AAGlC,MAAM,CAAC,OAAO,MAAO,SAAQ,QAAQ;IAOnC,YAAY,MAAsB;QAChC,KAAK,CAAC,MAAM,CAAC,CAAC;QACd,IAAI,CAAC,IAAI,GAAG,WAAW,CAAC;QACxB,IAAI,CAAC,IAAI,GAAG,IAAI,CAAA,yCAAyC,CAAC;QAC1D,IAAI,CAAC,KAAK,GAAG,WAAW,CAAC;IAC3B,CAAC;IAED,IAAa,GAAG;QACd,OAAO,2DAA2D,IAAI,CAAC,QAAQ,YAAY,IAAI,CAAC,QAAQ,gBAAgB,IAAI,CAAC,kBAAkB,QAAQ,IAAI,CAAC,cAAc,GAAG,IAAI,CAAC,gBAAgB,EAAE,CAAC;IACvM,CAAC;CACF","sourcesContent":["import '@internetarchive/icon-pinterest/icon-pinterest';\nimport { TemplateResult, html } from 'lit';\nimport Provider from './provider';\nimport { ProviderParams } from './share-provider-interface';\n\nexport default class extends Provider {\n  name: string;\n\n  icon: TemplateResult;\n\n  class: string;\n\n  constructor(params: ProviderParams) {\n    super(params);\n    this.name = 'Pinterest';\n    this.icon = html`<ia-icon-pinterest></ia-icon-pinterest>`;\n    this.class = 'pinterest';\n  }\n\n  override get url(): string {\n    return `http://www.pinterest.com/pin/create/button/?url=https://${this.baseHost}/details/${this.itemPath}&description=${this.encodedDescription}+%3A+${this.encodedCreator}${this.encodedPromoCopy}`;\n  }\n}\n"]}

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

@@ -1,20 +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);
-    get encodedDescription(): string;
-    get encodedCreator(): string;
-    get encodedPromoCopy(): string;
-    get itemPath(): string;
-    get url(): string;
-    encodeString(str: string): string;
-}

package/dist/src/menus/share-providers/provider.js

@@ -1,37 +0,0 @@
-export default class Provider {
-    constructor(params) {
-        this.promoCopy =
-            ' : Free Download, Borrow, and Streaming : Internet Archive';
-        this.description = (params === null || params === void 0 ? void 0 : params.description) || '';
-        this.creator = (params === null || params === void 0 ? void 0 : params.creator) || '';
-        this.fileSubPrefix = (params === null || params === void 0 ? void 0 : params.fileSubPrefix) || '';
-        this.identifier = (params === null || params === void 0 ? void 0 : params.identifier) || '';
-        this.baseHost = (params === null || params === void 0 ? void 0 : params.baseHost) || '';
-    }
-    get encodedDescription() {
-        return this.encodeString(this.description);
-    }
-    get encodedCreator() {
-        return this.encodeString(this.creator);
-    }
-    get encodedPromoCopy() {
-        return this.encodeString(this.promoCopy);
-    }
-    get itemPath() {
-        const encodedFileSubPrefix = this.fileSubPrefix
-            ? encodeURIComponent(this.fileSubPrefix)
-            : '';
-        return encodedFileSubPrefix
-            ? `${this.identifier}/${encodedFileSubPrefix}`
-            : this.identifier;
-    }
-    get url() {
-        return `https://${this.baseHost}/details/${this.itemPath}`;
-    }
-    encodeString(str) {
-        if (!str)
-            return '';
-        return encodeURIComponent(str.replace(/\s/g, '+')).replace(/%2B/g, '+');
-    }
-}
-//# sourceMappingURL=provider.js.map

package/dist/src/menus/share-providers/provider.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"provider.js","sourceRoot":"","sources":["../../../../src/menus/share-providers/provider.ts"],"names":[],"mappings":"AAGA,MAAM,CAAC,OAAO,OAAO,QAAQ;IAmB3B,YAAY,MAAsB;QAChC,IAAI,CAAC,SAAS;YACZ,4DAA4D,CAAC;QAE/D,IAAI,CAAC,WAAW,GAAG,CAAA,MAAM,aAAN,MAAM,uBAAN,MAAM,CAAE,WAAW,KAAI,EAAE,CAAC;QAC7C,IAAI,CAAC,OAAO,GAAG,CAAA,MAAM,aAAN,MAAM,uBAAN,MAAM,CAAE,OAAO,KAAI,EAAE,CAAC;QACrC,IAAI,CAAC,aAAa,GAAG,CAAA,MAAM,aAAN,MAAM,uBAAN,MAAM,CAAE,aAAa,KAAI,EAAE,CAAC;QACjD,IAAI,CAAC,UAAU,GAAG,CAAA,MAAM,aAAN,MAAM,uBAAN,MAAM,CAAE,UAAU,KAAI,EAAE,CAAC;QAC3C,IAAI,CAAC,QAAQ,GAAG,CAAA,MAAM,aAAN,MAAM,uBAAN,MAAM,CAAE,QAAQ,KAAI,EAAE,CAAC;IACzC,CAAC;IAED,IAAI,kBAAkB;QACpB,OAAO,IAAI,CAAC,YAAY,CAAC,IAAI,CAAC,WAAW,CAAC,CAAC;IAC7C,CAAC;IAED,IAAI,cAAc;QAChB,OAAO,IAAI,CAAC,YAAY,CAAC,IAAI,CAAC,OAAO,CAAC,CAAC;IACzC,CAAC;IAED,IAAI,gBAAgB;QAClB,OAAO,IAAI,CAAC,YAAY,CAAC,IAAI,CAAC,SAAS,CAAC,CAAC;IAC3C,CAAC;IAED,IAAI,QAAQ;QACV,MAAM,oBAAoB,GAAG,IAAI,CAAC,aAAa;YAC7C,CAAC,CAAC,kBAAkB,CAAC,IAAI,CAAC,aAAa,CAAC;YACxC,CAAC,CAAC,EAAE,CAAC;QACP,OAAO,oBAAoB;YACzB,CAAC,CAAC,GAAG,IAAI,CAAC,UAAU,IAAI,oBAAoB,EAAE;YAC9C,CAAC,CAAC,IAAI,CAAC,UAAU,CAAC;IACtB,CAAC;IAED,IAAI,GAAG;QACL,OAAO,WAAW,IAAI,CAAC,QAAQ,YAAY,IAAI,CAAC,QAAQ,EAAE,CAAC;IAC7D,CAAC;IAED,YAAY,CAAC,GAAW;QACtB,IAAI,CAAC,GAAG;YAAE,OAAO,EAAE,CAAC;QACpB,OAAO,kBAAkB,CAAC,GAAG,CAAC,OAAO,CAAC,KAAK,EAAE,GAAG,CAAC,CAAC,CAAC,OAAO,CAAC,MAAM,EAAE,GAAG,CAAC,CAAC;IAC1E,CAAC;CACF","sourcesContent":["import { TemplateResult } from 'lit';\nimport { ProviderParams } from './share-provider-interface';\n\nexport default class Provider {\n  promoCopy: string;\n\n  description: string;\n\n  creator: string;\n\n  fileSubPrefix: string;\n\n  identifier: string;\n\n  baseHost: string;\n\n  name: string | undefined;\n\n  icon: TemplateResult | string | undefined;\n\n  class: string | undefined;\n\n  constructor(params: ProviderParams) {\n    this.promoCopy =\n      ' : Free Download, Borrow, and Streaming : Internet Archive';\n\n    this.description = params?.description || '';\n    this.creator = params?.creator || '';\n    this.fileSubPrefix = params?.fileSubPrefix || '';\n    this.identifier = params?.identifier || '';\n    this.baseHost = params?.baseHost || '';\n  }\n\n  get encodedDescription(): string {\n    return this.encodeString(this.description);\n  }\n\n  get encodedCreator(): string {\n    return this.encodeString(this.creator);\n  }\n\n  get encodedPromoCopy(): string {\n    return this.encodeString(this.promoCopy);\n  }\n\n  get itemPath(): string {\n    const encodedFileSubPrefix = this.fileSubPrefix\n      ? encodeURIComponent(this.fileSubPrefix)\n      : '';\n    return encodedFileSubPrefix\n      ? `${this.identifier}/${encodedFileSubPrefix}`\n      : this.identifier;\n  }\n\n  get url(): string {\n    return `https://${this.baseHost}/details/${this.itemPath}`;\n  }\n\n  encodeString(str: string): string {\n    if (!str) return '';\n    return encodeURIComponent(str.replace(/\\s/g, '+')).replace(/%2B/g, '+');\n  }\n}\n"]}

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

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

package/dist/src/menus/share-providers/share-provider-interface.js

@@ -1,2 +0,0 @@
-export {};
-//# sourceMappingURL=share-provider-interface.js.map

package/dist/src/menus/share-providers/share-provider-interface.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"share-provider-interface.js","sourceRoot":"","sources":["../../../../src/menus/share-providers/share-provider-interface.ts"],"names":[],"mappings":"","sourcesContent":["import { TemplateResult } from 'lit';\n\nexport type ProviderParams = {\n  class: string;\n  icon: TemplateResult | string;\n  name: string;\n\n  promoCopy: string;\n  description: string;\n  creator: string;\n\n  // ia item\n  fileSubPrefix: string;\n  identifier: string;\n  baseHost: string;\n  itemPath: string;\n};\n"]}

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

@@ -1,11 +0,0 @@
-import '@internetarchive/icon-tumblr/icon-tumblr';
-import { TemplateResult } 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);
-    get url(): string;
-}

package/dist/src/menus/share-providers/tumblr.js

@@ -1,15 +0,0 @@
-import '@internetarchive/icon-tumblr/icon-tumblr';
-import { html } from 'lit';
-import Provider from './provider';
-export default class extends Provider {
-    constructor(params) {
-        super(params);
-        this.name = 'Tumblr';
-        this.icon = html `<ia-icon-tumblr></ia-icon-tumblr>`;
-        this.class = 'tumblr';
-    }
-    get url() {
-        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}`;
-    }
-}
-//# sourceMappingURL=tumblr.js.map

package/dist/src/menus/share-providers/tumblr.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"tumblr.js","sourceRoot":"","sources":["../../../../src/menus/share-providers/tumblr.ts"],"names":[],"mappings":"AAAA,OAAO,0CAA0C,CAAC;AAClD,OAAO,EAAkB,IAAI,EAAE,MAAM,KAAK,CAAC;AAC3C,OAAO,QAAQ,MAAM,YAAY,CAAC;AAGlC,MAAM,CAAC,OAAO,MAAO,SAAQ,QAAQ;IAOnC,YAAY,MAAsB;QAChC,KAAK,CAAC,MAAM,CAAC,CAAC;QACd,IAAI,CAAC,IAAI,GAAG,QAAQ,CAAC;QACrB,IAAI,CAAC,IAAI,GAAG,IAAI,CAAA,mCAAmC,CAAC;QACpD,IAAI,CAAC,KAAK,GAAG,QAAQ,CAAC;IACxB,CAAC;IAED,IAAa,GAAG;QACd,OAAO,wJAAwJ,IAAI,CAAC,QAAQ,sHAAsH,IAAI,CAAC,kBAAkB,QAAQ,IAAI,CAAC,cAAc,GAAG,IAAI,CAAC,gBAAgB,EAAE,CAAC;IACjX,CAAC;CACF","sourcesContent":["import '@internetarchive/icon-tumblr/icon-tumblr';\nimport { TemplateResult, html } from 'lit';\nimport Provider from './provider';\nimport { ProviderParams } from './share-provider-interface';\n\nexport default class extends Provider {\n  name: string;\n\n  icon: TemplateResult;\n\n  class: string;\n\n  constructor(params: ProviderParams) {\n    super(params);\n    this.name = 'Tumblr';\n    this.icon = html`<ia-icon-tumblr></ia-icon-tumblr>`;\n    this.class = 'tumblr';\n  }\n\n  override get url(): string {\n    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}`;\n  }\n}\n"]}

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

@@ -1,11 +0,0 @@
-import '@internetarchive/icon-twitter/icon-twitter';
-import { TemplateResult } 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);
-    get url(): string;
-}

package/dist/src/menus/share-providers/twitter.js

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

package/dist/src/menus/share-providers/twitter.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"twitter.js","sourceRoot":"","sources":["../../../../src/menus/share-providers/twitter.ts"],"names":[],"mappings":"AAAA,OAAO,4CAA4C,CAAC;AACpD,OAAO,EAAkB,IAAI,EAAE,MAAM,KAAK,CAAC;AAC3C,OAAO,QAAQ,MAAM,YAAY,CAAC;AAGlC,MAAM,CAAC,OAAO,OAAO,eAAgB,SAAQ,QAAQ;IAOnD,YAAY,MAAsB;QAChC,KAAK,CAAC,MAAM,CAAC,CAAC;QACd,IAAI,CAAC,IAAI,GAAG,SAAS,CAAC;QACtB,IAAI,CAAC,IAAI,GAAG,IAAI,CAAA,qCAAqC,CAAC;QACtD,IAAI,CAAC,KAAK,GAAG,SAAS,CAAC;IACzB,CAAC;IAED,IAAa,GAAG;QACd,OAAO,gDAAgD,IAAI,CAAC,QAAQ,YAAY,IAAI,CAAC,QAAQ,6BAA6B,IAAI,CAAC,kBAAkB,QAAQ,IAAI,CAAC,cAAc,GAAG,IAAI,CAAC,gBAAgB,EAAE,CAAC;IACzM,CAAC;CACF","sourcesContent":["import '@internetarchive/icon-twitter/icon-twitter';\nimport { TemplateResult, html } from 'lit';\nimport Provider from './provider';\nimport { ProviderParams } from './share-provider-interface';\n\nexport default class TwitterProvider extends Provider {\n  name: string;\n\n  icon: TemplateResult;\n\n  class: string;\n\n  constructor(params: ProviderParams) {\n    super(params);\n    this.name = 'Twitter';\n    this.icon = html`<ia-icon-twitter></ia-icon-twitter>`;\n    this.class = 'twitter';\n  }\n\n  override get url(): string {\n    return `https://twitter.com/intent/tweet?url=https://${this.baseHost}/details/${this.itemPath}&via=internetarchive&text=${this.encodedDescription}+%3A+${this.encodedCreator}${this.encodedPromoCopy}`;\n  }\n}\n"]}

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

@@ -1,23 +0,0 @@
-import '@internetarchive/icon-email/icon-email';
-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 = 'Email';
-    this.icon = html`<ia-icon-email></ia-icon-email>`;
-    this.class = 'email';
-  }
-
-  override get url(): string {
-    return `mailto:?body=https://${this.baseHost}/details/${this.itemPath}&subject=${this.description} : ${this.creator}${this.promoCopy}`;
-  }
-}