cbvirtua 1.0.38 → 1.0.40

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "cbvirtua",
-  "version": "1.0.38",
+  "version": "1.0.40",
   "description": "",
   "main": "index.js",
   "scripts": {

package/src//346/226/260/345/273/272 /346/226/207/346/234/254/346/226/207/346/241/243.txt"

@@ -123,3 +123,134 @@ export default {
         Vue.prototype.$myLoading = myLoadingMethod;
     }
 }
+import { mp4, webm } from './media';
+
+export interface INoSleep {
+  enabled: boolean;
+  enable(): void;
+  disable(): void;
+}
+
+class NoSleepSSR implements INoSleep {
+  enabled = false;
+  enable() {
+    throw new Error('NoSleep using SSR/no-op mode; do not call enable.');
+  }
+  disable() {
+    throw new Error('NoSleep using SSR/no-op mode; do not call disable.');
+  }
+}
+
+class NoSleepNative implements INoSleep {
+  enabled = false;
+  wakeLock?: WakeLockSentinel;
+
+  constructor() {
+    const handleVisibilityChange = () =>
+      this.wakeLock && document.visibilityState === 'visible' && this.enable();
+    document.addEventListener('visibilitychange', handleVisibilityChange);
+    document.addEventListener('fullscreenchange', handleVisibilityChange);
+  }
+
+  async enable() {
+    try {
+      this.wakeLock = await navigator.wakeLock.request('screen');
+      this.enabled = true;
+      console.debug('Wake Lock active.');
+      this.wakeLock.addEventListener('release', () => {
+        // TODO: Potentially emit an event for the page to observe since
+        // Wake Lock releases happen when page visibility changes.
+        // (https://web.dev/wakelock/#wake-lock-lifecycle)
+        console.debug('Wake Lock released.');
+      });
+    } catch (err) {
+      this.enabled = false;
+      if (err instanceof Error) console.error(`${err.name}, ${err.message}`);
+    }
+  }
+
+  disable() {
+    this.wakeLock?.release();
+    this.wakeLock = undefined;
+    this.enabled = false;
+  }
+}
+
+class NoSleepVideo implements INoSleep {
+  enabled = false;
+  noSleepVideo: HTMLVideoElement;
+
+  constructor() {
+    // Set up no sleep video element
+    this.noSleepVideo = document.createElement('video');
+
+    this.noSleepVideo.setAttribute('title', 'No Sleep');
+    this.noSleepVideo.setAttribute('playsinline', '');
+
+    this._addSourceToVideo(this.noSleepVideo, 'webm', webm);
+    this._addSourceToVideo(this.noSleepVideo, 'mp4', mp4);
+
+    // For iOS >15 video needs to be on the document to work as a wake lock
+    Object.assign(this.noSleepVideo.style, {
+      position: 'absolute',
+      left: '-100%',
+      top: '-100%',
+    });
+    document.querySelector('body')?.append(this.noSleepVideo);
+
+    this.noSleepVideo.addEventListener('loadedmetadata', () => {
+      if (this.noSleepVideo.duration <= 1) {
+        // webm source
+        this.noSleepVideo.setAttribute('loop', '');
+      } else {
+        // mp4 source
+        this.noSleepVideo.addEventListener('timeupdate', () => {
+          if (this.noSleepVideo.currentTime > 0.5) {
+            this.noSleepVideo.currentTime = Math.random();
+          }
+        });
+      }
+    });
+  }
+
+  _addSourceToVideo(
+    element: HTMLVideoElement,
+    type: 'webm' | 'mp4',
+    dataURI: string,
+  ) {
+    const source = document.createElement('source');
+    source.src = dataURI;
+    source.type = `video/${type}`;
+    element.appendChild(source);
+  }
+
+  async enable() {
+    const playPromise = this.noSleepVideo.play();
+    try {
+      const res = await playPromise;
+      this.enabled = true;
+      return res;
+    } catch (err) {
+      this.enabled = false;
+      if (err instanceof Error) console.error(`${err.name}, ${err.message}`);
+    }
+  }
+
+  disable() {
+    this.noSleepVideo.pause();
+    this.enabled = false;
+  }
+}
+
+// Detect native Wake Lock API support
+const defaultExport: { new (): INoSleep } =
+  typeof navigator === 'undefined'
+    ? NoSleepSSR
+    : // As of iOS 17.0.3, PWA mode does not support nativeWakeLock.
+    // See <https://bugs.webkit.org/show_bug.cgi?id=254545>
+    // @ts-expect-error: using non-standard standalone property
+    'wakeLock' in navigator && !navigator.standalone
+    ? NoSleepNative
+    : NoSleepVideo;
+
+export default defaultExport;

package/vue-pdf-embed-1/.babelrc

@@ -0,0 +1,3 @@
+{
+  "presets": ["@babel/preset-env"]
+}

package/vue-pdf-embed-1/.eslintrc

@@ -0,0 +1,10 @@
+{
+  "env": {
+    "node": true
+  },
+  "extends": ["eslint:recommended", "plugin:vue/essential", "prettier"],
+  "plugins": ["prettier"],
+  "rules": {
+    "prettier/prettier": "warn"
+  }
+}

package/vue-pdf-embed-1/.github/workflows/publish-to-npm.yml

@@ -0,0 +1,20 @@
+name: Publish to npm
+
+on:
+  release:
+    types:
+      - published
+
+jobs:
+  publish:
+    runs-on: ubuntu-latest
+    steps:
+      - uses: actions/checkout@v2
+      - uses: actions/setup-node@v2
+        with:
+          node-version: 14
+          registry-url: https://registry.npmjs.org/
+      - run: npm ci
+      - run: npm publish
+        env:
+          NODE_AUTH_TOKEN: ${{ secrets.NPM_TOKEN }}

package/vue-pdf-embed-1/.husky/pre-commit

@@ -0,0 +1,4 @@
+#!/usr/bin/env sh
+. "$(dirname -- "$0")/_/husky.sh"
+
+npx lint-staged

package/vue-pdf-embed-1/.lintstagedrc

@@ -0,0 +1,5 @@
+{
+  "*.{js,vue}": [
+    "npm run lint"
+  ]
+}

package/vue-pdf-embed-1/.prettierrc

@@ -0,0 +1,7 @@
+{
+  "arrowParens": "always",
+  "semi": false,
+  "singleQuote": true,
+  "tabWidth": 2,
+  "trailingComma": "es5"
+}

package/vue-pdf-embed-1/CONTRIBUTING.md

@@ -0,0 +1,14 @@
+# Contributing to vue-pdf-embed
+
+Thank you for considering to contribute to vue-pdf-embed!
+
+## Bug reports and feature requests
+
+We use [GitHub issues](https://github.com/hrynko/vue-pdf-embed/issues) to report bugs and request new features. Please provide as much detail as possible when preparing the description, this will help other contributors to better understand the problem.
+
+## Proposing features and submitting fixes
+
+All code changes happen through [pull requests](https://github.com/hrynko/vue-pdf-embed/pulls). We actively welcome your features and fixes. Please provide a detailed description of the changes made and link them to [issues](https://github.com/hrynko/vue-pdf-embed/issues), if any.
+
+## License
+By contributing, you agree that your contribution will be licensed under the [MIT License](LICENSE).

package/vue-pdf-embed-1/LICENSE

@@ -0,0 +1,21 @@
+MIT License
+
+Copyright (c) 2021 Aliaksei Hrynko
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

package/vue-pdf-embed-1/README.md

@@ -0,0 +1,156 @@
+# 📄 vue-pdf-embed
+
+PDF embed component for Vue 2 and Vue 3
+
+[![Awesome](https://raw.githubusercontent.com/sindresorhus/awesome/main/media/mentioned-badge.svg)](https://github.com/vuejs/awesome-vue)
+[![npm](https://img.shields.io/npm/v/vue-pdf-embed)](https://npmjs.com/package/vue-pdf-embed)
+[![npm](https://img.shields.io/npm/dm/vue-pdf-embed)](https://npmjs.com/package/vue-pdf-embed)
+[![GitHub Repo stars](https://img.shields.io/github/stars/hrynko/vue-pdf-embed)](https://github.com/hrynko/vue-pdf-embed)
+[![npm](https://img.shields.io/npm/l/vue-pdf-embed)](https://github.com/hrynko/vue-pdf-embed/blob/main/LICENSE)
+
+## Features
+
+- Controlled rendering of PDF documents in Vue apps
+- Handles password protected documents
+- Includes text layer (searchable and selectable documents)
+- Includes annotation layer (annotations and links)
+- No peer dependencies or additional configuration required
+- Can be used directly in the browser (see [Examples](#examples))
+
+## Compatibility
+
+This package is compatible with both Vue 2 and Vue 3, but consists of two separate builds. The default exported build is for Vue 3, for Vue 2 import `dist/vue2-pdf-embed.js` (see [Usage](#usage)).
+
+## Installation
+
+Depending on the environment, the package can be installed in one of the following ways:
+
+```shell
+npm install vue-pdf-embed@1
+```
+
+```shell
+yarn add vue-pdf-embed@1
+```
+
+```html
+<script src="https://unpkg.com/vue-pdf-embed@1"></script>
+```
+
+## Usage
+
+```vue
+<template>
+  <div>
+    <h1>File</h1>
+    <vue-pdf-embed :source="source1" />
+
+    <h1>Base64</h1>
+    <vue-pdf-embed :source="source2" />
+  </div>
+</template>
+
+<script>
+import VuePdfEmbed from 'vue-pdf-embed'
+
+// OR THE FOLLOWING IMPORT FOR VUE 2
+// import VuePdfEmbed from 'vue-pdf-embed/dist/vue2-pdf-embed'
+
+export default {
+  components: {
+    VuePdfEmbed,
+  },
+  data() {
+    return {
+      source1: '<PDF_URL>',
+      source2: 'data:application/pdf;base64,<BASE64_ENCODED_PDF>',
+    }
+  },
+}
+</script>
+```
+
+### Props
+
+| Name               | Type                                     | Accepted values                                  | Description                                                                |
+| ------------------ | ---------------------------------------- | ------------------------------------------------ | -------------------------------------------------------------------------- |
+| annotationLayer    | `boolean`                                | `true` or `false`                                | whether the annotation layer should be enabled                             |
+| height             | `number` <br> `string`                   | natural numbers                                  | desired page height in pixels (ignored if the width property is specified) |
+| imageResourcesPath | `string`                                 | URL or path with trailing slash                  | path for icons used in the annotation layer                                |
+| page               | `number`                                 | `1` to the last page number                      | number of the page to display (displays all pages if not specified)        |
+| rotation           | `number` <br> `string`                   | `0`, `90`, `180` or `270` (multiples of `90`)    | desired page rotation angle in degrees                                     |
+| scale              | `number`                                 | rational numbers                                 | desired ratio of canvas size to document size                              |
+| source             | `string` <br> `object` <br> `Uint8Array` | document URL or typed array pre-filled with data | source of the document to display                                          |
+| textLayer          | `boolean`                                | `true` or `false`                                | whether the text layer should be enabled                                   |
+| width              | `number` <br> `string`                   | natural numbers                                  | desired page width in pixels                                               |
+
+### Events
+
+| Name                  | Value                         | Description                                |
+| --------------------- | ----------------------------- | ------------------------------------------ |
+| internal-link-clicked | destination page number       | internal link was clicked                  |
+| loaded                | PDF document proxy            | finished loading the document              |
+| loading-failed        | error object                  | failed to load document                    |
+| password-requested    | callback function, retry flag | password is needed to display the document |
+| progress              | progress params object        | tracking document loading progress         |
+| rendered              | –                             | finished rendering the document            |
+| rendering-failed      | error object                  | failed to render document                  |
+
+### Slots
+
+| Name        | Props                | Description                         |
+| ----------- | -------------------- | ----------------------------------- |
+| after-page  | `page` (page number) | content to be added after the page  |
+| before-page | `page` (page number) | content to be added before the page |
+
+### Public Methods
+
+| Name     | Arguments                                                                    | Description                          |
+| -------- | ---------------------------------------------------------------------------- | ------------------------------------ |
+| download | filename (`string`)                                                          | download document                    |
+| print    | print resolution (`number`), filename (`string`), all pages flag (`boolean`) | print document via browser interface |
+| render   | –                                                                            | manually (re)render document         |
+
+**Note:** Public methods can be accessed via a [template ref](https://vuejs.org/guide/essentials/template-refs.html).
+
+### Static Methods
+
+Besides the component itself, the module also includes a `getDocument` function for manual loading of PDF documents, which can then be used as the `source` prop of the component. In most cases it is sufficient to specify the `source` prop with a URL or typed array, while the result of the `getDocument` function can be used in special cases, such as sharing the source between multiple component instances. This is an advanced topic, so it is recommended to check the source code of the component before using this function.
+
+## Common Issues
+
+This is a client-side library, so it is important to keep this in mind when working with SSR (server-side rendering) frameworks such as Nuxt. Depending on the framework used, you may need to properly configure the library import or use a wrapper.
+
+The path to predefined CMaps should be specified to ensure correct rendering of documents containing non-Latin characters, as well as in case of CMap-related errors:
+
+```vue
+<vue-pdf-embed
+  :source="{
+    cMapUrl: 'https://unpkg.com/pdfjs-dist/cmaps/',
+    url: pdfSource,
+  }"
+/>
+```
+
+The image resource path must be specified for annotations to display correctly:
+
+```vue
+<vue-pdf-embed
+  image-resources-path="https://unpkg.com/pdfjs-dist/web/images/"
+  :source="pdfSource"
+/>
+```
+
+**Note:** The examples above use a CDN to load resources, however these resources can also be included in the build by installing the `pdfjs-dist` package as a dependency and further configuring the bundler.
+
+## Examples
+
+[Basic Usage Demo (JSFiddle)](https://jsfiddle.net/hrynko/ct6p8r7k)
+
+[Advanced Usage Demo (JSFiddle)](https://jsfiddle.net/hrynko/we7p5uq4)
+
+[Advanced Usage Demo (StackBlitz)](https://stackblitz.com/fork/vue-pdf-embed)
+
+## License
+
+MIT License. Please see [LICENSE file](LICENSE) for more information.

package/vue-pdf-embed-1/demo/App.vue

@@ -0,0 +1,56 @@
+<template>
+  <div>
+    <vue-pdf-embed
+      :image-resources-path="annotationIconsPath"
+      :source="pdfSource"
+    />
+  </div>
+</template>
+
+<script>
+import VuePdfEmbed from '../src/vue-pdf-embed.vue'
+
+export default {
+  components: {
+    VuePdfEmbed,
+  },
+  data() {
+    return {
+      annotationIconsPath: '/node_modules/pdfjs-dist/web/images/',
+      pdfSource:
+        'data:application/pdf;base64,' +
+        'JVBERi0xLjcKCjEgMCBvYmogICUgZW50cnkgcG9pbnQKPDwKICAvVHlwZSAvQ2F0YWxv' +
+        'ZwogIC9QYWdlcyAyIDAgUgo+PgplbmRvYmoKCjIgMCBvYmoKPDwKICAvVHlwZSAvUGFn' +
+        'ZXMKICAvTWVkaWFCb3ggWyAwIDAgMjAwIDIwMCBdCiAgL0NvdW50IDEKICAvS2lkcyBb' +
+        'IDMgMCBSIF0KPj4KZW5kb2JqCgozIDAgb2JqCjw8CiAgL1R5cGUgL1BhZ2UKICAvUGFy' +
+        'ZW50IDIgMCBSCiAgL1Jlc291cmNlcyA8PAogICAgL0ZvbnQgPDwKICAgICAgL0YxIDQg' +
+        'MCBSIAogICAgPj4KICA+PgogIC9Db250ZW50cyA1IDAgUgo+PgplbmRvYmoKCjQgMCBv' +
+        'YmoKPDwKICAvVHlwZSAvRm9udAogIC9TdWJ0eXBlIC9UeXBlMQogIC9CYXNlRm9udCAv' +
+        'VGltZXMtUm9tYW4KPj4KZW5kb2JqCgo1IDAgb2JqICAlIHBhZ2UgY29udGVudAo8PAog' +
+        'IC9MZW5ndGggNDQKPj4Kc3RyZWFtCkJUCjcwIDUwIFRECi9GMSAxMiBUZgooSGVsbG8s' +
+        'IHdvcmxkISkgVGoKRVQKZW5kc3RyZWFtCmVuZG9iagoKeHJlZgowIDYKMDAwMDAwMDAw' +
+        'MCA2NTUzNSBmIAowMDAwMDAwMDEwIDAwMDAwIG4gCjAwMDAwMDAwNzkgMDAwMDAgbiAK' +
+        'MDAwMDAwMDE3MyAwMDAwMCBuIAowMDAwMDAwMzAxIDAwMDAwIG4gCjAwMDAwMDAzODAg' +
+        'MDAwMDAgbiAKdHJhaWxlcgo8PAogIC9TaXplIDYKICAvUm9vdCAxIDAgUgo+PgpzdGFy' +
+        'dHhyZWYKNDkyCiUlRU9G',
+    }
+  },
+}
+</script>
+
+<style lang="scss">
+body {
+  padding: 16px;
+  background-color: #ccc;
+}
+
+.vue-pdf-embed {
+  margin: auto;
+  max-width: 480px;
+
+  & > div {
+    margin-bottom: 4px;
+    box-shadow: 0 2px 8px 4px rgba(0, 0, 0, 0.1);
+  }
+}
+</style>

package/vue-pdf-embed-1/demo/index.html

@@ -0,0 +1,11 @@
+<!DOCTYPE html>
+<html>
+  <head>
+    <meta charset="utf-8" />
+    <meta name="viewport" content="width=device-width,initial-scale=1.0" />
+    <title>vue-pdf-embed demo</title>
+  </head>
+  <body>
+    <div id="app"></div>
+  </body>
+</html>

package/vue-pdf-embed-1/demo/main.js

@@ -0,0 +1,8 @@
+import Vue from 'vue'
+
+import App from './App.vue'
+
+new Vue({
+  el: '#app',
+  render: (h) => h(App),
+})

package/vue-pdf-embed-1/jest.config.json

@@ -0,0 +1,6 @@
+{
+  "transform": {
+    "\\.js$": "babel-jest",
+    "\\.vue$": "vue-jest"
+  }
+}