Added support for flutter apps

app/controllers/api/projects.php

@@ -1030,7 +1030,7 @@ $utopia->post('/v1/projects/:projectId/platforms')
     ->label('sdk.namespace', 'projects')
     ->label('sdk.method', 'createPlatform')
     ->param('projectId', null, function () { return new UID(); }, 'Project unique ID.')
-    ->param('type', null, function () { return new WhiteList(['web', 'ios', 'android', 'unity']); }, 'Platform type.')
+    ->param('type', null, function () { return new WhiteList(['web', 'flutter', 'ios', 'android', 'unity']); }, 'Platform type.')
     ->param('name', null, function () { return new Text(256); }, 'Platform name.')
     ->param('key', '', function () { return new Text(256); }, 'Package name for android or bundle ID for iOS.', true)
     ->param('store', '', function () { return new Text(256); }, 'App store or Google Play store ID.', true)

app/views/console/home/index.phtml

@@ -140,16 +140,19 @@ $graph = $this->getParam('graph', false);
     <div class="drop-list pull-start" data-ls-ui-open="" data-button-text="Add Platform" data-button-class="button" data-blur="1" tabindex="1">
         <ul>
             <li>
-                <div class="link web-new"><img src="/images/clients/web.png?v=<?php echo APP_CACHE_BUSTER; ?>" alt="Web Platform Logo" class="avatar xs margin-end" /> New Web App</div>
+                <div class="link web-new"><img src="/images/clients/web.png?v=<?php echo APP_CACHE_BUSTER; ?>" alt="Web Platform Logo" class="avatar xs margin-end-small" /> New Web App</div>
+            </li>
+            <li>
+                <div class="link flutter-new"><img src="/images/clients/flutter.png?v=<?php echo APP_CACHE_BUSTER; ?>" alt="Flutter Platform Logo" class="avatar xs margin-end-small" /> New Flutter App &nbsp;<span class="text-size-tiny">(beta)</span></div>
             </li>
             <li class="disabled">
-                <div class="link ios-new"><img src="/images/clients/ios.png?v=<?php echo APP_CACHE_BUSTER; ?>" alt="iOS Platform Logo" class="avatar xs margin-end" /> New iOS App</div>
+                <div class="link ios-new"><img src="/images/clients/ios.png?v=<?php echo APP_CACHE_BUSTER; ?>" alt="iOS Platform Logo" class="avatar xs margin-end-small" /> New iOS App</div>
             </li>
             <li class="disabled">
-                <div class="link android-new"><img src="/images/clients/android.png?v=<?php echo APP_CACHE_BUSTER; ?>" alt="Android Platform Logo" class="avatar xs margin-end" /> New Android App</div>
+                <div class="link android-new"><img src="/images/clients/android.png?v=<?php echo APP_CACHE_BUSTER; ?>" alt="Android Platform Logo" class="avatar xs margin-end-small" /> New Android App</div>
             </li>
             <li class="disabled">
-                <div class="link unity-new"><img src="/images/clients/unity.png?v=<?php echo APP_CACHE_BUSTER; ?>" alt="Unity Platform Logo" class="avatar xs margin-end" /> New Unity Game</div>
+                <div class="link unity-new"><img src="/images/clients/unity.png?v=<?php echo APP_CACHE_BUSTER; ?>" alt="Unity Platform Logo" class="avatar xs margin-end-small" /> New Unity Game</div>
             </li>
         </ul>
     </div>
@@ -223,6 +226,72 @@ $graph = $this->getParam('graph', false);
         
         <hr />
 
+        <button type="submit">Update</button> &nbsp; <button data-ls-ui-trigger="modal-close" type="button" class="reverse">Cancel</button>
+    </form>
+</script>
+
+<div data-ui-modal class="modal box close" data-button-alias=".flutter-new">
+    <button type="button" class="close pull-end" data-ui-modal-close=""><i class="icon-cancel"></i></button>
+
+    <h1>New Flutter App</h1>
+
+    <form
+        data-analytics-event="submit"
+        data-analytics-category="console"
+        data-analytics-label="Create Project Platform (Flutter)"
+        data-service="projects.createPlatform"
+        data-scope="console"
+        data-event="submit"
+        data-success="alert,trigger,reset"
+        data-success-param-alert-text="Created new platform successfully"
+        data-success-param-trigger-events="projects.createPlatform"
+        data-failure="alert"
+        data-failure-param-alert-text="Failed to create platform"
+        data-failure-param-alert-classname="error">
+
+        <input type="hidden" name="projectId" data-ls-bind="{{router.params.project}}" />
+        <input type="hidden" name="type" data-ls-bind="flutter" />
+
+        <label for="name">Name <span class="tooltip large" data-tooltip="Choose any name that will help you distinguish between your different apps."><i class="icon-question"></i></span></label>
+        <input type="text" class="full-width" id="name" name="name" required autocomplete="off" placeholder="My Web App" />
+
+        <div class="info margin-top margin-bottom">
+            <div class="text-bold margin-bottom-small">Next Steps</div>
+
+            <p>After adding your new app, install the Dart SDK to integrate with your code and read the <a data-ls-attrs="href={{env.HOME}}/docs/getting-started-for-flutter" target="_blank">getting started</a> tutorial.</p>
+
+            <div class="margin-bottom-no ide" data-lang="bash" data-lang-label="bash">
+                <pre class="line-numbers"><code class="prism language-bash" data-prism>npm install appwrite</code></pre>
+            </div>
+        </div>
+
+        <button type="submit">Register</button> &nbsp; <button data-ui-modal-close="" type="button" class="reverse">Cancel</button>
+    </form>
+</div>
+
+<script type="text/html" id="template-flutter-update">
+    <form
+        data-analytics-event="submit"
+        data-analytics-category="console"
+        data-analytics-label="Update Project Platform"
+        data-service="projects.updatePlatform"
+        data-scope="console"
+        data-event="submit"
+        data-success="alert,trigger"
+        data-success-param-alert-text="Updated platform successfully"
+        data-success-param-trigger-events="projects.updatePlatform"
+        data-failure="alert"
+        data-failure-param-alert-text="Failed to update platform"
+        data-failure-param-alert-classname="error">
+
+        <input type="hidden" name="projectId" data-ls-bind="{{router.params.project}}" />
+        <input type="hidden" name="platformId" data-ls-bind="{{platform.$id}}" />
+
+        <label data-ls-attrs="for=name-{{platform.$id}}">Name <span class="tooltip large" data-tooltip="Choose any name that will help you distinguish between your different apps."><i class="icon-question"></i></span></label>
+        <input type="text" class="full-width" data-ls-attrs="id=name-{{platform.$id}}" name="name" required autocomplete="off" data-ls-bind="{{platform.name}}" placeholder="My Web App" />
+
+        <hr />
+
         <button type="submit">Update</button> &nbsp; <button data-ls-ui-trigger="modal-close" type="button" class="reverse">Cancel</button>
     </form>
 </script>

public/styles/typography.less

@@ -56,6 +56,10 @@ small {
   font-size: 13px;
 }
 
+.text-size-tiny {
+  font-size: 10px;
+}
+
 .text-size-normal {
   font-size: 16px;
 }