From 03e36c8d3b889cafd32d1c78f48b9bb7a7f62846 Mon Sep 17 00:00:00 2001 From: Niccolo Borgioli Date: Sat, 7 Jan 2023 11:48:35 +0100 Subject: [PATCH] make status bar dark & readme --- .github/screen.png | 3 +++ README.md | 9 +++++++++ android/app/capacitor.build.gradle | 1 + android/capacitor.settings.gradle | 3 +++ capacitor.config.ts | 1 + ios/App/Podfile | 1 + package.json | 3 ++- pnpm-lock.yaml | 10 ++++++++++ src/routes/+layout.svelte | 4 ++++ 9 files changed, 34 insertions(+), 1 deletion(-) create mode 100644 .github/screen.png create mode 100644 README.md diff --git a/.github/screen.png b/.github/screen.png new file mode 100644 index 0000000..5da8209 --- /dev/null +++ b/.github/screen.png @@ -0,0 +1,3 @@ +version https://git-lfs.github.com/spec/v1 +oid sha256:f7640f41c4af53e42714580c7a0a4743d3536adf023baee0a42345ba4189ed2d +size 286964 diff --git a/README.md b/README.md new file mode 100644 index 0000000..8aa1b1e --- /dev/null +++ b/README.md @@ -0,0 +1,9 @@ +# GPS Info + +This is a demo app built for CapacitorJS. It's a simple GPS tracker that works in the browser and on both mobile platforms. + +It's inspired by [GPS Data](https://apps.apple.com/app/id1076838348). + +## Screen + +![Screenshot](./.github/screen.png) diff --git a/android/app/capacitor.build.gradle b/android/app/capacitor.build.gradle index 14fa260..8da527d 100644 --- a/android/app/capacitor.build.gradle +++ b/android/app/capacitor.build.gradle @@ -13,6 +13,7 @@ dependencies { implementation project(':capacitor-clipboard') implementation project(':capacitor-geolocation') implementation project(':capacitor-preferences') + implementation project(':capacitor-status-bar') } diff --git a/android/capacitor.settings.gradle b/android/capacitor.settings.gradle index 46635d7..dc0b125 100644 --- a/android/capacitor.settings.gradle +++ b/android/capacitor.settings.gradle @@ -13,3 +13,6 @@ project(':capacitor-geolocation').projectDir = new File('../node_modules/.pnpm/@ include ':capacitor-preferences' project(':capacitor-preferences').projectDir = new File('../node_modules/.pnpm/@capacitor+preferences@4.0.2_@capacitor+core@4.6.1/node_modules/@capacitor/preferences/android') + +include ':capacitor-status-bar' +project(':capacitor-status-bar').projectDir = new File('../node_modules/.pnpm/@capacitor+status-bar@4.1.1_@capacitor+core@4.6.1/node_modules/@capacitor/status-bar/android') diff --git a/capacitor.config.ts b/capacitor.config.ts index be9aa7f..b94d599 100644 --- a/capacitor.config.ts +++ b/capacitor.config.ts @@ -4,6 +4,7 @@ const config: CapacitorConfig = { appId: 'io.nicco.app.gps', appName: 'GPS Info', webDir: 'build', + backgroundColor: '#180b2e', bundledWebRuntime: false, // server: { // url: 'http://127.0.0.1:5173', diff --git a/ios/App/Podfile b/ios/App/Podfile index 2444e88..f61472c 100644 --- a/ios/App/Podfile +++ b/ios/App/Podfile @@ -15,6 +15,7 @@ def capacitor_pods pod 'CapacitorClipboard', :path => '../../node_modules/.pnpm/@capacitor+clipboard@4.1.0_@capacitor+core@4.6.1/node_modules/@capacitor/clipboard' pod 'CapacitorGeolocation', :path => '../../node_modules/.pnpm/@capacitor+geolocation@4.1.0_@capacitor+core@4.6.1/node_modules/@capacitor/geolocation' pod 'CapacitorPreferences', :path => '../../node_modules/.pnpm/@capacitor+preferences@4.0.2_@capacitor+core@4.6.1/node_modules/@capacitor/preferences' + pod 'CapacitorStatusBar', :path => '../../node_modules/.pnpm/@capacitor+status-bar@4.1.1_@capacitor+core@4.6.1/node_modules/@capacitor/status-bar' end target 'App' do diff --git a/package.json b/package.json index 862108c..6d5d86d 100644 --- a/package.json +++ b/package.json @@ -33,6 +33,7 @@ "@capacitor/core": "^4.6.1", "@capacitor/geolocation": "^4.1.0", "@capacitor/ios": "^4.6.1", - "@capacitor/preferences": "^4.0.2" + "@capacitor/preferences": "^4.0.2", + "@capacitor/status-bar": "^4.1.1" } } diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml index f292c56..4fa157c 100644 --- a/pnpm-lock.yaml +++ b/pnpm-lock.yaml @@ -9,6 +9,7 @@ specifiers: '@capacitor/geolocation': ^4.1.0 '@capacitor/ios': ^4.6.1 '@capacitor/preferences': ^4.0.2 + '@capacitor/status-bar': ^4.1.1 '@sveltejs/adapter-auto': ^1.0.0 '@sveltejs/adapter-static': ^1.0.1 '@sveltejs/kit': ^1.0.7 @@ -31,6 +32,7 @@ dependencies: '@capacitor/geolocation': 4.1.0_@capacitor+core@4.6.1 '@capacitor/ios': 4.6.1_@capacitor+core@4.6.1 '@capacitor/preferences': 4.0.2_@capacitor+core@4.6.1 + '@capacitor/status-bar': 4.1.1_@capacitor+core@4.6.1 devDependencies: '@capacitor/cli': 4.6.1 @@ -130,6 +132,14 @@ packages: '@capacitor/core': 4.6.1 dev: false + /@capacitor/status-bar/4.1.1_@capacitor+core@4.6.1: + resolution: {integrity: sha512-3wosxMD1XuIFz88+c2GdVEHSJV6u7suOeKQjyWf3zf9eFr622Sg+udZqDbC0dtTWXw97BWyCjv3r1EYJw7XnIA==} + peerDependencies: + '@capacitor/core': ^4.0.0 + dependencies: + '@capacitor/core': 4.6.1 + dev: false + /@esbuild/android-arm/0.16.15: resolution: {integrity: sha512-JsJtmadyWcR+DEtHLixM7bAQsfi1s0Xotv9kVOoXbCLyhKPOHvMEyh3kJBuTbCPSE4c2jQkQVmarwc9Mg9k3bA==} engines: {node: '>=12'} diff --git a/src/routes/+layout.svelte b/src/routes/+layout.svelte index fd47908..b15736f 100644 --- a/src/routes/+layout.svelte +++ b/src/routes/+layout.svelte @@ -1,6 +1,10 @@