add book

Qt6QMLBeginnersCode/6.Javascript/7-JsModules/CMakeLists.txt

@@ -0,0 +1,40 @@
+# Copyright (c) Daniel Gakwaya.
+# SPDX-License-Identifier: MIT
+
+cmake_minimum_required(VERSION 3.16)
+
+project(7-JsModules VERSION 0.1 LANGUAGES CXX)
+
+set(CMAKE_CXX_STANDARD_REQUIRED ON)
+
+find_package(Qt6 6.5 REQUIRED COMPONENTS Quick)
+
+qt_standard_project_setup(REQUIRES 6.5)
+
+qt_add_executable(app7-JsModules
+    main.cpp
+)
+
+qt_add_qml_module(app7-JsModules
+    URI 7-JsModules
+    VERSION 1.0
+    QML_FILES Main.qml utilities1.mjs utilities2.mjs
+)
+
+set_target_properties(app7-JsModules PROPERTIES
+    MACOSX_BUNDLE_GUI_IDENTIFIER my.example.com
+    MACOSX_BUNDLE_BUNDLE_VERSION ${PROJECT_VERSION}
+    MACOSX_BUNDLE_SHORT_VERSION_STRING ${PROJECT_VERSION_MAJOR}.${PROJECT_VERSION_MINOR}
+    MACOSX_BUNDLE TRUE
+    WIN32_EXECUTABLE TRUE
+)
+
+target_link_libraries(app7-JsModules
+    PRIVATE Qt6::Quick
+)
+
+install(TARGETS app7-JsModules
+    BUNDLE DESTINATION .
+    LIBRARY DESTINATION ${CMAKE_INSTALL_LIBDIR}
+    RUNTIME DESTINATION ${CMAKE_INSTALL_BINDIR}
+)

Qt6QMLBeginnersCode/6.Javascript/7-JsModules/Main.qml

@@ -0,0 +1,41 @@
+// Copyright (c) Daniel Gakwaya.
+// SPDX-License-Identifier: MIT
+
+import QtQuick
+import "utilities1.mjs" as Utilities1
+Window {
+    visible: true
+    width: 640
+    height: 480
+    title: qsTr("Javascript Import Demo")
+
+    Rectangle {
+
+        width: 300
+        height: 100
+        color: "yellowgreen"
+        anchors.centerIn: parent
+        Text {
+            text: "Click Me"
+            anchors.centerIn: parent
+        }
+
+        MouseArea {
+            anchors.fill: parent
+            onClicked: {
+               //Calling a properly exported mathod
+                /*
+               console.log("The ages yield: " + Utilities1.combineAges(33,17))
+                */
+
+
+                //Can't call a method that's not exported: subtract isn't exported from utilities2.mjs
+                console.log("Age diff: " + Utilities1.ageDiff(33,17))
+
+                //Just because add is usable from utilities1.js doesn't mean main.qml
+                 // can use it. utilities2.js doesn't export it.
+                 //console.log ("The sum is: " + Utilities1.add(33,17))//Error
+            }
+        }
+    }
+}

Qt6QMLBeginnersCode/6.Javascript/7-JsModules/main.cpp

@@ -0,0 +1,20 @@
+// Copyright (c) Daniel Gakwaya.
+// SPDX-License-Identifier: MIT
+
+#include <QGuiApplication>
+#include <QQmlApplicationEngine>
+
+
+int main(int argc, char *argv[])
+{
+
+    QGuiApplication app(argc, argv);
+
+    QQmlApplicationEngine engine;
+    QObject::connect(&engine, &QQmlApplicationEngine::objectCreationFailed,
+        &app, []() { QCoreApplication::exit(-1); },
+        Qt::QueuedConnection);
+    engine.loadFromModule("7-JsModules", "Main");
+
+    return app.exec();
+}

Qt6QMLBeginnersCode/6.Javascript/7-JsModules/utilities1.mjs

@@ -0,0 +1,12 @@
+// Copyright (c) Daniel Gakwaya.
+// SPDX-License-Identifier: MIT
+
+import * as Utilities2 from "utilities2.mjs";
+
+export function combineAges(age1,age2){
+    return Utilities2.add(age1,age2)
+}
+
+export function ageDiff(age1,age2){
+    return Utilities2.subtract(age1,age2)
+}

Qt6QMLBeginnersCode/6.Javascript/7-JsModules/utilities2.mjs

@@ -0,0 +1,10 @@
+// Copyright (c) Daniel Gakwaya.
+// SPDX-License-Identifier: MIT
+
+export function add(age1,age2){
+	return age1 + age2
+}
+
+ function subtract(age1,age2){
+    return age1 - age2;
+}