{"_id":"360-react-pannellum","_rev":"5-5ba59e4d6386533dc53a015a7ec33b29","name":"360-react-pannellum","time":{"modified":"2022-04-04T10:20:28.266Z","created":"2017-07-26T07:55:52.070Z","0.1.0":"2017-07-26T07:55:52.070Z","0.0.1":"2017-07-27T07:38:55.704Z","0.0.2":"2017-07-27T08:35:14.815Z","0.0.3":"2017-07-31T07:34:56.481Z"},"maintainers":[{"name":"spybaby1","email":"spybaby1@gmail.com"}],"dist-tags":{"latest":"0.0.3"},"description":"Panorama viewer for react.","readme":"Panorama viewer for react.\n\nPannellum is a lightweight, free, and open source panorama viewer for the web.\n\n\n\n## How to Install\n\n```sh\nnpm install 360-react-pannellum --save\n```\n\nAlternatively you may use `yarn`:\n\n```sh\nyarn add 360-react-pannellum\n```\n\n\n## How to Use\n\n```js\nimport React, { Component } from 'react'\nimport Pannellum from 'components/360-react-pannellum'\n\nclass Example extends Component {\n  render () {\n    <Pannellum\n      width='100%'\n      height='200px'\n      imagePath='https://pannellum.org/images/alma.jpg'\n      isDisplayCloseButton={true}\n      closeHandler={closeAction}\n      closeButtonTitle='Close'\n      showZoomCtrl={false}\n      showFullscreenCtrl={false}\n      autoLoad />\n  }\n\n  const closeAction = () => {\n\n  }\n}\n```\n","versions":{"0.0.1":{"name":"360-react-pannellum","author":{"name":"Spybaby1"},"version":"0.0.1","private":false,"main":"lib/index.js","dependencies":{"react":"^15.6.1","react-dom":"^15.6.1","recompose":"^0.24.0","styled-components":"^2.1.1"},"devDependencies":{"autoprefixer":"7.1.1","babel-core":"6.25.0","babel-eslint":"7.2.3","babel-jest":"20.0.3","babel-loader":"7.0.0","babel-preset-react-app":"^3.0.1","babel-runtime":"6.23.0","case-sensitive-paths-webpack-plugin":"2.1.1","chalk":"1.1.3","css-loader":"0.28.4","dotenv":"4.0.0","eslint":"3.19.0","eslint-config-react-app":"^1.0.5","eslint-loader":"1.7.1","eslint-plugin-flowtype":"2.34.0","eslint-plugin-import":"2.2.0","eslint-plugin-jsx-a11y":"5.0.3","eslint-plugin-react":"7.1.0","extract-text-webpack-plugin":"2.1.2","file-loader":"0.11.2","fs-extra":"3.0.1","html-webpack-plugin":"2.29.0","jest":"20.0.4","object-assign":"4.1.1","postcss-flexbugs-fixes":"3.0.0","postcss-loader":"2.0.6","promise":"7.1.1","react-dev-utils":"^3.0.2","react-error-overlay":"^1.0.9","style-loader":"0.18.2","sw-precache-webpack-plugin":"0.11.3","url-loader":"0.5.9","webpack":"2.6.1","webpack-dev-server":"2.5.0","webpack-manifest-plugin":"1.1.0","whatwg-fetch":"2.0.3","babel-cli":"^6.24.1","babel-preset-es2015":"^6.24.1","babel-preset-react":"^6.24.1","babel-preset-stage-0":"^6.24.1"},"scripts":{"start":"node scripts/start.js","build":"node scripts/build.js","lib":"NODE_ENV=production babel src/node_modules --out-dir lib --copy-files","test":"node scripts/test.js --env=jsdom"},"jest":{"collectCoverageFrom":["src/**/*.{js,jsx}"],"setupFiles":["<rootDir>/config/polyfills.js"],"testMatch":["<rootDir>/src/**/__tests__/**/*.js?(x)","<rootDir>/src/**/?(*.)(spec|test).js?(x)"],"testEnvironment":"node","testURL":"http://localhost","transform":{"^.+\\.(js|jsx)$":"<rootDir>/node_modules/babel-jest","^.+\\.css$":"<rootDir>/config/jest/cssTransform.js","^(?!.*\\.(js|jsx|css|json)$)":"<rootDir>/config/jest/fileTransform.js"},"transformIgnorePatterns":["[/\\\\]node_modules[/\\\\].+\\.(js|jsx)$"],"moduleNameMapper":{"^react-native$":"react-native-web"},"moduleFileExtensions":["web.js","js","json","web.jsx","jsx"]},"babel":{"presets":["react-app"]},"eslintConfig":{"extends":"react-app"},"description":"Panorama viewer for react.","_id":"360-react-pannellum@0.0.1","_npmVersion":"5.3.0","_nodeVersion":"8.1.3","_npmUser":{"name":"spybaby1","email":"spybaby1@gmail.com"},"dist":{"integrity":"sha512-F26tqck9CwS0HUvJ9qcuDOB3wM8QyukvCjovUhW7a49/zDcalDAfIxmzMohxid5DICBF5ZiUwH+bugigHZcs7g==","shasum":"8cff878a0af34e124549fc9308da9162620b1fe1","tarball":"https://registry.npmjs.org/360-react-pannellum/-/360-react-pannellum-0.0.1.tgz","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIBDYp0wHt806xvKd+QynLEoQ5b1nj8VKhX/SXVH68pR0AiARaO8QBxl0HA3C3id+dPRBc9i8/gghHC+KU5oWtTycGA=="}]},"maintainers":[{"name":"spybaby1","email":"spybaby1@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/360-react-pannellum-0.0.1.tgz_1501141135524_0.6241266406141222"}},"0.0.2":{"name":"360-react-pannellum","author":{"name":"Spybaby1"},"version":"0.0.2","private":false,"main":"lib/index.js","dependencies":{"react":"^15.6.1","react-dom":"^15.6.1","recompose":"^0.24.0","styled-components":"^2.1.1"},"devDependencies":{"autoprefixer":"7.1.1","babel-core":"6.25.0","babel-eslint":"7.2.3","babel-jest":"20.0.3","babel-loader":"7.0.0","babel-preset-react-app":"^3.0.1","babel-runtime":"6.23.0","case-sensitive-paths-webpack-plugin":"2.1.1","chalk":"1.1.3","css-loader":"0.28.4","dotenv":"4.0.0","eslint":"3.19.0","eslint-config-react-app":"^1.0.5","eslint-loader":"1.7.1","eslint-plugin-flowtype":"2.34.0","eslint-plugin-import":"2.2.0","eslint-plugin-jsx-a11y":"5.0.3","eslint-plugin-react":"7.1.0","extract-text-webpack-plugin":"2.1.2","file-loader":"0.11.2","fs-extra":"3.0.1","html-webpack-plugin":"2.29.0","jest":"20.0.4","object-assign":"4.1.1","postcss-flexbugs-fixes":"3.0.0","postcss-loader":"2.0.6","promise":"7.1.1","react-dev-utils":"^3.0.2","react-error-overlay":"^1.0.9","style-loader":"0.18.2","sw-precache-webpack-plugin":"0.11.3","url-loader":"0.5.9","webpack":"2.6.1","webpack-dev-server":"2.5.0","webpack-manifest-plugin":"1.1.0","whatwg-fetch":"2.0.3","babel-cli":"^6.24.1","babel-preset-es2015":"^6.24.1","babel-preset-react":"^6.24.1","babel-preset-stage-0":"^6.24.1"},"scripts":{"start":"node scripts/start.js","build":"node scripts/build.js","lib":"NODE_ENV=production babel src/node_modules --out-dir lib --copy-files","test":"node scripts/test.js --env=jsdom"},"jest":{"collectCoverageFrom":["src/**/*.{js,jsx}"],"setupFiles":["<rootDir>/config/polyfills.js"],"testMatch":["<rootDir>/src/**/__tests__/**/*.js?(x)","<rootDir>/src/**/?(*.)(spec|test).js?(x)"],"testEnvironment":"node","testURL":"http://localhost","transform":{"^.+\\.(js|jsx)$":"<rootDir>/node_modules/babel-jest","^.+\\.css$":"<rootDir>/config/jest/cssTransform.js","^(?!.*\\.(js|jsx|css|json)$)":"<rootDir>/config/jest/fileTransform.js"},"transformIgnorePatterns":["[/\\\\]node_modules[/\\\\].+\\.(js|jsx)$"],"moduleNameMapper":{"^react-native$":"react-native-web"},"moduleFileExtensions":["web.js","js","json","web.jsx","jsx"]},"babel":{"presets":["react-app"]},"eslintConfig":{"extends":"react-app"},"description":"Panorama viewer for react.","_id":"360-react-pannellum@0.0.2","_npmVersion":"5.3.0","_nodeVersion":"8.1.3","_npmUser":{"name":"spybaby1","email":"spybaby1@gmail.com"},"dist":{"integrity":"sha512-TurngDC1UvwKYIKyvGOO1CRih492nMLEBiLgXXQvcBi12nZSXe6VpBjQ5KJqIL1p3VJRu/D+X+R19upjs0GC7g==","shasum":"b84a3df06faa19e5122d69f8f0af98eec1d5a5d9","tarball":"https://registry.npmjs.org/360-react-pannellum/-/360-react-pannellum-0.0.2.tgz","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQDyKHkmtX9KQsjH/2txUSNQPKjrGYyO30KXnte2EubGaAIgQ1CgDbVYYez8+3Q09C6zXv9e7eR4MqCjhHJrlnB5PtE="}]},"maintainers":[{"name":"spybaby1","email":"spybaby1@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/360-react-pannellum-0.0.2.tgz_1501144514717_0.7332255148794502"}},"0.0.3":{"name":"360-react-pannellum","author":{"name":"Spybaby1"},"version":"0.0.3","private":false,"main":"lib/index.js","dependencies":{"react":"^15.6.1","react-dom":"^15.6.1","recompose":"^0.24.0","styled-components":"^2.1.1"},"devDependencies":{"autoprefixer":"7.1.1","babel-core":"6.25.0","babel-eslint":"7.2.3","babel-jest":"20.0.3","babel-loader":"7.0.0","babel-preset-react-app":"^3.0.1","babel-runtime":"6.23.0","case-sensitive-paths-webpack-plugin":"2.1.1","chalk":"1.1.3","css-loader":"0.28.4","dotenv":"4.0.0","eslint":"3.19.0","eslint-config-react-app":"^1.0.5","eslint-loader":"1.7.1","eslint-plugin-flowtype":"2.34.0","eslint-plugin-import":"2.2.0","eslint-plugin-jsx-a11y":"5.0.3","eslint-plugin-react":"7.1.0","extract-text-webpack-plugin":"2.1.2","file-loader":"0.11.2","fs-extra":"3.0.1","html-webpack-plugin":"2.29.0","jest":"20.0.4","object-assign":"4.1.1","postcss-flexbugs-fixes":"3.0.0","postcss-loader":"2.0.6","promise":"7.1.1","react-dev-utils":"^3.0.2","react-error-overlay":"^1.0.9","style-loader":"0.18.2","sw-precache-webpack-plugin":"0.11.3","url-loader":"0.5.9","webpack":"2.6.1","webpack-dev-server":"2.5.0","webpack-manifest-plugin":"1.1.0","whatwg-fetch":"2.0.3","babel-cli":"^6.24.1","babel-preset-es2015":"^6.24.1","babel-preset-react":"^6.24.1","babel-preset-stage-0":"^6.24.1"},"scripts":{"start":"node scripts/start.js","build":"node scripts/build.js","lib":"NODE_ENV=production babel src/node_modules --out-dir lib --copy-files","test":"node scripts/test.js --env=jsdom"},"jest":{"collectCoverageFrom":["src/**/*.{js,jsx}"],"setupFiles":["<rootDir>/config/polyfills.js"],"testMatch":["<rootDir>/src/**/__tests__/**/*.js?(x)","<rootDir>/src/**/?(*.)(spec|test).js?(x)"],"testEnvironment":"node","testURL":"http://localhost","transform":{"^.+\\.(js|jsx)$":"<rootDir>/node_modules/babel-jest","^.+\\.css$":"<rootDir>/config/jest/cssTransform.js","^(?!.*\\.(js|jsx|css|json)$)":"<rootDir>/config/jest/fileTransform.js"},"transformIgnorePatterns":["[/\\\\]node_modules[/\\\\].+\\.(js|jsx)$"],"moduleNameMapper":{"^react-native$":"react-native-web"},"moduleFileExtensions":["web.js","js","json","web.jsx","jsx"]},"babel":{"presets":["react-app"]},"eslintConfig":{"extends":"react-app"},"description":"Panorama viewer for react.","_id":"360-react-pannellum@0.0.3","_npmVersion":"5.3.0","_nodeVersion":"8.1.3","_npmUser":{"name":"spybaby1","email":"spybaby1@gmail.com"},"dist":{"integrity":"sha512-nPs1cYbj1CIMfZUkmAp7YhIf0mdOC1cxVWiVh9lRzS5T97ytOxUACX6dVTY6x19y7355dPqVWKsFi0VdLPbKRA==","shasum":"d5ba8aa05f309d8f8f27d20645ab31177a95061e","tarball":"https://registry.npmjs.org/360-react-pannellum/-/360-react-pannellum-0.0.3.tgz","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCICJjcQcWwqdWQT7rgaHYtHyEhJJr1eu4Rgz7i7HLkcWQAiEA4ux1qMVQ9zrEeXp0LSN3ExBlCS9Hgv3vS1PaQpRuzc0="}]},"maintainers":[{"name":"spybaby1","email":"spybaby1@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/360-react-pannellum-0.0.3.tgz_1501486496342_0.06510940473526716"}}},"author":{"name":"Spybaby1"},"readmeFilename":"README.md"}