Update grapesjs v0.22.2

gigamaster · Nov 4, 2024 · 2e471e5 · 2e471e5
1 parent b75f1bc
commit 2e471e5
Show file tree

Hide file tree

Showing 3 changed files with 19 additions and 68 deletions.
diff --git a/app/web-app/grapesjs/index.html b/app/web-app/grapesjs/index.html
@@ -2,18 +2,20 @@
 <html lang="en">
   <head>
     <meta charset="utf-8">
-    <title>GrapesJS Demo - Free Open Source Website Page Builder</title>
+    <title>GrapesJS - Free Open Source Website Page Builder</title>
     <meta content="Best Free Open Source Responsive Websites Builder" name="description">
-    <link rel="stylesheet" href="stylesheets/toastr.min.css">
-    <link rel="stylesheet" href="stylesheets/grapes.min.css?v0.21.10">
-    <link rel="stylesheet" href="stylesheets/grapesjs-preset-webpage.min.css">
-    <link rel="stylesheet" href="stylesheets/tooltip.css">
-    <link rel="stylesheet" href="stylesheets/demos.css?v3">
-    <link href="https://unpkg.com/grapick/dist/grapick.min.css" rel="stylesheet">
-
-    <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
+    <link rel="stylesheet" href="stylesheets/toastr.min.css" />
+    <!-- update styles 2024-11-04 -->
+    <link rel="stylesheet" href="https://unpkg.com/[email protected]/dist/css/grapes.min.css" data-precedence="default" />
+    <link rel="stylesheet" href="stylesheets/grapesjs-preset-webpage.min.css" />
+    <link rel="stylesheet" href="stylesheets/tooltip.css" />
+    <link rel="stylesheet" href="stylesheets/demos.css?v3" />
+    <link href="https://unpkg.com/grapick/dist/grapick.min.css" rel="stylesheet" />
+    <!-- update jquery 2024-11-04 -->
+    <script src="https://unpkg.com/[email protected]/dist/jquery.min.js"></script>
     <script src="js/toastr.min.js"></script>
-    <script src="js/grapes.min.js?v0.21.10"></script>
+    <!-- update scripts 2024-11-04 -->
+    <script src="https://unpkg.com/[email protected]"></script>
     <script src="https://unpkg.com/[email protected]"></script>
     <script src="https://unpkg.com/[email protected]"></script>
     <script src="https://unpkg.com/[email protected]"></script>
@@ -24,10 +26,15 @@
     <script src="https://unpkg.com/[email protected]"></script>
     <script src="https://unpkg.com/[email protected]"></script>
     <script src="https://unpkg.com/[email protected]"></script>
+    <script src="https://unpkg.com/[email protected]"></script>
     <script src="https://unpkg.com/[email protected]"></script>
     <script src="https://unpkg.com/[email protected]"></script>
-    <script src="https://unpkg.com/[email protected]"></script>
 
+    <link rel="preload" as="style" href="https://uicdn.toast.com/tui-color-picker/v2.2.7/tui-color-picker.min.css" />
+    <link rel="preload" as="style" href="https://uicdn.toast.com/tui-image-editor/v3.15.2/tui-image-editor.min.css" />
+    <link rel="preload" as="script" href="https://uicdn.toast.com/tui.code-snippet/v1.5.2/tui-code-snippet.min.js" />
+    <link rel="preload" as="script" href="https://uicdn.toast.com/tui-color-picker/v2.2.7/tui-color-picker.min.js" />
+    <link rel="preload" as="script" href="https://uicdn.toast.com/tui-image-editor/v3.15.2/tui-image-editor.min.js" />
     <style type="text/css">
         .icons-flex {
           background-size: 70% 65% !important;
@@ -138,7 +145,7 @@
     <div class="ad-cont">
       <!-- <script async type="text/javascript" src="//cdn.carbonads.com/carbon.js?zoneid=1673&serve=C6AILKT&placement=grapesjscom" id="_carbonads_js"></script> -->
       <div id="native-carbon"></div>
-      <script async type="text/javascript" src="./js/carbon-v2.js"></script>
+      <!-- <script async type="text/javascript" src="./js/carbon-v2.js"></script> -->
     </div>
 
     <div id="gjs" style="height:0px; overflow:hidden">

diff --git a/app/web-app/grapesjs/stylesheets/demos.css b/app/web-app/grapesjs/stylesheets/demos.css
@@ -84,61 +84,6 @@ html {
   height: calc(100% - 150px);
 }
 
-.ad-cont {
-  position: absolute;
-  right: 0;
-  bottom: 0;
-  z-index: 2;
-  width: 15%;
-  height: 150px;
-}
-
-#carbonads {
-  font: caption;
-  padding: 20px 10px;
-}
-
-.carbon-link {
-  text-decoration: none;
-  font: caption;
-}
-
-.carbon-img {
-  float: right;
-  margin-left: 10px;
-}
-
-.carbon-img img {
-  border-radius: 3px;
-  max-width: 100px !important;
-  max-height: 77px;
-}
-
-.carbon-text {
-  color: rgba(255, 255, 255, 0.75);
-  text-decoration: none;
-  font-weight: lighter;
-}
-
-.carbon-poweredby {
-  color: rgba(255, 255, 255, 0.55);
-  text-decoration: none;
-  float: right;
-}
-
-.carbon-cta-c {
-  text-align: right;
-  padding-top: 5px;
-}
-
-.carbon-cta {
-  display: inline-block;
-  padding: 4px 10px;
-  border-radius: 3px;
-  font-weight: bold;
-  font-size: 12px;
-}
-
 .gjs-block-label svg,
 .gjs-block__media svg {
   width: 54px;

diff --git a/app/web-app/grapesjs/stylesheets/grapes.min.css b/app/web-app/grapesjs/stylesheets/grapes.min.css