@olea-bps/base 1.0.0

package/libraries/react-native-webview-autoheight/index.js

@@ -0,0 +1,140 @@
+import React, {useState, useEffect, forwardRef} from 'react';
+
+import {StyleSheet, Platform} from 'react-native';
+
+import PropTypes from 'prop-types';
+
+import {WebView} from 'react-native-webview';
+
+import {
+    topic,
+    reduceData,
+    getWidth,
+    isSizeChanged,
+    shouldUpdate,
+} from './utils';
+
+const AutoHeightWebView = React.memo(
+    forwardRef((props, ref) => {
+        const defaultProps = {
+            showsVerticalScrollIndicator: false,
+            showsHorizontalScrollIndicator: false,
+            originWhitelist: ['*'],
+        };
+
+        Platform.OS === 'android' &&
+        Object.assign(defaultProps, {
+            scalesPageToFit: false,
+        });
+
+        Platform.OS === 'ios' &&
+        Object.assign(defaultProps, {
+            viewportContent: 'width=device-width',
+        });
+
+        const fullProps = Object.assign(defaultProps, props);
+
+        const {
+            style,
+            onMessage,
+            onSizeUpdated,
+            scrollEnabledWithZoomedin,
+            scrollEnabled,
+        } = fullProps;
+
+        const [size, setSize] = useState({
+            height: style && style.height ? style.height : 0,
+            width: getWidth(style),
+        });
+
+        const [scrollable, setScrollable] = useState(false);
+        const handleMessage = (event) => {
+            if (event.nativeEvent) {
+                try {
+                    const data = JSON.parse(event.nativeEvent.data);
+                    if (data.topic !== topic) {
+                        onMessage && onMessage(event);
+                        return;
+                    }
+                    const {height, width, zoomedin} = data;
+                    !scrollEnabled &&
+                    scrollEnabledWithZoomedin &&
+                    setScrollable(!!zoomedin);
+                    const {height: previousHeight, width: previousWidth} = size;
+                    isSizeChanged({height, previousHeight, width, previousWidth}) &&
+                    setSize({
+                        height,
+                        width,
+                    });
+                } catch (error) {
+                    onMessage && onMessage(event);
+                }
+            } else {
+                onMessage && onMessage(event);
+            }
+        };
+
+        const currentScrollEnabled =
+            scrollEnabled === false && scrollEnabledWithZoomedin
+                ? scrollable
+                : scrollEnabled;
+
+        const {currentSource, script} = reduceData(fullProps);
+
+        const {width, height} = size;
+        useEffect(() => {
+            onSizeUpdated &&
+            onSizeUpdated({
+                height,
+                width,
+            });
+        }, [width, height, onSizeUpdated]);
+
+        return React.createElement(WebView, {
+            ...fullProps,
+            ref,
+            onMessage: handleMessage,
+            style: [
+                styles.webView,
+                {
+                    width,
+                    height,
+                },
+                style,
+            ],
+            injectedJavaScript: script,
+            source: currentSource,
+            scrollEnabled: currentScrollEnabled,
+        });
+    }),
+    (prevProps, nextProps) => !shouldUpdate({prevProps, nextProps}),
+);
+
+AutoHeightWebView.propTypes = {
+    onSizeUpdated: PropTypes.func,
+    files: PropTypes.arrayOf(
+        PropTypes.shape({
+            href: PropTypes.string,
+            type: PropTypes.string,
+            rel: PropTypes.string,
+        }),
+    ),
+    style: PropTypes.object,
+    customScript: PropTypes.string,
+    customStyle: PropTypes.string,
+    viewportContent: PropTypes.string,
+    scrollEnabledWithZoomedin: PropTypes.bool,
+    // webview props
+    originWhitelist: PropTypes.arrayOf(PropTypes.string),
+    onMessage: PropTypes.func,
+    scalesPageToFit: PropTypes.bool,
+    source: PropTypes.object,
+};
+
+const styles = StyleSheet.create({
+    webView: {
+        backgroundColor: 'transparent',
+    },
+});
+
+export default AutoHeightWebView;

package/libraries/react-native-webview-autoheight/package.json

@@ -0,0 +1,37 @@
+{
+  "name": "@olea-bps/react-native-webview-autoheight",
+  "version": "1.0.2",
+  "description": "React Native WebView with AutoHeight",
+  "main": "index.js",
+  "scripts": {
+    "test": "echo \"Error: no test specified\" && exit 1"
+  },
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/tuc-urz/olea.git",
+    "directory": "packages/libraries/react-native-webview-autoheight"
+  },
+  "keywords": [
+    "react",
+    "native",
+    "webview",
+    "auto",
+    "height"
+  ],
+  "author": "Elton Jain",
+  "license": "ISC",
+  "files": [
+    "index.js",
+    "utils.js",
+    "package.json",
+    "LICENSE",
+    "README.md"
+  ],
+  "dependencies": {
+    "react-native-webview": "13.16.0"
+  },
+  "peerDependencies": {
+    "react": "^19.0.0",
+    "react-native": "^0.81.0"
+  }
+}

package/libraries/react-native-webview-autoheight/utils.js

@@ -0,0 +1,268 @@
+'use strict';
+
+import {Dimensions} from 'react-native';
+
+export const topic = "rnaw"
+export const topicString = `"${topic}"`
+
+const domMutationObserveScript = `
+  var MutationObserver =
+    window.MutationObserver || window.WebKitMutationObserver;
+  var observer = new MutationObserver(updateSize);
+  observer.observe(document, {
+    subtree: true,
+    attributes: true
+  });
+`;
+
+const updateSizeWithMessage = (element, scalesPageToFit) =>
+    `
+  var usingScale = ${scalesPageToFit} ? screen.width / window.innerWidth : 1;
+  var scaling = false;
+  var zoomedin = false;
+  var lastHeight = 0;
+  var heightTheSameTimes = 0;
+  var maxHeightTheSameTimes = 5;
+  var forceRefreshDelay = 1000;
+  var forceRefreshTimeout;
+  var checkPostMessageTimeout;
+
+  function updateSize() {
+    if (zoomedin || scaling || document.fullscreenElement) {
+      return;
+    }
+    if (
+      !window.hasOwnProperty('ReactNativeWebView') || 
+      !window.ReactNativeWebView.hasOwnProperty('postMessage')
+    ) {
+      checkPostMessageTimeout = setTimeout(updateSize, 200);
+      return;
+    }
+
+    clearTimeout(checkPostMessageTimeout);
+    var result = ${element}.getBoundingClientRect()
+    height = result.height + result.top;
+    if(!height) {
+      height = ${element}.offsetHeight || document.documentElement.offsetHeight
+    }
+    width = result.width;
+    if(!width) {
+      width = ${element}.offsetWidth || document.documentElement.offsetWidth
+    }
+
+
+    window.ReactNativeWebView.postMessage(JSON.stringify({ width: Math.min(width, screen.width), height: height * usingScale, topic: ${topicString} }));
+
+    // Make additional height checks (required to fix issues wit twitter embeds)
+    clearTimeout(forceRefreshTimeout);
+
+    if (lastHeight !== height) {
+      heightTheSameTimes = 1;
+    } else {
+      heightTheSameTimes++;
+    }
+
+    lastHeight = height;
+
+    if (heightTheSameTimes <= maxHeightTheSameTimes) {
+      forceRefreshTimeout = setTimeout(
+        updateSize,
+        heightTheSameTimes * forceRefreshDelay
+      );
+    }
+  }
+  `;
+
+const setViewportContent = (content) => {
+    if (!content) {
+        return '';
+    }
+    return `
+    var meta = document.createElement("meta");
+    meta.setAttribute("name", "viewport");
+    meta.setAttribute("content", "${content}");
+    document.getElementsByTagName("head")[0].appendChild(meta);
+  `;
+};
+
+const detectZoomChanged = `
+  var latestTapStamp = 0;
+  var lastScale = 1.0;
+  var doubleTapDelay = 400;
+  function detectZoomChanged() {
+    var tempZoomedin = (screen.width / window.innerWidth) > usingScale;
+    tempZoomedin !== zoomedin && window.ReactNativeWebView.postMessage(JSON.stringify({ zoomedin: tempZoomedin, topic: ${topicString} }));
+    zoomedin = tempZoomedin;
+  }
+  window.addEventListener('ontouchstart', event => {
+    if (event.touches.length === 2) {
+      scaling = true;
+    }
+  })
+  window.addEventListener('touchend', event => {
+    if(scaling) {
+      scaleing = false;
+    }
+
+    var tempScale = event.scale; 
+    tempScale !== lastScale && detectZoomChanged();
+    lastScale = tempScale;
+    var timeSince = new Date().getTime() - latestTapStamp;
+
+    // double tap   
+    if(timeSince < 600 && timeSince > 0) {
+      zoomedinTimeOut = setTimeout(() => {
+        clearTimeout(zoomedinTimeOut);
+        detectZoomChanged();
+      }, doubleTapDelay);
+    }
+
+    latestTapStamp = new Date().getTime();
+  });
+`;
+
+const getBaseScript = ({
+                           viewportContent,
+                           scalesPageToFit,
+                           scrollEnabledWithZoomedin,
+                       }) =>
+    `
+  ;
+  var wrapper = document.getElementById("rnahw-wrapper");
+  if (!wrapper) {
+    wrapper = document.createElement('div');
+    wrapper.id = 'rnahw-wrapper';
+    while (document.body.firstChild instanceof Node) {
+      wrapper.appendChild(document.body.firstChild);
+    }
+    document.body.appendChild(wrapper);
+  }
+  ${updateSizeWithMessage('wrapper', scalesPageToFit)}
+  window.addEventListener('load', updateSize);
+  window.addEventListener('resize', updateSize);
+  ${domMutationObserveScript}
+  ${setViewportContent(viewportContent)}
+  ${scrollEnabledWithZoomedin ? detectZoomChanged : ''}
+  updateSize();
+  `;
+
+const appendFilesToHead = ({files, script}) =>
+    files.reduceRight((combinedScript, file) => {
+        const {rel, type, href} = file;
+        return `
+      var link  = document.createElement('link');
+      link.rel  = '${rel}';
+      link.type = '${type}';
+      link.href = '${href}';
+      document.head.appendChild(link);
+      ${combinedScript}
+    `;
+    }, script);
+
+const bodyStyle = `
+  body {
+    margin: 0;
+    padding: 0;
+  }
+`;
+
+const appendStylesToHead = ({style, script}) => {
+    const currentStyles = style ? bodyStyle + style : bodyStyle;
+    // Escape any single quotes or newlines in the CSS with .replace()
+    const escaped = currentStyles.replace(/\'/g, "\\'").replace(/\n/g, '\\n');
+    return `
+    var styleElement = document.createElement('style');
+    styleElement.innerHTML = '${escaped}';
+    document.head.appendChild(styleElement);
+    ${script}
+  `;
+};
+
+const getInjectedSource = ({html, script}) => `
+  ${html}
+  <script>
+  // prevents code colissions with global scope
+  (function() {
+    ${script}
+  })();
+  </script>
+`;
+
+const getScript = ({
+                       files,
+                       customStyle,
+                       customScript,
+                       style,
+                       viewportContent,
+                       scalesPageToFit,
+                       scrollEnabledWithZoomedin,
+                   }) => {
+    let script = getBaseScript({
+        viewportContent,
+        scalesPageToFit,
+        scrollEnabledWithZoomedin,
+    });
+    script =
+        files && files.length > 0 ? appendFilesToHead({files, script}) : script;
+    script = appendStylesToHead({style: customStyle, script});
+    customScript && (script = customScript + script);
+    return script;
+};
+
+export const getWidth = (style) => {
+    return style && style.width ? style.width : Dimensions.get('window').width;
+};
+
+export const isSizeChanged = ({
+                                  height,
+                                  previousHeight,
+                                  width,
+                                  previousWidth,
+                              }) => {
+    if (!height || !width) {
+        return;
+    }
+    return height !== previousHeight || width !== previousWidth;
+};
+
+export const reduceData = (props) => {
+    const {source} = props;
+    const script = getScript(props);
+    const {html, baseUrl} = source;
+    if (html) {
+        return {
+            currentSource: {baseUrl, html: getInjectedSource({html, script})},
+        };
+    } else {
+        return {
+            currentSource: source,
+            script,
+        };
+    }
+};
+
+export const shouldUpdate = ({prevProps, nextProps}) => {
+    if (!(prevProps && nextProps)) {
+        return true;
+    }
+    for (const prop in nextProps) {
+        if (nextProps[prop] !== prevProps[prop]) {
+            if (
+                typeof nextProps[prop] === 'object' &&
+                typeof prevProps[prop] === 'object'
+            ) {
+                if (
+                    shouldUpdate({
+                        prevProps: prevProps[prop],
+                        nextProps: nextProps[prop],
+                    })
+                ) {
+                    return true;
+                }
+            } else {
+                return true;
+            }
+        }
+    }
+    return false;
+};

package/libraries/redux-offline/.eslintignore

@@ -0,0 +1 @@
+src/__tests__/*.js

package/libraries/redux-offline/.github/ISSUE_TEMPLATE/redux-offline-core-issues-template.md

@@ -0,0 +1,25 @@
+---
+name: Redux-Offline core issues template
+about: Please use this template if reporting a bug
+
+---
+
+### Are you using `offline()` or `createOffline()` API?
+_If you're using `createOffline()` API, be sure to use `compose()` in the right order._
+
+### Store config
+Please paste your config below.
+```js
+(Please paste your store config)
+```
+
+### Offline config
+
+Are you using a custom configuration? If you are please paste your config below.
+```js
+(Please paste your offline config)
+```
+If you need code indentation, you can use [Prettier](https://prettier.io/playground/#N4Igxg9gdgLgprEAuEAzArlMMCW0AEAEnADYkQDqEATiQCYAUwA5tXHLlM-gLz4A6IABalyggDT5W7eHV74A5IKq06ghZIDOOEghjzUAQxKa4k6AFkI6UwHkAbnGriAvgEp8wflG-58OVAYAQmkOHC43YDYYdGoofCh0MhcAbm9fPz8Aeiz8ABVbABFbJHxC6AV9Gzh8akMoOggAW394tganDN19RJa+C0MYIQA6VHIafAYBoeG6huaGDwAqfABGAFEAagB2N2GYCABlGGpw5kXZuAAHEkMwOAYs-n5h57pNrJxmSUFBN3T4rUOLF4gAeOg4ez4MC3TSaAByhiacB4CmIZEoNHoCnwuBguh4wAABgBNaz4QxsfD2HDaA7UBLoJoAIyc+AAJMBGS0XESXPhLNY7I5qITBdUHE4XAA+AGZfCgzQnaDMaVc0KcZjDTQkHD3Bj4AAMklW+D2BwAqlcrk4AMKGUyLfCbKRsMJcbW6-Wrc0QAAyEAA7naHQ8PC5QVkldQVbLAX4WG7NcMEHRNBQcEMGBI-vgAPwCECF-ClRVXer4JUATwJwGAkHI1FKSn40irChcMokhcjmnLUGl+BcGT8oLgTTj-Bg6qTcDkw58MEj47j8q5DG0ulg-3jmQLgleIBHmVKgiCggXx8jEPs0rSPigLhA4hAECuuGgmmQoEpMcDAAVKQQL8UEMewIBwOhnxAZk6jAABrDhDnLMAzmQE50DMEBwlMagYH-OpmCaQxkCMEwsIAK00AAPAAhODEJgQ4kTgP1wjgUjjFMF9y2oXDkBgwxmRraBoKuU5YAzOghmQAAOY0QHEiBTAoOorgE8S4FwxxoLYABHdAcDYAjDCIkikDI7iQFMJocHQ6hMJfbQuF0ABFdAIHgezHJAGAhKkmSkAAJhfE5DB0M5bWaYiBKgaAOJfao8iEkDLLgTsgA).
+
+### Are you reporting a bug?
+If you've detected a bug and are able to reproduce it please share a code example using our [code-sandbox](https://codesandbox.io/s/8xml9l1r0j).

package/libraries/redux-offline/.prettierrc

@@ -0,0 +1,6 @@
+{
+  "singleQuote": true,
+  "arrowParens": "avoid",
+  "trailingComma": "none"
+}
+

package/libraries/redux-offline/LICENSE

@@ -0,0 +1,21 @@
+MIT License
+
+Copyright (c) 2017 Jani Eväkallio
+
+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/libraries/redux-offline/README.md

@@ -0,0 +1,133 @@
+<p>
+  <img alt="redux-offline" src="docs/logo.png" width="300"></img>
+</p>
+<p>
+  <a title='License' href="https://raw.githubusercontent.com/redux-offline/redux-offline/master/LICENSE" height="18">
+    <img src='https://img.shields.io/badge/license-MIT-blue.svg' />
+  </a>
+  <a href="https://badge.fury.io/js/%40redux-offline%2Fredux-offline">
+    <img src="https://badge.fury.io/js/%40redux-offline%2Fredux-offline.svg" alt="npm version" height="18">
+  </a>
+  <a href="https://travis-ci.org/redux-offline/redux-offline">
+    <img src="https://travis-ci.org/redux-offline/redux-offline.svg?branch=master" alt="travis" height="18">
+  </a>
+</p>
+
+Persistent Redux store for _Reasonaboutable_:tm: Offline-First applications, with first-class support for optimistic UI. Use with React, React Native, or as standalone state container for any web app.
+
+> Redux Offline is now being maintained by a community driven team. The new versions of the library will now be available under the npm organization `@redux-offline`. Big thank you to [@jevakallio](https://github.com/jevakallio) for creating this amazing library in the first place.
+
+## Quick start
+
+##### 1. Install with npm (or [Yarn](https://yarnpkg.com))
+
+##### For React Native 0.60+
+```shell
+npm install --save @redux-offline/redux-offline@native
+```
+
+#### For React Native Expo SDK 36
+```shell
+npm install --save @redux-offline/redux-offline@expo
+```
+
+#### For React Native <= 0.59
+```shell
+npm install --save @redux-offline/redux-offline
+```
+
+##### 2. Add the `offline` [store enhancer](http://redux.js.org/docs/Glossary.html#store-enhancer) with `compose`
+```js
+
+import { applyMiddleware, createStore, compose } from 'redux';
+import { offline } from '@redux-offline/redux-offline';
+import offlineConfig from '@redux-offline/redux-offline/lib/defaults';
+
+// ...
+
+const store = createStore(
+  reducer,
+  preloadedState,
+  compose(
+    applyMiddleware(middleware),
+    offline(offlineConfig)
+  )
+);
+```
+
+##### 3. Decorate actions with offline metadata
+
+```js
+const followUser = userId => ({
+  type: 'FOLLOW_USER_REQUEST',
+  payload: { userId },
+  meta: {
+    offline: {
+      // the network action to execute:
+      effect: { url: '/api/follow', method: 'POST', json: { userId } },
+      // action to dispatch when effect succeeds:
+      commit: { type: 'FOLLOW_USER_COMMIT', meta: { userId } },
+      // action to dispatch if network action fails permanently:
+      rollback: { type: 'FOLLOW_USER_ROLLBACK', meta: { userId } }
+    }
+  }
+});
+```
+
+If the effect payload is something other than JSON you can pass the body and headers:
+
+```js
+const registerUser = (name, email) => ({
+  type: 'REGISTER_USER',
+  payload: { name, email },
+  meta: {
+    offline: {
+      // the network action to execute:
+      effect: { url: '/api/register', method: 'POST', body: `name=${name}&email=${email}`, headers: { 'content-type': 'application/x-www-form-urlencoded' } },
+      // action to dispatch when effect succeeds:
+      commit: { type: 'REGISTER_USER_COMMIT', meta: { name, email } },
+      // action to dispatch if network action fails permanently:
+      rollback: { type: 'REGISTER_USER_ROLLBACK', meta: { name, email } }
+    }
+  }
+});
+```
+
+##### 4. (React Native Android) Ask permission to read network status
+
+If writing a native app for Android, you'll need to make sure to request the permission to access network state in your `AndroidManifest.xml`:
+
+```xml
+  <uses-permission android:name="android.permission.ACCESS_NETWORK_STATE" />
+```
+* * *
+
+See [Documentation](docs/README.md) for configuration options, the full API, and common recipes.
+
+## Contributing
+
+Improvements and additions welcome. For large changes, please submit a discussion issue before jumping to coding; we'd hate you to waste the effort.
+
+If you are reporting a bug, please include code that reproduces the error. Here is a starting application on [CodeSandbox](https://codesandbox.io/s/8xml9l1r0j).
+
+In lieu of a formal style guide, follow the included eslint rules, and use Prettier to format your code.
+
+## Miscellanea
+
+### Usage with Redux Persist v5
+
+In case you want to use a custom [redux-persist](https://github.com/rt2zz/redux-persist) version, there is an
+[example](https://gist.github.com/jarvisluong/f14872b9c7ed00bc2afc89c4622e3b55) configuration.
+
+### Prior art
+
+Redux Offline is a distillation of patterns discovered while building apps using previously existing libraries:
+
+* Forbes Lindesay's [redux-optimist](https://github.com/ForbesLindesay/redux-optimist)
+* Zack Story's [redux-persist](https://github.com/rt2zz/redux-persist/tree/v4)
+
+Without their work, Redux Offline wouldn't exist. If you like the ideas behind Redux Offline, but want to build your own stack from lower-level components, these are good places to start.
+
+### License
+
+MIT