✅️ Redesigned Export UI/UX, Add Git Commit, and UI Bug Fixes by TheRealAshik · Pull Request #1713 · Sketchware-Pro/Sketchware-Pro

TheRealAshik · 2025-07-02T16:26:54Z

Features: Redesigned Export UI/UX, Add Git Commit, and UI Bug Fixes

Quick Overview

A major UX update for the Export Activity adds a powerful new Git integration feature and resolves a few outstanding UI issues & yml file modifications.

Flaw: Need Empty Repository (not forked and full of files & folders)

✅ Type of Change

Bug fix
New feature
UI/UX Improvement
Refactoring

✨ What has changed?

Detailed breakdown of the changes includes & shown below

1. All-New Refreshed Export UI/UX
The Export Activity has been redesigned for clarity and ease of use.

Consolidated Export Options: The separate buttons for AAB, APK, and Source Code have been removed. They are now consolidated into a single "Export Project" button that opens a clean dialogue, allowing the user to select their desired export format.
Project Context: To eliminate confusion, the screen now clearly displays information about the project being exported, including its App Name, Package Name, and Icon.

2. New Feature: "Commit to Git"
A new feature has been added to the Export Activity, allowing users to commit and push their project source code directly to a Git repository.

Direct Integration: A "Commit to Git" button is now available on the Export screen.
Configuration: A full-screen dialog allows users to configure their repository details:
- Repository URL
- Personal Access Token (PAT) for authentication
- Branch Name
- Commit Message
Current Support: This feature currently supports GitHub using a Personal Access Token (PAT).

3. Bug Fix: Dynamic Debug Error Button
The "Show Error" button in the compilation error dialog was not dynamic. It would show the error log but the button text would not update, which was unintuitive.

Fixed: The button is now a dynamic Expand/Collapse toggle. It changes from "Show Error" to "Hide Error" upon click, providing clear visual feedback to the user.

4. Material Library Manager UI Improvement
General UI/UX enhancements have been made to the Material Library Manager for a cleaner and more modern look, improving readability and interaction.

📸 Screenshots / Demos

Debug Dialog Fix:

🧪 How to Test?

Test the new Export UI & Feature:
- Open Sketchware Pro > Project Settings > Export/Sign
- Verify that the project's icon, name, and package name are displayed correctly.
- Click the "Export Project" button.
- Verify that a dialog appears with options to export an APK, AAB, or Signed APK. Test that each option works as expected.
Test the "Commit to Git" feature:
- On the Export screen, click the "Commit to Git" button.
- In the dialog, fill in a valid GitHub repository URL, a valid Personal Access Token (PAT) with repo scope, a branch name, and a commit message.
- Click "Commit".
- Check your GitHub repository to confirm that the project source code has been successfully committed and pushed.
Test the Debug Dialog fix:
- Intentionally create a compilation error in a project (e.g., add an invalid code block).
- Attempt to run the project to trigger the error dialog.
- In the dialog, click the "Show Error" button.
- Confirm that the error log expands and the button text changes to "Hide Error".
- Click it again and confirm the log collapses and the text reverts to "Show Error".
Review the Library Manager UI:
- Navigate to Project Settings -> Library Manager.
- Review the UI for the visual improvements.

🧑‍💻 Credits & Contact

This contribution was developed by [Ashik].

Feel free to reach out if you have any questions or feedback:

GitHub: @StudioAsInc
Telegram: @IamAshik_tg
Email: [email protected]

yoann256 · 2025-07-02T18:26:15Z

the sketchware logo in the export activity looks odd to me i think it's better if you remove it

TheRealAshik · 2025-07-02T18:37:34Z

The sketchware logo in the export activity looks odd to me. I think it's better if you remove it

Thanks for the suggestion! I will update it.

RoyTheReal · 2025-07-03T01:02:59Z

DUDE, GITHUB SUPPORT?! YOU'RE INSANE!

yoann256 · 2025-07-03T08:17:43Z

DUDE, GITHUB SUPPORT?! YOU'RE INSANE!

It's more Git support but yeah

hasrat-ali · 2025-07-03T10:09:46Z

Can you enable "Allow edits from maintainers"?

TheRealAshik · 2025-07-03T10:25:01Z

Can you enable "Allow edits and access to secrets by maintainers"?

Yes, Mr @hasrat-ali 🙀

hasrat-ali · 2025-07-03T10:33:24Z

You were late. Now I'm ony work. If you have any un-pushed commits, push them.
will try to merge this tonight .

TheRealAshik · 2025-07-03T10:35:23Z

You were late. Now I'm ony work. If you have any un-pushed commits, push them.
I will try to merge this tonight .

✅️ OK! For sure!

<style name="Widget.Studioasinc.Chip.Entry" parent="Widget.Material3.Chip.Entry"> <item name="chipTextAppearance">@style/TextAppearance.Studioasinc.Label</item> </style>  <style name="Widget.Studioasinc.Chip.Entry" parent="Widget.Material3.Chip.Entry"> <item name="chipTextAppearance">?attr/textAppearanceLabelLarge</item> </style>

Compact & Short caption used

Added `app/src/main/res/layout/dialog_git_config.xml` Full screen dialog. Redesigned XML `app/src/main/res/layout/export_project.xml` Added M3 ProgressBar `progress_dialog_wave.xml`

I've overhauled the error handling for the Git export feature. Before, if something went wrong during a Git export, the app would just show a long, confusing block of code (a stack trace). This wasn't helpful, especially for simple mistakes like a typo in the repository URL or using an old token. Now, the app is smart enough to figure out *why* it failed. Instead of the raw code, it will show a simple message in plain English that explains the likely problem. For example, it can now tell you if: - The repository URL is wrong or doesn't exist. - Your username or token is incorrect. - There's a problem with your internet connection. This should make the feature much less frustrating and help everyone figure out and fix their Git setup on their own.

…r Me" checkbox (it's a test)

- Added missing `ic_settings_48dp` drawable used in export_project.xml - Fixed Android resource linking failure during release build

Sketchware Pro v7.0.0-SNAPSHOT-d274d2a (150) base.apk size: 128 MB (128239325 B) Locale: en_GB SDK version: 33 Brand: samsung Manufacturer: samsung Model: SM-M325F ``` java.lang.NullPointerException: Attempt to invoke virtual method 'java.lang.Object android.content.Context.getSystemService(java.lang.String)' on a null object reference at android.view.LayoutInflater.from(LayoutInflater.java:294) at android.widget.ArrayAdapter.<init>(ArrayAdapter.java:213) at android.widget.ArrayAdapter.<init>(ArrayAdapter.java:207) at android.widget.ArrayAdapter.<init>(ArrayAdapter.java:193) at com.besome.sketch.export.GitConfigDialogFragment.onUserAndReposFetched(GitConfigDialogFragment.java:244) at com.besome.sketch.export.GitConfigDialogFragment.lambda$authorize$7(GitConfigDialogFragment.java:180) at com.besome.sketch.export.GitConfigDialogFragment.$r8$lambda$n1Yhei0wqtzLtbbp0rWtCq24xW4(Unknown Source:0) at com.besome.sketch.export.GitConfigDialogFragment$$ExternalSyntheticLambda3.run(D8$$SyntheticClass:0) at android.os.Handler.handleCallback(Handler.java:942) at android.os.Handler.dispatchMessage(Handler.java:99) at android.os.Looper.loopOnce(Looper.java:226) at android.os.Looper.loop(Looper.java:313) at android.app.ActivityThread.main(ActivityThread.java:8779) at java.lang.reflect.Method.invoke(Native Method) at com.android.internal.os.RuntimeInit$MethodAndArgsCaller.run(RuntimeInit.java:604) at com.android.internal.os.ZygoteInit.main(ZygoteInit.java:1067) ```

…"issue

TheRealAshik · 2025-07-03T15:01:00Z

Your code is giving many errors at runtime.

Send me error log

TheRealAshik · 2025-07-03T15:02:37Z

I think that feature is totally useless.

The features will rarely be used, but it's not useless. Whatever, just a few lines of codes. BTW you are doing a great job ❤️

RoyTheReal · 2025-07-03T19:09:56Z

I see a ton of potential with all of these changes. I'm excited!

TheRealAshik · 2025-07-03T19:13:07Z

I see a ton of potential with all of these changes. I'm excited!

I want you to express your thoughts to me, personally or here! What are the scopes?

FlappyRecreator · 2025-07-03T19:21:30Z

I see a ton of potential with all of these changes. I'm excited!

I want you to express your thoughts to me, personally or here! What are the scopes?

I love this design and the GitHub support, I personally would love further GitHub integration. That's all I have for now. You're awesome!

RoyTheReal · 2025-07-03T19:23:00Z

Yeah, exactly what he said. I would love even more GitHub integration/features and possibly upgrade the Gradle that gets exported with the apps. Awesome job!

…

On Thu, Jul 3, 2025, 3:21 PM FlappyRecreator ***@***.***> wrote: *FlappyRecreator* left a comment (Sketchware-Pro/Sketchware-Pro#1713) <#1713 (comment)> I see a ton of potential with all of these changes. I'm excited! I want you to express your thoughts to me, personally or here! What are the scopes? I love this design and the GitHub support, I personally would love further GitHub integration. That's all I have for now. You're awesome! — Reply to this email directly, view it on GitHub <#1713 (comment)>, or unsubscribe <https://github.com/notifications/unsubscribe-auth/AJ3NVF7OMK74JSV7IS3JSLD3GV7FBAVCNFSM6AAAAACAUOENEKVHI2DSMVQWIX3LMV43OSLTON2WKQ3PNVWWK3TUHMZTAMZTGM3DQNRSHA> . You are receiving this because you commented.Message ID: ***@***.***>

FlappyRecreator · 2025-07-03T19:29:33Z

I see a ton of potential with all of these changes. I'm excited!

I want you to express your thoughts to me, personally or here! What are the scopes?

Could you change the code so it doesn't say Sketchware when I commit things to my repository? Everything says Sketchware AutoCommit even though I changed the Default Commit Message. I don't want it to say "Sketchware".
@StudioAsInc

TheRealAshik · 2025-07-03T19:33:17Z

Could you change the code so it doesn't say Sketchware when I commit things to my repository? Everything says Sketchware AutoCommit even though I changed the Default Commit Message.
@StudioAsInc

Possibly, a minor bug. Fixed in 7be664a43b48513ec028494ccf52f371d0c0cbcd

FlappyRecreator · 2025-07-03T19:35:15Z

Could you change the code so it doesn't say Sketchware when I commit things to my repository? Everything says Sketchware AutoCommit even though I changed the Default Commit Message.
@StudioAsInc

Possibly, a minor bug

Thanks!

FlappyRecreator · 2025-07-03T19:57:48Z

Could you change the code so it doesn't say Sketchware when I commit things to my repository? Everything says Sketchware AutoCommit even though I changed the Default Commit Message.
@StudioAsInc

Possibly, a minor bug

Also, when I delete files from my project and commit it to GitHub it seems sometimes it doesn't remove them from the GitHub repository

TheRealAshik · 2025-07-03T20:02:00Z

Also, when I delete files from my project and commit it to GitHub, it seems sometimes it doesn't remove them from the GitHub repository.

Well, it's not possible, though! The logic retrieves the original exported project of Android Studio Source code and pushed it to git without zipping it.

Note: Previously, you mentioned a bug (Commit message related) that was fixed in commit: 7be664a43b48513ec028494ccf52f371d0c0cbcd

FlappyRecreator · 2025-07-03T20:25:44Z

Also, when I delete files from my project and commit it to GitHub, it seems sometimes it doesn't remove them from the GitHub repository.

Well, it's not possible, though! The logic retrieves the original exported project of Android Studio Source code and pushed it to git without zipping it.

Note: Previously, you mentioned a bug (Commit message related) that was fixed in commit: 7be664a43b48513ec028494ccf52f371d0c0cbcd

Thanks! What other features are you planning? Is it possible to add a setting for automatic GitHub commiting everytime you run/build the project?

FlappyRecreator · 2025-07-03T20:39:01Z

When will it be merged

…

On Thu, Jul 3, 2025, 4:02 PM StudioAs Inc. ***@***.***> wrote: *StudioAsInc* left a comment (Sketchware-Pro/Sketchware-Pro#1713) <#1713 (comment)> Also, when I delete files from my project and commit it to GitHub, it seems sometimes it doesn't remove them from the GitHub repository. Well, it's not possible, though! The logic retrieves the original exported project of Android Studio Source code and pushed it to git without zipping it. *Note:* Previously, you mentioned a bug (Commit message related) that was fixed in commit: 7be664a — Reply to this email directly, view it on GitHub <#1713 (comment)>, or unsubscribe <https://github.com/notifications/unsubscribe-auth/BUII557OI4NWCT5SGQCKDYT3GWD45AVCNFSM6AAAAACAUOENEKVHI2DSMVQWIX3LMV43OSLTON2WKQ3PNVWWK3TUHMZTAMZTGQ3DIOJZHE> . You are receiving this because you commented.Message ID: ***@***.***>

RoyTheReal · 2025-07-03T20:39:25Z

Yay fix be in `main` soon?

…

On Thu, Jul 3, 2025, 4:26 PM FlappyRecreator ***@***.***> wrote: *FlappyRecreator* left a comment (Sketchware-Pro/Sketchware-Pro#1713) <#1713 (comment)> Also, when I delete files from my project and commit it to GitHub, it seems sometimes it doesn't remove them from the GitHub repository. Well, it's not possible, though! The logic retrieves the original exported project of Android Studio Source code and pushed it to git without zipping it. *Note:* Previously, you mentioned a bug (Commit message related) that was fixed in commit: 7be664a Thanks! What other features are you planning? Is it possible to add a setting for automatic GitHub commiting everytime you run/build the project? — Reply to this email directly, view it on GitHub <#1713 (comment)>, or unsubscribe <https://github.com/notifications/unsubscribe-auth/AJ3NVF3GEIJKAB5BF2OWADL3GWGV5AVCNFSM6AAAAACAUOENEKVHI2DSMVQWIX3LMV43OSLTON2WKQ3PNVWWK3TUHMZTAMZTGUZTIMRZHA> . You are receiving this because you commented.Message ID: ***@***.***>

TheRealAshik · 2025-07-04T06:09:29Z

Thanks! What other features are you planning? Is it possible to add a setting for automatic GitHub commiting every time you run/build the project?

Possible: But IDT that collaborators will allow to do that, maybe it's nighly builds are just for bug fixes not for new features! Weird, but IDK why!!!

TheRealAshik · 2025-07-04T06:10:31Z

Yay fix be in main soon?

Do you mean auto select the main branch as default?

Reverted because of unstability and some reasons.

FlappyRecreator · 2025-07-07T14:38:02Z

@StudioAsInc why was this reverted...? I was using the feature.

TheRealAshik · 2025-07-07T15:09:44Z

@StudioAsInc why was this reverted...? I was using the feature.

@aikrq mentioned that it was unstable!

FlappyRecreator · 2025-07-07T15:46:53Z

Ugh

FlappyRecreator · 2025-07-07T15:47:00Z

Bring it back

TheRealAshik · 2025-07-07T15:48:28Z

Bring it back

I can't merge any commit by myself, needs Seniors permission! Ask them!

FlappyRecreator · 2025-07-07T15:50:44Z

Bring it back

I can't merge any commit by myself, needs Seniors permission! Ask them!

I know, that's who I'm speaking too.

TheRealAshik · 2025-07-07T15:52:14Z

I know, that's who I'm speaking to.

Okay! It was useful for me too, but nothing is in my hand ✋️

aikrq · 2025-07-07T16:14:37Z

Bring it back

I can't merge any commit by myself, needs Seniors permission! Ask them!

If you want to get that feature back you must optimize it and make it stable with beautiful UI, also following contribution guidelines.

TheRealAshik · 2025-07-07T16:18:24Z

If you want to get that feature back, you must optimize it and make it stable with beautiful UI, also following contribution guidelines.

I don't have a backup of it, so I can't do it again, Insted... I will work on another thing. But here are my points

Why reverting wasn't the right decision:

It was your right decision 🐸 A stupid unused feat. 😅🤥

aikrq · 2025-07-07T16:20:48Z

If you want to get that feature back, you must optimize it and make it stable with beautiful UI, also following contribution guidelines.

I don't have a backup of it, so I can't do it again, Insted... I will work on another thing. But here are my points

Why reverting wasn't the right decision:

It was your right decision 🐸

Okay, now don't wait anymore for your pull requests to be merged. 😇

FlappyRecreator · 2025-07-07T16:26:35Z

If you want to get that feature back, you must optimize it and make it stable with beautiful UI, also following contribution guidelines.

I don't have a backup of it, so I can't do it again, Insted... I will work on another thing. But here are my points

Why reverting wasn't the right decision:

It was your right decision 🐸 A stupid unused feat. 😅🤥

Please bring it back. I want you to know, I was using it and enjoyed it. Please, take the time to create the feature again. I support you ❤️

laymintu · 2025-07-09T05:58:07Z

Bring it again, i was using it 😓

yoann256 · 2025-07-09T06:43:04Z

Bring it again, i was using it 😓

It's not him that removed it

This comment was marked as duplicate.

Sign in to view

hasrat-ali self-assigned this Jul 3, 2025

TheRealAshik added 19 commits July 3, 2025 18:45

refactor: Improved wording in M3 Lib Manager

2e0389b

Compact & Short caption used

feat: Export Project to Github & Redesigned UI/UX

3e9b626

Added `app/src/main/res/layout/dialog_git_config.xml` Full screen dialog. Redesigned XML `app/src/main/res/layout/export_project.xml` Added M3 ProgressBar `progress_dialog_wave.xml`

feat: Improved UI for M3 lib manager

e7e02f2

feat: Shows dialog while exporting to Github

8796227

feat: Logic for "Commit to Git" config dialog & overall coding

8d6e33e

test: added missing drawables to fix error (for new feat.)

b40102e

test-fix: missing layout causes build fails

e50fdfa

test: Added missing drawable to fix build error

754c997

feat. config changing option for export project to git

589e3ad

fix: keeping config after export project to git according to "Remembe…

6be45ee

…r Me" checkbox (it's a test)

feat. config option for export to git commits (test)

d360477

Fix: Missing drawable resource causing build failure

b258da9

- Added missing `ic_settings_48dp` drawable used in export_project.xml - Fixed Android resource linking failure during release build

feat. material 3 expressive button used for export project activity

00280f5

test: trying to fix the dependency error issues

ce5200b

fix: removed button icon due to unsupported dependencies

6f2f54f

fixed: style="@style/Widget.Material3Expressive.Button.OutlinedButton…

694bdb6

…"issue

hasrat-ali merged commit 694bdb6 into Sketchware-Pro:main Jul 3, 2025

aikrq added a commit that referenced this pull request Jul 6, 2025

revert: Revert PR #1713

2bc237d

Reverted because of unstability and some reasons.

Conversation

TheRealAshik commented Jul 2, 2025 • edited Loading Uh oh! There was an error while loading. Please reload this page.

Uh oh!

Features: Redesigned Export UI/UX, Add Git Commit, and UI Bug Fixes

Quick Overview

Flaw: Need Empty Repository (not forked and full of files & folders)

✅ Type of Change

✨ What has changed?

📸 Screenshots / Demos

🧪 How to Test?

🧑‍💻 Credits & Contact

Uh oh!

yoann256 commented Jul 2, 2025 • edited Loading Uh oh! There was an error while loading. Please reload this page.

Uh oh!

Uh oh!

TheRealAshik commented Jul 2, 2025

Uh oh!

RoyTheReal commented Jul 3, 2025

Uh oh!

yoann256 commented Jul 3, 2025

Uh oh!

This comment was marked as duplicate.

Uh oh!

hasrat-ali commented Jul 3, 2025

Uh oh!

TheRealAshik commented Jul 3, 2025 • edited Loading Uh oh! There was an error while loading. Please reload this page.

Uh oh!

Uh oh!

hasrat-ali commented Jul 3, 2025

Uh oh!

TheRealAshik commented Jul 3, 2025

Uh oh!

TheRealAshik commented Jul 3, 2025

Uh oh!

TheRealAshik commented Jul 3, 2025

Uh oh!

RoyTheReal commented Jul 3, 2025

Uh oh!

TheRealAshik commented Jul 3, 2025 • edited Loading Uh oh! There was an error while loading. Please reload this page.

Uh oh!

Uh oh!

FlappyRecreator commented Jul 3, 2025

Uh oh!

RoyTheReal commented Jul 3, 2025 via email

Uh oh!

FlappyRecreator commented Jul 3, 2025 • edited Loading Uh oh! There was an error while loading. Please reload this page.

Uh oh!

Uh oh!

TheRealAshik commented Jul 3, 2025 • edited Loading Uh oh! There was an error while loading. Please reload this page.

Uh oh!

Uh oh!

FlappyRecreator commented Jul 3, 2025

Uh oh!

FlappyRecreator commented Jul 3, 2025

Uh oh!

TheRealAshik commented Jul 3, 2025

Uh oh!

FlappyRecreator commented Jul 3, 2025

Uh oh!

FlappyRecreator commented Jul 3, 2025 via email

Uh oh!

RoyTheReal commented Jul 3, 2025 via email

Uh oh!

TheRealAshik commented Jul 4, 2025

Uh oh!

TheRealAshik commented Jul 4, 2025

Uh oh!

FlappyRecreator commented Jul 7, 2025

Uh oh!

TheRealAshik commented Jul 7, 2025 • edited Loading Uh oh! There was an error while loading. Please reload this page.

Uh oh!

Uh oh!

FlappyRecreator commented Jul 7, 2025

Uh oh!

FlappyRecreator commented Jul 7, 2025

Uh oh!

TheRealAshik commented Jul 7, 2025

Uh oh!

FlappyRecreator commented Jul 7, 2025

Uh oh!

TheRealAshik commented Jul 2, 2025 •

edited

Loading

yoann256 commented Jul 2, 2025 •

edited

Loading

TheRealAshik commented Jul 3, 2025 •

edited

Loading

TheRealAshik commented Jul 3, 2025 •

edited

Loading

FlappyRecreator commented Jul 3, 2025 •

edited

Loading

TheRealAshik commented Jul 3, 2025 •

edited

Loading

TheRealAshik commented Jul 7, 2025 •

edited

Loading

TheRealAshik commented Jul 7, 2025 •

edited

Loading

TheRealAshik commented Jul 7, 2025 •

edited

Loading