chore: commit save point

.gitignore

@@ -4,7 +4,6 @@ private/
 node_modules/
 *.log
 _index.html
-dist/
 stats.json
 
 

Makefile

@@ -159,10 +159,11 @@ SCRIPT_PATH          :=   $(THIS_DIR)scripts/
 
 PACKAGE_DIR                                := $(THIS_DIR)
 PACKAGE_DIST_DIR                           := $(THIS_DIR)dist/
-PACKAGE_DIST_FILE                          := $(PACKAGE_DIST_DIR)@schukai/grapesjs-blocks-bootstrap5.min.js
+PACKAGE_DIST_JS_FILE                       := $(PACKAGE_DIST_DIR)@schukai/grapesjs-project-manager.min.js
+PACKAGE_DIST_CSS_FILE                      := $(PACKAGE_DIST_DIR)@schukai/grapesjs-project-manager.min.css
 PACKAGE_SOURCE_DIR                         := $(THIS_DIR)source/
-PACKAGE_SOURCE_FILES                       := $(shell find $(PACKAGE_SOURCE_DIR) -name '*.js')
-PACKAGE_RELATIVE_SOURCE_FILES              := $(shell find $(PACKAGE_SOURCE_DIR) -name '*.js' -exec realpath --relative-to $(THIS_DIR) {} \;   )
+PACKAGE_SOURCE_SCSS_FILES                  := $(shell find $(PACKAGE_SOURCE_DIR) -name '*.scss')
+PACKAGE_SOURCE_JS_FILES                    := $(shell find $(PACKAGE_SOURCE_DIR) -name '*.js')
 PACKAGE_VERSION                            := $(shell jq -r ".version" $(PACKAGE_DIR)package.json)
 
 #############################################################################################
@@ -249,12 +250,15 @@ $(NODE_MODULES_DIR): $(THIS_DIR)package.json
 clean:
 	$(QUIET) $(RM) --recursive $(THIS_DIR)dist/
 
-$(PACKAGE_DIST_FILE): $(PACKAGE_SOURCE_FILES)
+$(PACKAGE_DIST_CSS_FILE): $(PACKAGE_SOURCE_SCSS_FILES)
+	$(QUIET) $(NPM) run build:css
+
+$(PACKAGE_DIST_JS_FILE): $(PACKAGE_SOURCE_JS_FILES)
 	$(QUIET) $(NPM) run build
 
 .PHONY: build
 ## create all packages
-build: $(NODE_MODULES_DIR) $(PACKAGE_DIST_FILE)
+build: $(NODE_MODULES_DIR) $(PACKAGE_DIST_JS_FILE) $(PACKAGE_DIST_CSS_FILE)
 
 .PHONY: dev
 ## start dev server

dist/@schukai/grapesjs-project-manager.min.css

+:root{--border-color: rgba(0, 0, 0, 0.15);--background-color: #3c4a49;--background-box-title: #263332}.app{margin:20px;margin-top:30px;animation:fadein .3s}.app a{text-decoration:none;color:#936a9b}.app h1{margin-bottom:30px}.app h2{color:#936a9b}.app button{cursor:pointer;background-color:#424242;font-family:inherit;color:#fff;display:inline-flex;align-items:center;justify-content:center;font-size:15px;border:1px solid #e9ebeb;border-bottom-color:#e1e3e3;border-radius:4px;background-color:#fff;color:rgba(14,30,37,.87);box-shadow:0 2px 4px 0 rgba(14,30,37,.12);transition:all .2s ease;transition-property:background-color,color,border,box-shadow;outline:0;font-weight:500;background:#936a9b;color:#fff;border-color:transparent}.title-inner{display:flex;align-items:center}.title-inner button{margin-left:20px}.primary-button{padding:13px 18px}.primary-button:hover{background:#73308d}.flex-row{display:flex;justify-content:space-between;align-items:center}.flex-row button{height:45px}.tm-input{border-radius:2px;font-size:16px;padding:11px 15px;min-width:300px;display:inline-block;box-shadow:0 0 0 2px rgba(120,130,152,.25);border:none;outline:none;transition:all .3s ease;margin:20px 0;color:#fff;background-color:rgba(0,0,0,.2)}.tm-input:active,.tm-input:focus,.tm-input:hover{box-shadow:0 0 0 2px #936a9b}.tm-input.sm{width:100%;min-width:0;font-size:12px;margin:10px 0;padding:8px 10px}.header{cursor:pointer;font-weight:bold;font-size:16px !important}.item{text-align:center}#site-list{max-height:400px;overflow-y:auto;overflow-x:hidden}.site-wrapper,.site-wrapper-header{display:flex;align-items:center;padding:10px 0;padding-left:20px;font-size:14px;transition:.3s}.site-wrapper.selected{border:2px solid #936a9b}.site-wrapper.open,.site-wrapper:nth-child(even).open{background-color:rgba(147,106,155,.2)}.site-wrapper-header{padding-left:15px;border-bottom:2px solid rgba(14,30,37,.2)}.site-wrapper:hover,.site-wrapper:nth-child(even):hover{background:rgba(255,255,255,.1)}.site-wrapper-header,.site-wrapper:nth-child(even){background-color:rgba(0,0,0,.1)}.site-screenshot,.site-screenshot-header{height:64px;margin:0 24px 0 0;min-width:102.4px;position:relative;overflow:hidden}.site-screenshot-header{height:30px}.site-screenshot:before{background:#dadcdd;bottom:0;content:" ";left:0;position:absolute;right:0;top:0}.site-screenshot a{display:block;position:relative;z-index:9;height:100%}.site-screenshot img{position:relative;width:100%;width:102.4px;border:none}.site-screenshot img[alt]:after{display:block;position:absolute;top:0;left:0;width:100%;height:100%;background-color:#dadcdd;font-weight:300;line-height:2;text-align:center;content:""}.site-info{min-width:250px;max-width:250px}.site-info h2{margin:0px;margin-bottom:5px}.site-info a{text-decoration:none}.site-meta a{font-size:14px;color:rgba(165,210,230,.8)}.site-update-time{min-width:150px}.site-create-time{min-width:130px}.site-pages,.site-size{min-width:80px}.site-actions{min-width:200px}.site-actions i{color:#936a9b;background-color:rgba(0,0,0,.1);border:1px solid #936a9b;border-radius:2px;padding:5px;cursor:pointer}.site-actions i:hover{background-color:#936a9b;color:#fff}.gjs-templates-overlay{position:absolute;pointer-events:none;top:0;width:100%;height:100%;background-color:rgba(255,255,255,.05)}.gjs-mdl-dialog-tml{max-width:1000px;margin-top:45px}.gjs-mdl-dialog-md{max-width:400px;margin-top:45px}.gjs-tip-about{padding:10px;font-size:.9rem;border:1px solid rgba(0,0,0,.2);border-left:3px solid #936a9b;background-color:rgba(0,0,0,.1);margin-bottom:10px}.gjs-tab{overflow:hidden;border-bottom:1px solid rgba(0,0,0,.2);margin-bottom:10px}.gjs-tab button{background-color:inherit;color:inherit;float:left;border:1px solid rgba(0,0,0,.1);outline:none;cursor:pointer;padding:14px 16px;transition:.3s}.gjs-tab button:hover{background-color:rgba(0,0,0,.1)}.gjs-tab button.active{background-color:rgba(0,0,0,.2)}.pages-wrp,.pages{display:flex;flex-direction:column}.pages-wrp{padding:5px}.pages-title{padding:5px;margin:0;border-bottom:1px solid rgba(0,0,0,.1)}.add-page{background:#936a9b;color:#fff;font-size:12px;padding:8px 5px;border-radius:2px;cursor:pointer;white-space:nowrap;margin-bottom:10px}.page{font-size:12px;text-align:left;padding:5px;margin-bottom:5px;border-radius:2px;border:1px solid rgba(0,0,0,.2);box-shadow:0 1px 0 0 rgba(0,0,0,.15);transition:all .2s ease 0s;transition-property:box-shadow,color;cursor:pointer}.page:hover{color:#936a9b;box-shadow:0 3px 4px 0 rgba(0,0,0,.15)}.page.selected{color:#936a9b;border:1px solid #936a9b;background-color:rgba(0,0,0,.1)}.page-edit,.page-close{opacity:.5;float:right;background-color:rgba(0,0,0,.1);border:1px solid rgba(0,0,0,.2);height:17px;width:17px;text-align:center;border-radius:3px}.page-edit:hover,.page-close:hover{opacity:1}.page-edit{margin-right:5px}.group{margin-bottom:15px}.group input{padding:0;height:initial;width:initial;margin-bottom:0;display:none;cursor:pointer}.group input:checked+label:after{content:"";display:block;position:absolute;top:2px;left:9px;width:6px;height:14px;border:solid #936a9b;border-width:0 2px 2px 0;transform:rotate(45deg)}.group label{position:relative;cursor:pointer}.group label:before{content:"";-webkit-appearance:none;background-color:transparent;border:2px solid #936a9b;box-shadow:0 1px 2px rgba(0,0,0,.05),inset 0px -15px 10px -12px rgba(0,0,0,.05);padding:10px;display:inline-block;position:relative;vertical-align:middle;cursor:pointer;margin-right:5px}@keyframes fadein{0%{opacity:0}100%{opacity:1}}/*# sourceMappingURL=grapesjs-project-manager.min.css.map */

dist/@schukai/grapesjs-project-manager.min.css.map

+{"version":3,"sourceRoot":"","sources":["../../source/styles.scss"],"names":[],"mappings":"AAKA,MACI,oCACA,4BAEA,gCAGJ,KACI,YACA,gBACA,qBAEA,OACI,qBACA,MAhBI,QAmBR,QACI,mBAGJ,QACI,MAxBI,QA2BR,YACI,eACA,yBACA,oBACA,WACA,oBACA,mBACA,uBACA,eACA,yBACA,4BACA,kBACA,sBACA,yBACA,0CACA,wBACA,6DACA,UACA,gBACA,WA9CI,QA+CJ,WACA,yBAIR,aACI,aACA,mBAEA,oBACI,iBAIR,gBACI,kBAEA,sBACI,mBAIR,UACI,aACA,8BACA,mBAEA,iBACI,YAIR,UACI,kBACA,eACA,kBACA,gBACA,qBACA,2CACA,YACA,aACA,wBACA,cACA,WACA,gCAEA,iDAGI,6BAGJ,aACI,WACA,YACA,eACA,cACA,iBAIR,QACI,eACA,iBACA,0BAGJ,MACI,kBAGJ,WACI,iBACA,gBACA,kBAGJ,mCAEI,aACA,mBACA,eACA,kBACA,eACA,eAGJ,uBACI,yBAGJ,sDAEI,sCAGJ,qBACI,kBACA,0CAGJ,wDAEI,gCAGJ,mDAEI,gCAGJ,yCAEI,YACA,kBACA,kBACA,kBACA,gBAGJ,wBACI,YAGJ,wBACI,mBACA,SACA,YACA,OACA,kBACA,QACA,MAGJ,mBACI,cACA,kBACA,UACA,YAGJ,qBACI,kBACA,WACA,cACA,YAGJ,gCACI,cACA,kBACA,MACA,OACA,WACA,YACA,yBACA,gBACA,cACA,kBACA,WAGJ,WACI,gBACA,gBAEA,cACI,WACA,kBAGJ,aACI,qBAIR,aACI,eACA,2BAGJ,kBACI,gBAGJ,kBACI,gBAGJ,uBAEI,eAGJ,cACI,gBAEA,gBACI,MArPI,QAsPJ,gCACA,yBACA,kBACA,YACA,eAEA,sBACI,iBA7PA,QA8PA,WAKZ,uBACI,kBACA,oBACA,MACA,WACA,YACA,uCAGJ,oBACI,iBACA,gBAGJ,mBACI,gBACA,gBAGJ,eACI,aACA,gBACA,gCACA,8BACA,gCACA,mBAGJ,SACI,gBACA,uCACA,mBAEA,gBACI,yBACA,cACA,WACA,gCACA,aACA,eACA,kBACA,eAEA,sBACI,gCAGJ,uBACI,gCAKZ,kBAEI,aACA,sBAGJ,WACI,YAGJ,aACI,YACA,SACA,uCAGJ,UACI,WAzUQ,QA0UR,WACA,eACA,gBACA,kBACA,eACA,mBACA,mBAGJ,MACI,eACA,gBACA,YACA,kBACA,kBACA,gCACA,qCACA,2BACA,qCACA,eAEA,YACI,MAhWI,QAiWJ,uCAGJ,eACI,MArWI,QAsWJ,yBACA,gCAIR,uBAEI,WACA,YACA,gCACA,gCACA,YACA,WACA,kBACA,kBAEA,mCACI,UAIR,WACI,iBAGJ,OACI,mBAEA,aACI,UACA,eACA,cACA,gBACA,aACA,eAEA,iCACI,WACA,cACA,kBACA,QACA,SACA,UACA,YACA,qBACA,yBACA,wBAIR,aACI,kBACA,eAEA,oBACI,WACA,wBACA,6BACA,yBACA,gFACA,aACA,qBACA,kBACA,sBACA,eACA,iBAKZ,kBACI,GACI,UAGJ,KACI","file":"grapesjs-project-manager.min.css"}
\ No newline at end of file

dist/@schukai/grapesjs-project-manager.min.js.LICENSE.txt

+/*! @schukai/grapesjs-project-manager - 1.0.0 */

dist/grapesjs-project-manager.min.css.map

+{"version":3,"sourceRoot":"","sources":["../source/styles.scss"],"names":[],"mappings":"AAKA,MACI,oCACA,4BAEA,gCAGJ,KACI,YACA,gBACA,qBAEA,OACI,qBACA,MAhBI,QAmBR,QACI,mBAGJ,QACI,MAxBI,QA2BR,YACI,eACA,yBACA,oBACA,WACA,oBACA,mBACA,uBACA,eACA,yBACA,4BACA,kBACA,sBACA,yBACA,0CACA,wBACA,6DACA,UACA,gBACA,WA9CI,QA+CJ,WACA,yBAIR,aACI,aACA,mBAEA,oBACI,iBAIR,gBACI,kBAEA,sBACI,mBAIR,UACI,aACA,8BACA,mBAEA,iBACI,YAIR,UACI,kBACA,eACA,kBACA,gBACA,qBACA,2CACA,YACA,aACA,wBACA,cACA,WACA,gCAEA,iDAGI,6BAGJ,aACI,WACA,YACA,eACA,cACA,iBAIR,QACI,eACA,iBACA,0BAGJ,MACI,kBAGJ,WACI,iBACA,gBACA,kBAGJ,mCAEI,aACA,mBACA,eACA,kBACA,eACA,eAGJ,uBACI,yBAGJ,sDAEI,sCAGJ,qBACI,kBACA,0CAGJ,wDAEI,gCAGJ,mDAEI,gCAGJ,yCAEI,YACA,kBACA,kBACA,kBACA,gBAGJ,wBACI,YAGJ,wBACI,mBACA,SACA,YACA,OACA,kBACA,QACA,MAGJ,mBACI,cACA,kBACA,UACA,YAGJ,qBACI,kBACA,WACA,cACA,YAGJ,gCACI,cACA,kBACA,MACA,OACA,WACA,YACA,yBACA,gBACA,cACA,kBACA,WAGJ,WACI,gBACA,gBAEA,cACI,WACA,kBAGJ,aACI,qBAIR,aACI,eACA,2BAGJ,kBACI,gBAGJ,kBACI,gBAGJ,uBAEI,eAGJ,cACI,gBAEA,gBACI,MArPI,QAsPJ,gCACA,yBACA,kBACA,YACA,eAEA,sBACI,iBA7PA,QA8PA,WAKZ,uBACI,kBACA,oBACA,MACA,WACA,YACA,uCAGJ,oBACI,iBACA,gBAGJ,mBACI,gBACA,gBAGJ,eACI,aACA,gBACA,gCACA,8BACA,gCACA,mBAGJ,SACI,gBACA,uCACA,mBAEA,gBACI,yBACA,cACA,WACA,gCACA,aACA,eACA,kBACA,eAEA,sBACI,gCAGJ,uBACI,gCAKZ,kBAEI,aACA,sBAGJ,WACI,YAGJ,aACI,YACA,SACA,uCAGJ,UACI,WAzUQ,QA0UR,WACA,eACA,gBACA,kBACA,eACA,mBACA,mBAGJ,MACI,eACA,gBACA,YACA,kBACA,kBACA,gCACA,qCACA,2BACA,qCACA,eAEA,YACI,MAhWI,QAiWJ,uCAGJ,eACI,MArWI,QAsWJ,yBACA,gCAIR,uBAEI,WACA,YACA,gCACA,gCACA,YACA,WACA,kBACA,kBAEA,mCACI,UAIR,WACI,iBAGJ,OACI,mBAEA,aACI,UACA,eACA,cACA,gBACA,aACA,eAEA,iCACI,WACA,cACA,kBACA,QACA,SACA,UACA,YACA,qBACA,yBACA,wBAIR,aACI,kBACA,eAEA,oBACI,WACA,wBACA,6BACA,yBACA,gFACA,aACA,qBACA,kBACA,sBACA,eACA,iBAKZ,kBACI,GACI,UAGJ,KACI","file":"grapesjs-project-manager.min.css"}
\ No newline at end of file

index.html

@@ -3,7 +3,8 @@
 <head>
     <meta charset="utf-8">
     <title>GrapesJS Project Manager</title>
-    <link href="https://unpkg.com/grapesjs/dist/css/grapes.min.css" rel="stylesheet">
+    <link href="https://unpkg.com/grapesjs/dist/css/grapes.min.css" rel="stylesheet" type="text/css">
+    <link href="@schukai/grapesjs-project-manager.min.css" rel="stylesheet" type="text/css">
     <script src="https://unpkg.com/grapesjs"></script>
     <script src="@schukai/grapesjs-project-manager.min.js"></script>
     <style>

package.json

@@ -11,8 +11,10 @@
         "lint": "eslint source",
         "build": "webpack --env production",
         "build-dev": "npm run && webpack --env production",
-        "start": "webpack-cli serve --mode development --progress",
-        "postinstall": "npm-install-peers"
+        "start": "webpack-cli serve --static dist --mode development --progress",
+        "postinstall": "npm-install-peers",
+        "build:css": "sass source/styles.scss dist/@schukai/grapesjs-project-manager.min.css --style compressed",
+        "watch:scss": "sass --watch source/styles.scss dist/@schukai/grapesjs-project-manager.min.css --style compressed"
     },
     "keywords": [
         "grapesjs",