Philip Proplesch philipproplesch

Building a react native app in WSL2

Install, build and debug a react native app in WSL2 (Windows Subsystem for Linux) and Ubuntu.

Available Packages:

Path	Version	Description
add-ons;addon-google_apis-google-15	3	Google APIs
add-ons;addon-google_apis-google-16	4	Google APIs
add-ons;addon-google_apis-google-17	4	Google APIs
add-ons;addon-google_apis-google-18	4	Googl

duplicates = multiple editions

	#!/usr/bin/env bash

	# Abort sign off on any error
	set -e

	# Start the benchmark timer
	SECONDS=0

	# Repository introspection
	OWNER=$(gh repo view --json owner --jq .owner.login)

	# Opens a PowerShell instance with elevation, finds the wsl ip without relying on hostname, since ArchWSL and others doesn't have it
	# then iterate opening the selected ports
	$principal = New-Object Security.Principal.WindowsPrincipal([Security.Principal.WindowsIdentity]::GetCurrent())
	if($principal.IsInRole([Security.Principal.WindowsBuiltInRole]::Administrator)) {
	$remoteport = wsl -- ip -o -4 -json addr list eth0 ` \| ConvertFrom-Json ` \| %{ $_.addr_info.local } ` \| ?{ $_ }
	$found = $remoteport -match '\d{1,3}\.\d{1,3}\.\d{1,3}\.\d{1,3}';

	if($found) {
	$remoteport = $matches[0];
	} else{

	//EXPONENT FUNCTION
	//https://css-tricks.com/snippets/sass/power-function/

	@function pow($number, $exponent) {
	$value: 1;

	@if $exponent > 0 {
	@for $i from 1 through $exponent {
	$value: $value * $number;
	}

	// Loop context for svg icons to load.

	// Wrap arg defaults to main wrapper,
	// but will accept any query string.
	export function setSvgIcons(wrap = "#wrap") {
	let ctx = $(wrap + " [data-svg-icon]:not(.loaded)");
	if (ctx.length) {
	let path = window.location.origin;
	for (let i = 0; i < ctx.length; i++) {
	let c = ctx[i];