✨ Developer app basis

lib/screens/developers/apps.dart

@@ -0,0 +1,65 @@
+import 'package:flutter/material.dart';
+import 'package:easy_localization/easy_localization.dart';
+import 'package:go_router/go_router.dart';
+import 'package:hooks_riverpod/hooks_riverpod.dart';
+import 'package:island/models/custom_app.dart';
+import 'package:island/pods/network.dart';
+import 'package:island/widgets/app_scaffold.dart';
+import 'package:island/widgets/response.dart';
+import 'package:material_symbols_icons/symbols.dart';
+import 'package:riverpod_annotation/riverpod_annotation.dart';
+
+part 'apps.g.dart';
+
+@riverpod
+Future<List<CustomApp>> customApps(Ref ref, String publisherName) async {
+  final client = ref.watch(apiClientProvider);
+  final resp = await client.get('/developers/$publisherName/apps');
+  return resp.data.map((e) => CustomApp.fromJson(e)).cast<CustomApp>().toList();
+}
+
+class CustomAppsScreen extends HookConsumerWidget {
+  final String publisherName;
+  const CustomAppsScreen({super.key, required this.publisherName});
+
+  @override
+  Widget build(BuildContext context, WidgetRef ref) {
+    final apps = ref.watch(customAppsProvider(publisherName));
+
+    return AppScaffold(
+      appBar: AppBar(title: Text('customApps').tr()),
+      floatingActionButton: FloatingActionButton(
+        child: const Icon(Symbols.add),
+        onPressed: () {
+          context.push('/developers/$publisherName/apps/new');
+        },
+      ),
+      body: apps.when(
+        data: (data) {
+          if (data.isEmpty) {
+            return Center(child: Text('noCustomApps').tr());
+          }
+          return ListView.builder(
+            itemCount: data.length,
+            itemBuilder: (context, index) {
+              final app = data[index];
+              return ListTile(
+                title: Text(app.name),
+                subtitle: Text(app.slug),
+                onTap: () {
+                  context.push('/developers/$publisherName/apps/${app.id}');
+                },
+              );
+            },
+          );
+        },
+        loading: () => const Center(child: CircularProgressIndicator()),
+        error:
+            (err, stack) => ResponseErrorWidget(
+              error: err,
+              onRetry: () => ref.invalidate(customAppsProvider(publisherName)),
+            ),
+      ),
+    );
+  }
+}

lib/screens/developers/apps.g.dart

@@ -0,0 +1,151 @@
+// GENERATED CODE - DO NOT MODIFY BY HAND
+
+part of 'apps.dart';
+
+// **************************************************************************
+// RiverpodGenerator
+// **************************************************************************
+
+String _$customAppsHash() => r'1dec11573b9d987c3adbdf4732b3781a6f40172a';
+
+/// Copied from Dart SDK
+class _SystemHash {
+  _SystemHash._();
+
+  static int combine(int hash, int value) {
+    // ignore: parameter_assignments
+    hash = 0x1fffffff & (hash + value);
+    // ignore: parameter_assignments
+    hash = 0x1fffffff & (hash + ((0x0007ffff & hash) << 10));
+    return hash ^ (hash >> 6);
+  }
+
+  static int finish(int hash) {
+    // ignore: parameter_assignments
+    hash = 0x1fffffff & (hash + ((0x03ffffff & hash) << 3));
+    // ignore: parameter_assignments
+    hash = hash ^ (hash >> 11);
+    return 0x1fffffff & (hash + ((0x00003fff & hash) << 15));
+  }
+}
+
+/// See also [customApps].
+@ProviderFor(customApps)
+const customAppsProvider = CustomAppsFamily();
+
+/// See also [customApps].
+class CustomAppsFamily extends Family<AsyncValue<List<CustomApp>>> {
+  /// See also [customApps].
+  const CustomAppsFamily();
+
+  /// See also [customApps].
+  CustomAppsProvider call(String publisherName) {
+    return CustomAppsProvider(publisherName);
+  }
+
+  @override
+  CustomAppsProvider getProviderOverride(
+    covariant CustomAppsProvider provider,
+  ) {
+    return call(provider.publisherName);
+  }
+
+  static const Iterable<ProviderOrFamily>? _dependencies = null;
+
+  @override
+  Iterable<ProviderOrFamily>? get dependencies => _dependencies;
+
+  static const Iterable<ProviderOrFamily>? _allTransitiveDependencies = null;
+
+  @override
+  Iterable<ProviderOrFamily>? get allTransitiveDependencies =>
+      _allTransitiveDependencies;
+
+  @override
+  String? get name => r'customAppsProvider';
+}
+
+/// See also [customApps].
+class CustomAppsProvider extends AutoDisposeFutureProvider<List<CustomApp>> {
+  /// See also [customApps].
+  CustomAppsProvider(String publisherName)
+    : this._internal(
+        (ref) => customApps(ref as CustomAppsRef, publisherName),
+        from: customAppsProvider,
+        name: r'customAppsProvider',
+        debugGetCreateSourceHash:
+            const bool.fromEnvironment('dart.vm.product')
+                ? null
+                : _$customAppsHash,
+        dependencies: CustomAppsFamily._dependencies,
+        allTransitiveDependencies: CustomAppsFamily._allTransitiveDependencies,
+        publisherName: publisherName,
+      );
+
+  CustomAppsProvider._internal(
+    super._createNotifier, {
+    required super.name,
+    required super.dependencies,
+    required super.allTransitiveDependencies,
+    required super.debugGetCreateSourceHash,
+    required super.from,
+    required this.publisherName,
+  }) : super.internal();
+
+  final String publisherName;
+
+  @override
+  Override overrideWith(
+    FutureOr<List<CustomApp>> Function(CustomAppsRef provider) create,
+  ) {
+    return ProviderOverride(
+      origin: this,
+      override: CustomAppsProvider._internal(
+        (ref) => create(ref as CustomAppsRef),
+        from: from,
+        name: null,
+        dependencies: null,
+        allTransitiveDependencies: null,
+        debugGetCreateSourceHash: null,
+        publisherName: publisherName,
+      ),
+    );
+  }
+
+  @override
+  AutoDisposeFutureProviderElement<List<CustomApp>> createElement() {
+    return _CustomAppsProviderElement(this);
+  }
+
+  @override
+  bool operator ==(Object other) {
+    return other is CustomAppsProvider && other.publisherName == publisherName;
+  }
+
+  @override
+  int get hashCode {
+    var hash = _SystemHash.combine(0, runtimeType.hashCode);
+    hash = _SystemHash.combine(hash, publisherName.hashCode);
+
+    return _SystemHash.finish(hash);
+  }
+}
+
+@Deprecated('Will be removed in 3.0. Use Ref instead')
+// ignore: unused_element
+mixin CustomAppsRef on AutoDisposeFutureProviderRef<List<CustomApp>> {
+  /// The parameter `publisherName` of this provider.
+  String get publisherName;
+}
+
+class _CustomAppsProviderElement
+    extends AutoDisposeFutureProviderElement<List<CustomApp>>
+    with CustomAppsRef {
+  _CustomAppsProviderElement(super.provider);
+
+  @override
+  String get publisherName => (origin as CustomAppsProvider).publisherName;
+}
+
+// ignore_for_file: type=lint
+// ignore_for_file: subtype_of_sealed_class, invalid_use_of_internal_member, invalid_use_of_visible_for_testing_member, deprecated_member_use_from_same_package

lib/screens/developers/edit_app.dart

@@ -0,0 +1,253 @@
+import 'package:croppy/croppy.dart' hide cropImage;
+import 'package:flutter/material.dart';
+import 'package:easy_localization/easy_localization.dart';
+import 'package:flutter_hooks/flutter_hooks.dart';
+import 'package:hooks_riverpod/hooks_riverpod.dart';
+import 'package:image_picker/image_picker.dart';
+import 'package:island/models/custom_app.dart';
+import 'package:island/models/file.dart';
+import 'package:island/pods/config.dart';
+import 'package:island/pods/network.dart';
+import 'package:island/screens/developers/apps.dart';
+import 'package:island/services/file.dart';
+import 'package:island/widgets/alert.dart';
+import 'package:island/widgets/app_scaffold.dart';
+import 'package:island/widgets/content/cloud_files.dart';
+import 'package:island/widgets/response.dart';
+import 'package:material_symbols_icons/symbols.dart';
+import 'package:riverpod_annotation/riverpod_annotation.dart';
+import 'package:styled_widget/styled_widget.dart';
+
+part 'edit_app.g.dart';
+
+@riverpod
+Future<CustomApp?> customApp(Ref ref, String publisherName, String id) async {
+  final client = ref.watch(apiClientProvider);
+  final resp = await client.get('/developers/$publisherName/apps/$id');
+  return CustomApp.fromJson(resp.data);
+}
+
+class EditAppScreen extends HookConsumerWidget {
+  final String publisherName;
+  final String? id;
+  const EditAppScreen({super.key, required this.publisherName, this.id});
+
+  @override
+  Widget build(BuildContext context, WidgetRef ref) {
+    final isNew = id == null;
+    final app = isNew ? null : ref.watch(customAppProvider(publisherName, id!));
+
+    final formKey = useMemoized(() => GlobalKey<FormState>());
+
+    final nameController = useTextEditingController();
+    final slugController = useTextEditingController();
+    final descriptionController = useTextEditingController();
+    final picture = useState<SnCloudFile?>(null);
+    final background = useState<SnCloudFile?>(null);
+
+    final submitting = useState(false);
+
+    useEffect(() {
+      if (app?.value != null) {
+        nameController.text = app!.value!.name;
+        slugController.text = app.value!.slug;
+        descriptionController.text = app.value!.description ?? '';
+        picture.value = app.value!.picture;
+        background.value = app.value!.background;
+      }
+      return null;
+    }, [app]);
+
+    void setPicture(String position) async {
+      showLoadingModal(context);
+      var result = await ref
+          .read(imagePickerProvider)
+          .pickImage(source: ImageSource.gallery);
+      if (result == null) {
+        if (context.mounted) hideLoadingModal(context);
+        return;
+      }
+      if (!context.mounted) return;
+      hideLoadingModal(context);
+      result = await cropImage(
+        context,
+        image: result,
+        allowedAspectRatios: [
+          if (position == 'background')
+            const CropAspectRatio(height: 7, width: 16)
+          else
+            const CropAspectRatio(height: 1, width: 1),
+        ],
+      );
+      if (result == null) {
+        if (context.mounted) hideLoadingModal(context);
+        return;
+      }
+      if (!context.mounted) return;
+      showLoadingModal(context);
+
+      submitting.value = true;
+      try {
+        final baseUrl = ref.watch(serverUrlProvider);
+        final token = await getToken(ref.watch(tokenProvider));
+        if (token == null) throw ArgumentError('Token is null');
+        final cloudFile =
+            await putMediaToCloud(
+              fileData: UniversalFile(
+                data: result,
+                type: UniversalFileType.image,
+              ),
+              atk: token,
+              baseUrl: baseUrl,
+              filename: result.name,
+              mimetype: result.mimeType ?? 'image/jpeg',
+            ).future;
+        if (cloudFile == null) {
+          throw ArgumentError('Failed to upload the file...');
+        }
+        switch (position) {
+          case 'picture':
+            picture.value = cloudFile;
+          case 'background':
+            background.value = cloudFile;
+        }
+      } catch (err) {
+        showErrorAlert(err);
+      } finally {
+        if (context.mounted) hideLoadingModal(context);
+        submitting.value = false;
+      }
+    }
+
+    void performAction() async {
+      final client = ref.read(apiClientProvider);
+      final data = {
+        'name': nameController.text,
+        'slug': slugController.text,
+        'description': descriptionController.text,
+        'picture_id': picture.value?.id,
+        'background_id': background.value?.id,
+      };
+      if (isNew) {
+        await client.post('/developers/$publisherName/apps', data: data);
+      } else {
+        await client.patch('/developers/$publisherName/apps/$id', data: data);
+      }
+      ref.invalidate(customAppsProvider(publisherName));
+      if (context.mounted) {
+        Navigator.pop(context);
+      }
+    }
+
+    return AppScaffold(
+      appBar: AppBar(
+        title: Text(isNew ? 'createCustomApp'.tr() : 'editCustomApp'.tr()),
+      ),
+      body:
+          app == null && !isNew
+              ? const Center(child: CircularProgressIndicator())
+              : app?.hasError == true && !isNew
+              ? ResponseErrorWidget(
+                error: app!.error,
+                onRetry:
+                    () => ref.invalidate(customAppProvider(publisherName, id!)),
+              )
+              : SingleChildScrollView(
+                child: Column(
+                  children: [
+                    AspectRatio(
+                      aspectRatio: 16 / 7,
+                      child: Stack(
+                        clipBehavior: Clip.none,
+                        fit: StackFit.expand,
+                        children: [
+                          GestureDetector(
+                            child: Container(
+                              color:
+                                  Theme.of(
+                                    context,
+                                  ).colorScheme.surfaceContainerHigh,
+                              child:
+                                  background.value != null
+                                      ? CloudFileWidget(
+                                        item: background.value!,
+                                        fit: BoxFit.cover,
+                                      )
+                                      : const SizedBox.shrink(),
+                            ),
+                            onTap: () {
+                              setPicture('background');
+                            },
+                          ),
+                          Positioned(
+                            left: 20,
+                            bottom: -32,
+                            child: GestureDetector(
+                              child: ProfilePictureWidget(
+                                fileId: picture.value?.id,
+                                radius: 40,
+                                fallbackIcon: Symbols.apps,
+                              ),
+                              onTap: () {
+                                setPicture('picture');
+                              },
+                            ),
+                          ),
+                        ],
+                      ),
+                    ).padding(bottom: 32),
+                    Form(
+                      key: formKey,
+                      child: Column(
+                        children: [
+                          TextFormField(
+                            controller: nameController,
+                            decoration: InputDecoration(labelText: 'name'.tr()),
+                            onTapOutside:
+                                (_) =>
+                                    FocusManager.instance.primaryFocus
+                                        ?.unfocus(),
+                          ),
+                          const SizedBox(height: 16),
+                          TextFormField(
+                            controller: slugController,
+                            decoration: InputDecoration(
+                              labelText: 'slug'.tr(),
+                              helperText: 'slugHint'.tr(),
+                            ),
+                            onTapOutside:
+                                (_) =>
+                                    FocusManager.instance.primaryFocus
+                                        ?.unfocus(),
+                          ),
+                          const SizedBox(height: 16),
+                          TextFormField(
+                            controller: descriptionController,
+                            decoration: InputDecoration(
+                              labelText: 'description'.tr(),
+                            ),
+                            maxLines: 3,
+                            onTapOutside:
+                                (_) =>
+                                    FocusManager.instance.primaryFocus
+                                        ?.unfocus(),
+                          ),
+                          const SizedBox(height: 16),
+                          Align(
+                            alignment: Alignment.centerRight,
+                            child: TextButton.icon(
+                              onPressed:
+                                  submitting.value ? null : performAction,
+                              label: Text('saveChanges'.tr()),
+                              icon: const Icon(Symbols.save),
+                            ),
+                          ),
+                        ],
+                      ).padding(all: 24),
+                    ),
+                  ],
+                ),
+              ),
+    );
+  }
+}

lib/screens/developers/edit_app.g.dart

@@ -0,0 +1,161 @@
+// GENERATED CODE - DO NOT MODIFY BY HAND
+
+part of 'edit_app.dart';
+
+// **************************************************************************
+// RiverpodGenerator
+// **************************************************************************
+
+String _$customAppHash() => r'aa4d1fb803c47a99cbacf6d91481f4fce3fda457';
+
+/// Copied from Dart SDK
+class _SystemHash {
+  _SystemHash._();
+
+  static int combine(int hash, int value) {
+    // ignore: parameter_assignments
+    hash = 0x1fffffff & (hash + value);
+    // ignore: parameter_assignments
+    hash = 0x1fffffff & (hash + ((0x0007ffff & hash) << 10));
+    return hash ^ (hash >> 6);
+  }
+
+  static int finish(int hash) {
+    // ignore: parameter_assignments
+    hash = 0x1fffffff & (hash + ((0x03ffffff & hash) << 3));
+    // ignore: parameter_assignments
+    hash = hash ^ (hash >> 11);
+    return 0x1fffffff & (hash + ((0x00003fff & hash) << 15));
+  }
+}
+
+/// See also [customApp].
+@ProviderFor(customApp)
+const customAppProvider = CustomAppFamily();
+
+/// See also [customApp].
+class CustomAppFamily extends Family<AsyncValue<CustomApp?>> {
+  /// See also [customApp].
+  const CustomAppFamily();
+
+  /// See also [customApp].
+  CustomAppProvider call(String publisherName, String id) {
+    return CustomAppProvider(publisherName, id);
+  }
+
+  @override
+  CustomAppProvider getProviderOverride(covariant CustomAppProvider provider) {
+    return call(provider.publisherName, provider.id);
+  }
+
+  static const Iterable<ProviderOrFamily>? _dependencies = null;
+
+  @override
+  Iterable<ProviderOrFamily>? get dependencies => _dependencies;
+
+  static const Iterable<ProviderOrFamily>? _allTransitiveDependencies = null;
+
+  @override
+  Iterable<ProviderOrFamily>? get allTransitiveDependencies =>
+      _allTransitiveDependencies;
+
+  @override
+  String? get name => r'customAppProvider';
+}
+
+/// See also [customApp].
+class CustomAppProvider extends AutoDisposeFutureProvider<CustomApp?> {
+  /// See also [customApp].
+  CustomAppProvider(String publisherName, String id)
+    : this._internal(
+        (ref) => customApp(ref as CustomAppRef, publisherName, id),
+        from: customAppProvider,
+        name: r'customAppProvider',
+        debugGetCreateSourceHash:
+            const bool.fromEnvironment('dart.vm.product')
+                ? null
+                : _$customAppHash,
+        dependencies: CustomAppFamily._dependencies,
+        allTransitiveDependencies: CustomAppFamily._allTransitiveDependencies,
+        publisherName: publisherName,
+        id: id,
+      );
+
+  CustomAppProvider._internal(
+    super._createNotifier, {
+    required super.name,
+    required super.dependencies,
+    required super.allTransitiveDependencies,
+    required super.debugGetCreateSourceHash,
+    required super.from,
+    required this.publisherName,
+    required this.id,
+  }) : super.internal();
+
+  final String publisherName;
+  final String id;
+
+  @override
+  Override overrideWith(
+    FutureOr<CustomApp?> Function(CustomAppRef provider) create,
+  ) {
+    return ProviderOverride(
+      origin: this,
+      override: CustomAppProvider._internal(
+        (ref) => create(ref as CustomAppRef),
+        from: from,
+        name: null,
+        dependencies: null,
+        allTransitiveDependencies: null,
+        debugGetCreateSourceHash: null,
+        publisherName: publisherName,
+        id: id,
+      ),
+    );
+  }
+
+  @override
+  AutoDisposeFutureProviderElement<CustomApp?> createElement() {
+    return _CustomAppProviderElement(this);
+  }
+
+  @override
+  bool operator ==(Object other) {
+    return other is CustomAppProvider &&
+        other.publisherName == publisherName &&
+        other.id == id;
+  }
+
+  @override
+  int get hashCode {
+    var hash = _SystemHash.combine(0, runtimeType.hashCode);
+    hash = _SystemHash.combine(hash, publisherName.hashCode);
+    hash = _SystemHash.combine(hash, id.hashCode);
+
+    return _SystemHash.finish(hash);
+  }
+}
+
+@Deprecated('Will be removed in 3.0. Use Ref instead')
+// ignore: unused_element
+mixin CustomAppRef on AutoDisposeFutureProviderRef<CustomApp?> {
+  /// The parameter `publisherName` of this provider.
+  String get publisherName;
+
+  /// The parameter `id` of this provider.
+  String get id;
+}
+
+class _CustomAppProviderElement
+    extends AutoDisposeFutureProviderElement<CustomApp?>
+    with CustomAppRef {
+  _CustomAppProviderElement(super.provider);
+
+  @override
+  String get publisherName => (origin as CustomAppProvider).publisherName;
+  @override
+  String get id => (origin as CustomAppProvider).id;
+}
+
+// ignore_for_file: type=lint
+// ignore_for_file: subtype_of_sealed_class, invalid_use_of_internal_member, invalid_use_of_visible_for_testing_member, deprecated_member_use_from_same_package

lib/screens/developers/hub.dart

@@ -3,6 +3,7 @@ import 'package:easy_localization/easy_localization.dart';
 import 'package:flutter/material.dart';
 import 'package:flutter_hooks/flutter_hooks.dart';
 import 'package:gap/gap.dart';
+import 'package:go_router/go_router.dart';
 import 'package:hooks_riverpod/hooks_riverpod.dart';
 import 'package:island/models/developer.dart';
 import 'package:island/models/publisher.dart';
@@ -227,6 +228,20 @@ class DeveloperHubScreen extends HookConsumerWidget {
                             _DeveloperStatsWidget(
                               stats: stats,
                             ).padding(vertical: 12, horizontal: 12),
+                          ListTile(
+                            minTileHeight: 48,
+                            title: Text('customApps').tr(),
+                            trailing: Icon(Symbols.chevron_right),
+                            leading: const Icon(Symbols.apps),
+                            contentPadding: EdgeInsets.symmetric(
+                              horizontal: 24,
+                            ),
+                            onTap: () {
+                              context.push(
+                          '/developers/${currentDeveloper.value!.name}/apps',
+                        );
+                            },
+                          ),
                         ],
                       ),
             ),

lib/screens/developers/new_app.dart

@@ -0,0 +1,12 @@
+import 'package:flutter/material.dart';
+import 'package:island/screens/developers/edit_app.dart';
+
+class NewCustomAppScreen extends StatelessWidget {
+  final String publisherName;
+  const NewCustomAppScreen({super.key, required this.publisherName});
+
+  @override
+  Widget build(BuildContext context) {
+    return EditAppScreen(publisherName: publisherName);
+  }
+}