@scaleflex/widget-pdf-js 0.0.1

package/lib/index.js

@@ -0,0 +1,186 @@
+function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
+function _classCallCheck(a, n) { if (!(a instanceof n)) throw new TypeError("Cannot call a class as a function"); }
+function _defineProperties(e, r) { for (var t = 0; t < r.length; t++) { var o = r[t]; o.enumerable = o.enumerable || !1, o.configurable = !0, "value" in o && (o.writable = !0), Object.defineProperty(e, _toPropertyKey(o.key), o); } }
+function _createClass(e, r, t) { return r && _defineProperties(e.prototype, r), t && _defineProperties(e, t), Object.defineProperty(e, "prototype", { writable: !1 }), e; }
+function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : i + ""; }
+function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
+function _callSuper(t, o, e) { return o = _getPrototypeOf(o), _possibleConstructorReturn(t, _isNativeReflectConstruct() ? Reflect.construct(o, e || [], _getPrototypeOf(t).constructor) : o.apply(t, e)); }
+function _possibleConstructorReturn(t, e) { if (e && ("object" == _typeof(e) || "function" == typeof e)) return e; if (void 0 !== e) throw new TypeError("Derived constructors may only return object or undefined"); return _assertThisInitialized(t); }
+function _assertThisInitialized(e) { if (void 0 === e) throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); return e; }
+function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); }
+function _getPrototypeOf(t) { return _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf.bind() : function (t) { return t.__proto__ || Object.getPrototypeOf(t); }, _getPrototypeOf(t); }
+function _inherits(t, e) { if ("function" != typeof e && null !== e) throw new TypeError("Super expression must either be null or a function"); t.prototype = Object.create(e && e.prototype, { constructor: { value: t, writable: !0, configurable: !0 } }), Object.defineProperty(t, "prototype", { writable: !1 }), e && _setPrototypeOf(t, e); }
+function _setPrototypeOf(t, e) { return _setPrototypeOf = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function (t, e) { return t.__proto__ = e, t; }, _setPrototypeOf(t, e); }
+import { Plugin, Filerobot } from '@scaleflex/widget-core';
+import Explorer from '@scaleflex/widget-explorer';
+import Translator from '@scaleflex/widget-utils/lib/Translator';
+import { PLUGINS_IDS } from '@scaleflex/widget-utils/lib/constants';
+import getFileLink from '@scaleflex/widget-utils/lib/getFileLink';
+import isUploadableFile from '@scaleflex/widget-utils/lib/isUploadableFile';
+import defaultLocale from './defaultLocale';
+import PdfPreview from './components/PdfPreview';
+
+// TODO: find a way to show version of the current plugin
+// why solution below isn't good?
+// first import doesn't work with webpack 5 as it was deprecated
+// second import fixes webpack 5 issue as it was mentioned in their docs
+// but it exposes our package.json to the client and it is mentioned as security rist in mutiple places
+// https://github.com/axelpale/genversion
+// https://stackoverflow.com/questions/64993118/error-should-not-import-the-named-export-version-imported-as-version
+// https://stackoverflow.com/questions/9153571/is-there-a-way-to-get-version-from-package-json-in-nodejs-code/10855054#10855054
+// import { version } from '../package.json'
+// import packageInfo from '../package.json'
+var PdfJs = /*#__PURE__*/function (_Plugin) {
+  // static VERSION = packageInfo.version
+
+  function PdfJs(filerobot) {
+    var _this;
+    var opts = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
+    _classCallCheck(this, PdfJs);
+    _this = _callSuper(this, PdfJs, [filerobot, opts]);
+    _this.id = PLUGINS_IDS.PDF_JS;
+    _this.libId = 'pdfjs-lib';
+    _this.title = 'Pdf-js';
+    _this.type = 'editor';
+    _this.defaultLocale = {
+      strings: defaultLocale
+    };
+    _this.opts = opts;
+    _this.i18nInit();
+    _this.prepareDocument = _this.prepareDocument.bind(_this);
+    _this.render = _this.render.bind(_this);
+    return _this;
+  }
+  _inherits(PdfJs, _Plugin);
+  return _createClass(PdfJs, [{
+    key: "i18nInit",
+    value: function i18nInit() {
+      this.translator = new Translator([this.defaultLocale, this.filerobot.locale, this.opts.locale]);
+      this.i18n = this.translator.translate.bind(this.translator);
+      this.i18nArray = this.translator.translateArray.bind(this.translator);
+    }
+  }, {
+    key: "install",
+    value: function install() {
+      if (Explorer) {
+        this.mount(Explorer, this);
+        this.loadLib();
+      }
+    }
+  }, {
+    key: "uninstall",
+    value: function uninstall() {
+      this.unmount();
+      this.removeLib();
+    }
+  }, {
+    key: "loadLib",
+    value: function loadLib() {
+      var _this2 = this;
+      if (this.isPdfJsLibLoading) {
+        return;
+      }
+      this.isPdfJsLibLoading = true;
+
+      // We are using both pdfjs & its worker from CDN as they needs dynamic import, that would cause a change in vite's build target
+      // Also would cause to change the bundled JS bundle type from umd to es, so using the CDN avoids that.
+      var script = document.createElement('script');
+      script.id = this.libId;
+      script.src = 'https://scaleflex.cloudimg.io/v7/plugins/filerobot-widget/assets/js/pdf.min.js?vh=a4641a&func=proxy';
+      script.async = true;
+      script.onload = function () {
+        _this2.pdfJsLib = window.pdfjsLib;
+        _this2.pdfJsLib.GlobalWorkerOptions.workerSrc = 'https://scaleflex.cloudimg.io/v7/plugins/filerobot-widget/assets/js/pdf.worker.js?vh=49162d&func=proxy';
+        _this2.isPdfJsLibLoading = false;
+        if (typeof _this2.onLoadPdfJsLib === 'function') {
+          _this2.onLoadPdfJsLib();
+          _this2.onLoadPdfJsLib = null;
+        }
+      };
+      script.onerror = function () {
+        _this2.isPdfJsLibLoading = false;
+        _this2.removeLib();
+        if (typeof _this2.onErrorPdfJsLib === 'function') {
+          _this2.onErrorPdfJsLib();
+          _this2.onErrorPdfJsLib = null;
+        }
+      };
+      document.body.appendChild(script);
+    }
+  }, {
+    key: "removeLib",
+    value: function removeLib() {
+      this.isPdfJsLibLoading = false;
+      var element = document.getElementById(this.libId);
+      if (element) {
+        document.body.removeChild(element);
+      }
+    }
+  }, {
+    key: "handleLoadingDocumentError",
+    value: function handleLoadingDocumentError(setIsFailedToViewPdf, reason) {
+      var abortMsgsToDismiss = ['worker was destroyed', 'transport destroyed', 'canceled'];
+      if (abortMsgsToDismiss.includes(reason === null || reason === void 0 ? void 0 : reason.toLowerCase())) {
+        return;
+      }
+      this.info({
+        message: this.i18n('pdfJsPdfPreviewErrorLabel'),
+        details: reason || ''
+      }, 'warning', 5000);
+      setIsFailedToViewPdf(true);
+    }
+  }, {
+    key: "waitForLibLoadingThenPrepareDocument",
+    value: function waitForLibLoadingThenPrepareDocument(pdfPath) {
+      var _this3 = this;
+      var isPrepareCancelled = false;
+      var destroyPendingDocPrepare = function destroyPendingDocPrepare() {
+        isPrepareCancelled = true;
+      };
+      var waitLibAndPrepareDocPromise = new Promise(function (resolve, reject) {
+        _this3.onLoadPdfJsLib = async function () {
+          if (isPrepareCancelled) {
+            reject(new Error('canceled'));
+            return;
+          }
+          var doc = await _this3.prepareDocument(pdfPath).promise;
+          resolve(doc);
+        };
+        _this3.onErrorPdfJsLib = function () {
+          reject(new Error('canceled'));
+        };
+        // Making sure that the loading request is sent (maybe it's failed at some point so we are re-sending it)
+        // If it is already loading/in-progress its safe guard condition there won't re-trigger it.
+        _this3.loadLib();
+      });
+
+      // Simulating used properties in PdfPreview and same as the ones returned from getDocument of the lib.
+      return {
+        promise: waitLibAndPrepareDocPromise,
+        destroy: destroyPendingDocPrepare
+      };
+    }
+  }, {
+    key: "prepareDocument",
+    value: function prepareDocument(pdfPath) {
+      if (!this.pdfJsLib) {
+        return this.waitForLibLoadingThenPrepareDocument(pdfPath);
+      }
+      return this.pdfJsLib.getDocument(pdfPath);
+    }
+  }, {
+    key: "render",
+    value: function render(_ref) {
+      var file = _ref.file,
+        setIsFailedToViewPdf = _ref.setIsFailedToViewPdf;
+      var pdfSource = isUploadableFile(file) ? Filerobot.uploadFilesData[file.id] : getFileLink(file);
+      return PdfPreview({
+        pdfSource: pdfSource,
+        i18n: this.i18n,
+        prepareDocument: this.prepareDocument,
+        onError: this.handleLoadingDocumentError.bind(this, setIsFailedToViewPdf)
+      });
+    }
+  }]);
+}(Plugin);
+export default PdfJs;

package/package.json

@@ -0,0 +1,31 @@
+{
+  "name": "@scaleflex/widget-pdf-js",
+  "version": "0.0.1",
+  "description": "Pdf-js integration with Scaleflex",
+  "license": "MIT",
+  "main": "lib/index.js",
+  "files": [
+    "/dist",
+    "/lib",
+    "/types"
+  ],
+  "publishConfig": {
+    "access": "public"
+  },
+  "dependencies": {
+    "@scaleflex/icons": "^3.0.0-beta.11",
+    "@scaleflex/ui": "^3.0.0-beta.11",
+    "@scaleflex/widget-common": "^0.0.1"
+  },
+  "devDependencies": {
+    "react": "^19.0.0",
+    "react-dom": "^19.0.0"
+  },
+  "peerDependencies": {
+    "@scaleflex/widget-core": "^0.0.0",
+    "@scaleflex/widget-explorer": "^0.0.0",
+    "react": ">=19.0.0",
+    "react-dom": ">=19.0.0"
+  },
+  "gitHead": "64ea82e745b7deda36d6794863350e6671e9010d"
+}