@silexlabs/silex 3.7.0-canary.1 → 3.7.0

package/README.md

@@ -52,7 +52,7 @@ This command will run Silex in a Docker container.
 First, install Silex as a dev dependency in your project:
 
 ```bash
-npm install --save-dev @silexlabs/silex
+yarn add -D @silexlabs/silex
 ```
 
 Then, you can run Silex with the `silex` command in your `package.json` scripts:
@@ -78,7 +78,7 @@ $ npx silex --client-config=./examples/client-config-transformers.js --server-co
 Or like this:
 
 ```sh
-$ SILEX_CLIENT_CONFIG=./examples/client-config-transformers.js SILEX_SERVER_CONFIG=`pwd`/examples/server-config-plugins.js npm run start:debug
+$ SILEX_CLIENT_CONFIG=./examples/client-config-transformers.js SILEX_SERVER_CONFIG=`pwd`/examples/server-config-plugins.js yarn run start:debug
 ```
 
 ## Development
@@ -93,17 +93,17 @@ To contribute to this project:
 
 2. **Install Dependencies**:
    ```bash
-   npm install
+   yarn install
    ```
 
 3. **Build the Project**:
    ```bash
-   npm run build
+   yarn run build
    ```
 
 4. **Start Development Server**:
    ```bash
-   npm run start:debug
+   yarn run start:debug
    ```
 
 ## Contributing

package/dist/client/client/grapesjs/body-remap.d.ts

@@ -0,0 +1,15 @@
+import { Editor } from 'grapesjs';
+/**
+ * Remap `body` selectors to the wrapper in the canvas iframe.
+ *
+ * Iframe DOM: <body> → <div.wrapper> → [page components]. So `body > .x` and
+ * friends can't match user components from the iframe body — they live under
+ * the wrapper div. We add `.silex-page-body` to the wrapper (DOM-only) and
+ * rewrite every CssRule's selector text from `body` to `.silex-page-body`
+ * before it's injected, via the official `css:mount:before` event.
+ *
+ * The CssComposer model is untouched — publication still outputs `body`.
+ */
+export declare const BODY_CANVAS_CLASS = "silex-page-body";
+export declare const BODY_TAG_SELECTOR_RE: RegExp;
+export default function bodyRemapPlugin(editor: Editor): void;

package/dist/client/css/admin.css

@@ -2431,6 +2431,10 @@ span.CodeMirror-selectedtext {
   padding: 5px 0 0;
 }
 
+.gjs-sm-property__border-radius .gjs-sm-property__border-bottom-right-radius {
+  order: 4;
+}
+
 .gjs-sm-stack #gjs-sm-add {
   background: none;
   border: none;
@@ -4229,9 +4233,6 @@ textarea:focus {
 .gjs-editor-cont input[id$=filter-styles].gjs-field {
   border-radius: 9999px;
   background-color: var(--gjs-primary-darker);
-  border: 1px solid var(--silex-border-color-strong);
-  padding: 5px 12px;
-  font-size: 11px;
 }
 
 .gjs-clm-tags {

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?310261"><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?588525"><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?594904"><main class="silex-workspace"><div class="silex-main silex-dialog-hide silex-ui-full" id="gjs"></div></main><script src="js/main.js?594904"></script><script>silex.start()
+</div><link rel="stylesheet" type="text/css" href="css/admin.css?696736"><main class="silex-workspace"><div class="silex-main silex-dialog-hide silex-ui-full" id="gjs"></div></main><script src="js/main.js?696736"></script><script>silex.start()
 // From here silex.config is available and Silex is getting started</script></body></html>