#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-add-class! webview-remove-class! webview-set-style! webview-standard-file-getter ) ;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;; ;; 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 "" (string-append "" "\n" "" "\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?) (let ((r (rkt-webview-close (wv-handle wv)))) (kill-thread (wv-webserver-thread wv)) r) ) (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 "Error calling javascript. Message: ~a" (hash-ref (fromJson (cadr result)) 'exn result)) ) (error "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? (car v) 'oke) (let ((h (fromJson (cadr v)))) (hash-ref h 'result #f)) #f) ) ) (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 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))