@xframes/node 0.1.0 → 0.1.1

package/CMakeLists.txt

@@ -2,6 +2,8 @@ cmake_minimum_required(VERSION 3.15)
 cmake_policy(SET CMP0091 NEW)
 cmake_policy(SET CMP0042 NEW)
 
+set(CMAKE_MSVC_RUNTIME_LIBRARY "MultiThreaded$<$<CONFIG:Debug>:Debug>DLL")
+
 if(NOT CMAKE_GENERATOR)
     set(CMAKE_GENERATOR "Ninja")
 endif()
@@ -34,6 +36,56 @@ find_package(glfw3 CONFIG REQUIRED)
 find_package(ada CONFIG REQUIRED)
 find_package(Stb REQUIRED)
 find_package(fmt CONFIG REQUIRED)
+find_package(JPEG REQUIRED)
+find_package(PNG REQUIRED)
+find_package(TIFF REQUIRED)
+find_package(CURL REQUIRED)
+find_package(nlohmann_json REQUIRED)
+find_package(qjs CONFIG REQUIRED)
+find_package(Lua REQUIRED)
+find_package(sol2 CONFIG REQUIRED)
+
+# --- Janet 3-stage bootstrap ---
+set(JANET_ROOT "${DEPS}/janet")
+set(JANET_SRC_DIR "${JANET_ROOT}/src")
+file(GLOB JANET_CORE_SOURCES "${JANET_SRC_DIR}/core/*.c")
+file(GLOB JANET_BOOT_SOURCES "${JANET_SRC_DIR}/boot/*.c")
+set(JANET_NO_FLAGS JANET_NO_EV JANET_NO_FFI JANET_NO_NET JANET_NO_DYNAMIC_MODULES)
+
+# Stage 1: bootstrap interpreter
+add_executable(janet_boot ${JANET_CORE_SOURCES} ${JANET_BOOT_SOURCES})
+target_include_directories(janet_boot PRIVATE "${JANET_SRC_DIR}/include" "${JANET_SRC_DIR}/conf")
+target_compile_definitions(janet_boot PRIVATE JANET_BOOTSTRAP ${JANET_NO_FLAGS})
+if(WIN32)
+    target_compile_definitions(janet_boot PRIVATE _CRT_SECURE_NO_WARNINGS)
+    target_link_libraries(janet_boot PRIVATE ws2_32)
+endif()
+
+# Stage 2: generate core image
+set(JANET_IMAGE_FILE "${CMAKE_BINARY_DIR}/janet_core_image.c")
+add_custom_command(
+    OUTPUT "${JANET_IMAGE_FILE}"
+    COMMAND ${CMAKE_COMMAND} -E env "$<TARGET_FILE:janet_boot>" "${JANET_ROOT}" image-only > "${JANET_IMAGE_FILE}"
+    DEPENDS janet_boot "${JANET_ROOT}/src/boot/boot.janet"
+    COMMENT "Generating Janet core image"
+)
+
+# Stage 3: static library (JANET_SINGLE_THREADED: janet_init sets thread-local VM;
+# XFrames calls InitJanet on JS thread but Render on render thread)
+add_library(janet_core STATIC ${JANET_CORE_SOURCES} "${JANET_IMAGE_FILE}")
+target_include_directories(janet_core PUBLIC "${JANET_SRC_DIR}/include" "${JANET_SRC_DIR}/conf")
+target_compile_definitions(janet_core PRIVATE ${JANET_NO_FLAGS} JANET_SINGLE_THREADED)
+if(WIN32)
+    target_compile_definitions(janet_core PRIVATE _CRT_SECURE_NO_WARNINGS)
+    target_link_libraries(janet_core PRIVATE ws2_32)
+endif()
+
+# Auto-copy core image for WASM builds
+add_custom_command(TARGET janet_core POST_BUILD
+    COMMAND ${CMAKE_COMMAND} -E make_directory "${CMAKE_CURRENT_SOURCE_DIR}/../../cpp/app/generated"
+    COMMAND ${CMAKE_COMMAND} -E copy_if_different "${JANET_IMAGE_FILE}" "${CMAKE_CURRENT_SOURCE_DIR}/../../cpp/app/generated/janet_core_image.c"
+    COMMENT "Copying Janet core image to app/generated/ for WASM"
+)
 
 include_directories(${CMAKE_JS_INC})
 
@@ -41,6 +93,19 @@ file(GLOB YOGA_SRC CONFIGURE_DEPENDS
         ${DEPS}/yoga/yoga/*.cpp
         ${DEPS}/yoga/yoga/**/*.cpp)
 
+file(GLOB LEPTONICA_SRC "${DEPS}/osm-static-map-generator/cpp/deps/leptonica/src/*.c")
+
+# Generate endianness.h for leptonica (x64 is little-endian)
+file(WRITE "${DEPS}/osm-static-map-generator/cpp/deps/leptonica/src/endianness.h" "#define L_LITTLE_ENDIAN\n")
+add_compile_definitions(HAVE_LIBJPEG HAVE_LIBTIFF HAVE_LIBPNG NOMINMAX _USE_MATH_DEFINES)
+
+set(OSM_STATIC_MAP_GENERATOR_SRC
+        ${DEPS}/osm-static-map-generator/cpp/shared.cpp
+        ${DEPS}/osm-static-map-generator/cpp/tiledownloader.cpp
+        ${DEPS}/osm-static-map-generator/cpp/mapgenerator.cpp
+        ${DEPS}/osm-static-map-generator/cpp/tilecache.cpp
+)
+
 add_library(${PROJECT_NAME} SHARED
         ${DEPS}/css-color-parser-cpp/csscolorparser.hpp
         ${DEPS}/css-color-parser-cpp/csscolorparser.cpp
@@ -62,6 +127,7 @@ add_library(${PROJECT_NAME} SHARED
         ${APP}/src/color_helpers.cpp
         ${APP}/src/yoga_helpers.cpp
         ${APP}/src/imgui_helpers.cpp
+        ${APP}/src/disk_tile_cache.cpp
 
         ${APP}/src/element/layout_node.cpp
         ${APP}/src/element/element.cpp
@@ -84,6 +150,7 @@ add_library(${PROJECT_NAME} SHARED
         ${APP}/src/widget/image.cpp
         ${APP}/src/widget/input_text.cpp
         ${APP}/src/widget/item_tooltip.cpp
+        ${APP}/src/widget/map_view.cpp
         ${APP}/src/widget/multi_slider.cpp
         ${APP}/src/widget/plot_bar.cpp
         ${APP}/src/widget/plot_candlestick.cpp
@@ -103,9 +170,15 @@ add_library(${PROJECT_NAME} SHARED
         ${APP}/src/widget/text_wrap.cpp
         ${APP}/src/widget/tree_node.cpp
         ${APP}/src/widget/window.cpp
+        ${APP}/src/widget/js_canvas.cpp
+        ${APP}/src/widget/lua_canvas.cpp
+        ${APP}/src/widget/janet_canvas.cpp
 
         ./src/xframes-node.cpp
 
+        ${OSM_STATIC_MAP_GENERATOR_SRC}
+        ${LEPTONICA_SRC}
+
         ${SOURCE_FILES}
         ${CMAKE_JS_SRC}
 )
@@ -115,9 +188,18 @@ target_link_libraries(${PROJECT_NAME}
         ${CMAKE_JS_LIB}
         ada::ada
         fmt::fmt
+        nlohmann_json::nlohmann_json
+        JPEG::JPEG
+        PNG::PNG
+        TIFF::TIFF
+        CURL::libcurl
 
         glfw
         OpenGL::GL
+        qjs
+        ${LUA_LIBRARIES}
+        sol2::sol2
+        janet_core
 )
 
 # Include Node-API wrappers
@@ -147,6 +229,11 @@ target_include_directories(${PROJECT_NAME} PRIVATE
         ${DEPS}/json/include
         ${DEPS}/yoga
         ${DEPS}/glfw/include
+        ${DEPS}/osm-static-map-generator/cpp
+        ${DEPS}/osm-static-map-generator/cpp/deps/leptonica/src
+        ${LUA_INCLUDE_DIR}
+        "${DEPS}/janet/src/include"
+        "${DEPS}/janet/src/conf"
 )
 
 # define NAPI_VERSION

package/README.md

@@ -47,6 +47,8 @@ render(App, resolve("./assets"), fontDefs, theme);
 
 **Data**: Table (sorting, filtering, column reorder/hide, context menus), PlotLine, PlotBar, PlotScatter, PlotHeatmap, PlotHistogram, PlotPieChart, PlotCandlestick
 
+**Canvas**: JsCanvas (QuickJS), LuaCanvas (Lua/Sol2), JanetCanvas (Janet) — scripted 2D rendering with Canvas 2D API shim
+
 **Other**: Image, ProgressBar, ColorIndicator, ClippedMultiLineTextRenderer, ItemTooltip
 
 ## Key Features
@@ -56,6 +58,8 @@ render(App, resolve("./assets"), fontDefs, theme);
 - **Per-state styling** — base, hover, active, and disabled style variants
 - **Imperative handles** — refs for Table, Plot widgets, InputText, and more
 - **Font Awesome icons** — built-in icon support in tables and text
+- **Scripted canvas rendering** — embed JavaScript, Lua, or Janet scripts for custom 2D drawing with an HTML5 Canvas 2D-style API
+- **Interactive maps** — MapView widget with OpenStreetMap tiles, markers, polylines, and overlays
 - **Theme system** — runtime theme switching via `patchStyle`
 - **Prebuilt binaries** — `npm install` downloads platform-specific native addons (NAPI v9)
 

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@xframes/node",
-    "version": "0.1.0",
+    "version": "0.1.1",
     "description": "DOM-less, GPU-accelerated GUI development for Node.js",
     "main": "dist/index.js",
     "files": [

package/vcpkg.json

@@ -6,6 +6,14 @@
     "ada-url",
     "fmt",
     "opengl-registry",
-    "glfw3"
+    "glfw3",
+    "nlohmann-json",
+    "libjpeg-turbo",
+    "libpng",
+    "tiff",
+    "curl",
+    "quickjs-ng",
+    "lua",
+    "sol2"
   ]
 }