;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;; ;;;; CLOG Builder - UI Design tool for CLOG ;;;; ;;;; (c) 2020-2024 David Botton ;;;; ;;;; License BSD 3 Clause ;;;; ;;;; ;;;; ;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;; (in-package :clog-tools) (defparameter *start-project* nil) (defparameter *start-dir* nil) (defparameter *client-side-movement* nil) ;; Per instance app data (defclass builder-app-data () ((copy-buf :accessor copy-buf :initform nil :documentation "Copy buffer") (copy-history-win :accessor copy-history-win :initform nil :documentation "Copy history window") (next-panel-id :accessor next-panel-id :initform 0 :documentation "Next new panel id") (current-control :accessor current-control :initform nil :documentation "Current selected control") (select-tool :accessor select-tool :initform nil :documentation "Select tool") (properties-list :accessor properties-list :initform nil :documentation "Property list in properties window") (current-project :accessor current-project :initform *start-project* :documentation "Current Project") (current-project-dir :accessor current-project-dir :initform "" :documentation "Current Project") (project-win :accessor project-win :initform nil :documentation "Project window") (right-panel :accessor right-panel :initform nil :documentation "Right panel") (left-panel :accessor left-panel :initform nil :documentation "Left panel") (control-properties-win :accessor control-properties-win :initform nil :documentation "Current control properties window") (events-list :accessor events-list :initform nil :documentation "Event list in events window") (event-editor :accessor event-editor :initform nil :documentation "Editor in events window") (events-js-list :accessor events-js-list :initform nil :documentation "JS Event list in events window") (event-js-editor :accessor event-js-editor :initform nil :documentation "JS Editor in events window") (auto-complete-configured :accessor auto-complete-configured :initform nil :documentation "Auto complete is setup once per instance") (current-editor-is-lisp :accessor current-editor-is-lisp :initform nil :documentation "Turn or off swank autocomplete") (control-events-win :accessor control-events-win :initform nil :documentation "Current control events window") (control-js-events-win :accessor control-js-events-win :initform nil :documentation "Current control events window") (control-list-win :accessor control-list-win :initform nil :documentation "Current control list window") (control-pallete-win :accessor control-pallete-win :initform nil :documentation "Current control pallete window") (control-lists :accessor control-lists :initform (make-hash-table* :test #'equalp) :documentation "Panel -> Control List - hash table"))) ;; Cross page syncing (defvar *app-sync-hash* (make-hash-table* :test #'equal) "Exchange app instance with new external pages") ;; Control-List utilities (defun init-control-list (app panel-id) "Initialize new control list for PANEL-ID on instance of APP." (setf (gethash panel-id (control-lists app)) (make-hash-table :test #'equalp))) (defun destroy-control-list (app panel-id) "Destroy the control-list on PANEL-ID" (remhash panel-id (control-lists app))) (defun get-control-list (app panel-id) "Rerieve the control-list hash table on PANEL-ID" (let ((h (gethash panel-id (control-lists app)))) (if h h (make-hash-table* :test #'equalp)))) ;; return empty hash to avoid map fails (defun add-to-control-list (app panel-id control) "Add a CONTROL on to control-list on PANEL-ID" (let ((html-id (format nil "~A" (html-id control)))) (setf (gethash html-id (get-control-list app panel-id)) control))) (defun get-from-control-list (app panel-id html-id) "Get control identified my HTML-ID from control-list on PANEL-ID" (gethash html-id (get-control-list app panel-id))) (defun remove-from-control-list (app panel-id html-id) "Remove a control identified by HTML-ID from control-list on PANEL-ID" (remhash html-id (get-control-list app panel-id))) (defun remove-deleted-from-control-list (app panel-id) "Remove any deleted control from control-list" (maphash (lambda (html-id control) (when (equalp (js-query control (format nil "$.contains(document.documentElement, ~A)" (clog::script-id control))) "false") (remove-from-control-list app panel-id html-id))) (get-control-list app panel-id))) ;; Handle per content next-id counts (defun next-id (content) "Get next id for CONTENT" (parse-integer (attribute content "data-clog-next-id") :junk-allowed t)) (defun setf-next-id (content id) "Store ID on CONTENT" (setf (attribute content "data-clog-next-id") (format nil "~A" id))) (defun incf-next-id (content) "Increment next id and store it in CONTENT" (setf-next-id content (1+ (next-id content)))) ;; Lisp code evaluation utilities (defun capture-eval (form &key (clog-obj nil) (eval-in-package "clog-user")) "Capture lisp evaluaton of FORM." (let ((result (make-array '(0) :element-type 'base-char :fill-pointer 0 :adjustable t)) (eval-result)) (with-output-to-string (stream result) (labels ((my-debugger (condition encapsulation) (declare (ignore encapsulation)) (if clog-obj (clog-web-alert (connection-body clog-obj) "Error" (format nil "~&Error: ~A" condition) :time-out 3)) (format t "~&Error: ~A" condition))) (unless (stringp form) (let ((r (make-array '(0) :element-type 'base-char :fill-pointer 0 :adjustable t))) (with-output-to-string (s r) (print form s)) (setf form r))) (let* ((*standard-output* stream) (*error-output* stream) (*debugger-hook* #'my-debugger) (*package* (find-package (string-upcase eval-in-package)))) (setf eval-result (eval (read-from-string (format nil "(progn ~A)" form)))) (values (format nil "~A~%=>~A~%" result eval-result) *package*)))))) ;; Local file utilities (defun read-file (infile &key clog-obj) "Read local file named INFILE" (handler-case (with-open-file (instream infile :direction :input :if-does-not-exist nil) (when instream (let* ((len (file-length instream)) (string (make-string len)) (pos (read-sequence string instream))) (subseq string 0 pos)))) (error (condition) (if clog-obj (alert-toast clog-obj "File Error" (format nil "Error: ~A" condition)) (format t "Error: ~A" condition))))) (defun write-file (string outfile &key clog-obj (action-if-exists :rename)) "Write local file named OUTFILE" (check-type action-if-exists (member nil :error :new-version :rename :rename-and-delete :overwrite :append :supersede)) (handler-case (with-open-file (outstream outfile :direction :output :if-exists action-if-exists) (when outstream (write-sequence string outstream))) (error (condition) (if clog-obj (alert-toast clog-obj "File Error" (format nil "Error: ~A" condition)) (format t "Error: ~A" condition))))) (defun panel-snap-shot (content panel-id hide-loc) "Take a snap shot of panel" (with-sync-event (content) (let (snap (app (connection-data-item content "builder-app-data"))) (maphash (lambda (html-id control) (declare (ignore html-id)) (place-inside-bottom-of hide-loc (get-placer control))) (get-control-list app panel-id)) (let ((data (create-child content "" :html-id (format nil "I~A" (get-universal-time))))) (place-inside-top-of content data) (setf (attribute data "data-in-package") (attribute content "data-in-package")) (setf (attribute data "data-custom-slots") (attribute content "data-custom-slots")) (setf (attribute data "data-clog-next-id") (attribute content "data-clog-next-id")) (setf (attribute data "data-clog-title") (attribute content "data-clog-name")) (setf snap (js-query content (format nil "var z=~a.clone();~ z.find('*').each(function(){~ if($(this).attr('data-clog-composite-control') == 't'){$(this).text('')}~ if($(this).attr('id') !== undefined && ~ $(this).attr('id').substring(0,5)=='CLOGB'){$(this).removeAttr('id')}});~ z.html()" (jquery content)))) (destroy data)) (maphash (lambda (html-id control) (declare (ignore html-id)) (place-after control (get-placer control))) (get-control-list app panel-id)) snap))) (defun save-panel (fname content panel-id hide-loc) "Save panel to FNAME" (write-file (panel-snap-shot content panel-id hide-loc) fname :clog-obj content)) ;; Template Utilities (defun walk-files-and-directories (path process) "Walk PATH and apply PROCESS on each (path and file)" (let* ((flist (uiop:directory-files path)) (dlist (uiop:subdirectories path))) (dolist (f flist) (funcall process path (file-namestring f))) (dolist (d dlist) (walk-files-and-directories d process)))) (defun template-copy (sys-name start-dir filename &key panel) "Copy START-DIR to FILENAME processing .lt files as cl-template files, if PANEL each copy produces a source to destination added as create-div's" (walk-files-and-directories start-dir (lambda (path file) (let* ((tmpl-ext "lt") (src-file (format nil "~A~A" path file)) (out-dir (format nil "~A/~A/~A" filename sys-name (subseq (format nil "~A" path) (length start-dir)))) (out-file (format nil "~A~A" out-dir file))) (ensure-directories-exist out-dir) (cond ((equalp (pathname-type file) tmpl-ext) (let* ((nfile (pathname-name file)) (afile (cond ((equalp (pathname-name nfile) "tmpl") (format nil "~A~A.~A" out-dir sys-name (pathname-type nfile))) ((equalp (pathname-name nfile) "tmpl-tools") (format nil "~A~A-tools.~A" out-dir sys-name (pathname-type nfile))) (t (format nil "~A~A" out-dir nfile))))) (write-file (funcall (cl-template:compile-template (read-file src-file :clog-obj panel)) (list :sys-name sys-name)) afile :clog-obj panel) (when panel (create-div panel :content (format nil "~A -> ~A" src-file afile))))) (t (uiop:copy-file src-file out-file) (when panel (create-div panel :content (format nil "~A -> ~A" src-file out-file))))))))) ;; Control utilities (defun control-info (control-type-name) "Return the control-record for CONTROL-TYPE-NAME from supported controls." (if (equal control-type-name "clog-data") `(:name "clog-data" :description "Panel Properties" :events nil :properties ((:name "panel name" :attr "data-clog-name") (:name "in-package" :attr "data-in-package") (:name "custom slots" :attr "data-custom-slots") (:name "width" :get ,(lambda (control) (width control)) :setup :read-only) (:name "height" :setup :read-only :get ,(lambda (control) (height control))))) (find-if (lambda (x) (equal (getf x :name) control-type-name)) *supported-controls*))) (defun add-supported-controls (control-records) "Add a list of control-records to builder's supported controls. If control exists it is replaced." (dolist (r control-records) (setf *supported-controls* (append (remove-if (lambda (x) (unless (equalp (getf x :name) "group") (equal (getf x :name) (getf r :name)))) *supported-controls*) (list r))))) (defun reset-control-pallete (panel) (let* ((app (connection-data-item panel "builder-app-data")) (pallete (select-tool app))) (setf (inner-html pallete) "") (dolist (control *supported-controls*) (if (equal (getf control :name) "group") (add-select-optgroup pallete (getf control :description)) (add-select-option pallete (getf control :name) (getf control :description)))))) (defun create-control (parent content control-record uid &key custom-query) "Return a new control based on CONTROL-RECORD as a child of PARENT" (let* ((create-type (getf control-record :create-type)) (control-type-name (getf control-record :name)) (control (cond ((eq create-type :base) (funcall (getf control-record :create) parent :html-id uid)) ((eq create-type :custom) (funcall (getf control-record :create) parent (getf control-record :create-content) :html-id uid)) ((eq create-type :custom-block) (let ((c (funcall (getf control-record :create) parent :content custom-query :html-id uid))) (setf (attribute c "data-original-html") custom-query) c)) ((eq create-type :custom-query) (funcall (getf control-record :create) parent custom-query :html-id uid)) ((eq create-type :paste) (let ((c (create-child parent custom-query :html-id uid))) (setf control-type-name (attribute c "data-clog-type")) (when (equalp control-type-name "undefined") (setf (attribute c "data-clog-type") "div") (setf control-type-name "div")) (let ((cr (control-info control-type-name))) (change-class c (getf cr :clog-type))) c)) ((eq create-type :element) (funcall (getf control-record :create) parent :html-id uid :content (if (equal (getf control-record :create-content) "") "" (format nil "~A-~A" (getf control-record :create-content) (next-id content))))) ((eq create-type :form) (funcall (getf control-record :create) parent (getf control-record :create-param) :html-id uid :value (if (equal (getf control-record :create-value) "") "" (format nil "~A-~A" (getf control-record :create-value) (next-id content))))) ((eq create-type :textarea) (funcall (getf control-record :create) parent :html-id uid :value (getf control-record :create-value))) (t nil)))) (when control (setf (attribute control "data-clog-type") control-type-name) (when (getf control-record :setup) (funcall (getf control-record :setup) control content control-record))) control)) (defun drop-new-control (app content data &key win) "Create new control dropped at event DATA location on CONTENT of WIN" ;; any click on panel directly will focus window (when win (window-focus win)) (let* ((control-record (control-info (value (select-tool app)))) (control-type-name (getf control-record :create-type))) (cond ((eq control-type-name :custom-query) (input-dialog win "Enter html (must have an outer element):" (lambda (custom-query) (when custom-query (do-drop-new-control app content data :win win :custom-query custom-query))) :width 500 :height 300 :rows 5 :size 40 :title "Custom HTML Control" :default-value (getf control-record :create-content))) ((eq control-type-name :custom-block) (input-dialog win "Enter html to create control:" (lambda (custom-query) (when custom-query (do-drop-new-control app content data :win win :custom-query custom-query))) :width 500 :height 300 :rows 5 :size 40 :title "Custom HTML Block" :default-value (getf control-record :create-content))) (t (do-drop-new-control app content data :win win))))) (defun do-drop-new-control (app content data &key win custom-query) "Create new control dropped at event DATA on CONTENT of WIN)" ;; create control (let* ((control-record (control-info (value (select-tool app)))) (control-type-name (getf control-record :name)) (positioning (cond ((or (getf data :ctrl-key) (getf data :meta-key)) :static) ((getf control-record :positioning) (getf control-record :positioning)) (t :absolute))) (parent (when (getf data :shift-key) (current-control app))) (control (create-control (if parent parent content) content control-record (format nil "CLOGB~A~A" (get-universal-time) (next-id content)) :custom-query custom-query))) (cond (control ;; panel directly clicked with a control type selected ;; setup control (setf (attribute control "data-clog-name") (format nil "~A-~A" control-type-name (next-id content))) (setf (value (select-tool app)) "") (setf (box-sizing control) :content-box) (setf (positioning control) positioning) (set-geometry control :left (getf data :x) :top (getf data :y)) (when (equalp (attribute control "data-clog-composite-control") "undefined") (add-sub-controls control content :win win)) (setup-control content control :win win) (select-control control) (on-populate-control-list-win content :win win) (jquery-execute (get-placer content) "trigger('clog-builder-snap-shot')") t) (t ;; panel directly clicked with select tool or no control type to add (deselect-current-control app) (on-populate-control-properties-win content :win win) (on-populate-control-list-win content :win win) nil)))) (defun setup-control (content control &key win) "Setup CONTROL by creating pacer and setting up events for manipulation" (let ((app (connection-data-item content "builder-app-data")) (panel-id (html-id content)) (touch-x 0) (touch-y 0) (placer (create-div control :auto-place nil :class "placer" :html-id (format nil "p-~A" (html-id control))))) (add-to-control-list app panel-id control) (setf (attribute placer "data-panel-id") panel-id) ;; setup placer (set-geometry placer :top (position-top control) :left (position-left control) :width (client-width control) :height (client-height control)) (place-after control placer) (setf (box-sizing placer) :content-box) (setf (positioning placer) :absolute) (jquery-execute placer (format nil "draggable({snap:'.placer',snapMode:'inner',cursor:'crosshair'})~ .resizable({alsoResize:'#~A',autoHide:true})" (html-id control))) ;; setup placer events (setf (tab-index placer) "-1") ; must have a tab-index to accept keyboard input (focus placer) (set-on-key-down placer (lambda (obj data) (declare (ignore obj)) (let ((key (getf data :key)) (ctrl (getf data :ctrl-key)) (meta (getf data :meta-key)) (shift (getf data :shift-key))) (cond ((equal key "ArrowUp") (if shift (set-geometry control :height (1- (height control))) (set-geometry control :top (1- (position-top control))))) ((equal key "ArrowDown") (if shift (set-geometry control :height (+ (height control) 2)) (set-geometry control :top (+ (position-top control) 2)))) ((equal key "ArrowRight") (if shift (set-geometry control :width (+ (width control) 2)) (set-geometry control :left (+ (position-left control) 2)))) ((equal key "ArrowLeft") (if shift (set-geometry control :width (1- (width control))) (set-geometry control :left (1- (position-left control))))) ((and (equal key "c") (or meta ctrl)) (blur placer)) ((and (equal key "v") (or meta ctrl)) (blur placer)) ((and (equal key "x") (or meta ctrl)) (blur placer))) (set-geometry placer :top (position-top control) :left (position-left control) :width (client-width control) :height (client-height control)) (jquery-execute placer "trigger('clog-builder-snap-shot')") (set-properties-after-geomentry-change control)))) (set-on-touch-start placer (lambda (obj data) (declare (ignore obj)) (setf touch-x (getf data :X)) (setf touch-y (getf data :Y)))) (set-on-touch-move placer (lambda (obj data) (declare (ignore obj)) (set-geometry control :top (+ (position-top control) (- (getf data :y) touch-y)) :left (+ (position-left control) (- (getf data :x) touch-x))) (setf touch-x (getf data :X)) (setf touch-y (getf data :Y)))) (set-on-touch-end placer (lambda (obj data) (declare (ignore obj data)) (set-geometry placer :units "" :top (top control) :left (left control)) (select-control control) (jquery-execute placer "trigger('clog-builder-snap-shot')") (set-properties-after-geomentry-change control))) (set-on-mouse-up placer (lambda (obj data) (declare (ignore obj data)) (set-geometry control :units "" :top (top placer) :left (left placer)) (set-geometry placer :units "" :top (top control) :left (left control)) (select-control control) (jquery-execute placer "trigger('clog-builder-snap-shot')") (set-properties-after-geomentry-change control))) (set-on-mouse-down placer (lambda (obj data) (declare (ignore obj)) (let ((last (current-control app)) (shift (getf data :shift-key))) (if (not (equal (value (select-tool app)) "")) (when (do-drop-new-control app content data :win win) (incf-next-id content))) (cond ((and last shift) (let* ((control1 last) (control2 control) (placer1 (get-placer control1)) (placer2 (get-placer control2))) (place-inside-bottom-of control1 control2) (place-after control2 placer2) (place-after control2 placer2) (set-geometry placer1 :top (position-top control1) :left (position-left control1) :width (client-width control1) :height (client-height control1)) (set-geometry placer2 :top (position-top control2) :left (position-left control2) :width (client-width control2) :height (client-height control2))) (select-control control) (on-populate-control-properties-win content :win win) (on-populate-control-list-win content :win win)) (t (select-control control))) (when win (window-focus win)))) :cancel-event t) (set-on-mouse-double-click placer (lambda (obj data) (declare (ignore obj data)) (setf (hiddenp placer) t) (on-populate-control-list-win content :win win))) (set-on-event placer "resize" (lambda (obj) (set-properties-after-geomentry-change obj))) (set-on-event placer "resizestop" (lambda (obj) (set-properties-after-geomentry-change obj) (jquery-execute placer "trigger('clog-builder-snap-shot')")) :cancel-event t) (set-on-event placer "drag" (lambda (obj) (declare (ignore obj)) (set-geometry control :units "" :top (top placer) :left (left placer)) (set-properties-after-geomentry-change control))))) (defun set-property-display (control property value) "Set property in the currently displayed property panel" (js-execute control (format nil "$('.clog-prop-~A').text('~A')" property value))) (defun set-properties-after-geomentry-change (control) "Set properties window geometry setting" (set-property-display control "top" (top control)) (set-property-display control "left" (left control)) (set-property-display control "right" (right control)) (set-property-display control "bottom" (bottom control)) (set-property-display control "width" (client-width control)) (set-property-display control "height" (client-height control))) ;; Control selection utilities (defun get-placer (control) "Get placer for CONTROL. A placer is a div placed on top of CONTROL and prevents access to use or activate the control directy and allows manipulation of the control's location and size." (when control (attach-as-child control (format nil "p-~A" (html-id control))))) (defun deselect-current-control (app) "Remove selection on current control and remove visual ques on its placer." (when (current-control app) (set-border (get-placer (current-control app)) (unit "px" 0) :none :blue) (setf (current-control app) nil))) (defun delete-current-control (app panel-id html-id) "Delete the current control" (remove-from-control-list app panel-id html-id) (destroy (get-placer (current-control app))) (destroy (current-control app)) (setf (current-control app) nil) (remove-deleted-from-control-list app panel-id)) (defun select-control (control) "Select CONTROL as the current control and highlight its placer. The actual original clog object used for creation must be used and not a temporarily attached one when using select-control." (let ((app (connection-data-item control "builder-app-data")) (placer (get-placer control))) (unless (eq control (current-control app)) (deselect-current-control app) (set-geometry placer :top (position-top control) :left (position-left control) :width (client-width control) :height (client-height control)) (setf (current-control app) control) (set-border placer (unit "px" 2) :solid :blue) (on-populate-control-properties-win control)))) (defun add-sub-controls (parent content &key win paste) "Setup html imported in to CONTENT starting with PARENT for use with Builder" (let ((panel-uid (get-universal-time))) ;; Assign any elements with no id, an id, name and type (let ((tmp (format nil "var clog_id=~A; var clog_nid=1;~ $(~A).find('*').each(function() {var e=$(this);~ var t=e.prop('tagName').toLowerCase(); var p=e.attr('data-clog-type');~ if((e.attr('id') === undefined) && (e.attr('data-clog-name') === undefined))~ {e.attr('id','CLOGB'+clog_id++);~ e.attr('data-clog-name','none-'+t+'-'+clog_nid++)}~ if(e.attr('id') === undefined){e.attr('id','CLOGB'+clog_id++)}~ if(e.attr('data-clog-name') === undefined){e.attr('data-clog-name',e.attr('id'))}~ ~A ~ ~{~A~}~ if(e.attr('data-clog-type') === undefined){e.attr('data-clog-type','span')}})" (1+ panel-uid) (jquery parent) (if paste (prog1 (format nil "e.attr('data-clog-name', e.attr('data-clog-name')+'-'+~A);" (next-id content)) (incf-next-id content)) "") (mapcar (lambda (l) (format nil "if(p === undefined && t=='~A'){e.attr('data-clog-type','~A')}" (getf l :tag) (getf l :control))) *import-types*)))) (js-execute parent tmp)) (unless paste (let* ((data (first-child content)) (name (attribute data "data-clog-title")) (next-id (attribute data "data-clog-next-id")) (slots (attribute data "data-custom-slots")) (package (attribute data "data-in-package"))) (unless (equalp next-id "undefined") (setf-next-id content next-id)) (unless (equalp package "undefined") (setf (attribute content "data-in-package") package)) (unless (equalp slots "undefined") (setf (attribute content "data-custom-slots") slots)) (unless (equalp name "undefined") (setf (attribute content "data-clog-name") name) (destroy data)))) (labels ((add-siblings (control) (let (dct) (loop (when (equal (html-id control) "undefined") (return)) (setf dct (attribute control "data-clog-type")) (unless (equal dct "undefined") (change-class control (getf (control-info dct) :clog-type)) (when (getf (control-info dct) :on-load) (funcall (getf (control-info dct) :on-load) control (control-info dct))) (setup-control content control :win win) (unless (equal dct "block") (add-siblings (first-child control)))) (setf control (next-sibling control)))))) (add-siblings (first-child parent))))) ;; Code rendering utlities (defun render-clog-code (content hide-loc) "Render panel to clog code and add tp CW window" (let* ((app (connection-data-item content "builder-app-data")) (panel-id (html-id content)) (package (attribute content "data-in-package")) (slots (attribute content "data-custom-slots")) (cname (attribute content "data-clog-name")) cmembers vars creates events) (unless (or (equal slots "") (equal slots "undefined")) (push slots cmembers)) (maphash (lambda (html-id control) (declare (ignore html-id)) (place-inside-bottom-of hide-loc (get-placer control))) (get-control-list app panel-id)) ;; crawl tree ;; Insure that on-setup/on-create follow order in tree (labels ((add-siblings (control) (let (dct) (loop (unless control (return)) (when (equal (html-id control) "undefined") (return)) (setf dct (attribute control "data-clog-name")) (unless (equal dct "undefined") (setf control (get-from-control-list app panel-id (html-id control))) (when control (let ((vname (attribute control "data-clog-name")) (control-record (control-info (attribute control "data-clog-type")))) (unless (and (>= (length vname) 5) (equalp (subseq vname 0 5) "none-")) ;; Add to members of the panel's class for each control (push (format nil " \(~A :reader ~A\)~%" vname vname) cmembers) ;; On instance of class, set member value for each control (push (format nil " \(setf (slot-value panel '~A\) ~ \(attach-as-child clog-obj \"~A\" :clog-type \'~A\ :new-id t)\)~%" vname (html-id control) (format nil "~S" (getf control-record :clog-type))) vars) ;; On instance of class, set handers defined for each control (dolist (event (getf control-record :events)) ;; Set regular handlers (let ((handler (attribute control (format nil "data-~A" (getf event :name))))) (unless (or (equalp handler "undefined") (equal handler "")) (unless (equalp (getf event :name) "on-create") (let ((event-package (or (getf event :package) "clog"))) (push (format nil " \(~A:set-~A \(~A panel\) \(lambda \(~A\) \(declare \(ignorable ~A\)\) ~A\)\)~%" event-package (getf event :name) vname (getf event :parameters) (getf event :parameters) handler) events)))))) ;; Set on-create (from user in builder) and on-setup (from control-record) (let ((handler (attribute control "data-on-create"))) (when (equalp handler "undefined") (setf handler "")) (when (getf control-record :on-setup) (setf handler (format nil "~A~A" (funcall (getf control-record :on-setup) control control-record) handler))) (unless (equal handler "") (push (format nil " \(let \(\(target \(~A panel\)\)\) ~ \(declare \(ignorable target\)\) ~ ~A\)~%" vname handler) creates))))) (add-siblings (first-child control)))) (when control (setf control (next-sibling control))))))) (add-siblings (first-child content))) (let ((result (format nil "\(in-package :~A) \(defclass ~A \(clog:clog-panel\) \(~{~A~}\)\) \(defun create-~A \(clog-obj &key \(hidden nil\) \(class nil\) \(html-id nil\) \(auto-place t\)\) \(let \(\(panel \(change-class \(clog:create-div clog-obj :content \"~A\" :hidden hidden :class class :html-id html-id :auto-place auto-place\) \'~A\)\)\) ~{~A~}~{~A~}~{~A~} panel\)\)~%" (string-downcase package) cname ;;defclass cmembers cname ;;defun (ppcre:regex-replace-all "\"" (js-query content (format nil "var z=~a.clone();~ z.find('*').each(function(){~ var m=$(this).attr('data-clog-name'); if($(this).attr('data-clog-composite-control') == 't'){$(this).text('')}~ if($(this).attr('data-clog-composite-control') == 'b'){$(this).html($(this).attr('data-original-html'))}~ for(n in $(this).get(0).dataset){delete $(this).get(0).dataset[n]}~ if(m){$(this).attr('data-clog-name', m);}~ });~ z.html()" (jquery content))) "\\\"") cname vars (reverse creates) ; Insure that on-setup/on-create follow order in tree (reverse events)))) (maphash (lambda (html-id control) (declare (ignore html-id)) (place-after control (get-placer control))) (get-control-list app panel-id)) ;; prety print the code (let ((r (make-array '(0) :element-type 'base-char :fill-pointer 0 :adjustable t))) (with-output-to-string (s r) (with-input-from-string (n result) (let ((*standard-output* s) (*print-case* :downcase)) (format t ";;;; CLOG Builder generated code - modify original .clog file and rerender") (loop (let ((l (read n nil))) (unless l (return)) (pprint l)))))) r)))) ;; Population of utility windows (defun on-populate-control-events-win (obj) "Populate the control events for the current control" (let* ((app (connection-data-item obj "builder-app-data")) (event-win (control-events-win app)) (elist (events-list app)) (control (current-control app))) (when event-win (set-on-blur (event-editor app) nil) (set-on-change elist nil) (setf (inner-html elist) "") (remove-attribute elist "data-current-event") (setf (text-value (event-editor app)) "") (setf (clog-ace:read-only-p (event-editor app)) t) (when control (let ((info (control-info (attribute control "data-clog-type")))) (labels ((populate-options (&key (current "")) (set-on-change elist nil) (setf (inner-html elist) "") (add-select-option elist "" "Select Event") (dolist (event (getf info :events)) (let ((attr (format nil "data-~A" (getf event :name)))) (add-select-option elist (getf event :name) (format nil "~A ~A (panel ~A)" (if (has-attribute control attr) "■‎ " "□ ") (getf event :name) (getf event :parameters)) :selected (equal attr current)))) (set-on-change elist #'on-change)) (on-blur (obj) (declare (ignore obj)) (set-on-blur (event-editor app) nil) (let ((attr (attribute elist "data-current-event"))) (unless (equalp attr "undefined") (let ((opt (select-text elist)) (txt (text-value (event-editor app)))) (setf (char opt 0) #\space) (setf opt (string-left-trim "#\space" opt)) (cond ((or (equal txt "") (equalp txt "undefined")) (setf (select-text elist) (format nil "~A ~A" (code-char 9633) opt)) (remove-attribute control attr)) (t (setf (select-text elist) (format nil "~A ~A" (code-char 9632) opt)) (setf (attribute control attr) (text-value (event-editor app)))))) (jquery-execute (get-placer control) "trigger('clog-builder-snap-shot')"))) (set-on-blur (event-editor app) #'on-blur)) (on-change (obj) (declare (ignore obj)) (set-on-blur (event-editor app) nil) (let ((event (select-value elist "clog-events"))) (cond ((equal event "") (set-on-blur (event-editor app) nil) (remove-attribute elist "data-current-event") (setf (text-value (event-editor app)) "") (setf (clog-ace:read-only-p (event-editor app)) t)) (t (setf (clog-ace:read-only-p (event-editor app)) nil) (let* ((attr (format nil "data-~A" event)) (txt (attribute control attr))) (setf (text-value (event-editor app)) (if (equalp txt "undefined") "" txt)) (setf (attribute elist "data-current-event") attr) (set-on-blur (event-editor app) #'on-blur))))))) (populate-options)))))) (on-populate-control-js-events-win obj)) (defun on-populate-control-js-events-win (obj) "Populate the control js events for the current control" (let* ((app (connection-data-item obj "builder-app-data")) (event-win (control-js-events-win app)) (elist (events-js-list app)) (control (current-control app))) (when event-win (set-on-blur (event-js-editor app) nil) (set-on-change elist nil) (setf (inner-html elist) "") (remove-attribute elist "data-current-js-event") (setf (text-value (event-js-editor app)) "") (setf (clog-ace:read-only-p (event-js-editor app)) t) (when control (let ((info (control-info (attribute control "data-clog-type")))) (labels ((populate-options (&key (current "")) (set-on-change elist nil) (setf (inner-html elist) "") (add-select-option elist "" "Select JS Event") (dolist (event (getf info :events)) (when (getf event :js-event) (let ((attr (format nil "~A" (getf event :js-event)))) (add-select-option elist (getf event :js-event) (format nil "~A ~A" (if (has-attribute control attr) "■‎ " "□ ") (getf event :js-event)) :selected (equal attr current))))) (set-on-change elist #'on-change)) (on-blur (obj) (declare (ignore obj)) (set-on-blur (event-js-editor app) nil) (let ((attr (attribute elist "data-current-js-event"))) (unless (equalp attr "undefined") (let ((opt (select-text elist)) (txt (text-value (event-js-editor app)))) (setf (char opt 0) #\space) (setf opt (string-left-trim "#\space" opt)) (cond ((or (equal txt "") (equalp txt "undefined")) (setf (select-text elist) (format nil "~A ~A" (code-char 9633) opt)) (remove-attribute control attr)) (t (setf (select-text elist) (format nil "~A ~A" (code-char 9632) opt)) (setf (attribute control attr) (text-value (event-js-editor app)))))) (jquery-execute (get-placer control) "trigger('clog-builder-snap-shot')"))) (set-on-blur (event-js-editor app) #'on-blur)) (on-change (obj) (declare (ignore obj)) (set-on-blur (event-js-editor app) nil) (let ((event (select-value elist "clog-js-events"))) (cond ((equal event "") (set-on-blur (event-js-editor app) nil) (remove-attribute elist "data-current-js-event") (setf (text-value (event-js-editor app)) "") (setf (clog-ace:read-only-p (event-js-editor app)) t)) (t (setf (clog-ace:read-only-p (event-js-editor app)) nil) (let* ((attr (format nil "~A" event)) (txt (attribute control attr))) (setf (text-value (event-js-editor app)) (if (equalp txt "undefined") "" txt)) (setf (attribute elist "data-current-js-event") attr) (set-on-blur (event-js-editor app) #'on-blur))))))) (populate-options))))))) (defun on-populate-control-properties-win (obj &key win) "Populate the control properties for the current control" ;; obj if current-control is nil must be content (with-sync-event (obj) (bordeaux-threads:make-thread (lambda () (on-populate-control-events-win obj))) (let ((app (connection-data-item obj "builder-app-data"))) (let* ((prop-win (control-properties-win app)) (control (if (current-control app) (current-control app) obj)) (placer (when control (get-placer control))) (table (properties-list app))) (when prop-win (setf (inner-html table) "") (let ((info (control-info (attribute control "data-clog-type"))) props) (dolist (prop (reverse (getf info :properties))) (cond ((eq (third prop) :style) (push `(,(getf prop :name) ,(style control (getf prop :style)) ,(getf prop :setup) ,(lambda (obj) (setf (style control (getf prop :style)) (text obj)))) props)) ((or (eq (third prop) :get) (eq (third prop) :set) (eq (third prop) :setup)) (push `(,(getf prop :name) ,(when (getf prop :get) (funcall (getf prop :get) control)) ,(getf prop :setup) ,(lambda (obj) (when (getf prop :set) (funcall (getf prop :set) control obj)))) props)) ((eq (third prop) :prop) (push `(,(getf prop :name) ,(property control (getf prop :prop)) ,(getf prop :setup) ,(lambda (obj) (setf (property control (getf prop :prop)) (text obj)))) props)) ((eq (third prop) :attr) (push `(,(getf prop :name) ,(attribute control (getf prop :attr)) ,(getf prop :setup) ,(lambda (obj) (setf (attribute control (getf prop :attr)) (text obj)))) props)) (t (print "Configuration error.")))) (when (current-control app) (let* (panel-controls (cname (attribute control "data-clog-name")) (panel-id (attribute placer "data-panel-id")) (panel (attach-as-child obj panel-id))) (maphash (lambda (k v) (declare (ignore k)) (let ((n (attribute v "data-clog-name")) (p (attribute (parent-element v) "data-clog-name"))) (unless (or (equal cname n) (equal cname p)) (push n panel-controls)))) (get-control-list app panel-id)) (push (attribute panel "data-clog-name") panel-controls) (push `("parent" nil ,(lambda (control td1 td2) (declare (ignore td1)) (let ((dd (create-select td2)) (v (attribute (parent-element control) "data-clog-name"))) (set-geometry dd :width "100%") (add-select-options dd panel-controls) (setf (value dd) v) (set-on-change dd (lambda (obj) (place-inside-bottom-of (attach-as-child control (js-query control (format nil "$(\"[data-clog-name='~A']\").attr('id')" (value obj)))) control) (place-after control placer) (on-populate-control-list-win panel :win win)))) nil) nil) props) (push `("name" ,cname nil ,(lambda (obj) (let ((vname (text obj))) (unless (equal vname "") (when (equal (subseq vname 0 1) "(") (setf vname (format nil "|~A|" vname))) (setf (attribute control "data-clog-name") vname) (when (equal (getf info :name) "clog-data") (when win (setf (window-title win) vname))))))) props))) (dolist (item props) (let* ((tr (create-table-row table)) (td1 (create-table-column tr :content (first item))) (td2 (if (second item) (create-table-column tr :content (second item)) (create-table-column tr)))) (setf (width td1) "30%") (setf (width td2) "70%") (setf (spellcheckp td2) nil) (set-border td1 "1px" :dotted :black) (cond ((third item) (unless (eq (third item) :read-only) (setf (editablep td2) (funcall (third item) control td1 td2)))) (t (setf (editablep td2) t))) (set-on-blur td2 (lambda (obj) (funcall (fourth item) obj) (when placer (jquery-execute placer "trigger('clog-builder-snap-shot')") (set-geometry placer :top (position-top control) :left (position-left control) :width (client-width control) :height (client-height control))))))))))))) (defun on-populate-loaded-window (content &key win) "Setup html imported in to CONTENT for use with Builder" (with-sync-event (content) (add-sub-controls content content :win win))) (defun on-populate-control-list-win (content &key win) "Populate the control-list-window to allow drag and drop adjust of order of controls and double click to select control." (with-sync-event (content) (let ((app (connection-data-item content "builder-app-data"))) (let ((panel-id (html-id content)) (last-ctl nil)) (when (control-list-win app) (let ((lwin (control-list-win app))) (setf (inner-html lwin) "") (set-on-mouse-click (create-div lwin :content (attribute content "data-clog-name")) (lambda (obj data) (declare (ignore obj data)) (deselect-current-control app) (on-populate-control-properties-win content :win win) (on-populate-control-list-win content :win win))) (labels ((add-siblings (control sim) (let (dln dcc) (loop (when (equal (html-id control) "undefined") (return)) (setf dcc (attribute control "data-clog-composite-control")) (setf dln (attribute control "data-clog-name")) (unless (equal dln "undefined") (let ((list-item (create-div lwin :content (format nil "↕ ~A~A" sim dln))) (status (hiddenp (get-placer control)))) (if status (setf (color list-item) :darkred) (setf (background-color list-item) :grey)) (setf (draggablep list-item) t) (setf (attribute list-item "data-clog-control") (html-id control)) ;; click to select item (set-on-mouse-down list-item (lambda (obj data) (let* ((html-id (attribute obj "data-clog-control")) (control (get-from-control-list app panel-id html-id))) (cond ((or (getf data :shift-key) (getf data :ctrl-key) (getf data :meta-key)) (when (drop-new-control app content data) (incf-next-id content))) (t (when last-ctl (set-border last-ctl "0px" :dotted :blue)) (set-border list-item "2px" :dotted :blue) (setf last-ctl list-item) (select-control control)))))) (set-on-double-click list-item (lambda (obj) (let* ((html-id (attribute obj "data-clog-control")) (control (get-from-control-list app panel-id html-id)) (placer (get-placer control)) (state (hiddenp placer))) (setf (hiddenp placer) (not state)) (select-control control) (on-populate-control-list-win content :win win)))) ;; drag and drop to change (set-on-drag-over list-item (lambda (obj)(declare (ignore obj))())) (set-on-drop list-item (lambda (obj data) (let* ((id (attribute obj "data-clog-control")) (control1 (get-from-control-list app panel-id id)) (control2 (get-from-control-list app panel-id (getf data :drag-data))) (placer1 (get-placer control1)) (placer2 (get-placer control2))) (if (getf data :shift-key) (place-inside-bottom-of control1 control2) (place-before control1 control2)) (place-after control2 placer2) (set-geometry placer1 :top (position-top control1) :left (position-left control1) :width (client-width control1) :height (client-height control1)) (set-geometry placer2 :top (position-top control2) :left (position-left control2) :width (client-width control2) :height (client-height control2)) (on-populate-control-properties-win content :win win) (on-populate-control-list-win content :win win)))) (set-on-drag-start list-item (lambda (obj)(declare (ignore obj))()) :drag-data (html-id control)) (when (equal dcc "undefined") ; when t is not a composite control (add-siblings (first-child control) (format nil "~A→" sim))))) (setf control (next-sibling control)))))) (add-siblings (first-child content) "")))))))) ;; Editor Utilities (defun setup-lisp-ace (editor status &key (package "CLOG-USER")) (let ((app (connection-data-item editor "builder-app-data"))) ;; currently there is only one auto complete event for page (unless (auto-complete-configured app) (clog-ace:set-on-auto-complete editor (lambda (obj prefix) (declare (ignore obj)) (when (current-editor-is-lisp app) ;; we needed to modify Ace's lisp mode to treat : as part of symbol ;; otherwise lookups do not consider the symbols package. I did ;; using code mathod but then the automatic replace is only on the symbol (let* ((p (when (current-control app) (attribute (get-placer (current-control app)) "data-panel-id"))) (s (if (eq (current-editor-is-lisp app) t) (if (current-control app) (string-upcase (attribute (attach-as-child (current-control app) p) "data-in-package")) "CLOG-USER") (current-editor-is-lisp app))) (l (car (swank:simple-completions prefix s)))) (when (current-control app) (let ((n (get-control-list app p))) (when n (maphash (lambda (k v) (declare (ignore k)) (let ((name (attribute v "data-clog-name"))) (push `(:caption ,name :value ,(format nil "(~A panel)" name) :meta "control") l))) n) (push '(:caption "target" :value "target" :meta "builder") l) (push '(:caption "panel" :value "panel" :meta "builder") l)))) l))) :meta "swank")) ;; run apropos on symbol (js-execute editor (format nil "~A.commands.addCommand({ name: 'find-definition', bindKey: {win: 'Alt-.', mac: 'Command-.'}, exec: function(editor) { var row = editor.selection.getCursor().row; var column = editor.selection.getCursor().column; var c; while (column > 0) { c=editor.session.getTextRange(new ace.Range(row, column-1, row, column)); if (c=='(' || c==' ') { break; } column--; } var s=column; while (column < 200) { c=editor.session.getTextRange(new ace.Range(row, column, row, column+1)); if (c==')' || c==' ') { break; } column++; } c = editor.session.getTextRange(new ace.Range(row, s, row, column)); ~A.trigger('clog-find', c); }, readOnly: true, });" (clog-ace::js-ace editor) (jquery editor))) (set-on-event-with-data editor "clog-find" (lambda (obj data) (declare (ignore obj)) (when (current-editor-is-lisp app) (on-new-sys-browser editor :search data)))) ;; setup save key (js-execute editor (format nil "~A.commands.addCommand({ name: 'save-ace', bindKey: {win: 'Ctrl-s', mac: 'Command-s'}, exec: function(editor) { ~A.trigger('clog-save-ace'); }, readOnly: true, });" (clog-ace::js-ace editor) (jquery editor))) ;; eval form (js-execute editor (format nil "~A.commands.addCommand({ name: 'eval-form', bindKey: {win: 'Alt-[', mac: 'Command-['}, exec: function(editor) { var position = editor.session.doc.positionToIndex (editor.selection.getCursor(), 0); ~A.trigger('clog-eval-form', position); }, readOnly: true, });" (clog-ace::js-ace editor) (jquery editor))) (set-on-event-with-data editor "clog-eval-form" (lambda (obj data) (declare (ignore obj)) (let ((p (parse-integer data :junk-allowed t)) (tv (text-value editor)) (pk "CLOG-USER") (lf nil) (cp 0)) (loop (setf (values lf cp) (read-from-string tv nil nil :start cp)) (unless lf (return nil)) (when (eq (car lf) 'in-package) (setf pk (second lf))) (when (> cp p) (return lf))) (when lf (let ((result (capture-eval lf :clog-obj (connection-body editor) :eval-in-package (format nil "~A" pk)))) (clog-web-alert (connection-body editor) "Result" (format nil "~&result: ~A" result) :color-class "w3-green" :time-out 3)))))) ;; macroexpand (js-execute editor (format nil "~A.commands.addCommand({ name: 'macroexp', bindKey: {win: 'Alt-m', mac: 'Option-m'}, exec: function(editor) { var position = editor.session.doc.positionToIndex (editor.selection.getCursor(), 0); ~A.trigger('clog-macroexp', position); }, readOnly: true, });" (clog-ace::js-ace editor) (jquery editor))) (set-on-event-with-data editor "clog-macroexp" (lambda (obj data) (let ((p (parse-integer data :junk-allowed t)) (tv (text-value editor)) (lf nil) (cp 0)) (loop (setf (values lf cp) (read-from-string tv nil nil :start cp)) (unless lf (return nil)) (when (> cp p) (return lf))) (let ((result (handler-case (prin1-to-string (macroexpand lf)) (error (condition) (format nil "Error: ~A" condition))))) (on-open-file obj :title-class "w3-blue" :title "macroexpand result" :text result))))) ;; expand-region (js-execute editor (format nil "~A.commands.addCommand({ name: 'expand-region', bindKey: {win: 'Ctrl-=', mac: 'Control-='}, exec: function(editor) { var currentRange = editor.selection.getAllRanges()[0]; var start = editor.session.doc.positionToIndex(currentRange.start); var end = editor.session.doc.positionToIndex(currentRange.end); var positions = '(' + start + ' ' + end + ')' ~A.trigger('clog-expand-region', positions); }, readOnly: true, });" (clog-ace::js-ace editor) (jquery editor))) (set-on-event-with-data editor "clog-expand-region" (lambda (obj data) (declare (ignore obj)) (let* ((positions (read-from-string data)) (new-region (judge-expand-region (text-value editor) (car positions) (cadr positions)))) (js-execute editor (format nil "var startIndex = ~A; var endIndex = ~A; var startRange = ~A.session.doc.indexToPosition(startIndex); var endRange = ~:*~A.session.doc.indexToPosition(endIndex); ~:*~A.selection.setRange(new ace.Range(startRange.row, startRange.column, endRange.row, endRange.column));" (car new-region) (cdr new-region) (clog-ace::js-ace editor)))))) (set-on-change editor (lambda (obj) (let ((s (js-query obj (format nil "var row = ~A.selection.getCursor().row; ~ var column = ~A.selection.getCursor().column; ~ var o = column; var c; var charRange; var b=0; ~ while (column > 0) { column--; charRange = new ace.Range(row, column-1, row, column); ~ c = ~A.session.getTextRange(charRange); ~ if (c==')') { b++ } ~ if (c=='(' && b==0) { ~ charRange = new ace.Range(row, column, row, o); column=0;~ c = ~A.session.getTextRange(charRange);} ~ if (c=='(' && b > 0) { b-- } }~ c" (clog-ace::js-ace obj) (clog-ace::js-ace obj) (clog-ace::js-ace obj) (clog-ace::js-ace obj))))) (unless (equal s "") (with-input-from-string (i s) (ignore-errors (let* ((pac (if (or (eq (current-editor-is-lisp app) t) (eq (current-editor-is-lisp app) nil)) "CLOG-USER" (string-upcase (current-editor-is-lisp app)))) (m (read i)) (*PACKAGE* (find-package pac)) (SWANK::*buffer-package* (find-package pac)) (SWANK::*buffer-readtable* *readtable*) (ms (format nil "~A" m)) r) (ignore-errors (setf r (swank::autodoc `(,ms swank::%CURSOR-MARKER%)))) (if r (setf r (car r)) (setf r (swank:operator-arglist ms package))) (setf (advisory-title status) (documentation (find-symbol ms) 'function)) (when r (setf (text status) (string-downcase r)))))))))) (clog-ace:set-auto-completion editor t) (setf (clog-ace:theme editor) *editor-theme*) (setf (clog-ace:mode editor) *editor-mode*) (setf (clog-ace:tab-size editor) *editor-tab-size*) (js-execute editor (format nil "~A.setKeyboardHandler('~A')" (clog-ace::js-ace editor) *editor-keybinding*)) (js-execute editor (format nil "~A.setOptions({~A})" (clog-ace::js-ace editor) *editor-renderer-options*)))) (defun get-package-from-string (c) "Determine the currect package based on src contained in string C" (with-input-from-string (ins c) (loop (let ((form (read ins nil))) (unless form (return "clog-user")) (unless (consp form) (return "clog-user")) (when (eq (car form) 'in-package) (return (string-downcase (second form)))))))) ;; Expand region (defun scan-exps (text) "Scan all expressions (and strings) in the text, return a list of start-end cons. It parse the string TEXT without using READ functions." (let ((char-count 0) (backslash 0) exps in-dquotes-p left-dquote left-braces left-brackets) (loop for c across text do (if (= backslash 0) ;current char isn't after a backslash (if (eql c #\\) (incf backslash) ;if it is a backslash, mark for the next word (if (eql c #\") ;if it is double quote, (if in-dquotes-p ;end the last string or start a new string (progn (setf in-dquotes-p nil) (push (cons left-dquote (1+ char-count)) exps)) (setf in-dquotes-p t left-dquote char-count)) (if (not in-dquotes-p) ;if it isn't double quote, (case c ;check if it's braces (#\( (push char-count left-braces)) ;mark a new pair (#\) (if left-braces ;end a pair (push (cons (pop left-braces) (1+ char-count)) exps))) (#\[ (push char-count left-brackets)) (#\] (if left-brackets (push (cons (pop left-brackets) (1+ char-count)) exps))))))) (decf backslash)) (incf char-count)) exps)) (defun judge-expand-region (text start end) "Judge the next wider region to expand to." (declare (string text) (number start) (number end)) (let ((selected (subseq text start end))) (or (let ((word-range ;expand to current word (ignore-errors (let* ((edge-scanner (ppcre:create-scanner "[^\\w]"))) (if (not (ppcre:scan edge-scanner selected)) ;there isn't word edge in selected (cons (- start ;search for previous word edge (or (car (ppcre:all-matches edge-scanner (reverse (subseq text 0 start)))) start)) ;if nothing, mark from beginning to end. (+ end ;search for next word edge (or (car (ppcre:all-matches edge-scanner (subseq text end))) (- (length text) end))))))))) (if (not (equal word-range (cons start end))) word-range)) ;return if it isn't same with selected (let ((symbol-range ;expand to current symbol ;; just like expand to word, but search for blanks, braces and double quote. (ignore-errors (let* ((edge-scanner (ppcre:create-scanner "[\\s\\(\\)\\[\\]\"]"))) (if (not (ppcre:scan edge-scanner selected)) (cons (- start (or (car (ppcre:all-matches edge-scanner (reverse (subseq text 0 start)))) start)) (+ end (or (car (ppcre:all-matches edge-scanner (subseq text end))) (- (length text) end))))))))) (if (not (equal symbol-range (cons start end))) symbol-range)) (alexandria:if-let ;expand to curren expression/string ((sexp (ignore-errors (car (sort (delete nil (mapcar ;find wider expressions contained selected #'(lambda (pair) (if (or (and (< (car pair) start) (> (cdr pair) end)) (and (= (car pair) start) (> (cdr pair) end)) (and (< (car pair) start) (= (cdr pair) end))) pair)) (scan-exps text))) #'(lambda (obj1 obj2) ;sort it to find the smallest (> (car obj1) (car obj2)))))))) (if (or (= (car sexp) start) ;judge "inner" or "outer" to select (= (cdr sexp) end) (and (= (1+ (car sexp)) start) (= (1- (cdr sexp)) end))) sexp (cons (1+ (car sexp)) (1- (cdr sexp)))) (cons start end))))) ;if no expressions, select all ;; Menu handlers (defun do-eval (obj form-string cname &key (package "clog-user") custom-boot) "Render, evalute and run code for panel" (let* ((result (capture-eval (format nil "~A~% (clog:set-on-new-window~ (lambda (body)~ (clog:debug-mode body)~ ~A (create-~A body)) ~A:path \"/test\")" form-string (if custom-boot "" "(clog-gui:clog-gui-initialize body) (clog-web:clog-web-initialize body :w3-css-url nil)") cname (if custom-boot (format nil ":boot-file \"~A\" " custom-boot) "")) :eval-in-package package))) (if *app-mode* (open-browser :url (format nil "http://127.0.0.1:~A/test" *clog-port*)) (open-window (window (connection-body obj)) (format nil "/test" *clog-port*))) (on-open-file obj :title-class "w3-yellow" :title "test eval" :text result))) (defun on-show-control-properties-win (obj) "Show control properties window" (let* ((app (connection-data-item obj "builder-app-data")) (is-hidden nil) (auto-mode nil) (panel (create-panel (connection-body obj) :positioning :fixed :width 400 :top 40 :right 0 :bottom 0 :class "w3-border-left")) (content (create-panel panel :width 390 :top 0 :right 0 :bottom 0)) (side-panel (create-panel panel :top 0 :left 0 :bottom 0 :width 10)) (pin (create-div side-panel :content "☑" :class "w3-small")) (control-list (create-table content))) (setf (background-color side-panel) :black) (setf (background-color content) :gray) (setf (right-panel app) panel) (setf (hiddenp (right-panel app)) t) (setf (control-properties-win app) content) (setf (properties-list app) control-list) (set-on-click side-panel (lambda (obj) (declare (ignore obj)) (cond (auto-mode (setf auto-mode nil) (setf (text-value pin) "☑") (setf (width panel) "400px") (setf is-hidden nil)) (t (setf auto-mode t) (setf (text-value pin) "☐") (setf (width panel) "400px") (setf is-hidden nil))))) (set-on-mouse-leave side-panel (lambda (obj) (declare (ignore obj)) (when auto-mode (cond (is-hidden (setf (width panel) "400px") (setf is-hidden nil)) (t (setf (width panel) "10px") (setf is-hidden t)))))) (setf (overflow content) :auto) (setf (positioning control-list) :absolute) (set-geometry control-list :left 0 :top 0 :right 0))) (defun on-show-project (obj &key project) (let ((app (connection-data-item obj "builder-app-data"))) (when project (setf (current-project app) project)) (if (project-win app) (window-focus (project-win app)) (let* ((win (create-gui-window obj :title "Project Window" :top 60 :left 232 :width 643 :height 625 :has-pinner t :client-movement *client-side-movement*))) (create-projects (window-content win)) (setf (project-win app) win) (set-on-window-close win (lambda (obj) (declare (ignore obj)) (setf (project-win app) nil))))))) (defun on-show-control-events-win (obj) "Show control events window" (let ((app (connection-data-item obj "builder-app-data"))) (if (control-events-win app) (window-focus (control-events-win app)) (let* ((win (create-gui-window obj :title "Control CLOG Events" :left 225 :top 480 :height 200 :width 645 :has-pinner t :client-movement *client-side-movement*)) (content (window-content win)) status) (setf (current-editor-is-lisp app) t) (set-on-window-focus win (lambda (obj) (declare (ignore obj)) (setf (current-editor-is-lisp app) t))) (setf (control-events-win app) win) (setf (events-list app) (create-select content :name "clog-events" :class "w3-gray w3-text-white")) (setf (positioning (events-list app)) :absolute) (set-geometry (events-list app) :top 5 :left 5 :right 5) (setf (event-editor app) (clog-ace:create-clog-ace-element content)) (setf (clog-ace:read-only-p (event-editor app)) t) (set-on-event (event-editor app) "clog-save-ace" (lambda (obj) (declare (ignore obj)) ;; toggle focus to force a save of event (focus (events-list app)) (focus (event-editor app)))) (setf (positioning (event-editor app)) :absolute) (setf (width (event-editor app)) "") (setf (height (event-editor app)) "") (set-geometry (event-editor app) :top 35 :left 5 :right 5 :bottom 30) (clog-ace:resize (event-editor app)) (setf status (create-div content :class "w3-tiny w3-border")) (setf (positioning status) :absolute) (setf (width status) "") (set-geometry status :height 20 :left 5 :right 5 :bottom 5) (setup-lisp-ace (event-editor app) status :package "CLOG-USER") (set-on-window-size-done win (lambda (obj) (declare (ignore obj)) (clog-ace:resize (event-editor app)))) (panel-mode win t) (set-on-window-focus win (lambda (obj) (declare (ignore obj)) (panel-mode win t))) (set-on-window-blur win (lambda (obj) (declare (ignore obj)) (panel-mode win nil))) (set-on-window-close win (lambda (obj) (declare (ignore obj)) (setf (event-editor app) nil) (setf (events-list app) nil) (setf (control-events-win app) nil)))))) (on-populate-control-events-win obj)) (defun on-show-control-js-events-win (obj) "Show control events window" (let ((app (connection-data-item obj "builder-app-data"))) (if (control-js-events-win app) (window-focus (control-js-events-win app)) (let* ((win (create-gui-window obj :title "Control Client JavaScript Events" :left 225 :top 700 :height 200 :width 645 :has-pinner t :client-movement *client-side-movement*)) (content (window-content win)) status) (setf (current-editor-is-lisp app) nil) (set-on-window-focus win (lambda (obj) (declare (ignore obj)) (setf (current-editor-is-lisp app) nil))) (setf (control-js-events-win app) win) (setf (events-js-list app) (create-select content :name "clog-js-events" :class "w3-gray w3-text-white")) (setf (positioning (events-js-list app)) :absolute) (set-geometry (events-js-list app) :top 5 :left 5 :right 5) (setf (event-js-editor app) (clog-ace:create-clog-ace-element content)) (setf (clog-ace:read-only-p (event-js-editor app)) t) (set-on-event (event-js-editor app) "clog-save-ace" (lambda (obj) (declare (ignore obj)) ;; toggle focus to force a save of event (focus (events-js-list app)) (focus (event-js-editor app)))) (setf (positioning (event-js-editor app)) :absolute) (setf (width (event-js-editor app)) "") (setf (height (event-js-editor app)) "") (set-geometry (event-js-editor app) :top 35 :left 5 :right 5 :bottom 30) (clog-ace:resize (event-js-editor app)) (setf status (create-div content :class "w3-tiny w3-border")) (setf (positioning status) :absolute) (setf (width status) "") (set-geometry status :height 20 :left 5 :right 5 :bottom 5) (setup-lisp-ace (event-js-editor app) status :package "clog-user") (setf (clog-ace:mode (event-js-editor app)) "ace/mode/javascript") (set-on-window-size-done win (lambda (obj) (declare (ignore obj)) (clog-ace:resize (event-js-editor app)))) (panel-mode win t) (set-on-window-focus win (lambda (obj) (declare (ignore obj)) (panel-mode win t))) (set-on-window-blur win (lambda (obj) (declare (ignore obj)) (panel-mode win nil))) (set-on-window-close win (lambda (obj) (declare (ignore obj)) (setf (event-js-editor app) nil) (setf (events-js-list app) nil) (setf (control-js-events-win app) nil)))))) (on-populate-control-js-events-win obj)) (defun on-show-copy-history-win (obj) "Create and show copy/but history" (let ((app (connection-data-item obj "builder-app-data"))) (if (copy-history-win app) (progn (setf (hiddenp (copy-history-win app)) nil) (window-focus (copy-history-win app))) (let* ((win (create-gui-window obj :title "Copy History" :left 225 :top 480 :height 400 :width 600 :has-pinner t :client-movement *client-side-movement*))) (window-center win) (setf (hiddenp win) t) (setf (overflow (window-content win)) :scroll) (setf (copy-history-win app) win) (set-on-window-can-close win (lambda (obj) (declare (ignore obj)) (setf (hiddenp win) t) nil)))))) (defun on-show-control-list-win (obj) "Show control list for selecting and manipulating controls by name" (let* ((app (connection-data-item obj "builder-app-data")) (is-hidden nil) (auto-mode nil) (content (create-panel (connection-body obj) :positioning :fixed :width 220 :top 40 :left 0 :bottom 0 :class "w3-border-right")) (side-panel (create-panel content :top 0 :right 0 :bottom 0 :width 10)) (pin (create-div side-panel :content "☑" :class "w3-small")) (sheight (floor (/ (height content) 2))) (swidth (floor (width content))) (divider (create-panel content :top sheight :height 10 :left 0 :right 10)) (control-list (create-panel content :height (- sheight 10) :left 0 :bottom 0 :right 10)) (pallete (create-select content)) (adj-size 0)) (set-geometry pallete :left 0 :top 0 :height sheight :width (- swidth 10)) (setf (left-panel app) content) (setf (hiddenp (left-panel app)) t) (setf (background-color divider) :black) (setf (tab-index divider) "-1") (setf (cursor divider) :ns-resize) (setf (background-color content) :gray) (setf (background-color pallete) :gray) (setf (color pallete) :white) (setf (positioning pallete) :absolute) (setf (size pallete) 2) (setf (advisory-title pallete) (format nil " place static~% child to current selection")) (setf (select-tool app) pallete) (setf (overflow control-list) :auto) (reset-control-pallete obj) (setf (control-list-win app) control-list) (setf (advisory-title content) (format nil "Drag and drop order~%Double click non-focusable~%~ place as static~% child to current selection")) (setf (background-color side-panel) :black) (flet ((on-size (obj) (declare (ignore obj)) (setf sheight (floor (/ (height content) 2))) (when (and (> (- sheight adj-size) 5) (> (+ (- sheight 10) adj-size) 5)) (set-geometry pallete :height (- sheight adj-size)) (set-geometry divider :top (- sheight adj-size)) (set-geometry control-list :height (+ (- sheight 10) adj-size))))) (set-on-resize (window (connection-body obj)) #'on-size) (set-on-full-screen-change (html-document (connection-body obj)) #'on-size) (set-on-orientation-change (window (connection-body obj)) #'on-size) (set-on-pointer-down divider (lambda (obj data) (setf (getf data :client-y) (+ adj-size (getf data :client-y))) (set-on-pointer-up (connection-body obj) (lambda (obj data) (declare (ignore data)) (set-on-pointer-up (connection-body obj) nil) (set-on-pointer-move (connection-body obj) nil))) (set-on-pointer-move (connection-body obj) (lambda (obj new-data) (setf adj-size (- (getf data :client-y) (getf new-data :client-y))) (on-size obj)))) :capture-pointer t)) (set-on-click side-panel (lambda (obj) (declare (ignore obj)) (cond (auto-mode (setf auto-mode nil) (setf (text-value pin) "☑") (setf (width content) "220px") (setf (hiddenp pallete) nil) (setf is-hidden nil)) (t (setf auto-mode t) (setf (text-value pin) "☐") (setf (width content) "10px") (setf (hiddenp pallete) t) (setf is-hidden t))))) (set-on-mouse-leave side-panel (lambda (obj) (declare (ignore obj)) (when auto-mode (cond (is-hidden (setf (width content) "220px") (setf (hiddenp pallete) nil) (setf is-hidden nil)) (t (setf (width content) "10px") (setf (hiddenp pallete) t) (setf is-hidden t)))))))) (defun panel-mode (obj bool) "Set the status for display or hiding the side panels." (let ((app (connection-data-item obj "builder-app-data"))) (setf (hiddenp (right-panel app)) (not bool)) (setf (hiddenp (left-panel app)) (not bool)))) (defun on-new-builder-panel-ext (obj &key open-file popup) (open-window (window (connection-body obj)) (if open-file (format nil "/panel-editor?open-panel=~A" open-file) "/source-editor") :specs (if popup "width=645,height-430" "") :name "_blank")) (defun on-new-builder-panel (obj &key (open-file nil)) "Open new panel" (unless (and open-file (window-to-top-by-param obj open-file)) (let* ((app (connection-data-item obj "builder-app-data")) (win (create-gui-window obj :top 40 :left 225 :width 645 :height 430 :client-movement *client-side-movement*)) (box (create-panel-box-layout (window-content win) :left-width 0 :right-width 0 :top-height 33 :bottom-height 0)) (tool-bar (create-div (top-panel box) :class "w3-center")) (btn-class "w3-button w3-white w3-border w3-border-black w3-ripple") (btn-copy (create-img tool-bar :alt-text "copy" :url-src img-btn-copy :class btn-class)) (btn-paste (create-img tool-bar :alt-text "paste" :url-src img-btn-paste :class btn-class)) (btn-cut (create-img tool-bar :alt-text "cut" :url-src img-btn-cut :class btn-class)) (btn-del (create-img tool-bar :alt-text "delete" :url-src img-btn-del :class btn-class)) (btn-undo (create-img tool-bar :alt-text "undo" :url-src img-btn-undo :class btn-class)) (btn-redo (create-img tool-bar :alt-text "redo" :url-src img-btn-redo :class btn-class)) (btn-test (create-img tool-bar :alt-text "test" :url-src img-btn-test :class btn-class)) (btn-rndr (create-img tool-bar :alt-text "render" :url-src img-btn-rndr :class btn-class)) (btn-save (create-img tool-bar :alt-text "save" :url-src img-btn-save :class btn-class)) (btn-load (create-img tool-bar :alt-text "load" :url-src img-btn-load :class btn-class)) (cbox (create-form-element tool-bar :checkbox :class "w3-margin-left")) (cbox-lbl (create-label tool-bar :content " auto render" :label-for cbox :class "w3-black")) (spacer (create-span tool-bar :content "   ")) (btn-help (create-span tool-bar :content "?" :class "w3-tiny w3-ripple w3-black")) (content (center-panel box)) (in-simulation nil) (undo-chain nil) (redo-chain nil) (is-dirty nil) (last-date nil) (file-name "") (render-file-name "") (panel-id (html-id content))) (declare (ignore spacer)) (setf (background-color (top-panel box)) :black) (setf (checkedp cbox) t) (setf (advisory-title btn-copy) "copy") (setf (advisory-title btn-paste) "paste") (setf (advisory-title btn-cut) "cut") (setf (advisory-title btn-del) "delete") (setf (advisory-title btn-undo) "undo") (setf (advisory-title btn-redo) "redo") (setf (advisory-title btn-test) "test") (setf (advisory-title btn-rndr) "render to lisp - shift-click render as...") (setf (advisory-title btn-save) "save - shift-click save as...") (setf (advisory-title btn-load) "load") (setf (advisory-title cbox) "when checked render on save") (setf (advisory-title cbox-lbl) "when checked render on save") (setf (height btn-copy) "12px") (setf (height btn-paste) "12px") (setf (height btn-cut) "12px") (setf (height btn-del) "12px") (setf (height btn-undo) "12px") (setf (height btn-redo) "12px") (setf (height btn-test) "12px") (setf (height btn-rndr) "12px") (setf (height btn-save) "12px") (setf (height btn-load) "12px") (setf (height btn-help) "12px") (setf-next-id content 1) (setf (overflow content) :auto) (init-control-list app panel-id) ;; Setup panel window (let ((panel-name (format nil "panel-~A" (incf (next-panel-id app))))) (setf (window-title win) panel-name) (setf (attribute content "data-clog-name") panel-name)) (setf (attribute content "data-clog-type") "clog-data") (setf (attribute content "data-in-package") "clog-user") (setf (attribute content "data-custom-slots") "") ;; activate associated windows on open (on-show-control-events-win win) (panel-mode win t) (on-populate-control-properties-win content :win win) (on-populate-control-list-win content :win win) ;; setup window events (set-on-window-focus win (lambda (obj) (declare (ignore obj)) (panel-mode win t) (on-populate-control-properties-win content :win win) (on-populate-control-list-win content :win win))) (set-on-window-blur win (lambda (obj) (declare (ignore obj)) (panel-mode win nil))) (set-on-window-close win (lambda (obj) (declare (ignore obj)) ;; clear associated windows on close (setf (current-control app) nil) (destroy-control-list app panel-id) (on-populate-control-properties-win content :win win) (on-populate-control-list-win content :win win))) (set-on-window-size-done win (lambda (obj) (declare (ignore obj)) (on-populate-control-properties-win content :win win))) ;; setup tool bar events (set-on-click btn-help 'on-quick-start) (flet (;; copy (copy (obj) (when (current-control app) (maphash (lambda (html-id control) (declare (ignore html-id)) (place-inside-bottom-of (bottom-panel box) (get-placer control))) (get-control-list app panel-id)) (setf (copy-buf app) (js-query content (format nil "var z=~a.clone(); z=$('
').append(z);~ z.find('*').each(function(){~ if($(this).attr('data-clog-composite-control') == 't'){$(this).text('')}~ if($(this).attr('id') !== undefined && ~ $(this).attr('id').substring(0,5)=='CLOGB'){$(this).removeAttr('id')}});~ z.html()" (jquery (current-control app))))) (system-clipboard-write obj (copy-buf app)) (let ((c (create-text-area (window-content (copy-history-win app)) :value (copy-buf app) :auto-place nil))) (place-inside-top-of (window-content (copy-history-win app)) c) (setf (width c) "100%")) (maphash (lambda (html-id control) (declare (ignore html-id)) (place-after control (get-placer control))) (get-control-list app panel-id)))) ;; paste (paste (obj) (let ((buf (or (system-clipboard-read obj) (copy-buf app)))) (when buf (let ((control (create-control content content `(:name "custom" :create-type :paste) (format nil "CLOGB~A~A" (get-universal-time) (next-id content)) :custom-query buf))) (setf (attribute control "data-clog-name") (format nil "~A-~A" "copy" (next-id content))) (incf-next-id content) (add-sub-controls control content :win win :paste t) (let ((cr (control-info (attribute control "data-clog-type")))) (when (getf cr :on-load) (funcall (getf cr :on-load) control cr))) (setup-control content control :win win) (select-control control) (on-populate-control-list-win content :win win) (jquery-execute (get-placer content) "trigger('clog-builder-snap-shot')"))))) ;; delete (del (obj) (declare (ignore obj)) (when (current-control app) (delete-current-control app panel-id (html-id (current-control app))) (on-populate-control-properties-win content :win win) (on-populate-control-list-win content :win win) (jquery-execute (get-placer content) "trigger('clog-builder-snap-shot')")))) ;; set up del/cut/copy/paste handlers (set-on-copy content #'copy) (set-on-click btn-copy #'copy) (set-on-paste content #'paste) (set-on-click btn-paste #'paste) (set-on-click btn-del #'del) (set-on-cut content (lambda (obj) (copy obj) (del obj))) (set-on-click btn-cut (lambda (obj) (copy obj) (del obj)))) (set-on-click btn-undo (lambda (obj) (declare (ignore obj)) (when undo-chain (setf (inner-html content) (let ((val (pop undo-chain))) (push val redo-chain) val)) (clrhash (get-control-list app panel-id)) (on-populate-loaded-window content :win win) (setf (window-title win) (attribute content "data-clog-name")) (on-populate-control-properties-win content :win win) (on-populate-control-list-win content :win win)))) (set-on-event content "clog-builder-snap-shot" (lambda (obj) (declare (ignore obj)) (setf is-dirty t) (setf redo-chain nil) (push (panel-snap-shot content panel-id (bottom-panel box)) undo-chain) (when (current-control app) (focus (get-placer (current-control app)))))) (set-on-click btn-redo (lambda (obj) (declare (ignore obj)) (when redo-chain (setf (inner-html content) (let ((val (pop redo-chain))) (push val undo-chain) val)) (clrhash (get-control-list app panel-id)) (on-populate-loaded-window content :win win) (setf (window-title win) (attribute content "data-clog-name")) (on-populate-control-properties-win content :win win) (on-populate-control-list-win content :win win)))) (flet ((open-file-name (fname) (setf file-name fname) (setf last-date (file-write-date fname)) (setf render-file-name (format nil "~A~A.lisp" (directory-namestring file-name) (pathname-name file-name))) (setf (inner-html content) (or (read-file fname :clog-obj obj) "")) (setf is-dirty nil) (clrhash (get-control-list app panel-id)) (on-populate-loaded-window content :win win) (setf (window-title win) (attribute content "data-clog-name")) (setf (window-param win) fname) (on-populate-control-list-win content :win win))) (when open-file (open-file-name open-file)) (set-on-click btn-load (lambda (obj) (server-file-dialog obj "Load Panel" (directory-namestring (if (equal file-name "") (current-project-dir app) file-name)) (lambda (fname) (window-focus win) (when fname (open-file-name fname))))))) (labels ((do-save (obj fname data) (declare (ignore obj data)) (setf file-name fname) (setf render-file-name (format nil "~A~A.lisp" (directory-namestring file-name) (pathname-name file-name))) (add-class btn-save "w3-animate-top") (save-panel fname content panel-id (bottom-panel box)) (setf last-date (file-write-date fname)) (when (checkedp cbox) (add-class btn-rndr "w3-animate-top") (write-file (render-clog-code content (bottom-panel box)) render-file-name :clog-obj obj) (sleep .5) (remove-class btn-rndr "w3-animate-top")) (sleep .5) (remove-class btn-save "w3-animate-top") (cond ((eq is-dirty :close) (setf is-dirty nil) (window-close win)) (t (setf is-dirty nil)))) (save (obj data) (cond ((or (equal file-name "") (getf data :shift-key)) (when (equal file-name "") (setf file-name (format nil "~A~A.clog" (current-project-dir app) (attribute content "data-clog-name")))) (server-file-dialog obj "Save Panel As.." file-name (lambda (fname) (window-focus win) (when fname (do-save obj fname data))) :initial-filename file-name)) (t (if (eql last-date (file-write-date file-name)) (do-save obj file-name data) (confirm-dialog obj "Panel changed on file system. Save?" (lambda (result) (when result (do-save obj file-name data))))))))) (set-on-window-can-close win (lambda (obj) (cond (is-dirty (confirm-dialog win "Save panel?" (lambda (result) (cond (result (setf is-dirty :close) (save obj nil)) (t (setf is-dirty nil) (window-close win)))) :ok-text "Yes" :cancel-text "No") nil) (t t)))) (set-on-mouse-click btn-save (lambda (obj data) (setf is-dirty nil) (save obj data)))) (set-on-click btn-test (lambda (obj) (do-eval obj (render-clog-code content (bottom-panel box)) (attribute content "data-clog-name") :package (attribute content "data-in-package")))) (set-on-mouse-click btn-rndr (lambda (obj data) (cond ((or (equal render-file-name "") (getf data :shift-key)) (when (equal render-file-name "") (if (equal file-name "") (setf render-file-name (format nil "~A.lisp" (attribute content "data-clog-name"))) (setf render-file-name (format nil "~A~A.lisp" (directory-namestring file-name) (pathname-name file-name))))) (server-file-dialog obj "Render As.." render-file-name (lambda (fname) (window-focus win) (when fname (setf render-file-name fname) (add-class btn-rndr "w3-animate-top") (write-file (render-clog-code content (bottom-panel box)) fname :clog-obj obj) (sleep .5) (remove-class btn-rndr "w3-animate-top"))) :initial-filename render-file-name)) (t (add-class btn-rndr "w3-animate-top") (write-file (render-clog-code content (bottom-panel box)) render-file-name :clog-obj obj) (sleep .5) (remove-class btn-rndr "w3-animate-top"))))) (set-on-mouse-down content (lambda (obj data) (declare (ignore obj)) (unless in-simulation (when (drop-new-control app content data :win win) (incf-next-id content)))))))) (defun on-attach-builder-custom (body) "New custom builder page has attached" (let* ((params (form-get-data body)) (curl (form-data-item params "curl"))) (on-attach-builder-page body :custom-boot curl))) (defun on-attach-builder-page (body &key custom-boot) "New builder page has attached" (let* ((params (form-get-data body)) (panel-uid (form-data-item params "bid")) (app (gethash panel-uid *app-sync-hash*)) win (box (create-panel-box-layout body :left-width 0 :right-width 0 :top-height 0 :bottom-height 0)) (content (center-panel box)) (in-simulation nil) (undo-chain nil) (redo-chain nil) (file-name "") (render-file-name "") (panel-id (html-id content))) ;; sync new window with app (setf (connection-data-item body "builder-app-data") app) (remhash panel-uid *app-sync-hash*) (funcall (gethash (format nil "~A-link" panel-uid) *app-sync-hash*) content) (setf win (gethash (format nil "~A-win" panel-uid) *app-sync-hash*)) (remhash (format nil "~A-win" panel-uid) *app-sync-hash*) ;; setup window and page (setf-next-id content 1) (let ((panel-name (format nil "page-~A" (incf (next-panel-id app))))) (setf (title (html-document body)) panel-name) (setf (window-title win) panel-name) (setf (attribute content "data-clog-name") panel-name)) (setf (attribute content "data-clog-type") "clog-data") (setf (attribute content "data-in-package") "clog-user") (setf (attribute content "data-custom-slots") "") (setf (overflow content) :auto) (set-on-focus (window body) (lambda (obj) (declare (ignore obj)) (setf (title (html-document body)) (attribute content "data-clog-name")))) ;; setup close of page (set-on-before-unload (window body) (lambda (obj) (declare (ignore obj)) (window-close win))) ;; activate associated windows on open (deselect-current-control app) (panel-mode win t) (on-populate-control-properties-win content :win win) (on-populate-control-list-win content :win win) ;; setup window events (set-on-window-focus win (lambda (obj) (declare (ignore obj)) (panel-mode win t) (on-populate-control-properties-win content :win win) (on-populate-control-list-win content :win win))) (set-on-window-blur win (lambda (obj) (declare (ignore obj)) (panel-mode win nil))) (set-on-window-close win (lambda (obj) (declare (ignore obj)) ;; clear associated windows on close (setf (current-control app) nil) (destroy-control-list app panel-id) (close-window (window body)))) ;; setup jquery and jquery-ui (cond (custom-boot (load-css (html-document body) "/css/jquery-ui.css") (load-script (html-document body) "/js/jquery-ui.js")) (t (clog-gui-initialize body) (clog-web-initialize body :w3-css-url nil))) ;; init builder (init-control-list app panel-id) (let* ((pbox (create-panel-box-layout (window-content win) :left-width 0 :right-width 0 :top-height 33 :bottom-height 0)) (tool-bar (create-div (top-panel pbox) :class "w3-center")) (btn-class "w3-button w3-white w3-border w3-border-black w3-ripple") (btn-copy (create-img tool-bar :alt-text "copy" :url-src img-btn-copy :class btn-class)) (btn-paste (create-img tool-bar :alt-text "paste" :url-src img-btn-paste :class btn-class)) (btn-cut (create-img tool-bar :alt-text "cut" :url-src img-btn-cut :class btn-class)) (btn-del (create-img tool-bar :alt-text "delete" :url-src img-btn-del :class btn-class)) (btn-undo (create-img tool-bar :alt-text "undo" :url-src img-btn-undo :class btn-class)) (btn-redo (create-img tool-bar :alt-text "redo" :url-src img-btn-redo :class btn-class)) (btn-sim (create-img tool-bar :alt-text "simulate" :url-src img-btn-sim :class btn-class)) (btn-test (create-img tool-bar :alt-text "test" :url-src img-btn-test :class btn-class)) (btn-rndr (create-img tool-bar :alt-text "render" :url-src img-btn-rndr :class btn-class)) (btn-save (create-img tool-bar :alt-text "save" :url-src img-btn-save :class btn-class)) (btn-load (create-img tool-bar :alt-text "load" :url-src img-btn-load :class btn-class)) (btn-exp (create-img tool-bar :alt-text "export" :url-src img-btn-exp :class btn-class)) (wcontent (center-panel pbox))) (setf (background-color (top-panel pbox)) :black) (setf (advisory-title btn-copy) "copy") (setf (advisory-title btn-paste) "paste") (setf (advisory-title btn-cut) "cut") (setf (advisory-title btn-del) "delete") (setf (advisory-title btn-undo) "undo") (setf (advisory-title btn-redo) "redo") (setf (advisory-title btn-test) "test") (setf (advisory-title btn-rndr) "render to lisp - shift-click render as...") (setf (advisory-title btn-save) "save - shift-click save as...") (setf (advisory-title btn-load) "load") (setf (advisory-title btn-sim) "start simulation") (setf (advisory-title btn-exp) "export as boot page") (setf (height btn-copy) "12px") (setf (height btn-paste) "12px") (setf (height btn-cut) "12px") (setf (height btn-del) "12px") (setf (height btn-undo) "12px") (setf (height btn-redo) "12px") (setf (height btn-sim) "12px") (setf (height btn-test) "12px") (setf (height btn-rndr) "12px") (setf (height btn-save) "12px") (setf (height btn-load) "12px") (setf (height btn-exp) "12px") (create-div wcontent :content "
Drop and work with controls on it's window.
") ;; setup tool bar events (set-on-click btn-exp (lambda (obj) (server-file-dialog obj "Export as Boot HTML" "./" (lambda (filename) (when filename (maphash (lambda (html-id control) (declare (ignore html-id)) (place-inside-bottom-of (bottom-panel box) (get-placer control))) (get-control-list app panel-id)) (save-body-to-file filename :body body :if-exists :rename) (maphash (lambda (html-id control) (declare (ignore html-id)) (place-after control (get-placer control))) (get-control-list app panel-id))))))) (flet (;; copy (copy (obj) (when (current-control app) (maphash (lambda (html-id control) (declare (ignore html-id)) (place-inside-bottom-of (bottom-panel box) (get-placer control))) (get-control-list app panel-id)) (setf (copy-buf app) (js-query content (format nil "var z=~a.clone(); z=$('
').append(z);~ z.find('*').each(function(){~ if($(this).attr('data-clog-composite-control') == 't'){$(this).text('')}~ if($(this).attr('id') !== undefined && ~ $(this).attr('id').substring(0,5)=='CLOGB'){$(this).removeAttr('id')}});~ z.html()" (jquery (current-control app))))) (system-clipboard-write obj (copy-buf app)) (let ((c (create-text-area (window-content (copy-history-win app)) :value (copy-buf app) :auto-place nil))) (place-inside-top-of (window-content (copy-history-win app)) c) (setf (width c) "100%")) (maphash (lambda (html-id control) (declare (ignore html-id)) (place-after control (get-placer control))) (get-control-list app panel-id)))) ;; paste (paste (obj) (let ((buf (or (system-clipboard-read obj) (copy-buf app)))) (when buf (let ((control (create-control content content `(:name "custom" :create-type :paste) (format nil "CLOGB~A~A" (get-universal-time) (next-id content)) :custom-query buf))) (setf (attribute control "data-clog-name") (format nil "~A-~A" "copy" (next-id content))) (incf-next-id content) (add-sub-controls control content :win win :paste t) (let ((cr (control-info (attribute control "data-clog-type")))) (when (getf cr :on-load) (funcall (getf cr :on-load) control cr))) (setup-control content control :win win) (select-control control) (on-populate-control-list-win content :win win) (jquery-execute (get-placer content) "trigger('clog-builder-snap-shot')"))))) ;; delete (del (obj) (declare (ignore obj)) (when (current-control app) (delete-current-control app panel-id (html-id (current-control app))) (on-populate-control-properties-win content :win win) (on-populate-control-list-win content :win win) (jquery-execute (get-placer content) "trigger('clog-builder-snap-shot')")))) ;; set up del/cut/copy/paste handlers (set-on-copy content #'copy) (set-on-click btn-copy #'copy) (set-on-paste content #'paste) (set-on-click btn-paste #'paste) (set-on-click btn-del #'del) (set-on-cut content (lambda (obj) (copy obj) (del obj))) (set-on-click btn-cut (lambda (obj) (copy obj) (del obj)))) (set-on-click btn-sim (lambda (obj) (declare (ignore obj)) (cond (in-simulation (setf (url-src btn-sim) img-btn-sim) (setf (advisory-title btn-sim) "start simulation") (setf in-simulation nil) (maphash (lambda (html-id control) (declare (ignore html-id)) (setf (hiddenp (get-placer control)) nil)) (get-control-list app panel-id))) (t (setf (url-src btn-sim) img-btn-cons) (setf (advisory-title btn-sim) "construction mode") (deselect-current-control app) (on-populate-control-properties-win content :win win) (setf in-simulation t) (maphash (lambda (html-id control) (declare (ignore html-id)) (setf (hiddenp (get-placer control)) t)) (get-control-list app panel-id)) (focus (first-child content)))))) (set-on-click btn-undo (lambda (obj) (declare (ignore obj)) (when undo-chain (setf (inner-html content) (let ((val (pop undo-chain))) (push val redo-chain) val)) (clrhash (get-control-list app panel-id)) (on-populate-loaded-window content :win win) (setf (window-title win) (attribute content "data-clog-name")) (on-populate-control-properties-win content :win win) (on-populate-control-list-win content :win win)))) (set-on-event content "clog-builder-snap-shot" (lambda (obj) (declare (ignore obj)) (setf redo-chain nil) (push (panel-snap-shot content panel-id (bottom-panel box)) undo-chain) (when (current-control app) (focus (get-placer (current-control app)))))) (set-on-click btn-redo (lambda (obj) (declare (ignore obj)) (when redo-chain (setf (inner-html content) (let ((val (pop redo-chain))) (push val undo-chain) val)) (clrhash (get-control-list app panel-id)) (on-populate-loaded-window content :win win) (setf (window-title win) (attribute content "data-clog-name")) (on-populate-control-properties-win content :win win) (on-populate-control-list-win content :win win)))) (set-on-click btn-load (lambda (obj) (declare (ignore obj)) (server-file-dialog win "Load Panel" (directory-namestring (if (equal file-name "") (current-project-dir app) file-name)) (lambda (fname) (window-focus win) (when fname (setf file-name fname) (setf render-file-name (format nil "~A~A.lisp" (directory-namestring file-name) (pathname-name file-name))) (setf (inner-html content) (read-file fname :clog-obj obj)) (clrhash (get-control-list app panel-id)) (on-populate-loaded-window content :win win) (setf (title (html-document body)) (attribute content "data-clog-name")) (setf (window-title win) (attribute content "data-clog-name")) (on-populate-control-list-win content :win win)))))) (set-on-mouse-click btn-save (lambda (obj data) (cond ((or (equal file-name "") (getf data :shift-key)) (when (equal file-name "") (setf file-name (format nil "~A~A.clog" (current-project-dir app) (attribute content "data-clog-name")))) (server-file-dialog obj "Save Panel As.." file-name (lambda (fname) (window-focus win) (when fname (setf file-name fname) (setf render-file-name (format nil "~A~A.lisp" (directory-namestring file-name) (pathname-name file-name))) (add-class btn-save "w3-animate-top") (save-panel fname content panel-id (bottom-panel box)) (sleep .5) (remove-class btn-save "w3-animate-top")) :initial-filename file-name))) (t (add-class btn-save "w3-animate-top") (save-panel file-name content panel-id (bottom-panel box)) (sleep .5) (remove-class btn-save "w3-animate-top"))))) (set-on-click btn-test (lambda (obj) (do-eval obj (render-clog-code content (bottom-panel box)) (attribute content "data-clog-name") :package (attribute content "data-in-package") :custom-boot custom-boot))) (set-on-mouse-click btn-rndr (lambda (obj data) (cond ((or (equal render-file-name "") (getf data :shift-key)) (when (equal render-file-name "") (if (equal file-name "") (setf render-file-name (format nil "~A.lisp" (attribute content "data-clog-name"))) (setf render-file-name (format nil "~A~A.lisp" (directory-namestring file-name) (pathname-name file-name))))) (server-file-dialog obj "Render As.." render-file-name (lambda (fname) (window-focus win) (when fname (setf render-file-name fname) (add-class btn-rndr "w3-animate-top") (write-file (render-clog-code content (bottom-panel box)) fname :clog-obj obj) (sleep .5) (remove-class btn-rndr "w3-animate-top"))) :initial-filename render-file-name)) (t (add-class btn-rndr "w3-animate-top") (write-file (render-clog-code content (bottom-panel box)) render-file-name :clog-obj obj))) (sleep .5) (remove-class btn-rndr "w3-animate-top")))) (set-on-mouse-down content (lambda (obj data) (declare (ignore obj)) (unless in-simulation (when (drop-new-control app content data :win win) (incf-next-id content))))))) (defun on-new-builder-basic-page (obj) "Menu item to open new basic HTML page" (set-on-new-window 'on-attach-builder-custom :boot-file "/boot.html" :path "/builder-custom") (on-new-builder-page obj :custom-boot "/boot.html" :url-launch nil)) (defun on-new-builder-launch-page (obj) "Menu item to open new page" (on-new-builder-page obj :url-launch t)) (defun on-new-builder-custom (obj) "Open custom boot page" (let ((custom-boot "/boot.html")) (input-dialog obj "Boot File Name:" (lambda (answer) (when answer (setf custom-boot answer) (set-on-new-window 'on-attach-builder-custom :boot-file custom-boot :path "/builder-custom") (on-new-builder-page obj :custom-boot custom-boot :url-launch t))) :default-value custom-boot :modal t))) (defun on-new-builder-page (obj &key custom-boot url-launch) "Open new page" (let* ((app (connection-data-item obj "builder-app-data")) (win (create-gui-window obj :top 40 :left 225 :width 600 :client-movement *client-side-movement*)) (panel-uid (format nil "~A" (get-universal-time))) ;; unique id for panel (boot-loc (if custom-boot "builder-custom" "builder-page")) (curl (if custom-boot (format nil "&curl=~A" (quri:url-encode custom-boot)) "")) (link (format nil "http://127.0.0.1:~A/~A?bid=~A~A" clog:*clog-port* boot-loc panel-uid curl)) (link-rel (format nil "/~A?bid=~A~A" boot-loc panel-uid curl)) (btn-txt (if url-launch "Click to launch default browser or copy URL." "Click if browser does not open new page shortly.")) (txt-area (create-div (window-content win))) (page-link (create-a txt-area :target "_blank" :content (format nil "
" btn-txt) :link link)) (txt-link (create-div txt-area :content (format nil "
~A
" link))) content) (declare (ignore page-link txt-link)) (on-show-control-events-win win) (setf (gethash panel-uid *app-sync-hash*) app) (setf (gethash (format nil "~A-win" panel-uid) *app-sync-hash*) win) (setf (gethash (format nil "~A-link" panel-uid) *app-sync-hash*) (lambda (obj) (setf content obj) (setf panel-uid (html-id content)) (destroy txt-area) (remhash (format nil "~A-link" panel-uid) *app-sync-hash*))) (unless url-launch (open-window (window (connection-body obj)) link-rel)))) (defun on-help-about-builder (obj) "Open about box" (let ((about (create-gui-window obj :title "About" :content (format nil "
CLOG
The Common Lisp Omnificent GUI

CLOG Builder
(c) 2022 - David Botton

" img-clog-icon) :width 200 :height 215 :hidden t))) (window-center about) (setf (visiblep about) t) (set-on-window-can-size about (lambda (obj) (declare (ignore obj))())))) (defun on-new-app-template (obj) "Menu option to create new project from template" (let* ((win (create-gui-window obj :title "New Application Template" :width 500 :height 400)) (ct (create-clog-templates (window-content win)))) (window-center win) (setf (win ct) win) (dolist (tmpl *supported-templates*) (if (eq (getf tmpl :code) :group) (add-select-optgroup (template-box ct) (getf tmpl :name)) (add-select-option (template-box ct) (getf tmpl :code) (getf tmpl :name)))))) (defun on-image-to-data (obj) "Menu option to create new project from template" (let* ((win (create-gui-window obj :title "Convert Images to Data" :width 450 :height 200))) (create-image-to-data (window-content win)) (window-center win))) (defun on-convert-image (body) "Convert image from form input from on-image-to-data" (let ((params (form-multipart-data body))) (create-div body :content params) (destructuring-bind (stream fname content-type) (form-data-item params "filename") (create-div body :content (format nil "filename = ~A - (contents printed in REPL)" fname)) (let ((s (flexi-streams:make-flexi-stream stream)) (pic-data "")) (setf pic-data (format nil "data:~A;base64,~A" content-type (with-output-to-string (out) (s-base64:encode-base64 s out)))) (create-img body :url-src pic-data) (create-br body) (create-div body :content "User the following as a url source:") (set-geometry (create-text-area body :value pic-data) :width 500 :height 400) (create-br body) (create-div body :content (format nil "For example:
(create-img body :url-src \"~A\")" pic-data)))))) (defun on-quick-start (obj) "Open quick start help" (let* ((win (create-gui-window obj :title "Quick Start" :top 40 :left 225 :width 600 :height 400 :client-movement *client-side-movement*))) (create-quick-start (window-content win)))) (defun on-show-thread-viewer (obj) "Open thread views" (let* ((win (create-gui-window obj :title "Thread Viewer" :top 40 :left 225 :width 600 :height 400 :client-movement *client-side-movement*))) (create-thread-list (window-content win)))) (defun on-open-file-ext (obj &key open-file popup) (open-window (window (connection-body obj)) (if open-file (format nil "/source-editor?open-file=~A" open-file) "/source-editor") :specs (if popup "width=645,height-430" "") :name "_blank")) (defun on-open-file (obj &key open-file (title "New Source Editor") text (title-class "w3-black") maximized) "Open a new text editor" (unless (window-to-top-by-title obj open-file) (let* ((app (connection-data-item obj "builder-app-data")) (win (create-gui-window obj :title title :title-class title-class :width 645 :height 430 :client-movement *client-side-movement*)) (box (create-panel-box-layout (window-content win) :left-width 0 :right-width 0 :top-height 33 :bottom-height 0)) (tool-bar (create-div (top-panel box) :class "w3-center")) (btn-class "w3-button w3-white w3-border w3-border-black w3-ripple") (btn-copy (create-img tool-bar :alt-text "copy" :url-src img-btn-copy :class btn-class)) (btn-paste (create-img tool-bar :alt-text "paste" :url-src img-btn-paste :class btn-class)) (btn-cut (create-img tool-bar :alt-text "cut" :url-src img-btn-cut :class btn-class)) (btn-del (create-img tool-bar :alt-text "delete" :url-src img-btn-del :class btn-class)) (btn-undo (create-img tool-bar :alt-text "undo" :url-src img-btn-undo :class btn-class)) (btn-redo (create-img tool-bar :alt-text "redo" :url-src img-btn-redo :class btn-class)) (btn-save (create-img tool-bar :alt-text "save" :url-src img-btn-save :class btn-class)) (btn-load (create-img tool-bar :alt-text "load" :url-src img-btn-load :class btn-class)) (spacer1 (create-span tool-bar :content " ")) (btn-efrm (create-button tool-bar :content "Eval Form" :class (format nil "w3-tiny ~A" btn-class))) (btn-esel (create-button tool-bar :content "Eval Sel" :class (format nil "w3-tiny ~A" btn-class))) (btn-test (create-button tool-bar :content "Eval All" :class (format nil "w3-tiny ~A" btn-class))) (spacer2 (create-span tool-bar :content "  ")) (btn-help (create-span tool-bar :content "?" :class "w3-tiny w3-ripple")) (content (center-panel box)) (pac-line (create-form-element content :text :class "w3-black")) (ace (clog-ace:create-clog-ace-element content)) (status (create-div content :class "w3-tiny w3-border")) (lisp-file t) (is-dirty nil) (last-date nil) (file-name "")) (declare (ignore spacer1 spacer2)) (when maximized (window-maximize win)) (when text (setf (text-value ace) text)) (set-on-window-focus win (lambda (obj) (declare (ignore obj)) (if lisp-file (setf (current-editor-is-lisp app) (text-value pac-line)) (setf (current-editor-is-lisp app) nil)))) (add-class tool-bar title-class) (setf (advisory-title btn-paste) "paste") (setf (advisory-title btn-cut) "cut") (setf (advisory-title btn-del) "delete") (setf (advisory-title btn-undo) "undo") (setf (advisory-title btn-redo) "redo") (setf (advisory-title btn-save) "save - shift-click save as...") (setf (advisory-title btn-load) "load") (setf (advisory-title btn-efrm) "evaluate form") (setf (advisory-title btn-esel) "evaluate selection") (setf (advisory-title btn-test) "evaluate") (setf (height btn-copy) "12px") (setf (height btn-paste) "12px") (setf (height btn-cut) "12px") (setf (height btn-del) "12px") (setf (height btn-undo) "12px") (setf (height btn-redo) "12px") (setf (height btn-save) "12px") (setf (height btn-load) "12px") (setf (height btn-efrm) "12px") (setf (height btn-esel) "12px") (setf (height btn-test) "12px") (setf (height btn-help) "12px") (setf (width btn-efrm) "43px") (setf (width btn-esel) "43px") (setf (width btn-test) "43px") (setf (positioning ace) :absolute) (setf (positioning status) :absolute) (set-geometry pac-line :units "" :top "20px" :left "0px" :right "0px" :height "22px" :width "100%") (setf (place-holder pac-line) "Current Package") (setf (text-value pac-line) "clog-user") (setf (current-editor-is-lisp app) "clog-user") (set-geometry ace :units "" :width "" :height "" :top "22px" :bottom "20px" :left "0px" :right "0px") (clog-ace:resize ace) (set-geometry status :units "" :width "" :height "20px" :bottom "0px" :left "0px" :right "0px") (setup-lisp-ace ace status) (set-on-click btn-help (lambda (obj) (declare (ignore obj)) (alert-dialog win "
cmd/alt-,Configure editor
cmd/alt-. Launch system browser
cmd/alt-[ Evaluate form
cmd/ctl-s Save
ctl-=Expand region
opt/alt-mMacroexpand

Default Keybindings" :width 400 :height 300 :title "Help"))) (set-on-window-size-done win (lambda (obj) (declare (ignore obj)) (clog-ace:resize ace))) (flet ((open-file-name (fname) (window-focus win) (handler-case (when fname (setf last-date (file-write-date fname)) (setf file-name fname) (setf (window-title win) fname) (let ((c (or (read-file fname) "" :clog-obj obj))) (cond ((or (equalp (pathname-type fname) "lisp") (equalp (pathname-type fname) "asd")) (setf (clog-ace:mode ace) "ace/mode/lisp") (setf (text-value pac-line) (get-package-from-string c)) (setf lisp-file t) (setf (current-editor-is-lisp app) (text-value pac-line))) (t (setf lisp-file nil) (setf (current-editor-is-lisp app) nil) (setf (clog-ace:mode ace) (clog-ace:get-mode-from-extension ace fname)))) (setf (clog-ace:text-value ace) c))) (error (condition) (alert-toast obj "File Error" (format nil "Error: ~A" condition)) (format t "Error: ~A" condition))))) (when open-file (open-file-name open-file)) (set-on-click btn-load (lambda (obj) (server-file-dialog obj "Load Source" (directory-namestring (if (equal file-name "") (current-project-dir app) file-name)) (lambda (fname) (open-file-name fname) (setf is-dirty nil)))))) (set-on-input ace (lambda (obj) (declare (ignore obj)) (setf is-dirty t))) (set-on-event ace "clog-save-ace" (lambda (obj) (unless (equal file-name "") (add-class btn-save "w3-animate-top") (write-file (text-value ace) file-name :clog-obj obj) (sleep .5) (remove-class btn-save "w3-animate-top")))) (flet ((save (obj data) (cond ((or (equal file-name "") (getf data :shift-key)) (server-file-dialog obj "Save Source As.." (if (equal file-name "") (current-project-dir app) file-name) (lambda (fname) (window-focus win) (when fname (setf file-name fname) (add-class btn-save "w3-animate-top") (write-file (text-value ace) fname :clog-obj obj) (setf last-date (file-write-date fname)) (sleep .5) (remove-class btn-save "w3-animate-top")) :initial-filename file-name))) (t (cond ((eql last-date (file-write-date file-name)) (add-class btn-save "w3-animate-top") (write-file (text-value ace) file-name :clog-obj obj) (setf last-date (file-write-date file-name)) (sleep .5) (remove-class btn-save "w3-animate-top")) (t (confirm-dialog obj "File changed on file system. Save?" (lambda (result) (when result (add-class btn-save "w3-animate-top") (write-file (text-value ace) file-name :clog-obj obj) (setf last-date (file-write-date file-name)) (sleep .5) (remove-class btn-save "w3-animate-top")))))))))) (set-on-window-can-close win (lambda (obj) (cond (is-dirty (confirm-dialog obj "Save File?" (lambda (result) (setf is-dirty nil) (when result (save obj nil)) (window-close win)) :ok-text "Yes" :cancel-text "No") nil) (t t)))) (set-on-mouse-click btn-save (lambda (obj data) (save obj data) (setf is-dirty nil)))) (set-on-click btn-copy (lambda (obj) (declare (ignore obj)) (clog-ace:clipboard-copy ace))) (set-on-click btn-cut (lambda (obj) (declare (ignore obj)) (clog-ace:clipboard-cut ace))) (set-on-click btn-paste (lambda (obj) (declare (ignore obj)) (clog-ace:clipboard-paste ace))) (set-on-click btn-del (lambda (obj) (declare (ignore obj)) (clog-ace:execute-command ace "del"))) (set-on-click btn-undo (lambda (obj) (declare (ignore obj)) (clog-ace:execute-command ace "undo"))) (set-on-click btn-redo (lambda (obj) (declare (ignore obj)) (clog-ace:execute-command ace "redo"))) (set-on-click btn-efrm (lambda (obj) (let ((p (parse-integer (js-query obj (format nil "~A.session.doc.positionToIndex (~A.selection.getCursor(), 0);" (clog-ace::js-ace ace) (clog-ace::js-ace ace))) :junk-allowed t)) (tv (text-value ace)) (lf nil) (cp 0)) (loop (setf (values lf cp) (read-from-string tv nil nil :start cp)) (unless lf (return nil)) (when (> cp p) (return lf))) (when lf (let ((result (capture-eval lf :clog-obj (connection-body obj) :eval-in-package (text-value pac-line)))) (on-open-file obj :title-class "w3-blue" :title "form eval" :text result)))))) (set-on-click btn-esel (lambda (obj) (let ((val (clog-ace:selected-text ace))) (unless (equal val "") (let ((result (capture-eval val :clog-obj obj :eval-in-package (text-value pac-line)))) (on-open-file obj :title-class "w3-blue" :title "selection eval" :text result)))))) (set-on-click btn-test (lambda (obj) (let ((val (text-value ace))) (unless (equal val "") (let ((result (capture-eval val :clog-obj obj :eval-in-package (text-value pac-line)))) (on-open-file obj :title-class "w3-blue" :title "file eval" :text result))))))))) (defun on-repl (obj) "Open a REPL" (let* ((win (create-gui-window obj :title "CLOG Builder REPL" :top 40 :left 225 :width 600 :height 400 :client-movement *client-side-movement*))) (set-geometry (create-clog-builder-repl (window-content win)) :units "%" :width 100 :height 100))) (defun on-show-callers (body) "Open callers window" (input-dialog body "Enter package:function-name :" (lambda (result) (when result (handler-case (on-open-file body :title (format nil "Callers of ~A" result) :title-class "w3-orange" :text (swank::list-callers (read-from-string result))) (t (c) (on-open-file body :title "Error - Callers" :title-class "w3-red" :text c))))))) (defun on-show-callees (body) "Open callees window" (input-dialog body "Enter package:function-name :" (lambda (result) (when result (handler-case (on-open-file body :title (format nil "Callees of ~A" result) :title-class "w3-orange" :text (swank::list-callees (read-from-string result))) (t (c) (on-open-file body :title "Error - Callees" :title-class "w3-red" :text c))))))) (defun on-dir-win (obj &key dir top left) "Open dir window" (let* ((win (create-gui-window obj :title "Directory Window" :top top :left left :width 600 :height 400 :client-movement *client-side-movement*)) (d (create-dir-view (window-content win)))) (set-geometry d :units "%" :width 100 :height 100) (when *open-external* (setf (checkedp (open-file-ext d)) t)) (when dir (populate-dir-win d dir)))) (defun on-open-file-window (body) (on-new-builder body)) (defun on-open-panel-window (body) (on-new-builder body)) (defun on-new-builder (body &key file) "Launch instance of the CLOG Builder" (set-html-on-close body "Connection Lost") (let ((app (make-instance 'builder-app-data)) (open-file (form-data-item (form-get-data body) "open-file")) (open-panel (form-data-item (form-get-data body) "open-panel"))) (setf (connection-data-item body "builder-app-data") app) (setf (title (html-document body)) "CLOG Builder") (clog-gui-initialize body :body-left-offset 10 :body-right-offset 10) (add-class body "w3-blue-grey") (setf (z-index (create-panel body :positioning :fixed :bottom 0 :left 222 :content (format nil "static-root: ~A" clog::*static-root*))) -9999) (let* ((menu (create-gui-menu-bar body)) (icon (create-gui-menu-icon menu :image-url img-clog-icon :on-click #'on-help-about-builder)) (file (create-gui-menu-drop-down menu :content "Builder")) (src (create-gui-menu-drop-down menu :content "Project")) (tools (create-gui-menu-drop-down menu :content "Tools")) (win (create-gui-menu-drop-down menu :content "Window")) (help (create-gui-menu-drop-down menu :content "Help"))) (declare (ignore icon)) (create-gui-menu-item file :content "New CLOG-GUI Panel" :on-click 'on-new-builder-panel) (create-gui-menu-item file :content "New CLOG-WEB Page" :on-click 'on-new-builder-page) (create-gui-menu-item file :content "New Basic HTML Page" :on-click 'on-new-builder-basic-page) (create-gui-menu-item file :content "New CLOG-WEB Delay Launch" :on-click 'on-new-builder-launch-page) (create-gui-menu-item file :content "New Custom Boot Page" :on-click 'on-new-builder-custom) (create-gui-menu-item file :content "New Application Template" :on-click 'on-new-app-template) (create-gui-menu-item src :content "Project Window" :on-click 'on-show-project) (create-gui-menu-item src :content "Directory Window" :on-click 'on-dir-win) (create-gui-menu-item src :content "New Source Editor" :on-click 'on-open-file) (create-gui-menu-item src :content "New Source Editor (New Tab)" :on-click (lambda (obj) (declare (ignore obj)) (open-window (window body) "/source-editor"))) (create-gui-menu-item src :content "New System Browser" :on-click 'on-new-sys-browser) (create-gui-menu-item src :content "New ASDF System Browser" :on-click 'on-new-asdf-browser) (create-gui-menu-item tools :content "Control CLOG Events" :on-click 'on-show-control-events-win) (create-gui-menu-item tools :content "Control JavaScript Events" :on-click 'on-show-control-js-events-win) (create-gui-menu-item tools :content "Directory Window" :on-click 'on-dir-win) (create-gui-menu-item tools :content "List Callers" :on-click 'on-show-callers) (create-gui-menu-item tools :content "List Callees" :on-click 'on-show-callees) (create-gui-menu-item tools :content "Thread Viewer" :on-click 'on-show-thread-viewer) (create-gui-menu-item tools :content "CLOG Builder REPL" :on-click 'on-repl) (create-gui-menu-item tools :content "Copy/Cut History" :on-click 'on-show-copy-history-win) (unless *app-mode* (create-gui-menu-item tools :content "Image to HTML Data" :on-click 'on-image-to-data)) (create-gui-menu-item tools :content "Launch DB Admin" :on-click (lambda (obj) (declare (ignore obj)) (open-window (window body) "/dbadmin"))) (create-gui-menu-item win :content "Maximize" :on-click (lambda (obj) (when (current-window obj) (window-maximize (current-window obj))))) (create-gui-menu-item win :content "Normalize" :on-click (lambda (obj) (when (current-window obj) (window-normalize (current-window obj))))) (create-gui-menu-item win :content "Maximize All" :on-click #'maximize-all-windows) (create-gui-menu-item win :content "Normalize All" :on-click #'normalize-all-windows) (create-gui-menu-window-select win) (create-gui-menu-item help :content "CLOG Quick Start" :on-click 'on-quick-start) (create-gui-menu-item help :content "CLOG Manual" :on-click (lambda (obj) (declare (ignore obj)) (open-window (window body) "https://rabbibotton.github.io/clog/clog-manual.html"))) (create-gui-menu-item help :content "CLOG Tutorials" :on-click (lambda (obj) (declare (ignore obj)) (open-window (window body) "https://github.com/rabbibotton/clog/blob/main/LEARN.md"))) (create-gui-menu-item help :content "L1sp Search" :on-click (lambda (obj) (declare (ignore obj)) (open-window (window body) "http://l1sp.org/html/"))) (create-gui-menu-item help :content "Lisp in Y Minutes" :on-click (lambda (obj) (declare (ignore obj)) (open-window (window body) "https://learnxinyminutes.com/docs/common-lisp/"))) (create-gui-menu-item help :content "Simplified Reference" :on-click (lambda (obj) (declare (ignore obj)) (open-window (window body) "https://jtra.cz/stuff/lisp/sclr/index.html"))) (create-gui-menu-item help :content "Common Lisp Manual" :on-click (lambda (obj) (declare (ignore obj)) (open-window (window body) "http://clhs.lisp.se/"))) (create-gui-menu-item help :content "W3.CSS Manual" :on-click (lambda (obj) (declare (ignore obj)) (open-window (window body) "https://www.w3schools.com/w3css/"))) (create-gui-menu-item help :content "About CLOG Builder" :on-click #'on-help-about-builder) (create-gui-menu-full-screen menu)) (on-show-control-properties-win body) (on-show-control-list-win body) (on-show-copy-history-win body) (cond (open-panel (setf (title (html-document body)) open-panel) (on-new-builder-panel body :open-file open-panel)) (open-file (setf (title (html-document body)) open-file) (on-open-file body :open-file open-file :maximized t)) (*start-dir* (on-dir-win body :dir *start-dir* :top 60 :left 232)) (t (on-show-project body :project *start-project*))) (set-on-before-unload (window body) (lambda(obj) (declare (ignore obj)) ;; return empty string to prevent nav off page ""))) (run body) (when *app-mode* (clog:shutdown) (uiop:quit))) (defparameter *app-mode* nil "If *app-mode* is t terminates the clog-builder process on exit of the first clog-builder window.") (defun clog-builder (&key (port 8080) (start-browser t) app project dir static-root system clogframe) "Start clog-builder. When PORT is 0 choose a random port. When APP is t, shutdown applicatoin on termination of first window. If APP eq :BATCH then must specific default project :PROJECT and it will be batch rerendered and shutdown application. You can set the specific STATIC-ROOT or set SYSTEM to use that asdf system's static root. if DIR then the directory window instead of the project window will be displayed." (load (format nil "~A/preferences.lisp" (merge-pathnames "./tools/" (asdf:system-source-directory :clog))) :if-does-not-exist nil :verbose t) (if project (setf *start-project* (string-downcase (format nil "~A" project))) (setf *start-project* nil)) (setf *start-dir* dir) (when system (setf static-root (merge-pathnames "./www/" (asdf:system-source-directory system)))) (when app (setf *app-mode* app)) (if static-root (initialize nil :port port :static-root static-root) (initialize nil :port port)) (setf port clog:*clog-port*) (set-on-new-window 'on-new-builder :path "/builder") (set-on-new-window 'on-new-db-admin :path "/dbadmin") (set-on-new-window 'on-attach-builder-page :path "/builder-page") (set-on-new-window 'on-convert-image :path "/image-to-data") (set-on-new-window 'on-open-panel-window :path "/panel-editor") (set-on-new-window 'on-open-file-window :path "/source-editor") (when clogframe (uiop:run-program (list "./clogframe" "CLOG Builder" (format nil "~A/builder" port) (format nil "~A" 1280) (format nil "~A" 840)))) (when start-browser (format t "If browser does not start go to http://127.0.0.1:~A/builder" port) (open-browser :url (format nil "http://127.0.0.1:~A/builder" port))))