@silexlabs/silex 3.5.1-1 → 3.5.1-3

package/.silex.js

@@ -44,6 +44,9 @@ module.exports = async function(config, options) {
           }, {
             route: '/css/files/',
             path: nodeModules('@fontsource/ubuntu') + '/@fontsource/ubuntu/files/',
+          }, {
+            route: '/lottie-player/',
+            path: nodeModules('@lottiefiles/lottie-player') + '/@lottiefiles/lottie-player/dist/',
           }, {
             route: '/',
             path: join(__dirname, 'dist', 'client'),

package/dist/client/client/grapesjs/PublicationManager.d.ts

@@ -67,6 +67,49 @@ export declare class PublicationManager {
      */
     startPublication(): Promise<void>;
     getHtmlFiles(siteSettings: WebsiteSettings, preventDefault: any): Promise<WebsiteFile[]>;
+    /**
+     * Helper function to check if a viewport meta tag exists in the head content
+     * @param headContent - HTML content from head settings
+     * @returns true if viewport meta tag is found
+     */
+    private hasViewportMeta;
+    /**
+     * Get the default viewport meta tag if no viewport is present
+     * @param siteHead - Head content from site settings
+     * @param pageHead - Head content from page settings
+     * @returns viewport meta tag or empty string if already present
+     */
+    private ensureViewportMeta;
+    /**
+     * Helper function to check if a generator meta tag exists in the head content
+     * @param headContent - HTML content from head settings
+     * @returns true if generator meta tag is found
+     */
+    private hasGeneratorMeta;
+    /**
+     * Get the default generator meta tag if no generator is present
+     * @param siteHead - Head content from site settings
+     * @param pageHead - Head content from page settings
+     * @returns generator meta tag or empty string if already present
+     */
+    private ensureGeneratorMeta;
+    /**
+     * Helper function to check if a canonical link exists in the head content
+     * @param headContent - HTML content from head settings
+     * @returns true if canonical link is found
+     */
+    private hasCanonicalLink;
+    /**
+     * Helper function to check if alternate links exist in the head content
+     * @param headContent - HTML content from head settings
+     * @returns true if alternate links are found
+     */
+    private hasAlternateLinks;
+    /**
+     * Check for missing SEO tags and emit warnings
+     * @param siteSettings - Site settings
+     */
+    private checkSeoTags;
     getHtmlFilesYield(siteSettings: WebsiteSettings, preventDefault: any): AsyncGenerator<WebsiteFile | undefined>;
     trackProgress(): Promise<void>;
     private setPublicationTransformers;

package/dist/client/client/grapesjs/lottie.d.ts

@@ -0,0 +1,7 @@
+import { Editor } from 'grapesjs';
+/**
+ * Lottie animation block plugin for Silex
+ * Allows users to embed Lottie animations using the lottie-player web component
+ * Follows GrapesJS best practices for loading external scripts
+ */
+export declare const lottiePlugin: (editor: Editor, opts?: {}) => void;

package/dist/client/css/admin.css

@@ -4000,7 +4000,7 @@ See http://bgrins.github.io/spectrum/themes/ for instructions.
   height: 100vh;
   z-index: 10;
   pointer-events: auto;
-  overflow: auto;
+  overflow: hidden; /* settings scroll is on .settings-body */
   display: flex;
   flex-direction: column;
 }
@@ -4089,6 +4089,11 @@ See http://bgrins.github.io/spectrum/themes/ for instructions.
   min-height: 400px;
   height: auto;
 }
+.settings-dialog .CodeMirror-scroll {
+  /* override codemirror default styles */
+  overflow: hidden !important; /* on chrome, a horizontal scroll bar appears */
+  padding-bottom: 150px;
+}
 
 button.silex-button,
 input.silex-button[type=button],
@@ -4314,9 +4319,6 @@ form.silex-form .silex-form__group.col2 {
   bottom: 0;
   left: 35px;
   right: var(--viewsPanelWidth);
-  display: flex;
-  justify-content: space-between;
-  align-items: center;
   box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
   height: 30px;
 }
@@ -4544,7 +4546,8 @@ form.silex-form .silex-form__group.col2 {
   align-items: center;
   background-color: #292929;
   border-bottom: 1px solid rgba(0, 0, 0, 0.25);
-  cursor: pointer;
+  cursor: cursor;
+  transition: opacity 0.2s ease, background-color 0.2s ease;
 }
 .page-panel-container .pages .pages__page:hover {
   background-color: #333333;
@@ -4552,6 +4555,13 @@ form.silex-form .silex-form__group.col2 {
 .page-panel-container .pages .pages__page:hover .pages__page-name {
   color: #A291FF;
 }
+.page-panel-container .pages .pages__page:active {
+  cursor: grabbing;
+}
+.page-panel-container .pages .pages__page-dragging {
+  opacity: 0.4;
+  cursor: grabbing !important;
+}
 .page-panel-container .pages .pages__page-selected {
   background-color: #575757;
   cursor: default;
@@ -4566,20 +4576,31 @@ form.silex-form .silex-form__group.col2 {
   white-space: nowrap;
   overflow: hidden;
   text-overflow: ellipsis;
-  height: 13px;
-  font-size: initial;
+  font-size: 13px;
   text-transform: capitalize;
-  padding: 10px 6px;
+  padding: 6px;
   flex: 1;
   text-align: left;
+  display: flex;
+  align-items: center;
+  gap: 4px;
 }
 .page-panel-container .pages .pages__icon {
-  padding: 10px 6px;
+  padding: 6px;
   cursor: pointer;
+  font-size: 12px;
 }
 .page-panel-container .pages .pages__icon:hover {
   color: #A291FF;
 }
+.page-panel-container .pages .pages__drag-handle {
+  cursor: grab;
+  opacity: 0.6;
+  flex-shrink: 0;
+}
+.page-panel-container .pages .pages__drag-handle:hover {
+  opacity: 1;
+}
 .page-panel-container .gjs-pn-buttons {
   flex-direction: column;
 }
@@ -5146,6 +5167,11 @@ form.silex-form .silex-form__group.col2 {
   margin-right: 0.3em;
 }
 
+.fa-grip-vertical:before {
+  content: "\f58e";
+  font-weight: 900;
+}
+
 .gjs-sm-sector .gjs-sm-sector-title::before,
 .gjs-sm-sector .gjs-sm-sector-title::after {
   content: "o";

package/dist/client/index.html

@@ -1,4 +1,4 @@
-<!DOCTYPE html><html lang="en" translate="no"><head><title>Silex</title><meta name="description" content="This is a public instance of Silex website builder. Build websites in the browser"><link rel="shortcut icon" href="assets/favicon.png?829209"><style>body {
+<!DOCTYPE html><html lang="en" translate="no"><head><title>Silex</title><meta name="description" content="This is a public instance of Silex website builder. Build websites in the browser"><link rel="shortcut icon" href="assets/favicon.png?878908"><style>body {
   background-color: #444444;
   font-family: "Ubuntu", "Helvetica Neue", Helvetica, Arial, sans-serif;
 }
@@ -7,5 +7,5 @@
   transition: opacity 0.25s 0.25s ease-in-out;
 }
 </style></head><body class="silex-loading"><div class="silex-loader silex-dialog" role="status" aria-live="polite" aria-busy="true">Loading
-</div><link rel="stylesheet" type="text/css" href="css/admin.css?289074"><main class="silex-workspace"><div class="silex-main silex-dialog-hide silex-ui-full" id="gjs"></div></main><script src="js/main.js?289074"></script><script>silex.start()
+</div><link rel="stylesheet" type="text/css" href="css/admin.css?611607"><main class="silex-workspace"><div class="silex-main silex-dialog-hide silex-ui-full" id="gjs"></div></main><script src="js/main.js?611607"></script><script>silex.start()
 // From here silex.config is available and Silex is getting started</script></body></html>