{"_id":"@10play/react-native-web-webview","_rev":"2-0928446c31f6f0940aa3b69d96ddc50f","name":"@10play/react-native-web-webview","dist-tags":{"latest":"0.0.3"},"versions":{"0.0.1":{"name":"@10play/react-native-web-webview","version":"0.0.1","author":{"url":"https://www.10play.dev","name":"Amir Angel","email":"36531255+17Amir17@users.noreply.github.com"},"_id":"@10play/react-native-web-webview@0.0.1","maintainers":[{"name":"17amir17","email":"amir@10play.dev"},{"name":"guy353","email":"guy353@gmail.com"}],"dist":{"shasum":"1afa55d8745ba882bc4cd5d5233323b5e1438d84","tarball":"https://registry.npmjs.org/@10play/react-native-web-webview/-/react-native-web-webview-0.0.1.tgz","fileCount":43,"integrity":"sha512-8KXlbJhoIlIvVor3H/uzAsWo7ogLquW4ns0u7g4qmtNTP/btzu2BBQTej/Adjz6Pj5HyzwwIR4H+8eegfy4RGw==","signatures":[{"sig":"MEQCIFTGqkRjwOq8nh4q1fShM+uZ/+WIZwNZFgt91IgN8d74AiAvDeX0oWKL1gNUFbBYnqkyuPUQ5ghWWkbocOeIoCG7Cw==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":29475},"main":"./lib/commonjs/index.js","types":"./lib/typescript/commonjs/src/index.d.ts","module":"./lib/module/index.js","source":"./src/index.ts","exports":{".":{"import":{"types":"./lib/typescript/module/src/index.d.ts","default":"./lib/module/index.js"},"require":{"types":"./lib/typescript/commonjs/src/index.d.ts","default":"./lib/commonjs/index.js"}}},"gitHead":"d1647cd7cf14293d83b515361a1ab20ddcce871e","scripts":{"tsc":" yarn tsc","prepare":"bob build","release":"release-it"},"_npmUser":{"name":"17amir17","email":"amir@10play.dev"},"workspaces":["example"],"_npmVersion":"10.2.3","description":"React Native Web implementation of React Native WebView","directories":{},"_nodeVersion":"20.10.0","eslintIgnore":["node_modules/","lib/"],"publishConfig":{"access":"public","registry":"https://registry.npmjs.org/"},"_hasShrinkwrap":false,"packageManager":"yarn@4.1.1","devDependencies":{"react":"^16.13.1","react-dom":"^16.13.1","@types/react":"^18.3.4","react-native":"0.74.5","react-native-webview":"^13.11.1","react-native-builder-bob":"^0.30.0"},"peerDependencies":{"react":"*","react-dom":"*","react-native":"*","react-native-web":"*"},"_npmOperationalInternal":{"tmp":"tmp/react-native-web-webview_0.0.1_1724599080355_0.8236867430235684","host":"s3://npm-registry-packages"},"react-native-builder-bob":{"output":"lib","source":"src","targets":[["commonjs",{"esm":true}],["module",{"esm":true}],["typescript",{"esm":true}]]}},"0.0.2":{"name":"@10play/react-native-web-webview","version":"0.0.2","author":{"url":"https://www.10play.dev","name":"Amir Angel","email":"36531255+17Amir17@users.noreply.github.com"},"_id":"@10play/react-native-web-webview@0.0.2","maintainers":[{"name":"17amir17","email":"amir@10play.dev"},{"name":"guy353","email":"guy353@gmail.com"}],"dist":{"shasum":"4a744349fe457efc1b4a3978e3d6a4d2c8984a53","tarball":"https://registry.npmjs.org/@10play/react-native-web-webview/-/react-native-web-webview-0.0.2.tgz","fileCount":43,"integrity":"sha512-onOe7pCI+wZASr55rCi1XeRgq+Mm2RgSFuMnrELJBWWNsoMTzXEWmLOUlBG7ugz0+KtRgLdA6i02V9ylT0k2FQ==","signatures":[{"sig":"MEQCIA04vFXX4pmfTsb/M3XR/eDnPBl16/6qgPed5ee+m5drAiAkboRYl0qW8N4p0t9q2Cmv+MS6U63giri76/CCtIp/7Q==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":29582},"main":"./lib/commonjs/index.js","types":"./lib/typescript/commonjs/src/index.d.ts","module":"./lib/module/index.js","source":"./src/index.ts","exports":{".":{"import":{"types":"./lib/typescript/module/src/index.d.ts","default":"./lib/module/index.js"},"require":{"types":"./lib/typescript/commonjs/src/index.d.ts","default":"./lib/commonjs/index.js"}},"./shim":{"import":"./lib/module/index.js","require":"./lib/commonjs/index.js"}},"gitHead":"4048d9465509a19748f64e5466411abb0413934f","scripts":{"tsc":" yarn tsc","prepare":"bob build","release":"release-it"},"_npmUser":{"name":"17amir17","email":"amir@10play.dev"},"workspaces":["example"],"_npmVersion":"10.2.3","description":"React Native Web implementation of React Native WebView","directories":{},"_nodeVersion":"20.10.0","eslintIgnore":["node_modules/","lib/"],"publishConfig":{"access":"public","registry":"https://registry.npmjs.org/"},"_hasShrinkwrap":false,"packageManager":"yarn@4.1.1","devDependencies":{"react":"^16.13.1","react-dom":"^16.13.1","@types/react":"^18.3.4","react-native":"0.74.5","react-native-webview":"^13.11.1","react-native-builder-bob":"^0.30.0"},"peerDependencies":{"react":"*","react-dom":"*","react-native":"*","react-native-web":"*"},"_npmOperationalInternal":{"tmp":"tmp/react-native-web-webview_0.0.2_1724658185538_0.2014065425797853","host":"s3://npm-registry-packages"},"react-native-builder-bob":{"output":"lib","source":"src","targets":[["commonjs",{"esm":true}],["module",{"esm":true}],["typescript",{"esm":true}]]}},"0.0.3":{"name":"@10play/react-native-web-webview","packageManager":"yarn@4.1.1","devDependencies":{"@types/react":"^18.3.4","react":"^16.13.1","react-dom":"^16.13.1","react-native":"0.74.5","react-native-builder-bob":"^0.30.0","react-native-webview":"^13.11.1"},"peerDependencies":{"react":"*","react-dom":"*","react-native":"*","react-native-web":"*"},"source":"./src/index.ts","main":"./lib/commonjs/index.js","module":"./lib/module/index.js","types":"./lib/typescript/commonjs/src/index.d.ts","exports":{".":{"import":{"types":"./lib/typescript/module/src/index.d.ts","default":"./lib/module/index.js"},"require":{"types":"./lib/typescript/commonjs/src/index.d.ts","default":"./lib/commonjs/index.js"}},"./shim":{"import":"./lib/module/shim.js","require":"./lib/commonjs/shim.js"}},"scripts":{"tsc":" yarn tsc","prepare":"bob build","release":"release-it"},"react-native-builder-bob":{"source":"src","output":"lib","targets":[["commonjs",{"esm":true}],["module",{"esm":true}],["typescript",{"esm":true}]]},"eslintIgnore":["node_modules/","lib/"],"workspaces":["example"],"author":{"name":"Amir Angel","email":"36531255+17Amir17@users.noreply.github.com","url":"https://www.10play.dev"},"publishConfig":{"registry":"https://registry.npmjs.org/","access":"public"},"version":"0.0.3","_id":"@10play/react-native-web-webview@0.0.3","gitHead":"55076741b2655bfb4726f2b157c1e6ab77830069","description":"React Native Web implementation of React Native WebView","_nodeVersion":"20.10.0","_npmVersion":"10.2.3","dist":{"integrity":"sha512-07qO/USJe+IH+xR3bALwbLX2/2Y5VwiYhBZ5JkZugdkthFBiWs98s4duUd95ZNEaoMbdyV+xMqaibo6MOvOM6Q==","shasum":"c83255f15f10ab4b2a2c3851baded82ddee579a4","tarball":"https://registry.npmjs.org/@10play/react-native-web-webview/-/react-native-web-webview-0.0.3.tgz","fileCount":43,"unpackedSize":29580,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQDsNU+SYpYYlyfmgLR0cAxiTtVGQW5GColwDaW4MTJOhQIgL3qkSVI7uOAY6pl5+nO2xWpDC8gDr7Vf23maENRTbAQ="}]},"_npmUser":{"name":"17amir17","email":"amir@10play.dev"},"directories":{},"maintainers":[{"name":"17amir17","email":"amir@10play.dev"},{"name":"guy353","email":"guy353@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/react-native-web-webview_0.0.3_1724660944372_0.44289949843259135"},"_hasShrinkwrap":false}},"time":{"created":"2024-08-25T15:18:00.267Z","modified":"2024-08-26T08:29:04.724Z","0.0.1":"2024-08-25T15:18:00.544Z","0.0.2":"2024-08-26T07:43:05.669Z","0.0.3":"2024-08-26T08:29:04.534Z"},"author":{"name":"Amir Angel","email":"36531255+17Amir17@users.noreply.github.com","url":"https://www.10play.dev"},"description":"React Native Web implementation of React Native WebView","maintainers":[{"name":"17amir17","email":"amir@10play.dev"},{"name":"guy353","email":"guy353@gmail.com"}],"readme":"# react-native-web-webview\n\nReact Native Web implementation of React Native WebView\n\nBased on https://github.com/react-native-web-community/react-native-web-webview\n\n# react-native-web-webview\n\n> React Native for Web implementation of RN's WebView\n\n## Getting started\n\nInstalling\n\n```\nyarna dd react-native-web-webview\n```\n\nThe package provides the same functionality as react-native-webview, however, it works when exported as a web project.\nTo continue using the same imports that you do with non-web exports, you you configure an alias in your webpack config so that it resolves to the correct package.\n\n```js\nresolve: {\n    alias: {\n        'react-native': 'react-native-web',\n        ...\n        'react-native-webview': 'react-native-web-webview',\n    }\n}\n```\n\n## With Expo\n\nWhen using Expo, you will need to add a webpack file that will be used for web builds in order to add the above code.\nThe following command will create the file in the way expected by Expo and will also install the **@expo/webpack-config** dependency which is necessary.\n\n```$\nnpx expo customize webpack.config.js\n```\n\nIf you haven't set up Expo to export web projects at all, you will need to install the following dependencies.\n\n```\nnpx expo install react-native-web react-dom\n```\n\nBelow is an example implementation of **webpack.config.js** in an expo project.\n\n```js\nconst createExpoWebpackConfigAsync = require(\"@expo/webpack-config\");\n\n///////\n// NOTE: Webpack is only used for bundling web\n///////\n\nmodule.exports = async function (env, argv) {\n  const config = await createExpoWebpackConfigAsync(env, argv);\n\n  config.resolve.alias = {\n    ...config.resolve.alias,\n\n    // Set up aliases so the web versions are used (Rather than changing imports in each file)\n    \"react-native\": \"react-native-web\",\n    \"react-native-webview\": \"react-native-web-webview\",\n  };\n\n  // Return the config for use by webpack\n  return config;\n};\n```\n","readmeFilename":"README.md"}