diff --git a/.gitpod.yml b/.gitpod.yml new file mode 100644 index 0000000000..3c1848749b --- /dev/null +++ b/.gitpod.yml @@ -0,0 +1,9 @@ +# This configuration file was automatically generated by Gitpod. +# Please adjust to your needs (see https://www.gitpod.io/docs/introduction/learn-gitpod/gitpod-yaml) +# and commit this file to your remote git repository to share the goodness with others. + +# Learn more from ready-to-use templates: https://www.gitpod.io/docs/introduction/getting-started/quickstart + +tasks: + - init: npm install && npm run build + command: npm run dev diff --git a/src/lib/layout/header.svelte b/src/lib/layout/header.svelte index 49e9849674..60087ee6fe 100644 --- a/src/lib/layout/header.svelte +++ b/src/lib/layout/header.svelte @@ -140,7 +140,7 @@ (showDropdown = false)}> - Your Account + Your account - Sign Out + Sign out diff --git a/src/routes/console/project-[project]/overview/onboard.svelte b/src/routes/console/project-[project]/overview/onboard.svelte index 65b6578524..9d16fbabc1 100644 --- a/src/routes/console/project-[project]/overview/onboard.svelte +++ b/src/routes/console/project-[project]/overview/onboard.svelte @@ -14,22 +14,22 @@ const platforms = [ { - title: 'Web App', + title: 'Web', icon: 'grayscale/code', platform: Platform.Web }, { - title: 'Flutter App', + title: 'Flutter', icon: 'color/flutter', platform: Platform.Flutter }, { - title: 'Apple App', + title: 'Apple', icon: 'color/apple', platform: Platform.Apple }, { - title: 'Android App', + title: 'Android', icon: 'color/android', platform: Platform.Android } @@ -48,7 +48,9 @@

Getting Started Guide

-

Let's get your project up and running

+

+ Here are some next steps to start building +

@@ -58,8 +60,8 @@

Add a Platform

-

- Our SDK's make it possible to easily add any platform that you want to use. +

+ Our SDKs make it possible to easily integrate with any platform.

@@ -96,8 +98,9 @@

Integrate With Your Server

-

- Our SDK's make it possible to easily add any platform that you want to use. +

+ Appwrite is designed to adapt to your existing backend. Integrate Appwrite with your + backend code base using Server SDKs or Webhooks.

@@ -144,15 +147,15 @@
+ style={`background-image: url(${onBoardImage1}); box-shadow: none !important`}>
- Add a Platform to View Data About Your Project + Add a platform to view data about your project
-
+
Get insights on bandwidth usage, requests, realtime connections and more after making your first API call
diff --git a/src/routes/console/project-[project]/overview/platforms/createAndroid.svelte b/src/routes/console/project-[project]/overview/platforms/createAndroid.svelte index 6cbb9e9d7c..949b4cfdec 100644 --- a/src/routes/console/project-[project]/overview/platforms/createAndroid.svelte +++ b/src/routes/console/project-[project]/overview/platforms/createAndroid.svelte @@ -26,7 +26,7 @@ const stepsComponents: WizardStepsType = new Map(); stepsComponents.set(1, { - label: 'Register your app', + label: 'Register your platform', component: Step1 }); stepsComponents.set(2, { @@ -47,8 +47,8 @@ + finalAction="Go to dashboard" /> diff --git a/src/routes/console/project-[project]/overview/platforms/createApple.svelte b/src/routes/console/project-[project]/overview/platforms/createApple.svelte index 4473938f3b..5aca6240ac 100644 --- a/src/routes/console/project-[project]/overview/platforms/createApple.svelte +++ b/src/routes/console/project-[project]/overview/platforms/createApple.svelte @@ -26,7 +26,7 @@ const stepsComponents: WizardStepsType = new Map(); stepsComponents.set(1, { - label: 'Register your app', + label: 'Register your platform', component: Step1 }); stepsComponents.set(2, { @@ -47,8 +47,8 @@ + finalAction="Go to dashboard" /> diff --git a/src/routes/console/project-[project]/overview/platforms/createFlutter.svelte b/src/routes/console/project-[project]/overview/platforms/createFlutter.svelte index cab3673bba..98059a5807 100644 --- a/src/routes/console/project-[project]/overview/platforms/createFlutter.svelte +++ b/src/routes/console/project-[project]/overview/platforms/createFlutter.svelte @@ -26,7 +26,7 @@ const stepsComponents: WizardStepsType = new Map(); stepsComponents.set(1, { - label: 'Register your app', + label: 'Register your platform', component: Step1 }); stepsComponents.set(2, { @@ -47,8 +47,8 @@ + finalAction="Go to dashboard" /> diff --git a/src/routes/console/project-[project]/overview/platforms/createWeb.svelte b/src/routes/console/project-[project]/overview/platforms/createWeb.svelte index a7f571b651..5d79790e62 100644 --- a/src/routes/console/project-[project]/overview/platforms/createWeb.svelte +++ b/src/routes/console/project-[project]/overview/platforms/createWeb.svelte @@ -26,7 +26,7 @@ const stepsComponents: WizardStepsType = new Map(); stepsComponents.set(1, { - label: 'Register your app', + label: 'Register your platform', component: Step1 }); stepsComponents.set(2, { @@ -35,7 +35,7 @@ optional: true }); stepsComponents.set(3, { - label: "Let's get coding", + label: 'Initialize SDK', component: Step3, optional: true }); @@ -47,8 +47,8 @@ + finalAction="Go to dashboard" /> diff --git a/src/routes/console/project-[project]/overview/platforms/wizard/android/step2.svelte b/src/routes/console/project-[project]/overview/platforms/wizard/android/step2.svelte index 95839d15ce..c195b28221 100644 --- a/src/routes/console/project-[project]/overview/platforms/wizard/android/step2.svelte +++ b/src/routes/console/project-[project]/overview/platforms/wizard/android/step2.svelte @@ -11,8 +11,8 @@ Get the SDK -

First, add this to your root level build.gradle file:

+

First, add this to your root level build.gradle file.

-

And add this to your project's build.gradle file:

+

And add this to your project's build.gradle file.

 diff --git a/src/routes/console/project-[project]/overview/platforms/wizard/android/step3.svelte b/src/routes/console/project-[project]/overview/platforms/wizard/android/step3.svelte index b18f0f23a6..01c74f02f7 100644 --- a/src/routes/console/project-[project]/overview/platforms/wizard/android/step3.svelte +++ b/src/routes/console/project-[project]/overview/platforms/wizard/android/step3.svelte @@ -1,5 +1,6 @@ - Let's get coding + Initialize SDK -

Init your SDK

+

Initialize your SDK

- Now that you've downloaded the SDK, it's time to initialze it. Use your project ID, which - can be found in your project settings page. + Initialize your SDK by pointing the client to your Appwrite project using your Project ID.

- Register your Apple app + Register your bundle ID -

Choose a platform

+

Choose an Apple platform

  • - Select File > Add Packages + + In the menu bar under Select File, select Add Packages +
  • @@ -70,9 +72,9 @@
    • {:else if method === Method.Swift} -

    Add this to your Package.swift file:

    +

    Add this to your Package.swift file.

    -

    Then add the dependency to your target:

    +

    Then add the dependency to your target.

    {/if}
    diff --git a/src/routes/console/project-[project]/overview/platforms/wizard/apple/step3.svelte b/src/routes/console/project-[project]/overview/platforms/wizard/apple/step3.svelte index fc5b280776..65a560ace9 100644 --- a/src/routes/console/project-[project]/overview/platforms/wizard/apple/step3.svelte +++ b/src/routes/console/project-[project]/overview/platforms/wizard/apple/step3.svelte @@ -3,6 +3,7 @@ import { WizardStep } from '$lib/layout'; import { Mode, MODE } from '$lib/system'; import { sdk } from '$lib/stores/sdk'; + import Id from '$lib/components/id.svelte'; const { endpoint, project } = sdk.forProject.client.config; const code = `import Appwrite @@ -16,24 +17,22 @@ let client = Client() - Let's get coding + Initialize SDK -

    Init your SDK

    +

    Initialize your SDK

    - Now that you've downloaded the SDK, it's time to initialze it. Use your project ID, which - can be found in your project settings page. + Initialize your SDK by pointing the client to your Appwrite project using your Project ID.

    -

    +

    Before sending any API calls to your new Appwrite project, make sure your device or emulator has network access to your Appwrite project's hostname or IP address.

    - {#if showAlert} + {#if showAlert && MODE === Mode.SELF_HOSTED}
    - (showAlert = false)}> + (showAlert = false)}> For self-hosted solutions When connecting to a locally hosted Appwrite project from an emulator or a mobile device, you should use the private IP of the device running your Appwrite project as the hostname diff --git a/src/routes/console/project-[project]/overview/platforms/wizard/flutter/step1.svelte b/src/routes/console/project-[project]/overview/platforms/wizard/flutter/step1.svelte index ca0c62f7ec..723050f7ae 100644 --- a/src/routes/console/project-[project]/overview/platforms/wizard/flutter/step1.svelte +++ b/src/routes/console/project-[project]/overview/platforms/wizard/flutter/step1.svelte @@ -106,10 +106,19 @@ $createPlatform.$id = response.$id; $createPlatform.type = platform; } + + $: registee = { + [Platform.Android]: 'package name', + [Platform.Ios]: 'bundle ID', + [Platform.Linux]: 'package name', + [Platform.Macos]: 'bundle ID', + [Platform.Windows]: 'package name', + [Platform.Web]: 'hostname' + }[platform]; - Register your Flutter app + Register your {registee}
    Get the SDK -

    Add Appwrite SDK to your package's pubspec.yaml file. You can view an example here.

    +

    + Add Appwrite SDK to your package's pubspec.yaml file. You can + view an example here. +

    - You can also install the SDK using the Dart package manager from your terminal: + You can also install the SDK using the Dart package manager from your terminal.

    diff --git a/src/routes/console/project-[project]/overview/platforms/wizard/flutter/step3.svelte b/src/routes/console/project-[project]/overview/platforms/wizard/flutter/step3.svelte index ec5b9ac48b..4321d72b1b 100644 --- a/src/routes/console/project-[project]/overview/platforms/wizard/flutter/step3.svelte +++ b/src/routes/console/project-[project]/overview/platforms/wizard/flutter/step3.svelte @@ -3,6 +3,7 @@ import { WizardStep } from '$lib/layout'; import { Mode, MODE } from '$lib/system'; import { sdk } from '$lib/stores/sdk'; + import Id from '$lib/components/id.svelte'; const { endpoint, project } = sdk.forProject.client.config; const code = `import 'package:appwrite/appwrite.dart'; @@ -17,12 +18,12 @@ client - Let's get coding + Initialize SDK -

    Init your SDK

    +

    Initialize your SDK

    - Now that you've downloaded the SDK, it's time to initialze it. Use your project ID, which - can be found in your project settings page. + Initialize your SDK by pointing the client to your Appwrite project using your Project ID

    diff --git a/src/routes/console/project-[project]/overview/platforms/wizard/step4.svelte b/src/routes/console/project-[project]/overview/platforms/wizard/step4.svelte index c6cbb6d172..cc2c489588 100644 --- a/src/routes/console/project-[project]/overview/platforms/wizard/step4.svelte +++ b/src/routes/console/project-[project]/overview/platforms/wizard/step4.svelte @@ -1,12 +1,19 @@ You're ready to go 🎉

    - Congrats, you've just added your first platform to your Appwrite dashboard! Are you ready to - give it a go? Why not add a database to your project, or start uploading files? The choice - is up to you. + {#if isFirstProject} + Congratulations on adding the first platform to your project! Start exploring by + creating users, adding a database to your project, or uploading files to a bucket. + {:else} + Congratulations on adding another platform to your project! Start building by adding a + database, uploading files to a bucket and more via your dashboard. + {/if}

    diff --git a/src/routes/console/project-[project]/overview/platforms/wizard/web/step1.svelte b/src/routes/console/project-[project]/overview/platforms/wizard/web/step1.svelte index f7149863ff..cd5359b666 100644 --- a/src/routes/console/project-[project]/overview/platforms/wizard/web/step1.svelte +++ b/src/routes/console/project-[project]/overview/platforms/wizard/web/step1.svelte @@ -48,7 +48,7 @@ - Register your Web app + Register your hostname

    - When you're using a bundler (like Rollup), import the Appwrite module when you need it: + >, import Appwrite as a module.

    {:else if method === Method.CDN} -

    - To install with a CDN (content delivery network) add the following scripts to the bottom - of your tag, but before you use any Appwrite services: -

    +

    Add the following script tags to install Appwrite with a CDN.

    {/if}     diff --git a/src/routes/console/project-[project]/overview/platforms/wizard/web/step3.svelte b/src/routes/console/project-[project]/overview/platforms/wizard/web/step3.svelte index 2e4e6744c1..de3a41e49e 100644 --- a/src/routes/console/project-[project]/overview/platforms/wizard/web/step3.svelte +++ b/src/routes/console/project-[project]/overview/platforms/wizard/web/step3.svelte @@ -1,5 +1,6 @@ - Let's get coding + Initialize SDK -

    Init your SDK

    +

    Initialize your SDK

    - Now that you've downloaded the SDK, it's time to initialze it. Use your project ID, which - can be found in your project settings page. + Initialize your SDK by pointing the client to your Appwrite project using your Project ID.