@canopycanopycanopy/b-ber-reader-react 3.0.10 → 4.0.0

package/index.d.ts

@@ -100,7 +100,7 @@ export interface NavigationHeaderProps {
   uiOptions: UiOptions
   showSidebar: SidebarName | null
   spine: Spine
-  currentSpineItemIndex:number
+  currentSpineItemIndex: number
   metadata: Metadata
 }
 
@@ -209,4 +209,6 @@ export type BberReaderProps = RequireOneOf<
 
 declare const BberReader: React.FunctionComponent<BberReaderProps>
 
+export declare const Reader: React.FunctionComponent<BberReaderProps>
+
 export default BberReader

package/package.json

@@ -1,22 +1,26 @@
 {
   "name": "@canopycanopycanopy/b-ber-reader-react",
-  "version": "3.0.10",
+  "version": "4.0.0",
   "description": "",
-  "main": "dist/index.js",
+  "main": "dist/index.mjs",
+  "module": "dist/index.mjs",
+  "types": "index.d.ts",
+  "exports": {
+    ".": {
+      "types": "./index.d.ts",
+      "import": "./dist/index.mjs"
+    },
+    "./dist/styles.css": "./dist/styles.css"
+  },
   "scripts": {
-    "prepublish": "npm test",
-    "preversion": "npm test",
-    "webpack:src": "./scripts/webpack.sh",
-    "webpack:dist": "NODE_ENV=production ./scripts/webpack.sh",
-    "clean": "rimraf dist && rimraf stats.json",
-    "analyze": "./scripts/analyze.sh",
-    "watch": "./scripts/watch.sh",
-    "build": "./scripts/build.sh",
-    "start": "./scripts/start.sh",
+    "version": "node ./scripts/version.js",
+    "clean": "rimraf dist",
+    "build": "vite build --config vite.config.lib.js",
+    "watch": "vite build --watch --config vite.config.lib.js",
+    "start": "vite --config vite.config.js",
     "test:watch": "jest --watch",
     "test": "jest",
-    "webpack": "webpack",
-    "webpack-bundle-analyzer": "webpack-bundle-analyzer",
+    "typecheck": "tsc --noEmit",
     "bundle": "npm run build && npm pack"
   },
   "author": "Triple Canopy <b-ber@canopycanopycanopy.com> (https://triplecanopy.github.io/)",
@@ -25,63 +29,40 @@
     "access": "public"
   },
   "devDependencies": {
-    "@babel/cli": "^7.10.5",
-    "@babel/core": "^7.10.5",
-    "@babel/plugin-proposal-class-properties": "^7.10.4",
-    "@babel/plugin-proposal-object-rest-spread": "^7.10.4",
-    "@babel/plugin-proposal-optional-chaining": "^7.10.4",
-    "@babel/plugin-transform-runtime": "^7.10.5",
-    "@babel/preset-env": "^7.10.4",
-    "@babel/preset-react": "^7.10.4",
+    "@testing-library/dom": "^10.4.0",
+    "@testing-library/react": "^16.3.0",
+    "@types/css-tree": "^2.3.11",
+    "@types/detect-browser": "^3.0.0",
+    "@types/history": "^4.7.11",
+    "@types/prop-types": "^15.7.15",
+    "@types/react": "^19.2.17",
+    "@types/react-dom": "^19.2.3",
+    "@types/use-sync-external-store": "^0.0.6",
+    "@vitejs/plugin-react": "^6.0.2",
     "autoprefixer": "^9.6.1",
-    "babel-eslint": "^8.2.2",
-    "babel-loader": "^8.2.3",
     "buffer": "^6.0.3",
     "concurrently": "^3.5.1",
     "core-js": "^3.6.4",
-    "css-loader": "^0.28.10",
     "cssnano": "^4.1.10",
-    "eslint": "^7.32.0",
-    "eslint-config-airbnb": "^19.0.4",
-    "eslint-config-airbnb-base": "^15.0.0",
-    "eslint-plugin-babel": "^4.1.2",
-    "eslint-plugin-import": "^2.22.1",
-    "eslint-plugin-jsx-a11y": "^6.0.3",
-    "eslint-plugin-react": "^7.7.0",
     "express": "^4.17.3",
-    "file-loader": "^6.2.0",
     "handlebars": "^4.7.7",
-    "html-webpack-plugin": "^4.5.2",
-    "jest": "^26.6.3",
-    "jest-environment-jsdom": "^23.1.0",
-    "jest-environment-jsdom-global": "^1.1.0",
-    "material-icons": "^1.0.0",
-    "mini-css-extract-plugin": "^1.6.2",
+    "jest": "^29.7.0",
+    "jest-environment-jsdom": "^29.7.0",
+    "jest-environment-jsdom-global": "^4.0.0",
     "nodemon": "^2.0.15",
     "os-browserify": "^0.3.0",
     "postcss": "^7.0.14",
     "postcss-cssnext": "^3.1.0",
     "postcss-import": "^11.1.0",
-    "postcss-loader": "^2.1.1",
     "prop-types": "^15.6.1",
-    "react-test-renderer": ">=16.4 <=17",
-    "redux-mock-store": "^1.5.4",
+    "react-test-renderer": ">=16.4 <=19",
     "resize-observer-polyfill": "^1.5.0",
     "rimraf": "^2.7.1",
-    "sass": "^1.49.8",
-    "sass-loader": "^13.0.2",
+    "sass": "^1.70.0",
     "setimmediate": "^1.0.5",
     "stream-browserify": "^3.0.0",
-    "style-loader": "^0.20.2",
-    "sugarss": "^1.0.1",
     "tar": "^6.1.11",
-    "url-loader": "^4.1.1",
-    "webpack": "^5.74.0",
-    "webpack-bundle-analyzer": "^4.6.1",
-    "webpack-cleanup-plugin": "^0.5.1",
-    "webpack-cli": "^4.10.0",
-    "webpack-dev-server": "^4.11.1",
-    "webpack-remove-empty-scripts": "^1.0.1",
+    "vite": "^8.0.16",
     "xmlhttprequest-ssl": "^2.0.0"
   },
   "dependencies": {
@@ -96,15 +77,13 @@
     "quote": "^0.4.0",
     "react-attr-converter": "^0.3.1",
     "react-player": "^2.10.1",
-    "react-redux": "^7.1.3",
-    "redux": "^4.0.5",
-    "redux-thunk": "^2.3.0",
     "url-search-params-polyfill": "^4.0.0",
+    "use-sync-external-store": "^1.5.0",
     "xml-js": "^1.6.2"
   },
   "peerDependencies": {
-    "react": ">=16.2.0 <=17",
-    "react-dom": ">=16.2.0 <=17"
+    "react": ">=16.2.0 <=19",
+    "react-dom": ">=16.2.0 <=19"
   },
   "files": [
     "dist",
@@ -124,5 +103,5 @@
       "url": "https://maxwellsimmer.com"
     }
   ],
-  "gitHead": "b7e9fcdc5eca234bcf03b7b425039ed24853e419"
+  "gitHead": "435b9c7e6b97d3fbdeb21f2308283597040ebfc8"
 }

package/dist/353.js

@@ -1 +0,0 @@
-(self.webpackChunkBberReader=self.webpackChunkBberReader||[]).push([[353],{31016:(e,t,r)=>{var a,n=Object.create,i=Object.defineProperty,l=Object.getOwnPropertyDescriptor,o=Object.getOwnPropertyNames,s=Object.getPrototypeOf,p=Object.prototype.hasOwnProperty,c=(e,t,r,a)=>{if(t&&"object"==typeof t||"function"==typeof t)for(let n of o(t))p.call(e,n)||n===r||i(e,n,{get:()=>t[n],enumerable:!(a=l(t,n))||a.enumerable});return e},d=(e,t,r)=>(((e,t,r)=>{t in e?i(e,t,{enumerable:!0,configurable:!0,writable:!0,value:r}):e[t]=r})(e,"symbol"!=typeof t?t+"":t,r),r),u={};((e,t)=>{for(var r in t)i(e,r,{get:t[r],enumerable:!0})})(u,{default:()=>g}),e.exports=(a=u,c(i({},"__esModule",{value:!0}),a));var h=((e,t,r)=>(r=null!=e?n(s(e)):{},c(e&&e.__esModule?r:i(r,"default",{value:e,enumerable:!0}),e)))(r(64012));const m="64px",b={};class g extends h.Component{constructor(){super(...arguments),d(this,"mounted",!1),d(this,"state",{image:null}),d(this,"handleKeyPress",(e=>{"Enter"!==e.key&&" "!==e.key||this.props.onClick()}))}componentDidMount(){this.mounted=!0,this.fetchImage(this.props)}componentDidUpdate(e){const{url:t,light:r}=this.props;e.url===t&&e.light===r||this.fetchImage(this.props)}componentWillUnmount(){this.mounted=!1}fetchImage({url:e,light:t,oEmbedUrl:r}){if(!h.default.isValidElement(t))if("string"!=typeof t){if(!b[e])return this.setState({image:null}),window.fetch(r.replace("{url}",e)).then((e=>e.json())).then((t=>{if(t.thumbnail_url&&this.mounted){const r=t.thumbnail_url.replace("height=100","height=480").replace("-d_295x166","-d_640");this.setState({image:r}),b[e]=r}}));this.setState({image:b[e]})}else this.setState({image:t})}render(){const{light:e,onClick:t,playIcon:r,previewTabIndex:a,previewAriaLabel:n}=this.props,{image:i}=this.state,l=h.default.isValidElement(e),o={display:"flex",alignItems:"center",justifyContent:"center"},s={preview:{width:"100%",height:"100%",backgroundImage:i&&!l?`url(${i})`:void 0,backgroundSize:"cover",backgroundPosition:"center",cursor:"pointer",...o},shadow:{background:"radial-gradient(rgb(0, 0, 0, 0.3), rgba(0, 0, 0, 0) 60%)",borderRadius:m,width:m,height:m,position:l?"absolute":void 0,...o},playIcon:{borderStyle:"solid",borderWidth:"16px 0 16px 26px",borderColor:"transparent transparent transparent white",marginLeft:"7px"}},p=h.default.createElement("div",{style:s.shadow,className:"react-player__shadow"},h.default.createElement("div",{style:s.playIcon,className:"react-player__play-icon"}));return h.default.createElement("div",{style:s.preview,className:"react-player__preview",onClick:t,tabIndex:a,onKeyPress:this.handleKeyPress,...n?{"aria-label":n}:{}},l?e:null,r||p)}}}}]);