slint-ui 1.9.0-nightly.2024101016 → 1.9.0-nightly.2024101417

package/Cargo.toml

@@ -41,10 +41,10 @@ accessibility = ["slint-interpreter/accessibility"]
 [dependencies]
 napi = { version = "2.14.0", default-features = false, features = ["napi8"] }
 napi-derive = "2.14.0"
-i-slint-compiler = { features = ["default"] , git = "https://github.com/slint-ui/slint", rev = "ccf5f04087c5d920c80e7e706230e99a12b9e9ef", version = "=1.9.0", default-features = false }
-i-slint-core = { features = ["default", "gettext-rs"] , git = "https://github.com/slint-ui/slint", rev = "ccf5f04087c5d920c80e7e706230e99a12b9e9ef", version = "=1.9.0", default-features = false }
-i-slint-backend-selector = { git = "https://github.com/slint-ui/slint", rev = "ccf5f04087c5d920c80e7e706230e99a12b9e9ef", version = "=1.9.0", default-features = false }
-slint-interpreter = { default-features = false , features = ["display-diagnostics", "internal", "compat-1-2"] , git = "https://github.com/slint-ui/slint", rev = "ccf5f04087c5d920c80e7e706230e99a12b9e9ef", version = "=1.9.0"}
+i-slint-compiler = { features = ["default"] , git = "https://github.com/slint-ui/slint", rev = "c2ebe3ca2a7f77ad4eb88960801dd28e33ef0d04", version = "=1.9.0", default-features = false }
+i-slint-core = { features = ["default", "gettext-rs"] , git = "https://github.com/slint-ui/slint", rev = "c2ebe3ca2a7f77ad4eb88960801dd28e33ef0d04", version = "=1.9.0", default-features = false }
+i-slint-backend-selector = { git = "https://github.com/slint-ui/slint", rev = "c2ebe3ca2a7f77ad4eb88960801dd28e33ef0d04", version = "=1.9.0", default-features = false }
+slint-interpreter = { default-features = false , features = ["display-diagnostics", "internal", "compat-1-2"] , git = "https://github.com/slint-ui/slint", rev = "c2ebe3ca2a7f77ad4eb88960801dd28e33ef0d04", version = "=1.9.0"}
 spin_on = { version = "0.1" }
 css-color-parser2 = { version = "1.0.1" }
 itertools = { version = "0.13" }

package/cover.md

@@ -66,9 +66,9 @@ This file declares the user interface.
 
 4. Create a new file called `index.mjs` with the following contents:
 
-```
+```js
 import * as slint from "slint-ui";
-let ui = slint.loadFile("main.slint");
+let ui = slint.loadFile(new URL("main.slint", import.meta.url));
 let demo = new ui.Demo();
 
 await demo.run();
@@ -124,9 +124,9 @@ This file declares the user interface.
 
 3. Create a new file called `index.ts` with the following contents:
 
-```
+```ts
 import * as slint from "slint-ui";
-let ui = slint.loadFile("main.slint");
+let ui = slint.loadFile(new URL("main.slint", import.meta.url));
 let demo = new ui.Demo();
 
 await demo.run();
@@ -142,6 +142,54 @@ This is your main JavaScript entry point:
 
 1. Run the example with `deno run --allow-read --allow-ffi --allow-sys index.ts`
 
+
+## Getting Started (bun)
+
+1. In a new directory, create a new `bun` project by calling [`bun init`](https://bun.sh/docs/cli/init).
+2. Install Slint for your project using [`bun install slint-ui`](https://bun.sh/docs/cli/install).
+3. Create a new file called `main.slint` with the following contents:
+
+```
+import { AboutSlint, Button, VerticalBox } from "std-widgets.slint";
+export component Demo inherits Window {
+    in-out property <string> greeting <=> label.text;
+    VerticalBox {
+        alignment: start;
+        label := Text {
+            text: "Hello World!";
+            font-size: 24px;
+            horizontal-alignment: center;
+        }
+        AboutSlint {
+            preferred-height: 150px;
+        }
+        HorizontalLayout { alignment: center; Button { text: "OK!"; } }
+    }
+}
+```
+
+This file declares the user interface.
+
+4. Clear the conent of`index.ts` and add the following code:
+
+```ts
+import * as slint from "slint-ui";
+let ui = slint.loadFile(new URL("main.slint", import.meta.url)) as any;
+let demo = new ui.Demo();
+
+await demo.run();
+```
+
+This is your main TypeScript entry point:
+
+* Import the Slint API as an [ECMAScript module](https://nodejs.org/api/esm.html#modules-ecmascript-modules) module. 
+* Invoke `loadFile()` to compile and load the `.slint` file.
+* Instantiate the `Demo` component declared in `main.slint`.
+* Run it by showing it on the screen and reacting to user input.
+
+5. Run the example with `bun run index.ts`
+
+
 ## API Overview
 
 ### Instantiating a Component
@@ -176,7 +224,7 @@ an object which allow to initialize the value of public properties or callbacks.
 import * as slint from "slint-ui";
 // In this example, the main.slint file exports a module which
 // has a counter property and a clicked callback
-let ui = slint.loadFile("ui/main.slint");
+let ui = slint.loadFile(new URL("ui/main.slint", import.meta.url));
 let component = new ui.MainWindow({
     counter: 42,
     clicked: function() { console.log("hello"); }
@@ -194,7 +242,7 @@ export component MainWindow {
 }
 
 ```js
-let ui = slint.loadFile("main.slint");
+let ui = slint.loadFile(new URL("main.slint", import.meta.url));
 let instance = new ui.MainWindow();
 console.log(instance.age); // Prints 42
 instance.name = "Joe";
@@ -223,7 +271,7 @@ export component MyComponent inherits Window {
 ```js
 import * as slint from "slint-ui";
 
-let ui = slint.loadFile("ui/my-component.slint");
+let ui = slint.loadFile(new URL("ui/my-component.slint", import.meta.url));
 let component = new ui.MyComponent();
 
 // connect to a callback
@@ -294,7 +342,7 @@ export component MyComponent inherits Window {
 
 import * as slint from "slint-ui";
 
-let ui = slint.loadFile("my-component.slint");
+let ui = slint.loadFile(new URL("my-component.slint", import.meta.url));
 let component = new ui.MyComponent();
 
 // object literal
@@ -330,7 +378,7 @@ export component MyComponent inherits Window {
 
 import * as slint from "slint-ui";
 
-let ui = slint.loadFile("my-component.slint");
+let ui = slint.loadFile(new URL("my-component.slint", import.meta.url));
 let component = new ui.MyComponent();
 
 // set enum value as string
@@ -361,7 +409,7 @@ previous section, you can access `Logic` like this:
 ```js
 import * as slint from "slint-ui";
 
-let ui = slint.loadFile("ui/my-component.slint");
+let ui = slint.loadFile(new URL("ui/my-component.slint", import.meta.url));
 let component = new ui.MyComponent();
 
 component.Logic.to_upper_case = (str) => {

package/dist/index.d.ts

@@ -170,6 +170,10 @@ export interface LoadFileOptions {
      * Sets library paths used for looking up `@library` imports to the specified map of library names to paths.
      */
     libraryPaths?: Record<string, string>;
+    /**
+     * @hidden
+     */
+    fileLoader?: (path: string) => string;
 }
 /**
  * Loads the specified Slint file and returns an object containing functions to construct the exported

package/dist/index.js

@@ -88,6 +88,9 @@ function loadSlint(loadData) {
         if (typeof options.libraryPaths !== "undefined") {
             compiler.libraryPaths = options.libraryPaths;
         }
+        if (typeof options.fileLoader !== "undefined") {
+            compiler.fileLoader = options.fileLoader;
+        }
     }
     const definitions = loadData.from === "file"
         ? compiler.buildFromPath(filePath)

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "slint-ui",
-  "version": "1.9.0-nightly.2024101016",
+  "version": "1.9.0-nightly.2024101417",
   "main": "dist/index.js",
   "types": "dist/index.d.ts",
   "homepage": "https://github.com/slint-ui/slint",
@@ -67,10 +67,10 @@
     "@napi-rs/cli": "2.16.5"
   },
   "optionalDependencies": {
-    "@slint-ui/slint-ui-binary-linux-x64-gnu": "1.9.0-nightly.2024101016",
-    "@slint-ui/slint-ui-binary-darwin-x64": "1.9.0-nightly.2024101016",
-    "@slint-ui/slint-ui-binary-darwin-arm64": "1.9.0-nightly.2024101016",
-    "@slint-ui/slint-ui-binary-win32-x64-msvc": "1.9.0-nightly.2024101016",
-    "@slint-ui/slint-ui-binary-win32-ia32-msvc": "1.9.0-nightly.2024101016"
+    "@slint-ui/slint-ui-binary-linux-x64-gnu": "1.9.0-nightly.2024101417",
+    "@slint-ui/slint-ui-binary-darwin-x64": "1.9.0-nightly.2024101417",
+    "@slint-ui/slint-ui-binary-darwin-arm64": "1.9.0-nightly.2024101417",
+    "@slint-ui/slint-ui-binary-win32-x64-msvc": "1.9.0-nightly.2024101417",
+    "@slint-ui/slint-ui-binary-win32-ia32-msvc": "1.9.0-nightly.2024101417"
   }
 }

package/rust/interpreter/component_compiler.rs

@@ -2,12 +2,15 @@
 // SPDX-License-Identifier: GPL-3.0-only OR LicenseRef-Slint-Royalty-free-2.0 OR LicenseRef-Slint-Software-3.0
 
 use crate::to_js_unknown;
+use crate::RefCountedReference;
 
 use super::JsComponentDefinition;
 use super::JsDiagnostic;
 use i_slint_compiler::langtype::Type;
 use itertools::Itertools;
 use napi::Env;
+use napi::JsFunction;
+use napi::JsString;
 use napi::JsUnknown;
 use slint_interpreter::Compiler;
 use slint_interpreter::Value;
@@ -164,6 +167,64 @@ impl JsComponentCompiler {
             .collect::<HashMap<String, JsUnknown>>()
     }
 
+    #[napi(setter)]
+    pub fn set_file_loader(&mut self, env: Env, callback: JsFunction) -> napi::Result<()> {
+        let function_ref = std::rc::Rc::new(RefCountedReference::new(&env, callback)?);
+
+        self.internal.set_file_loader(move |path| {
+            let path = PathBuf::from(path);
+            let function_ref = function_ref.clone();
+            Box::pin({
+                async move {
+                    let Ok(callback) = function_ref.get::<JsFunction>() else {
+                        return Some(Err(std::io::Error::other(
+                            "Node.js: cannot access file loader callback.",
+                        )));
+                    };
+
+                    let Ok(path) = env.create_string(path.display().to_string().as_str()) else {
+                        return Some(Err(std::io::Error::other(
+                            "Node.js: wrong argunemt for callback file_loader.",
+                        )));
+                    };
+
+                    let result = match callback.call(None, &[path]) {
+                        Ok(result) => result,
+                        Err(err) => {
+                            return Some(Err(std::io::Error::other(err.to_string())));
+                        }
+                    };
+
+                    let js_string: napi::Result<JsString> = result.try_into();
+
+                    let Ok(js_string) = js_string else {
+                        return Some(Err(std::io::Error::other(
+                        "Node.js: cannot read return value of file loader callback as js string.",
+                    )));
+                    };
+
+                    let Ok(utf8_string) = js_string.into_utf8() else {
+                        return Some(Err(std::io::Error::other(
+                        "Node.js: cannot convert return value of file loader callback into utf8.",
+                    )));
+                    };
+
+                    if let Ok(str) = utf8_string.as_str() {
+                        let string = str.to_string();
+
+                        return Some(Ok(string));
+                    };
+
+                    Some(Err(std::io::Error::other(
+                        "Node.js: cannot convert return value of file loader callback into string.",
+                    )))
+                }
+            })
+        });
+
+        Ok(())
+    }
+
     /// Compile a .slint file into a ComponentDefinition
     ///
     /// Returns the compiled `ComponentDefinition` if there were no errors.

package/rust-module.d.ts

@@ -101,6 +101,7 @@ export class ComponentCompiler {
   get diagnostics(): Array<Diagnostic>
   get structs(): Record<string, unknown>
   get enums(): Record<string, unknown>
+  set fileLoader(callback: (...args: any[]) => any)
   /**
    * Compile a .slint file into a ComponentDefinition
    *

package/typescript/index.ts

@@ -247,6 +247,11 @@ export interface LoadFileOptions {
      * Sets library paths used for looking up `@library` imports to the specified map of library names to paths.
      */
     libraryPaths?: Record<string, string>;
+
+    /**
+     * @hidden
+     */
+    fileLoader?: (path: string) => string;
 }
 
 type LoadData =
@@ -285,6 +290,9 @@ function loadSlint(loadData: LoadData): Object {
         if (typeof options.libraryPaths !== "undefined") {
             compiler.libraryPaths = options.libraryPaths;
         }
+        if (typeof options.fileLoader !== "undefined") {
+            compiler.fileLoader = options.fileLoader;
+        }
     }
 
     const definitions =