@silexlabs/silex 3.3.1-3 → 3.3.1-5

package/README.md

@@ -4,6 +4,7 @@ This repository is the core library of Silex, it is a nodejs server which serves
 
 Useful links
 
+* [Documentation for developers](https://docs.silex.me/en/dev/run)
 * [npm package for this repo](https://www.npmjs.com/package/@silexlabs/silex)
 * [Docker image for this repo](https://hub.docker.com/r/silexlabs/silex)
 * [Official website](https://www.silex.me/)
@@ -71,7 +72,7 @@ You can configure Silex using environment variables and command-line options. Al
 Check the example config files - which are the same as plugins in Silex, in the [`examples/`](./examples/) folder. To test these configs, start Silex locally like this:
 
 ```sh
-$ npx silex --client-config=./examples/client-config-transformers.js --server-config=`pwd`/examples/server-config-plugins.js 
+$ npx silex --client-config=./examples/client-config-transformers.js --server-config=`pwd`/examples/server-config-plugins.js
 ```
 
 Or like this:
@@ -80,6 +81,31 @@ Or like this:
 $ SILEX_CLIENT_CONFIG=./examples/client-config-transformers.js SILEX_SERVER_CONFIG=`pwd`/examples/server-config-plugins.js npm run start:debug
 ```
 
+## Development
+
+To contribute to this project:
+
+1. **Clone the Repository**:
+   ```bash
+   git clone https://github.com/silexlabs/silex-lib.git
+   cd silex-lib
+   ```
+
+2. **Install Dependencies**:
+   ```bash
+   npm install
+   ```
+
+3. **Build the Project**:
+   ```bash
+   npm run build
+   ```
+
+4. **Start Development Server**:
+   ```bash
+   npm run start:debug
+   ```
+
 ## Contributing
 
 Contributions are welcome! Please read our [contributing guidelines](CONTRIBUTING.md) for details on how to contribute to Silex.
@@ -95,4 +121,3 @@ The upstream projects we use in Silex are all listed in [Silex meta package](htt
 ## Github stars history
 
 [![Star History Chart](https://api.star-history.com/svg?repos=silexlabs/Silex&type=Timeline)](https://star-history.com/#silexlabs/Silex&Timeline)
-

package/dist/client/css/admin.css

@@ -311,9 +311,13 @@ template {
 
 :root {
   --primaryColor: #333333;
+  --gjs-primary-color: #333333 !important;
   --secondaryColor: #ddd;
+  --gjs-secondary-color: #ddd !important;
   --tertiaryColor: #8873FE;
+  --gjs-tertiary-color: #8873FE !important;
   --quaternaryColor: #A291FF;
+  --gjs-quaternary-color: #A291FF !important;
   --darkerPrimaryColor: #292929;
   --lighterPrimaryColor: #575757;
   --viewsPanelWidth: 25%;
@@ -4220,21 +4224,22 @@ form.silex-form .silex-form__group.col2 {
   height: 0;
   position: absolute;
   background-color: #333333;
+  outline: 1px solid grey;
+  border: none;
   border-radius: 0.125rem;
   transform: translateY(-5px);
   transition: all 0.3s 0.3s ease;
+  /* CHROME */
+  /* FIREFOX */
 }
 .silex-loader .silex-loader__text progress.silex-loader__progress::-webkit-progress-bar {
-  background-color: #ddd;
-  border-radius: 0.125rem;
+  background-color: #333333;
 }
 .silex-loader .silex-loader__text progress.silex-loader__progress::-webkit-progress-value {
-  background-color: #333333;
-  border-radius: 0.125rem;
+  background-color: #ddd;
 }
 .silex-loader .silex-loader__text progress.silex-loader__progress::-moz-progress-bar {
   background-color: #ddd;
-  border-radius: 0.125rem;
 }
 .silex-loader.silex-loader--active .silex-loader__text {
   min-width: 250px;
@@ -4462,10 +4467,10 @@ form.silex-form .silex-form__group.col2 {
 }
 
 .page-panel-container .pages__wrapper {
-  height: inherit;
+  display: contents !important;
+  height: fit-content;
 }
 .page-panel-container .pages {
-  height: 100%;
   display: flex;
   flex-direction: column;
 }
@@ -4473,6 +4478,7 @@ form.silex-form .silex-form__group.col2 {
   flex: 1;
   border: 1px solid #292929;
   background-color: #333333;
+  min-height: 20vh;
 }
 .page-panel-container .pages .pages__page {
   display: flex;
@@ -4657,6 +4663,10 @@ form.silex-form .silex-form__group.col2 {
   border-right-color: #ddd;
 }
 
+.gjs-radio-item-label:after {
+  display: none !important;
+}
+
 .gjs-editor .gjs-notification {
   max-height: initial;
   text-align: left;
@@ -4976,6 +4986,13 @@ form.silex-form .silex-form__group.col2 {
 .gjs-sm-icon[title]:not([title=""])::after {
   content: "?";
   margin-left: 0.5em;
+  padding: 0.1em 0.3em;
+  transition: background 0.5s;
+  font-size: x-small;
+}
+
+.gjs-sm-icon[title]:not([title=""]):hover::after {
+  background: var(--gjs-main-dark-color);
 }
 
 /*
@@ -5057,9 +5074,9 @@ form.silex-form .silex-form__group.col2 {
 
 .gjs-sm-sector .gjs-sm-sector-title::before,
 .gjs-sm-sector .gjs-sm-sector-title::after {
-  content: "•";
+  content: "o";
   display: none;
-  margin-left: 0.1em;
+  margin-left: 0.4em;
   order: 5;
 }
 

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?323705"><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?417485"><style>body {
   background-color: #444444;
   font-family: "Ubuntu", "Helvetica Neue", Helvetica, Arial, sans-serif;
 }
@@ -6,6 +6,6 @@
   opacity: 0;
   transition: opacity 0.25s 0.25s ease-in-out;
 }
-</style></head><body class="silex-loading"><div class="silex-loader silex-dialog">Loading
-</div><link rel="stylesheet" type="text/css" href="css/admin.css?595721"><main class="silex-workspace"><div class="silex-main silex-dialog-hide silex-ui-full" id="gjs"></div></main><script src="js/main.js?595721"></script><script>silex.start()
+</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?738506"><main class="silex-workspace"><div class="silex-main silex-dialog-hide silex-ui-full" id="gjs"></div></main><script src="js/main.js?738506"></script><script>silex.start()
 // From here silex.config is available and Silex is getting started</script></body></html>