570 lines
18 KiB
Racket
570 lines
18 KiB
Racket
#lang racket/base
|
|
|
|
(require "racket-webview-qt.rkt"
|
|
"utils.rkt"
|
|
"mimetypes.rkt"
|
|
web-server/servlet
|
|
web-server/servlet-env
|
|
web-server/http
|
|
net/url
|
|
racket/runtime-path
|
|
racket/file
|
|
racket/string
|
|
racket/path
|
|
racket/port
|
|
racket/contract
|
|
xml
|
|
xml/xexpr
|
|
json
|
|
)
|
|
|
|
(provide webview-create
|
|
webview-devtools
|
|
webview-close
|
|
webview-run-js
|
|
webview-call-js
|
|
webview-call-js-result?
|
|
webview-move
|
|
webview-resize
|
|
webview-show
|
|
webview-hide
|
|
webview-show-normal
|
|
webview-maximize
|
|
webview-minimize
|
|
webview-window-state
|
|
webview-bind!
|
|
webview-set-title!
|
|
webview-set-url!
|
|
webview-set-html!
|
|
|
|
webview-set-innerHTML!
|
|
webview-set-value!
|
|
webview-value
|
|
webview-value/bool
|
|
webview-value/symbol
|
|
webview-value/number
|
|
;webview-value/date
|
|
;webview-value/time
|
|
;webview-value/datetime
|
|
|
|
webview-add-class!
|
|
webview-remove-class!
|
|
webview-set-style!
|
|
webview-unset-style!
|
|
|
|
webview-set-attr!
|
|
webview-attr
|
|
;webview-attr/bool
|
|
;webview-attr/symbol
|
|
;webview-attr/number
|
|
;webview-attr/date
|
|
;webview-attr/time
|
|
;webview-attr/datetime
|
|
|
|
;webview-del-attr!
|
|
|
|
webview-standard-file-getter
|
|
|
|
test
|
|
)
|
|
|
|
;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;
|
|
;; Web server
|
|
;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;
|
|
|
|
(define current-servlet-port 8083)
|
|
(define current-window-nr 1)
|
|
|
|
(define-runtime-path js-path "../js")
|
|
|
|
(define (default-boilerplate-js)
|
|
(let ((file (build-path js-path "boilerplate.js")))
|
|
(file->string file)))
|
|
|
|
(define-struct wv
|
|
([handle #:mutable]
|
|
port
|
|
[window-nr #:mutable]
|
|
[file-getter #:mutable]
|
|
[boilerplate-js #:mutable]
|
|
[webserver-thread #:mutable])
|
|
#:transparent)
|
|
|
|
(define (process-html wv-handle path out)
|
|
(let ((html (file->string path))
|
|
(boilerplate-js (wv-boilerplate-js wv-handle)))
|
|
(set! html (string-replace html "<head>"
|
|
(string-append "<head>" "\n"
|
|
"<script>" "\n"
|
|
boilerplate-js "\n"
|
|
"</script>" "\n")))
|
|
(display html out)))
|
|
|
|
(define (process-file wv-handle ext path out)
|
|
(let ((content (file->bytes path)))
|
|
(display content out)))
|
|
|
|
(define (web-serve wv-handle req)
|
|
(let* ((path (url->string (request-uri req)))
|
|
(file-getter (wv-file-getter wv-handle)))
|
|
(let* ((file-to-serve (build-path (file-getter path)))
|
|
(ext-bytes (path-get-extension file-to-serve))
|
|
(ext (if (eq? ext-bytes #f) #f
|
|
(string->symbol (string-downcase (substring (bytes->string/utf-8 ext-bytes) 1)))))
|
|
)
|
|
(if (file-exists? file-to-serve)
|
|
(response/output
|
|
#:mime-type (string->bytes/utf-8 (mimetype-for-ext ext))
|
|
(λ (out)
|
|
(if (or (eq? ext 'html) (eq? ext 'htm))
|
|
(process-html wv-handle file-to-serve out)
|
|
(process-file wv-handle ext file-to-serve out))
|
|
))
|
|
(response/output
|
|
#:code 404
|
|
(λ (out)
|
|
(displayln (format "~a not found" path) out)))
|
|
)
|
|
)
|
|
)
|
|
)
|
|
|
|
(define (start-web-server h)
|
|
(thread (λ ()
|
|
(serve/servlet
|
|
(λ (req) (web-serve h req))
|
|
#:listen-ip "127.0.0.1"
|
|
#:port (wv-port h)
|
|
#:command-line? #t
|
|
#:servlet-path ""
|
|
#:stateless? #t
|
|
;#:launch-browser #f
|
|
#:servlet-regexp #rx"")
|
|
)))
|
|
|
|
|
|
;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;
|
|
;; Utilities
|
|
;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;
|
|
|
|
(define (util-parse-event evt)
|
|
(let ((wv-d0 (with-input-from-string evt read-json)))
|
|
wv-d0))
|
|
|
|
(define (webview-call-js-result? x)
|
|
(if (and (list? x) (= (length x) 2))
|
|
(and (symbol? (car x))
|
|
(string? (cadr x)))
|
|
#f))
|
|
|
|
|
|
(define-syntax with-id
|
|
(syntax-rules ()
|
|
((_ id el
|
|
(code ...))
|
|
(string-append (format "{ let ~a = document.getElementById('~a');\n" 'el id)
|
|
(format code ...)
|
|
"\n}")
|
|
)
|
|
((_ id el
|
|
(code ...) -> retval)
|
|
(string-append (format "{ let ~a = document.getElementById('~a');\n" 'el id)
|
|
(format code ...)
|
|
(format "return ~a;\n" retval)
|
|
"}"))
|
|
((_ id el -> retval)
|
|
(string-append (format "{ let ~a = document.getElementById('~a');\n" 'el id)
|
|
(format "return ~a;\n" retval)
|
|
"}"))
|
|
)
|
|
)
|
|
|
|
(define-syntax with-selector
|
|
(syntax-rules ()
|
|
((_ selector func)
|
|
(format "return window.rkt_with_selector('~a', ~a)"
|
|
(esc-quote selector)
|
|
func))))
|
|
|
|
;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;
|
|
;; Webview functions
|
|
;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;
|
|
|
|
(define (webview-create file-getter event-callback
|
|
#:boilerplate-js [bj (default-boilerplate-js)]
|
|
#:parent [p 0])
|
|
(let* ((h (make-wv #f current-servlet-port -1 file-getter bj #f))
|
|
(server (let ((s (start-web-server h)))
|
|
(sleep 1) ;;; TODO: Check if web server is up.
|
|
s))
|
|
(event-processor (λ (wv evt)
|
|
(event-callback h (util-parse-event evt))))
|
|
(wv (rkt-webview-create p event-processor))
|
|
(base-req (format "http://127.0.0.1:~a"
|
|
(wv-port h)))
|
|
)
|
|
(set-wv-handle! h wv)
|
|
(set-wv-window-nr! h (rkt-wv-win wv))
|
|
(set-wv-webserver-thread! h server)
|
|
(rkt-webview-set-url! (wv-handle h) base-req)
|
|
(set! current-servlet-port (+ current-servlet-port 1))
|
|
h))
|
|
|
|
(define/contract (webview-devtools wv)
|
|
(-> wv? symbol?)
|
|
(rkt-webview-open-devtools (wv-handle wv)))
|
|
|
|
(define/contract (webview-move wv x y)
|
|
(-> wv? number? number? symbol?)
|
|
(rkt-webview-move (wv-handle wv) x y))
|
|
|
|
(define/contract (webview-resize wv w h)
|
|
(-> wv? number? number? symbol?)
|
|
(rkt-webview-resize (wv-handle wv) w h))
|
|
|
|
(define/contract (webview-set-html! wv html)
|
|
(-> wv? (or/c string? xexpr?) symbol?)
|
|
(if (string? html)
|
|
(rkt-webview-set-html! (wv-handle wv) html)
|
|
(rkt-webview-set-html! (wv-handle wv) (xexpr->string html))
|
|
)
|
|
)
|
|
|
|
(define/contract (webview-set-url! wv url)
|
|
(-> wv? (or/c string? url?) symbol?)
|
|
(if (url? url)
|
|
(rkt-webview-set-url! (wv-handle wv) (url->string url))
|
|
(rkt-webview-set-url! (wv-handle wv) url)
|
|
)
|
|
)
|
|
|
|
(define-syntax def-win-func
|
|
(syntax-rules ()
|
|
((_ name name-to-wrap)
|
|
(define/contract (name wv)
|
|
(-> wv? symbol?)
|
|
(name-to-wrap (wv-handle wv))))))
|
|
|
|
(def-win-func webview-show rkt-webview-show)
|
|
(def-win-func webview-hide rkt-webview-hide)
|
|
(def-win-func webview-maximize rkt-webview-maximize)
|
|
(def-win-func webview-minimize rkt-webview-minimize)
|
|
(def-win-func webview-show-normal rkt-webview-show-normal)
|
|
(def-win-func webview-present rkt-webview-present)
|
|
(def-win-func webview-window-state rkt-webview-window-state)
|
|
|
|
(define/contract (webview-set-title! wv title)
|
|
(-> wv? string? symbol?)
|
|
(rkt-webview-set-title! (wv-handle wv) title))
|
|
|
|
(define/contract (webview-close wv)
|
|
(-> wv? symbol?)
|
|
(begin
|
|
(rkt-webview-close (wv-handle wv))
|
|
(kill-thread (wv-webserver-thread wv))
|
|
'oke))
|
|
|
|
(define/contract (webview-bind! wv selector event)
|
|
(-> wv? (or/c symbol? string?) symbol? list?)
|
|
(let ((sel (if (symbol? selector)
|
|
(format "#~a" selector)
|
|
selector))
|
|
(evt (format "~a" event)))
|
|
(let ((r (webview-call-js wv
|
|
(format "return window.rkt_bind_evt_ids(~a, '~a', '~a')"
|
|
(wv-window-nr wv) sel evt))))
|
|
(map (λ (el)
|
|
(list (string->symbol (car el)) (cadr el) (caddr el)))
|
|
r))))
|
|
|
|
(define/contract (webview-run-js wv js)
|
|
(-> wv? string? symbol?)
|
|
(rkt-webview-run-js (wv-handle wv) js))
|
|
|
|
(define (webview-standard-file-getter base-path
|
|
#:not-exist [on-not-exist (λ (file base-path path) path)]
|
|
)
|
|
(λ (file)
|
|
(let ((f (if (string=? file "/") "index.html" file)))
|
|
(when (string-prefix? f "/")
|
|
(set! f (substring f 1)))
|
|
(let ((p (build-path base-path f)))
|
|
(if (not (file-exists? p))
|
|
(on-not-exist file base-path p)
|
|
p)))))
|
|
|
|
|
|
(define (webview-call-js wv js)
|
|
(-> wv? string? (or/c string? list? boolean? hash?))
|
|
(let ((result (rkt-webview-call-js (wv-handle wv) js)))
|
|
(if (webview-call-js-result? result)
|
|
(if (eq? (car result) 'oke)
|
|
(hash-ref (fromJson (cadr result)) 'result #f)
|
|
(error
|
|
(format "Error calling javascript. Message: ~a"
|
|
(hash-ref (fromJson (cadr result)) 'exn result)))
|
|
)
|
|
(error
|
|
(format "Wrong result from webview-call-js: ~a" result))
|
|
)
|
|
)
|
|
)
|
|
|
|
;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;
|
|
;; Functions on top of the basics
|
|
;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;
|
|
|
|
(define/contract (webview-set-innerHTML! wv id html)
|
|
(-> wv? symbol? (or/c string? xexpr?) symbol?)
|
|
(if (string? html)
|
|
(webview-run-js wv
|
|
(with-id id el
|
|
("el.innerHTML = '~a';" (esc-quote html))))
|
|
(webview-set-innerHTML! wv id (xexpr->string html))
|
|
)
|
|
)
|
|
|
|
(define/contract (webview-set-value! wv id val)
|
|
(-> wv? symbol? (or/c symbol? string? number? boolean?) symbol?)
|
|
(webview-run-js wv
|
|
(with-id id el
|
|
((string-append
|
|
"if (el.type == 'checkbox' || el.type == 'radio') {\n"
|
|
" el.checked = ~a;\n"
|
|
"} else {\n"
|
|
" el.value = '~a';\n"
|
|
"}")
|
|
(if (eq? val #f) "false" "true")
|
|
(esc-quote (format "~a" val))))
|
|
)
|
|
)
|
|
|
|
(define/contract (webview-value wv id)
|
|
(-> wv? symbol? (or/c string? boolean?))
|
|
(let ((v (webview-call-js wv
|
|
(with-id id el
|
|
((string-append "let f = function() {\n"
|
|
" if (el.type == 'checkbox' || el.type == 'radio') {\n"
|
|
" return '' + el.checked;\n"
|
|
" } else {\n"
|
|
" return el.value;\n"
|
|
" }\n"
|
|
"};\n"))
|
|
-> "f()"))))
|
|
(if (eq? v #f)
|
|
#f
|
|
v)))
|
|
|
|
(define/contract (webview-value/number wv id)
|
|
(-> wv? symbol? (or/c number? boolean?))
|
|
(let ((v (webview-value wv id)))
|
|
(if (eq? v #f)
|
|
#f
|
|
(string->number (webview-value wv id)))))
|
|
|
|
(define/contract (webview-value/symbol wv id)
|
|
(-> wv? symbol? (or/c symbol? boolean?))
|
|
(let ((v (webview-value wv id)))
|
|
(if (eq? v #f)
|
|
#f
|
|
(string->symbol (webview-value wv id)))))
|
|
|
|
(define/contract (webview-value/bool wv id)
|
|
(-> wv? symbol? (or/c symbol? boolean?))
|
|
(let ((v (webview-value wv id)))
|
|
(if (eq? v #f)
|
|
'fail
|
|
(if (string=? (webview-value wv id) "true")
|
|
#t
|
|
#f))))
|
|
|
|
(define/contract (webview-add-class! wv id-or-selector class)
|
|
(-> wv? (or/c symbol? string?) (or/c symbol? string? list?) hash?)
|
|
(let ((sel (if (symbol? id-or-selector)
|
|
(format "#~a" id-or-selector)
|
|
id-or-selector))
|
|
(cl (mk-js-array class))
|
|
)
|
|
(webview-call-js wv (with-selector sel
|
|
(format
|
|
(js-code
|
|
"function(id, el) {"
|
|
" let cl = ~a;"
|
|
" cl.forEach(function(c) {"
|
|
" el.classList.add(c);"
|
|
" });"
|
|
" return id;"
|
|
"}") cl)))
|
|
)
|
|
)
|
|
|
|
(define/contract (webview-remove-class! wv id-or-selector class)
|
|
(-> wv? (or/c symbol? string?) (or/c symbol? string? list?) hash?)
|
|
(let ((sel (if (symbol? id-or-selector)
|
|
(format "#~a" id-or-selector)
|
|
id-or-selector))
|
|
(cl (mk-js-array class))
|
|
)
|
|
(webview-call-js wv
|
|
(with-selector sel
|
|
(format
|
|
(js-code
|
|
"function(id, el) {"
|
|
" let cl = ~a;"
|
|
" cl.forEach(function(c) {"
|
|
" el.classList.remove(c);"
|
|
" });"
|
|
" return id;"
|
|
"}") cl))
|
|
)
|
|
)
|
|
)
|
|
|
|
(define/contract (webview-set-style! wv selector style-entries)
|
|
(-> wv? (or/c symbol? string?) (or/c kv? list-of-kv?) hash?)
|
|
(let ((sel (if (symbol? selector)
|
|
(format "#~a" selector)
|
|
selector))
|
|
(cl (mk-js-array (if (kv? style-entries)
|
|
(list style-entries)
|
|
style-entries)))
|
|
)
|
|
(webview-call-js wv
|
|
(with-selector sel
|
|
(format
|
|
(js-code
|
|
"function(id, el) {"
|
|
" let cl = ~a;"
|
|
" cl.forEach(function(st) {"
|
|
" el.style[st[0]] = st[1];"
|
|
" });"
|
|
" return id;"
|
|
"}") cl))
|
|
)
|
|
)
|
|
)
|
|
|
|
(define/contract (webview-unset-style! wv selector style-entries)
|
|
(-> wv? (or/c symbol? string?) (or/c symbol? list-of-symbol?) hash?)
|
|
(let ((sel (if (symbol? selector)
|
|
(format "#~a" selector)
|
|
selector))
|
|
(cl (mk-js-array (if (symbol? style-entries)
|
|
(list style-entries)
|
|
style-entries)))
|
|
)
|
|
(webview-call-js wv
|
|
(with-selector sel
|
|
(format
|
|
(js-code
|
|
"function(id, el) {"
|
|
" let cl = ~a;"
|
|
" cl.forEach(function(st) {"
|
|
" el.style[st] = '';"
|
|
" });"
|
|
" return id;"
|
|
"}") cl)
|
|
)
|
|
)
|
|
)
|
|
)
|
|
|
|
(define/contract (webview-set-attr! wv selector attr-entries)
|
|
(-> wv? (or/c symbol? string?) (or/c kv? list-of-kv?) hash?)
|
|
(let ((sel (if (symbol? selector)
|
|
(format "#~a" selector)
|
|
selector))
|
|
(cl (mk-js-array (if (kv? attr-entries)
|
|
(list attr-entries)
|
|
attr-entries)))
|
|
)
|
|
(webview-call-js wv
|
|
(with-selector sel
|
|
(format
|
|
(js-code
|
|
"function(id, el) {"
|
|
" let cl = ~a;"
|
|
" cl.forEach(function(av) {"
|
|
" el.setAttribute(av[0], av[1]);"
|
|
" });"
|
|
" return id;"
|
|
"}") cl))
|
|
)
|
|
)
|
|
)
|
|
|
|
(define/contract (webview-attr wv id attr)
|
|
(-> wv? symbol? (or/c symbol? string?) (or/c string? boolean?))
|
|
(let ((v (webview-call-js wv
|
|
(with-id id el
|
|
-> (format "el.getAttribute('~a');" attr))
|
|
)))
|
|
(if (eq? v 'null)
|
|
#f
|
|
v)
|
|
)
|
|
)
|
|
|
|
|
|
|
|
|
|
|
|
#|(define/contract (webview-set-style! wv selector style-entries)
|
|
(-> wv? (or/c symbol? string?) (or/c list? list-of-kv?) hash?)
|
|
|
|
(define (webview-set-style!* wv selector h)
|
|
(list wv selector h))
|
|
|
|
|
|
(define-syntax webview-style-entry
|
|
(syntax-rules ()
|
|
((_ h (k v))
|
|
(with-handlers ([exn:fail? (λ (e)
|
|
(hash-set! h 'k v))])
|
|
(hash-set! h k v)))
|
|
((_ h q l)
|
|
(hash-set! h (car l) (cadr l)))
|
|
((_ h l)
|
|
(hash-set! h (car l) (cadr l)))
|
|
)
|
|
)
|
|
|
|
(define-syntax webview-set-style!
|
|
(syntax-rules ()
|
|
((_ wv selector st ...)
|
|
(webview-set-style!* wv selector
|
|
(let ((h (make-hash)))
|
|
(webview-style-entry h st)
|
|
...
|
|
h))
|
|
)
|
|
)
|
|
)
|
|
|#
|
|
|
|
;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;
|
|
;; testing
|
|
;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;
|
|
|
|
(define-runtime-path example-path "../example")
|
|
|
|
(define file-getter (webview-standard-file-getter example-path))
|
|
|
|
(define (test)
|
|
(let* ((cb (λ (handle evt)
|
|
(displayln evt)))
|
|
(h (webview-create file-getter cb)))
|
|
(webview-set-title! h "This is a test window")
|
|
(webview-resize h 800 600)
|
|
(webview-move h 350 220)
|
|
;(webview-present h)
|
|
h))
|
|
|
|
|
|
; (while (not (webview-has-events? h))
|
|
; (displayln "Waiting...")
|
|
; (sleep 1))
|
|
; (let ((evt (webview-get-event h)))
|
|
; (when (string=? (hash-ref evt 'evt) "html-loaded")
|
|
; (webview-bind h "button" "click")))
|
|
; h)) |