error building lomiri calculator app

lduboeuf

@nibzy26 said in error building lomiri calculator app:

Ok now trying to completely change gui look of the lomiri calculator app. I have the lomiri-calculator folder open in VSS code and i am making changes there but I cant see my changes when i run clickable desktop command
my sequence of commads is

edit qml files in VSS code

run clickable build

clickable desktop

I dont see my changes any idea why ?

Also how can i see my changes quickly without building and running desktop commands as these commands take time

Thanks

humm, no need to run "clickable build" + "desktop", "clickable desktop" will do both.
if you don't see your change it could be that you are modifying the code from the build folder instead of the source ?
there is a Live Reload tool now if the app you are trying to modify doesn't contain c++/python backend : clickable desktop --qmllive

nibzy26

Hi,

In My calculator app I want to add an image as background to a rectangle but it cannot fing image location and says
QML QQuickImage: Cannot open: file:///home/nsyed/calc/lomiri-calculator-app/build/all/app/install/share/qml/ui/backspace-outline.png

My Code:
Rectangle {
visible: (role == "button")
height: parent.height
width: height
anchors.centerIn: parent

    border.color: "red"
    
 
    Image {
        visible: true
        source: "backspace-outline.png"
        anchors.fill: parent
        fillMode: Image.Stretch // Adjust this as needed
    }   
   
}

Question: where I should put my png or svg files ?
2. should i use svg or png ?
3. I think build folder is not the place to put my image .where should i put my image file then ?

Please advise

Thanks

arubislander

@nibzy26 where is your image file, relative to the qml file you are referencing it from?

nibzy26

@arubislander
Its in the same folder as qml file

lduboeuf

@nibzy26 said in error building lomiri calculator app:

@arubislander
Its in the same folder as qml file

is that file present ? /home/nsyed/calc/lomiri-calculator-app/build/all/app/install/share/qml/ui/backspace-outline.png

nibzy26

@lduboeuf
yes I manually placed there but everytime it builds it firsts deletes all files in build folder and then builds
I guess something wrong with my syntax

I have tried placing it in the same folder with other qml files

I have tried placing it in my home folder and set it as
source: '/home/nsyed/backspace-outline.png'

arubislander

@nibzy26 placing it in the root of your home folder won't work, the app is not allowed to read the contents there.. Also you shouldn't need to be copying it anywhere manually.
Do you have your project anywhere online?

nibzy26

@arubislander Thanks
I will look into it again and get back to you.
Now i have connected my touch phone to my PC and built the app on my PC .what options do i need to specify with clickable build command to build it for my phone.
please advise
thanks

nibzy26

I am trying clickable --arch=arm64
but the error says
he "pure-qml-cmake" builder needs architecture "all", but "arm64" was specified
nsyed@nsyed-HP-Laptop-15-bs1xx:~/calc/lomiri-calculator-app$ CLICKABLE_FRAMEWORK=ubuntu-sdk-20.04 clickable --arch=@CLICK_ARCH@
v8.0.0 of clickable is available, update to get the latest features and improvements!
usage: clickable chain [-h] [--config CONFIG]
[--clickable-config CLICKABLE_CONFIG]
[--serial-number SERIAL_NUMBER] [--ssh SSH]
[--arch {armhf,arm64,amd64,all}] [--container-mode]
[--docker-image DOCKER_IMAGE] [--skip-image-setup]
[--nvidia] [--no-nvidia] [--non-interactive]
[--verbose] [--clean]
[commands [commands ...]]
clickable chain: error: argument --arch/-a: invalid choice: '@CLICK_ARCH@' (choose from 'armhf', 'arm64', 'amd64', 'all')
nsyed@nsyed-HP-Laptop-15-bs1xx:~/calc/lomiri-calculator-app$

nibzy26

I set the builder to cmake only instead og pure-qml-cmake
It started getting docke rimages but then gave this error

Clickable is building for architecture "arm64", but "all" is specified in the manifest. You can set the architecture field to @CLICK_ARCH@ to let Clickable set the architecture field automatically.
nsyed@nsyed-HP-Laptop-15-bs1xx:~/calc/lomiri-calculator-app$

my clickable.yaml contents
clickable_minimum_required: '7.5.0'
kill: qmlscene
builder: cmake
framework: ubuntu-sdk-20.04

nibzy26

after changing clickable.yaml i also changed manifest.json.in the app root directory and set the architecture to arm64 in it instead of all.
it built the arm64.click package .I moved the click package to my phone via usb and did double tap on it selected openstore option , it installed it but it is still the default calculator app that is available on openstore and Not my customized app.
what could be the issue ?

Also I got this

unning command "install"
Cannot access device.
ADB: No devices attached
SSH: no IP address specified (--ssh)
nsyed@nsyed-HP-Laptop-15-bs1xx:~/calc/lomiri-calculator-app$

nibzy26

basically i want to change the GUI of the default calculator app.
So I
1 . Downloaded the app src from gitlab.
2. started changing qml files
3. built it and it created arm64 .click package but surprisingly the .click package size was only 408KB .
4. i transferred the click package to my phone double tapped on the file and installed it using open store option as it was the only option showing up
5. But it was the default app instead of my own customized app.
default app version was 4.0.1 calculator.ubports_4.0.1_arm64.click and my app was also built with the same filename as the default.

what could be the issue ?

please advise

thanks

lduboeuf

@nibzy26 To publish and launch your app to your device, just run clickable , you can let the default builder that was used and aso on manifest.
When modifying a core app, one need to upgrade the version in manifest file

arubislander

@nibzy26 said in error building lomiri calculator app:

I am trying clickable --arch=arm64
but the error says
he "pure-qml-cmake" builder needs architecture "all", but "arm64" was specified

As a QML only app the Calculator is in fact architecture independent. You didn't need to specify any arch. The same app that built to your desktop, would work on your phone
But follow @lduboeuf's advice to get the app onto your device with clickable.

nibzy26

@ arubis @lduboeuf Thanks

with settings left to default I ran clickable and it did install and launch app on the phone but it is still the default app launching,
I cant see my modifications at all.
which manifest file I need to update and specify my own version.
there are manifest files at few places in the app .
There is manifest.json.in file in root directory with contents

{
"name": "calculator.ubports",
"architecture": "arm64",
"description": "Powerful and easy to use calculator",
"framework": "ubuntu-sdk-20.04",
"hooks": {
"calculator": {
"apparmor": "@APP_HARDCODE@.apparmor",
"desktop": "@CMAKE_INSTALL_DATADIR@/applications/lomiri-calculator-app.desktop"
}
},
"maintainer": "UBports dev@ubports.com",
"title": "@APP_NAME@",
"icon": "@ICON@",
"version": "@PROJECT_VERSION@",
"migrations": {
"old-name": "com.ubuntu.calculator"
},
"x-test": {
"autopilot": "@AUTOPILOT_DIR@"
}
}

lduboeuf

@nibzy26 said in error building lomiri calculator app:

@ arubis @lduboeuf Thanks

with settings left to default I ran clickable and it did install and launch app on the phone but it is still the default app launching,
I cant see my modifications at all.
which manifest file I need to update and specify my own version.
there are manifest files at few places in the app .
There is manifest.json.in file in root directory with contents

{
"name": "calculator.ubports",
"architecture": "arm64",
"description": "Powerful and easy to use calculator",
"framework": "ubuntu-sdk-20.04",
"hooks": {
"calculator": {
"apparmor": "@APP_HARDCODE@.apparmor",
"desktop": "@CMAKE_INSTALL_DATADIR@/applications/lomiri-calculator-app.desktop"
}
},
"maintainer": "UBports dev@ubports.com",
"title": "@APP_NAME@",
"icon": "@ICON@",
"version": "@PROJECT_VERSION@",
"migrations": {
"old-name": "com.ubuntu.calculator"
},
"x-test": {
"autopilot": "@AUTOPILOT_DIR@"
}
}

the version is set according to a variable, that is probably set in the CMakeLists.txt ( search for PROJECT_VERSION ), just increment the last digit.
There is only one Manifest file, maybe you didn't noticed there is the source folder and the build folder.

nibzy26

@lduboeuf Thanks

I did exactly what you said but before i saw your answer
Its working fine now Thanks
Does it also mean that I can share this newly built click package to my friends who can install it on their phone by just double taping it and selecting openstore option ?
This way it worked for me

lduboeuf

@nibzy26 said in error building lomiri calculator app:

@lduboeuf Thanks

I did exactly what you said but before i saw your answer
Its working fine now Thanks
Does it also mean that I can share this newly built click package to my friends who can install it on their phone by just double taping it and selecting openstore option ?
This way it worked for me

Sure it will work.

arubislander

@nibzy26 said in error building lomiri calculator app:

Does it also mean that I can share this newly built click package to my friends who can install it on their phone by just double taping it and selecting openstore option ?

This would work indeed. But if these changes are not something you plan to contribute back upstream, or which you think will not be accepted even if you did, then you might consider making a hard fork and the name of the app so that it is clear that it is something different than the preinstalled one.

nibzy26

@arubislander Thanks

seems like every step is a new task.
Anyway I created my own icon png and named it as lomiri-calculator-app.png and deleted the original file.
Then i changed version in CMakeList.txt , to 4.0.3
installed it but the app icon is still the default one.
Do I have to do additional steps to show my own app icon ?
2. SO everytime I make a small change I have to increment the version in the CMakeList.txt file ??

Please advise

Thanks