UBports Robot Logo UBports Forum
    • Categories
    • Recent
    • Tags
    • Popular
    • Users
    • Groups
    • Search
    • Register
    • Login

    error building lomiri calculator app

    Scheduled Pinned Locked Moved Unsolved Support
    34 Posts 3 Posters 4.6k Views 2 Watching
    Loading More Posts
    • Oldest to Newest
    • Newest to Oldest
    • Most Votes
      Reply
      • Reply as topic
      Log in to reply
      This topic has been deleted. Only users with topic management privileges can see it.
      • N Offline
        nibzy26 @nibzy26
        last edited by

        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

        1. edit qml files in VSS code
        2. run clickable build
        3. 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

        lduboeufL 1 Reply Last reply Reply Quote 0
        • lduboeufL Offline
          lduboeuf @nibzy26
          last edited by 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

          1. edit qml files in VSS code
          2. run clickable build
          3. 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

          N 1 Reply Last reply Reply Quote 0
          • N Offline
            nibzy26 @lduboeuf
            last edited by

            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

            arubislanderA 1 Reply Last reply Reply Quote 0
            • arubislanderA Offline
              arubislander @nibzy26
              last edited by arubislander

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

              πŸ‡¦πŸ‡Ό πŸ‡³πŸ‡± πŸ‡ΊπŸ‡Έ πŸ‡ͺπŸ‡Έ
              Happily running Ubuntu Touch
              Google Pixel 3a (24.04 preview)
              JingPad (24.04 preview)
              PinePhone OG (20.04)
              Meizu Pro 5 (16.04 DEV)

              N 1 Reply Last reply Reply Quote 0
              • N Offline
                nibzy26 @arubislander
                last edited by

                @arubislander
                Its in the same folder as qml file

                lduboeufL 1 Reply Last reply Reply Quote 0
                • lduboeufL Offline
                  lduboeuf @nibzy26
                  last edited by

                  @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

                  N 1 Reply Last reply Reply Quote 0
                  • N Offline
                    nibzy26 @lduboeuf
                    last edited by 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'

                    arubislanderA 1 Reply Last reply Reply Quote 0
                    • arubislanderA Offline
                      arubislander @nibzy26
                      last edited by

                      @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?

                      πŸ‡¦πŸ‡Ό πŸ‡³πŸ‡± πŸ‡ΊπŸ‡Έ πŸ‡ͺπŸ‡Έ
                      Happily running Ubuntu Touch
                      Google Pixel 3a (24.04 preview)
                      JingPad (24.04 preview)
                      PinePhone OG (20.04)
                      Meizu Pro 5 (16.04 DEV)

                      N 1 Reply Last reply Reply Quote 0
                      • N Offline
                        nibzy26 @arubislander
                        last edited by

                        @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

                        N 1 Reply Last reply Reply Quote 0
                        • N Offline
                          nibzy26 @nibzy26
                          last edited by

                          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$

                          N arubislanderA 2 Replies Last reply Reply Quote 0
                          • N Offline
                            nibzy26 @nibzy26
                            last edited by

                            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

                            N 1 Reply Last reply Reply Quote 0
                            • N Offline
                              nibzy26 @nibzy26
                              last edited by 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$

                              N 1 Reply Last reply Reply Quote 0
                              • N Offline
                                nibzy26 @nibzy26
                                last edited by 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

                                lduboeufL 1 Reply Last reply Reply Quote 0
                                • lduboeufL Offline
                                  lduboeuf @nibzy26
                                  last edited by 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

                                  N 1 Reply Last reply Reply Quote 0
                                  • arubislanderA Offline
                                    arubislander @nibzy26
                                    last edited by

                                    @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.

                                    πŸ‡¦πŸ‡Ό πŸ‡³πŸ‡± πŸ‡ΊπŸ‡Έ πŸ‡ͺπŸ‡Έ
                                    Happily running Ubuntu Touch
                                    Google Pixel 3a (24.04 preview)
                                    JingPad (24.04 preview)
                                    PinePhone OG (20.04)
                                    Meizu Pro 5 (16.04 DEV)

                                    1 Reply Last reply Reply Quote 0
                                    • N Offline
                                      nibzy26 @lduboeuf
                                      last edited by 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@"
                                      }
                                      }

                                      lduboeufL 1 Reply Last reply Reply Quote 0
                                      • lduboeufL Offline
                                        lduboeuf @nibzy26
                                        last edited by

                                        @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.

                                        N 1 Reply Last reply Reply Quote 0
                                        • N Offline
                                          nibzy26 @lduboeuf
                                          last edited by 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

                                          lduboeufL arubislanderA 2 Replies Last reply Reply Quote 0
                                          • lduboeufL Offline
                                            lduboeuf @nibzy26
                                            last edited by

                                            @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.

                                            1 Reply Last reply Reply Quote 0
                                            • arubislanderA Offline
                                              arubislander @nibzy26
                                              last edited by

                                              @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.

                                              πŸ‡¦πŸ‡Ό πŸ‡³πŸ‡± πŸ‡ΊπŸ‡Έ πŸ‡ͺπŸ‡Έ
                                              Happily running Ubuntu Touch
                                              Google Pixel 3a (24.04 preview)
                                              JingPad (24.04 preview)
                                              PinePhone OG (20.04)
                                              Meizu Pro 5 (16.04 DEV)

                                              N 1 Reply Last reply Reply Quote 0
                                              • First post
                                                Last post