nshimiye

{
  "name": "webpack-tsc-ngc",
  "version": "1.0.0",
  "description": "Webpack Angular Compiler",
  "scripts": {
    "build:tsc": "webpack --config webpack.config.tsc.js",
    "build:ngc": "webpack --config webpack.config.ngc.js",
  },
  "keywords": [],
  "author": "",

nshimiye

.tooltip:hover::before {
    position: absolute;
    top: 100%;
    left: calc(50% - var(--tip-pointer-half-height));
    content: " ";
    height: 0;
    width: 0;

    border: var(--tip-pointer-half-height) solid transparent;
}

nshimiye

:host {
    --tip-content-padding: 15px;
    --tip-content-width: 250px;
    --tip-content-half-width: calc(var(--tip-content-width) / 2);
    --tip-content-view-spacing: 5px;
    --tip-pointer-height: 44px;
    --tip-pointer-half-height: calc(var(--tip-pointer-height) / 2);
    --tip-pointer-top: calc(100% + 0.414 * var(--tip-pointer-half-height));  /* 0.414 = trigonometric factor cause by the rotation rotate(-45deg) */
}

nshimiye

  checkOffScreen() {
    const tipElement = this.tipRef.nativeElement;
    const tipContent = this.tipContentRef.nativeElement;
    const { left: tipElementLeft } = tipElement.getBoundingClientRect();
    const { width: tipContentWidth } = tipContent.getBoundingClientRect();
    const { right: bodyRight } =  document.body.getBoundingClientRect();

    this.isLeftOffScreen = tipElementLeft < tipContentWidth / 2;
    this.isRightOffScreen = tipElementLeft + (tipContentWidth / 2) > bodyRight;
  }

nshimiye

// @WARNING this is incomplete
class YourComponent extends Component {
  static contextType = GoogleMapContext;
  componentDidMount() {
    if (this.context.map) {
      this.context.map.addListener('click', (e) => { // <= accessing map 
        this.context.map.setCenter(e.latLng); // <= accessing map 
      });
    }
  }

nshimiye

// @WARNING this is incomplete
export function GoogleMapWithLoader({
  googleMapURL, children, center, zoom, height, width,
}) {
  return (
    <ScriptLoader scriptUrl={googleMapURL}>
      <GoogleMapInitialzer
        center={center}
        zoom={zoom}
        height={height}

nshimiye

Install Process

Following this: http://www.pyimagesearch.com/2016/12/19/install-opencv-3-on-macos-with-homebrew-the-easy-way/

Verifying

Then tried to verify... with a fail.

$> python
>>> import cv2
Traceback (most recent call last):

nshimiye

// export default class App extends Component {
// ...
  componentDidMount() {
    NativeModules.MDebugger.isLowMemory()
    .then(lowMomery => {
      this.setState({ lowMemory })
    })
  }
// ...
// }

nshimiye

package com.memorydebugger;

import com.facebook.react.ReactPackage;
import com.facebook.react.bridge.JavaScriptModule;
import com.facebook.react.bridge.NativeModule;
import com.facebook.react.bridge.ReactApplicationContext;
import com.facebook.react.uimanager.ViewManager;
 
import java.util.ArrayList;
import java.util.Collections;

nshimiye

package com.memorydebugger;

import com.facebook.react.bridge.NativeModule;
import com.facebook.react.bridge.ReactApplicationContext;
import com.facebook.react.bridge.ReactContext;
import com.facebook.react.bridge.ReactContextBaseJavaModule;
import com.facebook.react.bridge.ReactMethod;
import com.facebook.react.bridge.Promise;

import android.content.Context;