DEV Community: happyharis

Flutter Web: Google Sign In

happyharis — Tue, 28 Apr 2020 06:12:52 +0000

Flutter is still gaining traction and people are learning and exploring the wonders of Flutter. Flutter web is in the same stance. And now, you might want to have some authentication to be inserted in you flutter web or you either have an auth service and want to see if it's compatible to the web.

1 . Install google sign in in your pubspec.yaml file. The web implementation of google sign is in the official package.

// pubspec.yaml

google_sign_in: <latest version>

2 . Then, you have to go to the your index.html file and add your google sign in meta tag:

<meta name="google-signin-client_id" content="YOUR_CLIENT_ID.apps.googleusercontent.com">

3 . To get your client id, you have to your credentials page in your google api developer console through this website: https://console.developers.google.com/apis/credentials.

4 . Under your OAuth 2.0 Client IDs, if you have the Web Client api, just copy the client id and paste in your index.html.

<meta name="google-signin-client_id" content="afda89df7b328sadf.apps.googleusercontent.com">

4 .a. If you do not have the Web Client api, make sure you configure your OAuth screen.

To configure, and you don't have G-Suite, then you can only make it external.

Once you're in, you have to update the name of the project and save it

4 .b. Then create the OAuth credential web client.

Choose Web application. Don't need to rename the default name

And set the authorised Javascript origins to http://localhost:5000 for debugging.

Copy the client id and paste in your index.html.

5 . Go in the settings of the Web Client and make sure your has authorised Javascript origins to http://localhost:5000 for debugging.

6 . Instruction Source from: google_sign_in_web package

Normally flutter run starts in a random port. In the case where you need to deal with authentication like the above, that's not the most appropriate behavior.

You can tell flutter run to listen for requests in a specific host and port with the following:

flutter run -d chrome --web-hostname localhost --web-port 5000

You can set your launch.json in your VSCode:

{
  "version": "0.2.0",
  "configurations": [
    {
      "name": "Flutter with Web Port 5000",
      "request": "launch",
      "type": "dart",
      "args": ["--web-port", "5000"]
    }
  ]
}

7 . Add the import:

import 'package:google_sign_in/google_sign_in.dart';

8 . Initialize GoogleSignIn with the scopes you want:

GoogleSignIn _googleSignIn = GoogleSignIn(
  scopes: [
    'email',
  ],
);

9 . You can now use the GoogleSignIn class to authenticate in your Dart code, e.g.

Future<void> _handleSignIn() async {
  try {
    await _googleSignIn.signIn();
  } catch (error) {
    print(error);
  }
}

Flutter Web: Google Maps

happyharis — Mon, 27 Jan 2020 13:44:42 +0000

Google Maps was implemented in Flutter late last year and people were excited to use the plugin. However, there are an increasing number of people who are excited on the progress of Flutter Web. However, the flutter team did not release an official flutter web implementation of google maps.

Lucky for you guys, here is a quick guide on how to implement Google Maps in Flutter Web.

First, you need the Google Map api keys. Before initialising, you have to have a project in your Google Cloud Platform. Create one if you don't have one.

Next, search for "Javascript Map" and enable it. Otherwise, the api key will shout an error that says the google map service is not activated.

Initialise the google map js sdk in our index.html file.

<script src="https://maps.googleapis.com/maps/api/js?key=<YOUR-API-KEY>"></script>

And import google_maps in pubspec.yaml:

dependencies:
  google_maps: ^3.4.1

And here is how you create a google map widget.

import 'dart:html';
import 'package:flutter/material.dart';
import 'package:google_maps/google_maps.dart';
import 'dart:ui' as ui;

Widget getMap() {
  String htmlId = "7";

  // ignore: undefined_prefixed_name
  ui.platformViewRegistry.registerViewFactory(htmlId, (int viewId) {
    final myLatlng = LatLng(1.3521, 103.8198);

    final mapOptions = MapOptions()
      ..zoom = 10
      ..center = LatLng(1.3521, 103.8198);

    final elem = DivElement()
      ..id = htmlId
      ..style.width = "100%"
      ..style.height = "100%"
      ..style.border = 'none';

    final map = GMap(elem, mapOptions);

    Marker(MarkerOptions()
      ..position = myLatlng
      ..map = map
      ..title = 'Hello World!'
      );

    return elem;
  });

  return HtmlElementView(viewType: htmlId);
}

htmlId - a unique id to name the div element

ui.platformViewRegistry.registerViewFactory - creates a webview in dart

LatLng(1.3521, 103.8198) - class that takes latitude and longitude of a location

DivElement() - class to create a dive element

GMap - creates a google map element

Marker() - the red icon that shows in your LatLng in google map

HtmlElementView() - creates a platform view for Flutter Web

You can customise the animation and looks of your marker, here.
You can add a info windows as such:

final marker = Marker(MarkerOptions()
      ..position = myLatlng
      ..map = map
      ..title = 'Hello World!'
      ..label = 'h'
      ..icon ='https://developers.google.com/maps/documentation/javascript/examples/full/images/beachflag.png');

    final infoWindow = InfoWindow(InfoWindowOptions()..content = contentString);
    marker.onClick.listen((event) => infoWindow.open(map, marker));

var contentString = '<div id="content">' +
    '<div id="siteNotice">' +
    '</div>' +
    '<h1 id="firstHeading" class="firstHeading">Uluru</h1>' +
    '<div id="bodyContent">' +
    '<p><b>Uluru</b>, also referred to as <b>Ayers Rock</b>, is a large ' +
    'sandstone rock formation in the southern part of the ' +
    'Northern Territory, central Australia. It lies 335&#160;km (208&#160;mi) ' +
    'south west of the nearest large town, Alice Springs; 450&#160;km ' +
    '(280&#160;mi) by road. Kata Tjuta and Uluru are the two major ' +
    'features of the Uluru - Kata Tjuta National Park. Uluru is ' +
    'sacred to the Pitjantjatjara and Yankunytjatjara, the ' +
    'Aboriginal people of the area. It has many springs, waterholes, ' +
    'rock caves and ancient paintings. Uluru is listed as a World ' +
    'Heritage Site.</p>' +
    '<p>Attribution: Uluru, <a href="https://en.wikipedia.org/w/index.php?title=Uluru&oldid=297882194">' +
    'https://en.wikipedia.org/w/index.php?title=Uluru</a> ' +
    '(last visited June 22, 2009).</p>' +
    '</div>' +
    '</div>';

Hope you find this tutorial useful!

Flutter Web: Sentry

happyharis — Wed, 22 Jan 2020 03:34:29 +0000

When you have a production ready application, how are you going to catch those pesky bugs?

Even if your users has a specific use case, it takes a lot of work to figure which exact code is giving the bug.

No worries, Sentry is here. It is a platform that helps you show the errors that you might not have thought of in your production app.

Now that Flutter Web is in beta, we gotta catch those pesky bugs when we release our Flutter Web apps out there (maybe using Firebase hosting). Flutter has release some packages that can be used in the Flutter Web, and one of it is Sentry.

Once you have sign up with an account, create a project under others.

Sadly, Flutter is not one of the platforms.

Then go to your settings, and get your DSN keys.

"A DSN, or Data Source Name. It looks a lot like a standard URL, but it’s actually just a representation of the configuration required by the Sentry SDKs. It consists of a few pieces, including the protocol, public key, the server address, and the project identifier." Source: Sentry

Then, we have to install the Sentry dependencies in our Flutter Web app.

// In pubspec.yaml

dependencies:
  sentry: <latest version>

Next, we have to initialise our sentry client with our DSN (that we got earlier) in our app and send our first error!

// In main.dart

import 'package:sentry/sentry.dart';

final SentryClient sentry = new SentryClient(dsn: YOUR_DSN);

main() async {
  try {
    throw new StateError('This is a Dart exception.');
  } catch(error, stackTrace) {
    await sentry.captureException(
      exception: error,
      stackTrace: stackTrace,
    );
  }
}

It will be reflected in your Sentry board as such:

What if we want to catch any uncaught error?

Good question. You will have to use runZoned to catch all errors by flutter.

On the Web Window callback fields should preserve the zone #49199

happyharis posted on Jan 21, 2020

Steps to Reproduce

First, I tested the standalone method sentry.captureException() on chrome. It works. This would be recorded in the Sentry dashboard.

import 'package:sentry/sentry.dart';

final SentryClient sentry = new SentryClient(dsn: YOUR_DSN);

main() async {
  try {
    throw new StateError('This is a Dart exception.');
  } catch(error, stackTrace) {
    await sentry.captureException(
      exception: error,
      stackTrace: stackTrace,
    );
  }
}

Second, I used the repo crashy's main.dart code to test Sentry.

However, when these three methods below ran, it did not get recorded in Sentry:

// First, not recorded
throw new StateError('This is a Dart exception.');

// Second, not recorded
foo() async {
  throw new StateError('This is an async Dart exception.');
}
bar() async {
  await foo();
}
await bar();

// Third, not recorded
final channel = const MethodChannel('crashy-custom-channel');
await channel.invokeMethod('blah');

Tested again with iOS 13.3 simulator (iPhone Max 11), and all of these methods above were working.

Logs

// Ran flutter run -d chrome --verbose

[  +27 ms] executing: [/Users/haris/Development/flutter/] git -c log.showSignature=false log -n 1
--pretty=format:%H
[  +43 ms] Exit code 0 from: git -c log.showSignature=false log -n 1 --pretty=format:%H
[        ] 18cd7a3601bcffb36fdf2f679f763b5e827c2e8e
[        ] executing: [/Users/haris/Development/flutter/] git describe --match v*.*.* --first-parent
--long --tags
[  +36 ms] Exit code 0 from: git describe --match v*.*.* --first-parent --long --tags
[        ] v1.12.13+hotfix.6-0-g18cd7a360
[   +8 ms] executing: [/Users/haris/Development/flutter/] git rev-parse --abbrev-ref --symbolic @{u}
[  +14 ms] Exit code 0 from: git rev-parse --abbrev-ref --symbolic @{u}
[        ] origin/beta
[        ] executing: [/Users/haris/Development/flutter/] git ls-remote --get-url origin
[  +17 ms] Exit code 0 from: git ls-remote --get-url origin
[        ] https://github.com/flutter/flutter.git
[  +54 ms] executing: [/Users/haris/Development/flutter/] git rev-parse --abbrev-ref HEAD
[  +12 ms] Exit code 0 from: git rev-parse --abbrev-ref HEAD
[        ] beta
[   +7 ms] executing: sw_vers -productName
[  +15 ms] Exit code 0 from: sw_vers -productName
[        ] Mac OS X
[        ] executing: sw_vers -productVersion
[  +16 ms] Exit code 0 from: sw_vers -productVersion
[        ] 10.15.2
[        ] executing: sw_vers -buildVersion
[  +15 ms] Exit code 0 from: sw_vers -buildVersion
[        ] 19C57
[  +31 ms] executing: /usr/bin/xcode-select --print-path
[  +14 ms] Exit code 0 from: /usr/bin/xcode-select --print-path
[        ] /Applications/Xcode.app/Contents/Developer
[   +1 ms] executing: /usr/bin/xcodebuild -version
[ +966 ms] Exit code 0 from: /usr/bin/xcodebuild -version
[   +2 ms] Xcode 11.3.1
           Build version 11C504
[  +57 ms] executing: /Users/haris/Library/Android/sdk/platform-tools/adb devices -l
[   +7 ms] Exit code 0 from: /Users/haris/Library/Android/sdk/platform-tools/adb devices -l
[        ] List of devices attached
[  +13 ms] executing:
/Users/haris/Development/flutter/bin/cache/artifacts/libimobiledevice/idevice_id -h
[  +89 ms] /usr/bin/xcrun simctl list --json devices
[ +167 ms] Artifact Instance of 'AndroidMavenArtifacts' is not required, skipping update.
[        ] Artifact Instance of 'AndroidGenSnapshotArtifacts' is not required, skipping update.
[        ] Artifact Instance of 'AndroidInternalBuildArtifacts' is not required, skipping update.
[        ] Artifact Instance of 'IOSEngineArtifacts' is not required, skipping update.
[   +7 ms] Artifact Instance of 'WindowsEngineArtifacts' is not required, skipping update.
[        ] Artifact Instance of 'MacOSEngineArtifacts' is not required, skipping update.
[        ] Artifact Instance of 'LinuxEngineArtifacts' is not required, skipping update.
[        ] Artifact Instance of 'LinuxFuchsiaSDKArtifacts' is not required, skipping update.
[        ] Artifact Instance of 'MacOSFuchsiaSDKArtifacts' is not required, skipping update.
[        ] Artifact Instance of 'FlutterRunnerSDKArtifacts' is not required, skipping update.
[        ] Artifact Instance of 'FlutterRunnerDebugSymbols' is not required, skipping update.
[  +61 ms] Found plugin firebase_core at
/Users/haris/Development/flutter/.pub-cache/hosted/pub.dartlang.org/firebase_core-0.4.3+1/
[   +9 ms] Found plugin firebase_core_web at
/Users/haris/Development/flutter/.pub-cache/hosted/pub.dartlang.org/firebase_core_web-0.1.1+1/
[  +72 ms] Found plugin url_launcher at
/Users/haris/Development/flutter/.pub-cache/hosted/pub.dartlang.org/url_launcher-5.4.1/
[   +5 ms] Found plugin url_launcher_macos at
/Users/haris/Development/flutter/.pub-cache/hosted/pub.dartlang.org/url_launcher_macos-0.0.1+2/
[   +6 ms] Found plugin url_launcher_web at
/Users/haris/Development/flutter/.pub-cache/hosted/pub.dartlang.org/url_launcher_web-0.1.0+2/
[  +56 ms] Found plugin firebase_core at
/Users/haris/Development/flutter/.pub-cache/hosted/pub.dartlang.org/firebase_core-0.4.3+1/
[   +7 ms] Found plugin firebase_core_web at
/Users/haris/Development/flutter/.pub-cache/hosted/pub.dartlang.org/firebase_core_web-0.1.1+1/
[  +33 ms] Found plugin url_launcher at
/Users/haris/Development/flutter/.pub-cache/hosted/pub.dartlang.org/url_launcher-5.4.1/
[   +2 ms] Found plugin url_launcher_macos at
/Users/haris/Development/flutter/.pub-cache/hosted/pub.dartlang.org/url_launcher_macos-0.0.1+2/
[   +2 ms] Found plugin url_launcher_web at
/Users/haris/Development/flutter/.pub-cache/hosted/pub.dartlang.org/url_launcher_web-0.1.0+2/
[  +77 ms] Generating
/Users/haris/Desktop/linktree_public_demo/android/app/src/main/java/io/flutter/plugins/GeneratedPlug
inRegistrant.java
⣽[ +441 ms] executing: [/Users/haris/Desktop/linktree_public_demo/ios/Runner.xcodeproj/]
/usr/bin/xcodebuild -project /Users/haris/Desktop/linktree_public_demo/ios/Runner.xcodeproj -target
Runner -showBuildSettings
[        ] executing: [/Users/haris/Desktop/linktree_public_demo/ios/Runner.xcodeproj/]
/usr/bin/xcodebuild -project /Users/haris/Desktop/linktree_public_demo/ios/Runner.xcodeproj -target
Runner -showBuildSettings
 
(This is taking an unexpectedly long time.)⣷[+3018 ms] Build settings for action build and target Runner:
                        ACTION = build
                        AD_HOC_CODE_SIGNING_ALLOWED = NO
                        ALTERNATE_GROUP = staff
                        ALTERNATE_MODE = u+w,go-w,a+rX
                        ALTERNATE_OWNER = haris
                        ALWAYS_EMBED_SWIFT_STANDARD_LIBRARIES = NO
                        ALWAYS_SEARCH_USER_PATHS = NO
                        ALWAYS_USE_SEPARATE_HEADERMAPS = NO
                        APPLE_INTERNAL_DEVELOPER_DIR = /AppleInternal/Developer
                        APPLE_INTERNAL_DIR = /AppleInternal
                        APPLE_INTERNAL_DOCUMENTATION_DIR = /AppleInternal/Documentation
                        APPLE_INTERNAL_LIBRARY_DIR = /AppleInternal/Library
                        APPLE_INTERNAL_TOOLS = /AppleInternal/Developer/Tools
                        APPLICATION_EXTENSION_API_ONLY = NO
                        APPLY_RULES_IN_COPY_FILES = NO
                        APPLY_RULES_IN_COPY_HEADERS = NO
                        ARCHS = armv7 arm64
                        ARCHS_STANDARD = armv7 arm64
                        ARCHS_STANDARD_32_64_BIT = armv7 arm64
                        ARCHS_STANDARD_32_BIT = armv7
                        ARCHS_STANDARD_64_BIT = arm64
                        ARCHS_STANDARD_INCLUDING_64_BIT = armv7 arm64
                        ARCHS_UNIVERSAL_IPHONE_OS = armv7 arm64
                        ASSETCATALOG_COMPILER_APPICON_NAME = AppIcon
                        AVAILABLE_PLATFORMS = appletvos appletvsimulator iphoneos iphonesimulator
                        macosx watchos watchsimulator
                        BITCODE_GENERATION_MODE = marker
                        BUILD_ACTIVE_RESOURCES_ONLY = NO
                        BUILD_COMPONENTS = headers build
                        BUILD_DIR = /Users/haris/Desktop/linktree_public_demo/build/ios
                        BUILD_LIBRARY_FOR_DISTRIBUTION = NO
                        BUILD_ROOT = /Users/haris/Desktop/linktree_public_demo/build/ios
                        BUILD_STYLE = 
                        BUILD_VARIANTS = normal
                        BUILT_PRODUCTS_DIR =
                        /Users/haris/Desktop/linktree_public_demo/build/ios/Release-iphoneos
                        CACHE_ROOT =
                        /var/folders/nl/6t9k7tpd5994g139jpf4f2mr0000gn/C/com.apple.DeveloperTools/11
                        .3.1-11C504/Xcode
                        CCHROOT =
                        /var/folders/nl/6t9k7tpd5994g139jpf4f2mr0000gn/C/com.apple.DeveloperTools/11
                        .3.1-11C504/Xcode
                        CHMOD = /bin/chmod
                        CHOWN = /usr/sbin/chown
                        CLANG_ANALYZER_NONNULL = YES
                        CLANG_CXX_LANGUAGE_STANDARD = gnu++0x
                        CLANG_CXX_LIBRARY = libc++
                        CLANG_ENABLE_MODULES = YES
                        CLANG_ENABLE_OBJC_ARC = YES
                        CLANG_WARN_BLOCK_CAPTURE_AUTORELEASING = YES
                        CLANG_WARN_BOOL_CONVERSION = YES
                        CLANG_WARN_COMMA = YES
                        CLANG_WARN_CONSTANT_CONVERSION = YES
                        CLANG_WARN_DEPRECATED_OBJC_IMPLEMENTATIONS = YES
                        CLANG_WARN_DIRECT_OBJC_ISA_USAGE = YES_ERROR
                        CLANG_WARN_EMPTY_BODY = YES
                        CLANG_WARN_ENUM_CONVERSION = YES
                        CLANG_WARN_INFINITE_RECURSION = YES
                        CLANG_WARN_INT_CONVERSION = YES
                        CLANG_WARN_NON_LITERAL_NULL_CONVERSION = YES
                        CLANG_WARN_OBJC_IMPLICIT_RETAIN_SELF = YES
                        CLANG_WARN_OBJC_LITERAL_CONVERSION = YES
                        CLANG_WARN_OBJC_ROOT_CLASS = YES_ERROR
                        CLANG_WARN_RANGE_LOOP_ANALYSIS = YES
                        CLANG_WARN_STRICT_PROTOTYPES = YES
                        CLANG_WARN_SUSPICIOUS_MOVE = YES
                        CLANG_WARN_UNREACHABLE_CODE = YES
                        CLANG_WARN__DUPLICATE_METHOD_MATCH = YES
                        CLASS_FILE_DIR =
                        /Users/haris/Desktop/linktree_public_demo/build/ios/Runner.build/Release-iph
                        oneos/Runner.build/JavaClasses
                        CLEAN_PRECOMPS = YES
                        CLONE_HEADERS = NO
                        CODESIGNING_FOLDER_PATH =
                        /Users/haris/Desktop/linktree_public_demo/build/ios/Release-iphoneos/Runner.
                        app
                        CODE_SIGNING_ALLOWED = YES
                        CODE_SIGNING_REQUIRED = YES
                        CODE_SIGN_CONTEXT_CLASS = XCiPhoneOSCodeSignContext
                        CODE_SIGN_IDENTITY = iPhone Developer
                        CODE_SIGN_INJECT_BASE_ENTITLEMENTS = YES
                        COLOR_DIAGNOSTICS = NO
                        COMBINE_HIDPI_IMAGES = NO
                        COMPILER_INDEX_STORE_ENABLE = Default
                        COMPOSITE_SDK_DIRS =
                        /Users/haris/Desktop/linktree_public_demo/build/ios/CompositeSDKs
                        COMPRESS_PNG_FILES = YES
                        CONFIGURATION = Release
                        CONFIGURATION_BUILD_DIR =
                        /Users/haris/Desktop/linktree_public_demo/build/ios/Release-iphoneos
                        CONFIGURATION_TEMP_DIR =
                        /Users/haris/Desktop/linktree_public_demo/build/ios/Runner.build/Release-iph
                        oneos
                        CONTENTS_FOLDER_PATH = Runner.app
                        COPYING_PRESERVES_HFS_DATA = NO
                        COPY_HEADERS_RUN_UNIFDEF = NO
                        COPY_PHASE_STRIP = NO
                        COPY_RESOURCES_FROM_STATIC_FRAMEWORKS = YES
                        CORRESPONDING_SIMULATOR_PLATFORM_DIR =
                        /Applications/Xcode.app/Contents/Developer/Platforms/iPhoneSimulator.platfor
                        m
                        CORRESPONDING_SIMULATOR_PLATFORM_NAME = iphonesimulator
                        CORRESPONDING_SIMULATOR_SDK_DIR =
                        /Applications/Xcode.app/Contents/Developer/Platforms/iPhoneSimulator.platfor
                        m/Developer/SDKs/iPhoneSimulator13.2.sdk
                        CORRESPONDING_SIMULATOR_SDK_NAME = iphonesimulator13.2
                        CP = /bin/cp
                        CREATE_INFOPLIST_SECTION_IN_BINARY = NO
                        CURRENT_ARCH = arm64
                        CURRENT_PROJECT_VERSION = 1
                        CURRENT_VARIANT = normal
                        DEAD_CODE_STRIPPING = YES
                        DEBUGGING_SYMBOLS = YES
                        DEBUG_INFORMATION_FORMAT = dwarf-with-dsym
                        DEFAULT_COMPILER = com.apple.compilers.llvm.clang.1_0
                        DEFAULT_DEXT_INSTALL_PATH = /System/Library/DriverExtensions
                        DEFAULT_KEXT_INSTALL_PATH = /System/Library/Extensions
                        DEFINES_MODULE = NO
                        DEPLOYMENT_LOCATION = NO
                        DEPLOYMENT_POSTPROCESSING = NO
                        DEPLOYMENT_TARGET_CLANG_ENV_NAME = IPHONEOS_DEPLOYMENT_TARGET
                        DEPLOYMENT_TARGET_CLANG_FLAG_NAME = miphoneos-version-min
                        DEPLOYMENT_TARGET_CLANG_FLAG_PREFIX = -miphoneos-version-min=
                        DEPLOYMENT_TARGET_LD_ENV_NAME = IPHONEOS_DEPLOYMENT_TARGET
                        DEPLOYMENT_TARGET_LD_FLAG_NAME = ios_version_min
                        DEPLOYMENT_TARGET_SETTING_NAME = IPHONEOS_DEPLOYMENT_TARGET
                        DEPLOYMENT_TARGET_SUGGESTED_VALUES = 8.0 8.1 8.2 8.3 8.4 9.0 9.1 9.2 9.3
                        10.0 10.1 10.2 10.3 11.0 11.1 11.2 11.3 11.4 12.0 12.1 12.2 12.3 12.4 13.0
                        13.1 13.2
                        DERIVED_FILES_DIR =
                        /Users/haris/Desktop/linktree_public_demo/build/ios/Runner.build/Release-iph
                        oneos/Runner.build/DerivedSources
                        DERIVED_FILE_DIR =
                        /Users/haris/Desktop/linktree_public_demo/build/ios/Runner.build/Release-iph
                        oneos/Runner.build/DerivedSources
                        DERIVED_SOURCES_DIR =
                        /Users/haris/Desktop/linktree_public_demo/build/ios/Runner.build/Release-iph
                        oneos/Runner.build/DerivedSources
                        DEVELOPER_APPLICATIONS_DIR =
                        /Applications/Xcode.app/Contents/Developer/Applications
                        DEVELOPER_BIN_DIR = /Applications/Xcode.app/Contents/Developer/usr/bin
                        DEVELOPER_DIR = /Applications/Xcode.app/Contents/Developer
                        DEVELOPER_FRAMEWORKS_DIR =
                        /Applications/Xcode.app/Contents/Developer/Library/Frameworks
                        DEVELOPER_FRAMEWORKS_DIR_QUOTED =
                        /Applications/Xcode.app/Contents/Developer/Library/Frameworks
                        DEVELOPER_LIBRARY_DIR = /Applications/Xcode.app/Contents/Developer/Library
                        DEVELOPER_SDK_DIR =
                        /Applications/Xcode.app/Contents/Developer/Platforms/MacOSX.platform/Develop
                        er/SDKs
                        DEVELOPER_TOOLS_DIR = /Applications/Xcode.app/Contents/Developer/Tools
                        DEVELOPER_USR_DIR = /Applications/Xcode.app/Contents/Developer/usr
                        DEVELOPMENT_LANGUAGE = en
                        DOCUMENTATION_FOLDER_PATH = Runner.app/en.lproj/Documentation
                        DONT_GENERATE_INFOPLIST_FILE = NO
                        DO_HEADER_SCANNING_IN_JAM = NO
                        DSTROOT = /tmp/Runner.dst
                        DT_TOOLCHAIN_DIR =
                        /Applications/Xcode.app/Contents/Developer/Toolchains/XcodeDefault.xctoolcha
                        in
                        DWARF_DSYM_FILE_NAME = Runner.app.dSYM
                        DWARF_DSYM_FILE_SHOULD_ACCOMPANY_PRODUCT = NO
                        DWARF_DSYM_FOLDER_PATH =
                        /Users/haris/Desktop/linktree_public_demo/build/ios/Release-iphoneos
                        EFFECTIVE_PLATFORM_NAME = -iphoneos
                        EMBEDDED_CONTENT_CONTAINS_SWIFT = NO
                        EMBEDDED_PROFILE_NAME = embedded.mobileprovision
                        EMBED_ASSET_PACKS_IN_PRODUCT_BUNDLE = NO
                        ENABLE_BITCODE = NO
                        ENABLE_DEFAULT_HEADER_SEARCH_PATHS = YES
                        ENABLE_HARDENED_RUNTIME = NO
                        ENABLE_HEADER_DEPENDENCIES = YES
                        ENABLE_NS_ASSERTIONS = NO
                        ENABLE_ON_DEMAND_RESOURCES = YES
                        ENABLE_STRICT_OBJC_MSGSEND = YES
                        ENABLE_TESTABILITY = NO
                        ENTITLEMENTS_ALLOWED = YES
                        ENTITLEMENTS_DESTINATION = Signature
                        ENTITLEMENTS_REQUIRED = YES
                        EXCLUDED_INSTALLSRC_SUBDIRECTORY_PATTERNS = .DS_Store .svn .git .hg CVS
                        EXCLUDED_RECURSIVE_SEARCH_PATH_SUBDIRECTORIES = *.nib *.lproj *.framework
                        *.gch *.xcode* *.xcassets (*) .DS_Store CVS .svn .git .hg *.pbproj *.pbxproj
                        EXECUTABLES_FOLDER_PATH = Runner.app/Executables
                        EXECUTABLE_FOLDER_PATH = Runner.app
                        EXECUTABLE_NAME = Runner
                        EXECUTABLE_PATH = Runner.app/Runner
                        EXPANDED_CODE_SIGN_IDENTITY = 
                        EXPANDED_CODE_SIGN_IDENTITY_NAME = 
                        EXPANDED_PROVISIONING_PROFILE = 
                        FILE_LIST =
                        /Users/haris/Desktop/linktree_public_demo/build/ios/Runner.build/Release-iph
                        oneos/Runner.build/Objects/LinkFileList
                        FIXED_FILES_DIR =
                        /Users/haris/Desktop/linktree_public_demo/build/ios/Runner.build/Release-iph
                        oneos/Runner.build/FixedFiles
                        FLUTTER_APPLICATION_PATH = /Users/haris/Desktop/linktree_demo_clone
                        FLUTTER_BUILD_DIR = build
                        FLUTTER_BUILD_NAME = 1.0.0
                        FLUTTER_BUILD_NUMBER = 1
                        FLUTTER_FRAMEWORK_DIR =
                        /Users/haris/Development/flutter/bin/cache/artifacts/engine/ios
                        FLUTTER_ROOT = /Users/haris/Development/flutter
                        FLUTTER_TARGET = lib/main.dart
                        FRAMEWORKS_FOLDER_PATH = Runner.app/Frameworks
                        FRAMEWORK_FLAG_PREFIX = -framework
                        FRAMEWORK_SEARCH_PATHS =
                        /Users/haris/Desktop/linktree_public_demo/ios/Flutter
                        FRAMEWORK_VERSION = A
                        FULL_PRODUCT_NAME = Runner.app
                        GCC3_VERSION = 3.3
                        GCC_C_LANGUAGE_STANDARD = gnu99
                        GCC_INLINES_ARE_PRIVATE_EXTERN = YES
                        GCC_NO_COMMON_BLOCKS = YES
                        GCC_PFE_FILE_C_DIALECTS = c objective-c c++ objective-c++
                        GCC_SYMBOLS_PRIVATE_EXTERN = YES
                        GCC_THUMB_SUPPORT = YES
                        GCC_TREAT_WARNINGS_AS_ERRORS = NO
                        GCC_VERSION = com.apple.compilers.llvm.clang.1_0
                        GCC_VERSION_IDENTIFIER = com_apple_compilers_llvm_clang_1_0
                        GCC_WARN_64_TO_32_BIT_CONVERSION = YES
                        GCC_WARN_ABOUT_RETURN_TYPE = YES_ERROR
                        GCC_WARN_UNDECLARED_SELECTOR = YES
                        GCC_WARN_UNINITIALIZED_AUTOS = YES_AGGRESSIVE
                        GCC_WARN_UNUSED_FUNCTION = YES
                        GCC_WARN_UNUSED_VARIABLE = YES
                        GENERATE_MASTER_OBJECT_FILE = NO
                        GENERATE_PKGINFO_FILE = YES
                        GENERATE_PROFILING_CODE = NO
                        GENERATE_TEXT_BASED_STUBS = NO
                        GID = 20
                        GROUP = staff
                        HEADERMAP_INCLUDES_FLAT_ENTRIES_FOR_TARGET_BEING_BUILT = YES
                        HEADERMAP_INCLUDES_FRAMEWORK_ENTRIES_FOR_ALL_PRODUCT_TYPES = YES
                        HEADERMAP_INCLUDES_NONPUBLIC_NONPRIVATE_HEADERS = YES
                        HEADERMAP_INCLUDES_PROJECT_HEADERS = YES
                        HEADERMAP_USES_FRAMEWORK_PREFIX_ENTRIES = YES
                        HEADERMAP_USES_VFS = NO
                        HIDE_BITCODE_SYMBOLS = YES
                        HOME = /Users/haris
                        ICONV = /usr/bin/iconv
                        INFOPLIST_EXPAND_BUILD_SETTINGS = YES
                        INFOPLIST_FILE = Runner/Info.plist
                        INFOPLIST_OUTPUT_FORMAT = binary
                        INFOPLIST_PATH = Runner.app/Info.plist
                        INFOPLIST_PREPROCESS = NO
                        INFOSTRINGS_PATH = Runner.app/en.lproj/InfoPlist.strings
                        INLINE_PRIVATE_FRAMEWORKS = NO
                        INSTALLHDRS_COPY_PHASE = NO
                        INSTALLHDRS_SCRIPT_PHASE = NO
                        INSTALL_DIR = /tmp/Runner.dst/Applications
                        INSTALL_GROUP = staff
                        INSTALL_MODE_FLAG = u+w,go-w,a+rX
                        INSTALL_OWNER = haris
                        INSTALL_PATH = /Applications
                        INSTALL_ROOT = /tmp/Runner.dst
                        IPHONEOS_DEPLOYMENT_TARGET = 8.0
                        JAVAC_DEFAULT_FLAGS = -J-Xms64m -J-XX:NewSize=4M -J-Dfile.encoding=UTF8
                        JAVA_APP_STUB =
                        /System/Library/Frameworks/JavaVM.framework/Resources/MacOS/JavaApplicationS
                        tub
                        JAVA_ARCHIVE_CLASSES = YES
                        JAVA_ARCHIVE_TYPE = JAR
                        JAVA_COMPILER = /usr/bin/javac
                        JAVA_FOLDER_PATH = Runner.app/Java
                        JAVA_FRAMEWORK_RESOURCES_DIRS = Resources
                        JAVA_JAR_FLAGS = cv
                        JAVA_SOURCE_SUBDIR = .
                        JAVA_USE_DEPENDENCIES = YES
                        JAVA_ZIP_FLAGS = -urg
                        JIKES_DEFAULT_FLAGS = +E +OLDCSO
                        KASAN_DEFAULT_CFLAGS = -DKASAN=1 -fsanitize=address -mllvm
                        -asan-globals-live-support -mllvm -asan-force-dynamic-shadow
                        KEEP_PRIVATE_EXTERNS = NO
                        LD_DEPENDENCY_INFO_FILE =
                        /Users/haris/Desktop/linktree_public_demo/build/ios/Runner.build/Release-iph
                        oneos/Runner.build/Objects-normal/arm64/Runner_dependency_info.dat
                        LD_GENERATE_MAP_FILE = NO
                        LD_MAP_FILE_PATH =
                        /Users/haris/Desktop/linktree_public_demo/build/ios/Runner.build/Release-iph
                        oneos/Runner.build/Runner-LinkMap-normal-arm64.txt
                        LD_NO_PIE = NO
                        LD_QUOTE_LINKER_ARGUMENTS_FOR_COMPILER_DRIVER = YES
                        LD_RUNPATH_SEARCH_PATHS =  @executable_path/Frameworks
                        LEGACY_DEVELOPER_DIR =
                        /Applications/Xcode.app/Contents/PlugIns/Xcode3Core.ideplugin/Contents/Share
                        dSupport/Developer
                        LEX = lex
                        LIBRARY_DEXT_INSTALL_PATH = /Library/DriverExtensions
                        LIBRARY_FLAG_NOSPACE = YES
                        LIBRARY_FLAG_PREFIX = -l
                        LIBRARY_KEXT_INSTALL_PATH = /Library/Extensions
                        LIBRARY_SEARCH_PATHS =
                        /Users/haris/Desktop/linktree_public_demo/ios/Flutter
                        LINKER_DISPLAYS_MANGLED_NAMES = NO
                        LINK_FILE_LIST_normal_arm64 = 
                        LINK_FILE_LIST_normal_armv7 = 
                        LINK_WITH_STANDARD_LIBRARIES = YES
                        LLVM_TARGET_TRIPLE_OS_VERSION = ios8.0
                        LLVM_TARGET_TRIPLE_VENDOR = apple
                        LOCALIZABLE_CONTENT_DIR = 
                        LOCALIZED_RESOURCES_FOLDER_PATH = Runner.app/en.lproj
                        LOCALIZED_STRING_MACRO_NAMES = NSLocalizedString CFCopyLocalizedString
                        LOCALIZED_STRING_SWIFTUI_SUPPORT = YES
                        LOCAL_ADMIN_APPS_DIR = /Applications/Utilities
                        LOCAL_APPS_DIR = /Applications
                        LOCAL_DEVELOPER_DIR = /Library/Developer
                        LOCAL_LIBRARY_DIR = /Library
                        LOCROOT = 
                        LOCSYMROOT = 
                        MACH_O_TYPE = mh_execute
                        MAC_OS_X_PRODUCT_BUILD_VERSION = 19C57
                        MAC_OS_X_VERSION_ACTUAL = 101502
                        MAC_OS_X_VERSION_MAJOR = 101500
                        MAC_OS_X_VERSION_MINOR = 1502
                        METAL_LIBRARY_FILE_BASE = default
                        METAL_LIBRARY_OUTPUT_DIR =
                        /Users/haris/Desktop/linktree_public_demo/build/ios/Release-iphoneos/Runner.
                        app
                        MODULES_FOLDER_PATH = Runner.app/Modules
                        MODULE_CACHE_DIR =
                        /Users/haris/Library/Developer/Xcode/DerivedData/ModuleCache.noindex
                        MTL_ENABLE_DEBUG_INFO = NO
                        NATIVE_ARCH = armv7
                        NATIVE_ARCH_32_BIT = i386
                        NATIVE_ARCH_64_BIT = x86_64
                        NATIVE_ARCH_ACTUAL = x86_64
                        NO_COMMON = YES
                        OBJECT_FILE_DIR =
                        /Users/haris/Desktop/linktree_public_demo/build/ios/Runner.build/Release-iph
                        oneos/Runner.build/Objects
                        OBJECT_FILE_DIR_normal =
                        /Users/haris/Desktop/linktree_public_demo/build/ios/Runner.build/Release-iph
                        oneos/Runner.build/Objects-normal
                        OBJROOT = /Users/haris/Desktop/linktree_public_demo/build/ios
                        ONLY_ACTIVE_ARCH = NO
                        OS = MACOS
                        OSAC = /usr/bin/osacompile
                        PACKAGE_TYPE = com.apple.package-type.wrapper.application
                        PASCAL_STRINGS = YES
                        PATH =
                        /Applications/Xcode.app/Contents/Developer/usr/bin:/Library/Frameworks/Pytho
                        n.framework/Versions/3.7/bin:/Users/haris/.rvm/gems/ruby-2.6.3/bin:/Users/ha
                        ris/.rvm/gems/ruby-2.6.3@global/bin:/Users/haris/.rvm/rubies/ruby-2.6.3/bin:
                        /Users/haris/.nvm/versions/node/v13.1.0/bin:/Users/haris/.fastlane/bin:/usr/
                        local/bin:/usr/bin:/bin:/usr/sbin:/sbin:/Applications/Postgres.app/Contents/
                        Versions/latest/bin:/Library/Frameworks/Python.framework/Versions/3.7/bin:/U
                        sers/haris/.rvm/gems/ruby-2.6.3/bin:/Users/haris/.rvm/gems/ruby-2.6.3@global
                        /bin:/Users/haris/.rvm/rubies/ruby-2.6.3/bin:/Users/haris/.nvm/versions/node
                        /v13.1.0/bin:/Users/haris/.fastlane/bin:/Users/haris/Development/flutter/bin
                        :/Users/haris/.rvm/bin:/usr/java/jre1.6.0_24/bin/:/Users/haris/Desktop/pslov
                        e-period-tracker/bin:/Users/haris/Development/flutter/bin:/usr/java/jre1.6.0
                        _24/bin/:/Users/haris/Desktop/pslove-period-tracker/bin
                        PATH_PREFIXES_EXCLUDED_FROM_HEADER_DEPENDENCIES = /usr/include
                        /usr/local/include /System/Library/Frameworks
                        /System/Library/PrivateFrameworks
                        /Applications/Xcode.app/Contents/Developer/Headers
                        /Applications/Xcode.app/Contents/Developer/SDKs
                        /Applications/Xcode.app/Contents/Developer/Platforms
                        PBDEVELOPMENTPLIST_PATH = Runner.app/pbdevelopment.plist
                        PFE_FILE_C_DIALECTS = objective-c
                        PKGINFO_FILE_PATH =
                        /Users/haris/Desktop/linktree_public_demo/build/ios/Runner.build/Release-iph
                        oneos/Runner.build/PkgInfo
                        PKGINFO_PATH = Runner.app/PkgInfo
                        PLATFORM_DEVELOPER_APPLICATIONS_DIR =
                        /Applications/Xcode.app/Contents/Developer/Platforms/iPhoneOS.platform/Devel
                        oper/Applications
                        PLATFORM_DEVELOPER_BIN_DIR =
                        /Applications/Xcode.app/Contents/Developer/Platforms/iPhoneOS.platform/Devel
                        oper/usr/bin
                        PLATFORM_DEVELOPER_LIBRARY_DIR =
                        /Applications/Xcode.app/Contents/PlugIns/Xcode3Core.ideplugin/Contents/Share
                        dSupport/Developer/Library
                        PLATFORM_DEVELOPER_SDK_DIR =
                        /Applications/Xcode.app/Contents/Developer/Platforms/iPhoneOS.platform/Devel
                        oper/SDKs
                        PLATFORM_DEVELOPER_TOOLS_DIR =
                        /Applications/Xcode.app/Contents/Developer/Platforms/iPhoneOS.platform/Devel
                        oper/Tools
                        PLATFORM_DEVELOPER_USR_DIR =
                        /Applications/Xcode.app/Contents/Developer/Platforms/iPhoneOS.platform/Devel
                        oper/usr
                        PLATFORM_DIR =
                        /Applications/Xcode.app/Contents/Developer/Platforms/iPhoneOS.platform
                        PLATFORM_DISPLAY_NAME = iOS
                        PLATFORM_NAME = iphoneos
                        PLATFORM_PREFERRED_ARCH = arm64
                        PLATFORM_PRODUCT_BUILD_VERSION = 17B102
                        PLIST_FILE_OUTPUT_FORMAT = binary
                        PLUGINS_FOLDER_PATH = Runner.app/PlugIns
                        PRECOMPS_INCLUDE_HEADERS_FROM_BUILT_PRODUCTS_DIR = YES
                        PRECOMP_DESTINATION_DIR =
                        /Users/haris/Desktop/linktree_public_demo/build/ios/Runner.build/Release-iph
                        oneos/Runner.build/PrefixHeaders
                        PRESERVE_DEAD_CODE_INITS_AND_TERMS = NO
                        PRIVATE_HEADERS_FOLDER_PATH = Runner.app/PrivateHeaders
                        PRODUCT_BUNDLE_IDENTIFIER = com.example.linktreeDemoClone
                        PRODUCT_BUNDLE_PACKAGE_TYPE = APPL
                        PRODUCT_MODULE_NAME = Runner
                        PRODUCT_NAME = Runner
                        PRODUCT_SETTINGS_PATH =
                        /Users/haris/Desktop/linktree_public_demo/ios/Runner/Info.plist
                        PRODUCT_TYPE = com.apple.product-type.application
                        PROFILING_CODE = NO
                        PROJECT = Runner
                        PROJECT_DERIVED_FILE_DIR =
                        /Users/haris/Desktop/linktree_public_demo/build/ios/Runner.build/DerivedSour
                        ces
                        PROJECT_DIR = /Users/haris/Desktop/linktree_public_demo/ios
                        PROJECT_FILE_PATH =
                        /Users/haris/Desktop/linktree_public_demo/ios/Runner.xcodeproj
                        PROJECT_NAME = Runner
                        PROJECT_TEMP_DIR =
                        /Users/haris/Desktop/linktree_public_demo/build/ios/Runner.build
                        PROJECT_TEMP_ROOT = /Users/haris/Desktop/linktree_public_demo/build/ios
                        PROVISIONING_PROFILE_REQUIRED = YES
                        PUBLIC_HEADERS_FOLDER_PATH = Runner.app/Headers
                        RECURSIVE_SEARCH_PATHS_FOLLOW_SYMLINKS = YES
                        REMOVE_CVS_FROM_RESOURCES = YES
                        REMOVE_GIT_FROM_RESOURCES = YES
                        REMOVE_HEADERS_FROM_EMBEDDED_BUNDLES = YES
                        REMOVE_HG_FROM_RESOURCES = YES
                        REMOVE_SVN_FROM_RESOURCES = YES
                        RESOURCE_RULES_REQUIRED = YES
                        REZ_COLLECTOR_DIR =
                        /Users/haris/Desktop/linktree_public_demo/build/ios/Runner.build/Release-iph
                        oneos/Runner.build/ResourceManagerResources
                        REZ_OBJECTS_DIR =
                        /Users/haris/Desktop/linktree_public_demo/build/ios/Runner.build/Release-iph
                        oneos/Runner.build/ResourceManagerResources/Objects
                        SCAN_ALL_SOURCE_FILES_FOR_INCLUDES = NO
                        SCRIPTS_FOLDER_PATH = Runner.app/Scripts
                        SDKROOT =
                        /Applications/Xcode.app/Contents/Developer/Platforms/iPhoneOS.platform/Devel
                        oper/SDKs/iPhoneOS13.2.sdk
                        SDK_DIR =
                        /Applications/Xcode.app/Contents/Developer/Platforms/iPhoneOS.platform/Devel
                        oper/SDKs/iPhoneOS13.2.sdk
                        SDK_DIR_iphoneos13_2 =
                        /Applications/Xcode.app/Contents/Developer/Platforms/iPhoneOS.platform/Devel
                        oper/SDKs/iPhoneOS13.2.sdk
                        SDK_NAME = iphoneos13.2
                        SDK_NAMES = iphoneos13.2
                        SDK_PRODUCT_BUILD_VERSION = 17B102
                        SDK_VERSION = 13.2
                        SDK_VERSION_ACTUAL = 130200
                        SDK_VERSION_MAJOR = 130000
                        SDK_VERSION_MINOR = 200
                        SED = /usr/bin/sed
                        SEPARATE_STRIP = NO
                        SEPARATE_SYMBOL_EDIT = NO
                        SET_DIR_MODE_OWNER_GROUP = YES
                        SET_FILE_MODE_OWNER_GROUP = NO
                        SHALLOW_BUNDLE = YES
                        SHARED_DERIVED_FILE_DIR =
                        /Users/haris/Desktop/linktree_public_demo/build/ios/Release-iphoneos/Derived
                        Sources
                        SHARED_FRAMEWORKS_FOLDER_PATH = Runner.app/SharedFrameworks
                        SHARED_PRECOMPS_DIR =
                        /Users/haris/Desktop/linktree_public_demo/build/ios/SharedPrecompiledHeaders
                        SHARED_SUPPORT_FOLDER_PATH = Runner.app/SharedSupport
                        SKIP_INSTALL = NO
                        SOURCE_ROOT = /Users/haris/Desktop/linktree_public_demo/ios
                        SRCROOT = /Users/haris/Desktop/linktree_public_demo/ios
                        STRINGS_FILE_OUTPUT_ENCODING = binary
                        STRIP_BITCODE_FROM_COPIED_FILES = YES
                        STRIP_INSTALLED_PRODUCT = YES
                        STRIP_STYLE = all
                        STRIP_SWIFT_SYMBOLS = YES
                        SUPPORTED_DEVICE_FAMILIES = 1,2
                        SUPPORTED_PLATFORMS = iphoneos
                        SUPPORTS_MACCATALYST = NO
                        SUPPORTS_TEXT_BASED_API = NO
                        SWIFT_COMPILATION_MODE = wholemodule
                        SWIFT_OBJC_BRIDGING_HEADER = Runner/Runner-Bridging-Header.h
                        SWIFT_OPTIMIZATION_LEVEL = -O
                        SWIFT_PLATFORM_TARGET_PREFIX = ios
                        SWIFT_VERSION = 5.0
                        SYMROOT = /Users/haris/Desktop/linktree_public_demo/build/ios
                        SYSTEM_ADMIN_APPS_DIR = /Applications/Utilities
                        SYSTEM_APPS_DIR = /Applications
                        SYSTEM_CORE_SERVICES_DIR = /System/Library/CoreServices
                        SYSTEM_DEMOS_DIR = /Applications/Extras
                        SYSTEM_DEVELOPER_APPS_DIR =
                        /Applications/Xcode.app/Contents/Developer/Applications
                        SYSTEM_DEVELOPER_BIN_DIR =
                        /Applications/Xcode.app/Contents/Developer/usr/bin
                        SYSTEM_DEVELOPER_DEMOS_DIR =
                        /Applications/Xcode.app/Contents/Developer/Applications/Utilities/Built
                        Examples
                        SYSTEM_DEVELOPER_DIR = /Applications/Xcode.app/Contents/Developer
                        SYSTEM_DEVELOPER_DOC_DIR = /Applications/Xcode.app/Contents/Developer/ADC
                        Reference Library
                        SYSTEM_DEVELOPER_GRAPHICS_TOOLS_DIR =
                        /Applications/Xcode.app/Contents/Developer/Applications/Graphics Tools
                        SYSTEM_DEVELOPER_JAVA_TOOLS_DIR =
                        /Applications/Xcode.app/Contents/Developer/Applications/Java Tools
                        SYSTEM_DEVELOPER_PERFORMANCE_TOOLS_DIR =
                        /Applications/Xcode.app/Contents/Developer/Applications/Performance Tools
                        SYSTEM_DEVELOPER_RELEASENOTES_DIR =
                        /Applications/Xcode.app/Contents/Developer/ADC Reference
                        Library/releasenotes
                        SYSTEM_DEVELOPER_TOOLS = /Applications/Xcode.app/Contents/Developer/Tools
                        SYSTEM_DEVELOPER_TOOLS_DOC_DIR =
                        /Applications/Xcode.app/Contents/Developer/ADC Reference
                        Library/documentation/DeveloperTools
                        SYSTEM_DEVELOPER_TOOLS_RELEASENOTES_DIR =
                        /Applications/Xcode.app/Contents/Developer/ADC Reference
                        Library/releasenotes/DeveloperTools
                        SYSTEM_DEVELOPER_USR_DIR = /Applications/Xcode.app/Contents/Developer/usr
                        SYSTEM_DEVELOPER_UTILITIES_DIR =
                        /Applications/Xcode.app/Contents/Developer/Applications/Utilities
                        SYSTEM_DEXT_INSTALL_PATH = /System/Library/DriverExtensions
                        SYSTEM_DOCUMENTATION_DIR = /Library/Documentation
                        SYSTEM_KEXT_INSTALL_PATH = /System/Library/Extensions
                        SYSTEM_LIBRARY_DIR = /System/Library
                        TAPI_VERIFY_MODE = ErrorsOnly
                        TARGETED_DEVICE_FAMILY = 1,2
                        TARGETNAME = Runner
                        TARGET_BUILD_DIR =
                        /Users/haris/Desktop/linktree_public_demo/build/ios/Release-iphoneos
                        TARGET_NAME = Runner
                        TARGET_TEMP_DIR =
                        /Users/haris/Desktop/linktree_public_demo/build/ios/Runner.build/Release-iph
                        oneos/Runner.build
                        TEMP_DIR =
                        /Users/haris/Desktop/linktree_public_demo/build/ios/Runner.build/Release-iph
                        oneos/Runner.build
                        TEMP_FILES_DIR =
                        /Users/haris/Desktop/linktree_public_demo/build/ios/Runner.build/Release-iph
                        oneos/Runner.build
                        TEMP_FILE_DIR =
                        /Users/haris/Desktop/linktree_public_demo/build/ios/Runner.build/Release-iph
                        oneos/Runner.build
                        TEMP_ROOT = /Users/haris/Desktop/linktree_public_demo/build/ios
                        TOOLCHAIN_DIR =
                        /Applications/Xcode.app/Contents/Developer/Toolchains/XcodeDefault.xctoolcha
                        in
                        TREAT_MISSING_BASELINES_AS_TEST_FAILURES = NO
                        UID = 501
                        UNLOCALIZED_RESOURCES_FOLDER_PATH = Runner.app
                        UNSTRIPPED_PRODUCT = NO
                        USER = haris
                        USER_APPS_DIR = /Users/haris/Applications
                        USER_LIBRARY_DIR = /Users/haris/Library
                        USE_DYNAMIC_NO_PIC = YES
                        USE_HEADERMAP = YES
                        USE_HEADER_SYMLINKS = NO
                        USE_LLVM_TARGET_TRIPLES = YES
                        USE_LLVM_TARGET_TRIPLES_FOR_CLANG = YES
                        USE_LLVM_TARGET_TRIPLES_FOR_LD = YES
                        USE_LLVM_TARGET_TRIPLES_FOR_TAPI = YES
                        VALIDATE_PRODUCT = YES
                        VALIDATE_WORKSPACE = NO
                        VALID_ARCHS = arm64 arm64e armv7 armv7s
                        VERBOSE_PBXCP = NO
                        VERSIONING_SYSTEM = apple-generic
                        VERSIONPLIST_PATH = Runner.app/version.plist
                        VERSION_INFO_BUILDER = haris
                        VERSION_INFO_FILE = Runner_vers.c
                        VERSION_INFO_STRING = "@(#)PROGRAM:Runner  PROJECT:Runner-1"
                        WRAPPER_EXTENSION = app
                        WRAPPER_NAME = Runner.app
                        WRAPPER_SUFFIX = .app
                        WRAP_ASSET_PACKS_IN_SEPARATE_DIRECTORIES = NO
                        XCODE_APP_SUPPORT_DIR =
                        /Applications/Xcode.app/Contents/Developer/Library/Xcode
                        XCODE_PRODUCT_BUILD_VERSION = 11C504
                        XCODE_VERSION_ACTUAL = 1131
                        XCODE_VERSION_MAJOR = 1100
                        XCODE_VERSION_MINOR = 1130
                        XPCSERVICES_FOLDER_PATH = Runner.app/XPCServices
                        YACC = yacc
                        arch = arm64
                        variant = normal
[ +108 ms] Launching lib/main.dart on Chrome in debug mode...
[        ] Building application for the web...
[ +186 ms] Found plugin firebase_core at
/Users/haris/Development/flutter/.pub-cache/hosted/pub.dartlang.org/firebase_core-0.4.3+1/
[   +2 ms] Found plugin firebase_core_web at
/Users/haris/Development/flutter/.pub-cache/hosted/pub.dartlang.org/firebase_core_web-0.1.1+1/
[  +22 ms] Found plugin url_launcher at
/Users/haris/Development/flutter/.pub-cache/hosted/pub.dartlang.org/url_launcher-5.4.1/
[   +1 ms] Found plugin url_launcher_macos at
/Users/haris/Development/flutter/.pub-cache/hosted/pub.dartlang.org/url_launcher_macos-0.0.1+2/
[   +2 ms] Found plugin url_launcher_web at
/Users/haris/Development/flutter/.pub-cache/hosted/pub.dartlang.org/url_launcher_web-0.1.0+2/
[+9456 ms] Starting daemon...
[ +313 ms] Initializing inputs
[  +19 ms] Reading cached asset graph...
[ +634 ms] Reading cached asset graph completed, took 630ms

[ +588 ms] Checking for updates since last build...
[ +689 ms] Checking for updates since last build completed, took 689ms

[  +10 ms] Initializing inputs
[   +2 ms] Reading cached asset graph...
[        ] Reading cached asset graph completed, took 630ms
[        ] Checking for updates since last build...
[        ] Checking for updates since last build completed, took 689ms
[ +210 ms] Serving DevTools at http://127.0.0.1:65323

[ +754 ms] About to build [web]...
[   +5 ms] Running build...
[ +203 ms] Running build completed, took 94ms

[   +1 ms] Caching finalized dependency graph...
[   +9 ms] Caching finalized dependency graph completed, took 137ms

[   +6 ms] Succeeded after 240ms with 0 outputs (0 actions)

[  +13 ms] Building application for the web... (completed in 13.1s)
[        ] Attempting to connect to browser instance..
[+4885 ms] Debug service listening on ws://127.0.0.1:65369/IqWOt77bhe8=

[ +332 ms]       Failed to load asset at path:
packages/build_web_compilers/src/dev_compiler/dart_sdk.js.

                          Status code: 404

                          Headers:
                          {
                      "date": "Tue, 21 Jan 2020 09:58:35 GMT",
                      "content-length": "9",
                      "x-frame-options": "SAMEORIGIN",
                      "content-type": "text/plain; charset=utf-8",
                      "x-xss-protection": "1; mode=block",
                      "x-content-type-options": "nosniff",
                      "server": "dart:io with Shelf",
                      "via": "1.1 shelf_proxy"
                    }

                          Content:
                          Not Found}

[  +53 ms] Attempting to connect to browser instance.. (completed in 5.3s)
[   +1 ms] Warning: Flutter's support for web development is not stable yet and hasn't
[        ] been thoroughly tested in production environments.
[        ] For more information see https://flutter.dev/web
[   +2 ms] 🔥  To hot restart changes while running, press "r". To hot restart (and refresh the
browser), press
           "R".
[   +2 ms] For a more detailed help message, press "h". To quit, press "q".
[  +12 ms] Debug service listening on ws://127.0.0.1:65369/IqWOt77bhe8=

// Ran flutter analyze
 info • Unused import: 'dart:ui' • lib/generated_plugin_registrant.dart:4:8 • unused_import

// Ran flutter doctor -v

[✓] Flutter (Channel beta, v1.12.13+hotfix.6, on Mac OS X 10.15.2 19C57, locale en-SG)
    • Flutter version 1.12.13+hotfix.6 at /Users/haris/Development/flutter
    • Framework revision 18cd7a3601 (6 weeks ago), 2019-12-11 06:35:39 -0800
    • Engine revision 2994f7e1e6
    • Dart version 2.7.0

 
[✓] Android toolchain - develop for Android devices (Android SDK version 28.0.3)
    • Android SDK at /Users/haris/Library/Android/sdk
    • Android NDK location not configured (optional; useful for native profiling support)
    • Platform android-28, build-tools 28.0.3
    • Java binary at: /Applications/Android Studio.app/Contents/jre/jdk/Contents/Home/bin/java
    • Java version OpenJDK Runtime Environment (build 1.8.0_152-release-1343-b01)
    • All Android licenses accepted.

[✓] Xcode - develop for iOS and macOS (Xcode 11.3.1)
    • Xcode at /Applications/Xcode.app/Contents/Developer
    • Xcode 11.3.1, Build version 11C504
    • CocoaPods version 1.7.1

[✓] Chrome - develop for the web
    • Chrome at /Applications/Google Chrome.app/Contents/MacOS/Google Chrome

[✓] Android Studio (version 3.4)
    • Android Studio at /Applications/Android Studio.app/Contents
    • Flutter plugin version 36.0.1
    • Dart plugin version 183.6270
    • Java version OpenJDK Runtime Environment (build 1.8.0_152-release-1343-b01)

[✓] VS Code (version 1.41.1)
    • VS Code at /Applications/Visual Studio Code.app/Contents
    • Flutter extension version 3.7.1

[✓] Connected device (3 available)
    • iPhone 11 Pro Max • B2E57F80-0B9E-4CF7-B413-D703677FEC2F • ios            •
      com.apple.CoreSimulator.SimRuntime.iOS-13-3 (simulator)
    • Chrome            • chrome                               • web-javascript • Google Chrome
      79.0.3945.117
    • Web Server        • web-server                           • web-javascript • Flutter Tools

• No issues found!

View on GitHub

Sadly, there is an error (currently) in the web client side of the Flutter's Sentry package. Thus, you have to catch your errors manually using the above code.

Firebase Hosting with Namecheap Domains

happyharis — Mon, 13 Jan 2020 10:05:55 +0000

Firebase Hosting, in my opinion, the easiest and beginner friendly way to host your website seamlessly. I haven't tried other hosting services (except Heroku). If you have one, comment down below!

However, when you deploy your web project the firebase hosting, you will the get a default url:

XXXXX.firebaseapp.com

That's when domains come in. In short, domains are the addresses of your projects. They convert the human readable address to an ip address that your web project is being stored.

You can buy domains from GoDaddy, Google. However, I chose NameCheap because I am a cheapskate. I find that registering your NameCheap domain with firebase hosting is not exactly great. Thus, this a brief tutorial on it. Full video below.

First, you need to get a domain name in NameCheap.

Second, go to the Firebase Hosting of your project. Click on add custom domain and key in your custom domain. Leave the checkbox that says redirect to an existing website, unchecked. Click continue.

Copy the statement below the value header: google-site-verification=somethingsom4eth6in7g

Let's go to NameCheap dasboard. you need to go to Domain List > Manage Click on the domain you want to register > Advanced DNS > Add New Record.

Source: Macario Jame

Create an TXT Record, with a @ as host, instead of the url as the host.

Moreover, create a CNAME record with www as the host and the value with your domain.

This will be verified after a couple of minutes. You are one step away from using your custom domain.

Once done, you will be brought to the last page, GO LIVE. You have to add 2 A Record with the host @ instead of your custom domain into the Advanced DNS settings.

You have to wait for a while for the domain to be secured by Firebase. Refresh the page after a few minutes, and you will see the Pending status.

You can visit your web app, which is not secured, yet.

It may take up to 24 hours, but it will probably take less.

Hope this is helpful 😁. Comment down below if you face with any issues.

Flutter Web: Firebase Storage

happyharis — Fri, 10 Jan 2020 07:26:06 +0000

Flutter Web: Firebase Storage

*Disclaimer: The firebase storage api for Flutter Web is still buggy. There is some uncaught errors in the JS end of the framework. Use at your own risk!

Video tutorial and link for the full code is down below 😁

First, we need to create an upload image button with the function name uploadImage:

// Currently, my app is using a Scaffold widget, hence floatingActionButton

floatingActionButton: FloatingActionButton.extended(
  heroTag: 'picker',
  elevation: 0,
  backgroundColor: Colors.tealAccent[400],
  hoverElevation: 0,
  label: Row(
    children: <Widget>[
      Icon(Icons.file_upload),
      SizedBox(width: 10),
      Text('Upload Image')
    ],
  ),
  onPressed: () => uploadImage(),
),
floatingActionButtonLocation: FloatingActionButtonLocation.centerFloat,

Second, let's create the function uploadImage(). It's a simple function:

a. We need to choose a file that we want to upload
b. Once it finishes reading, we then upload it to firebase storage

Currently, flutter web is still in beta. Thus, we have to use the HTML library. I believe the flutter team does not want to use any html library to be consistent with one codebase for multiplatform
IDK, we will see

I got the help from this stackoverflow question.

Thus, we have to create an input element. If we were to refer to the docs about file reader for web in Mozilla doc

It actually gives an example of what we needed:

function previewFile() {
  const preview = document.querySelector("img");
  const file = document.querySelector("input[type=file]").files[0];
  const reader = new FileReader();

  reader.addEventListener(
    "load",
    function() {
      // convert image file to base64 string
      preview.src = reader.result;
    },
    false
  );

  if (file) {
    reader.readAsDataURL(file);
  }
}

Thus, we should convert it to dart:

/// A "select file/folder" window will appear. User will have to choose a file.
/// This file will be then read, and uploaded to firebase storage;
uploadImage() async {
  // HTML input element
  InputElement uploadInput = FileUploadInputElement();
  uploadInput.click();

  uploadInput.onChange.listen(
    (changeEvent) {
      final file = uploadInput.files.first;
      final reader = FileReader();
      // The FileReader object lets web applications asynchronously read the
      // contents of files (or raw data buffers) stored on the user's computer,
      // using File or Blob objects to specify the file or data to read.
      // Source: https://developer.mozilla.org/en-US/docs/Web/API/FileReader

      reader.readAsDataUrl(file);
      // The readAsDataURL method is used to read the contents of the specified Blob or File.
      //  When the read operation is finished, the readyState becomes DONE, and the loadend is
      // triggered. At that time, the result attribute contains the data as a data: URL representing
      // the file's data as a base64 encoded string.
      // Source: https://developer.mozilla.org/en-US/docs/Web/API/FileReader/readAsDataURL

      reader.onLoadEnd.listen(
        // After file finiesh reading and loading, it will be uploaded to firebase storage
        (loadEndEvent) async {
          uploadToFirebase(file);
        },
      );
    },
  );
}

Now, we have to create the function uploadToFirebase() that requires a file.

import 'package:firebase/firebase.dart' as fb;
import 'package:firebase/firestore.dart' as fs;

// In your screen (stateful) widget

// Before your build method, create an UploadTask instance
fb.UploadTask _uploadTask;

/// Upload file to firebase storage and updates [_uploadTask] to the latest
  /// file upload
uploadToFirebase(File imageFile) async {
  final filePath = 'images/${DateTime.now()}.png';
  setState(() {
    _uploadTask = fb
        .storage()
        .refFromURL('YOUR FIREBASE STORAGE URL')
        .child(filePath)
        .put(imageFile);
  });
}

The function above will create a images folder in firebase storage. Moreover, the picture uploaded will be named as time stamps (for reference and simplicity sake).

Lastly, let's create a progress indicator to show the progress of the file being uploaded in a stream builder:

import 'package:firebase/firebase.dart' as fb;

// In your screen widget

StreamBuilder<fb.UploadTaskSnapshot>(
  stream: _uploadTask?.onStateChanged,
  builder: (context, snapshot) {
    final event = snapshot?.data;

    // Default as 0
    double progressPercent = event != null
        ? event.bytesTransferred / event.totalBytes * 100
        : 0;

    if (progressPercent == 100) {
      return Text('Successfully uploaded file 🎊');
    } else if (progressPercent == 0) {
      return SizedBox();
    } else {
      return LinearProgressIndicator(
        value: progressPercent,
      );
    }
  },
),

If you have fast internet, the upload speed is very fast. Here's the flow of the upload process:

User clicks on the button to upload file
The window pops up as input is automatically clicked
Once user has chosen a file, the FileReader will take some micro seconds to read the file
After reading the file, the file will be passed in the uploadToFirebase() function
We will update the the UploadTask instance to the UploadTask instance we just newly created
This will update the progress indicator and show a success message

What is suppose to look like

In the StreamBuilder above, it should look like this:

import 'package:firebase/firebase.dart' as fb;


StreamBuilder<fb.UploadTaskSnapshot>(
  stream: _uploadTask?.onStateChanged,
  builder: (context, snapshot) {
  final event = snapshot?.data;

  switch (event?.state) {
    case fb.TaskState.RUNNING:
      return LinearProgressIndicator(
        value: progressPercent,
      );
    case fb.TaskState.SUCCESS:
      return Text('Success 🎊');

    case fb.TaskState.ERROR:
      return Text('Has error 😢');

    default:
    // Show empty when not uploading
      return SizedBox();
  }
}),

However, there is a bug 🐞, where it returns a null error and type check error in the web console, when you inspect in your browser.

Disclaimer again, do at your own risk.

Github Gist of the firebase storage implementation

Thank you for reading. Hope you have a nice day 😊

First Impression with Svelte

happyharis — Wed, 08 Jan 2020 05:58:58 +0000

This article is about my experience with Svelte: likes vs dislikes, and a comparison to a framework (read below to find out which framework)

Svelte is a JS web framework that helps you create web apps by just compiling your code, without a virtual DOM.

It has less boiler plate, no virtual DOM and gives another perception of reactivity. Watch this video about rethinking reactivity. Highly recommend.

After meddling with the framework (by creating a simple landing page),

here are my thoughts on learning about svelte.

Likes

Learning is pretty simple (if you have some background in JS web development) as you are not bombarded with boiler plate. You have to just learn about how Svelte reacts. That's it.
When creating a component, you don't have to write this line of code export default to get exported for other components to be used. WOW.

Dislikes

Routing in Svelte ain't exactly great at explaining to a newbie like me. People who uses Svelte suggest to use Sapper framework (which is built on Svelte). I tried understanding Sapper, and it was overwhelming to comprehend. Yikes 😬
Svelte is pretty new. The community is growing, but it is not matured yet. Just like Flutter back in the days 😆

Which brings me to the comparison of another framework: Flutter.

Similarities with Flutter Web and Svelte

They both, open source, and have their logical code on the top part of the file.

// In Svelte

<script>Logic code here</script>

<style></style>

<html></html>

// Usually when I develop in Flutter

Logic code here

Widget {
 // the html/css
}

Difference with Flutter Web and Svelte:

Flutter - amazing huge team, created by Google, and companies (CodeMagic, Rive) creating tools for the framework

Svelte - Rich Harris and his videos (highly recommend)

I really can't wait what Svelte would be offering next. Thanks for reading!

Flutter Web: Firestore CRUD

happyharis — Sat, 04 Jan 2020 13:43:53 +0000

Updated [21/08/2020]: cloud_firestore major changes

Now, all Flutter Firebase documentation is in the new link: https://firebase.flutter.dev/docs/overview

Firstly, import the latest cloud_firestore and firebase core dependency in your pubspec.yaml file:

In pubspec.yaml...

dependencies:
  cloud_firestore: <latest version>
  firebase_core: <latest version>

Secondly, add the Firebase and Firestore JS SDK in your web/index.html file:

In index.html...

<body>
    <script src="https://www.gstatic.com/firebasejs/7.9.1/firebase-app.js"></script>
    <script src="https://www.gstatic.com/firebasejs/7.9.1/firebase-firestore.js"></script>
    <script src="main.dart.js" type="application/javascript"></script>
</body>

Third, initialise Firebase, also in your index.html file with the Firebase keys (that can be found in Firebase settings):

In index.html...

<body>
  <!-- Previously loaded Firebase SDKs -->

  <!-- ADD THIS BEFORE YOUR main.dart.js SCRIPT -->
  <script>
    // TODO: Replace the following with your app's Firebase project configuration.
    // See: https://support.google.com/firebase/answer/7015592
    var firebaseConfig = {
      apiKey: "...",
      authDomain: "[YOUR_PROJECT].firebaseapp.com",
      databaseURL: "https://[YOUR_PROJECT].firebaseio.com",
      projectId: "[YOUR_PROJECT]",
      storageBucket: "[YOUR_PROJECT].appspot.com",
      messagingSenderId: "...",
      appId: "1:...:web:...",
      measurementId: "G-..."
    };
    // Initialize Firebase
    firebase.initializeApp(firebaseConfig);
  </script>
  <!-- END OF FIREBASE INIT CODE -->

  <script src="main.dart.js"></script>
</body>

Lastly, initialise firebase in your flutter main.dart file

import 'package:flutter/material.dart';

// Import the firebase_core plugin
import 'package:firebase_core/firebase_core.dart';

void main() {
  runApp(App());
}

class App extends StatelessWidget {
  // Create the initilization Future outside of `build`:
  final Future<FirebaseApp> _initialization = Firebase.initializeApp();

  @override
  Widget build(BuildContext context) {
    return FutureBuilder(
      // Initialize FlutterFire:
      future: _initialization,
      builder: (context, snapshot) {
        // Check for errors
        if (snapshot.hasError) {
          return SomethingWentWrong();
        }

        // Once complete, show your application
        if (snapshot.connectionState == ConnectionState.done) {
          return MyAwesomeApp();
        }

        // Otherwise, show something whilst waiting for initialization to complete
        return Loading();
      },
    );
  }
}

*Code above was from FlutterFire documentation

And TADA! You're free to use firestore CRUD functions whenever you like, in your mobile app, and web app as per usual.

import 'package:cloud_firestore/cloud_firestore.dart';

FirebaseFirestore.instance.collection('diaries').add(data)

FirebaseFirestore.instance.collection('diaries').doc('monday').update(data)

FirebaseFirestore.instance.collection('diaries').doc('monday').delete()