@silexlabs/silex 3.0.0-alpha.100

package/dist/server/server/index.js

@@ -0,0 +1,90 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+var __exportStar = (this && this.__exportStar) || function(m, exports) {
+    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+const silexApp = __importStar(require("./express"));
+const api_1 = __importDefault(require("./api/api"));
+const config_1 = require("./config");
+const dotenv_1 = __importDefault(require("dotenv"));
+const path_1 = require("path");
+__exportStar(require("./expose"), exports);
+async function silex() {
+    const curDirEnv = dotenv_1.default.config();
+    if (curDirEnv.error) {
+        if (curDirEnv.error['code'] === 'ENOENT') {
+            console.info('> No .env file found in current directory');
+        }
+        else {
+            throw curDirEnv.error;
+        }
+    }
+    else {
+        console.info('> Env vars loaded from .env file');
+    }
+    const DEFAULT_ENV_FILE = (0, path_1.join)(__dirname, '../../../.env.default');
+    const rootDirEnv = dotenv_1.default.config({ path: DEFAULT_ENV_FILE });
+    if (rootDirEnv.error) {
+        if (rootDirEnv.error['code'] === 'ENOENT') {
+            throw new Error(`\n\nFailed to load default env vars. File not found ${DEFAULT_ENV_FILE}\n\n`);
+        }
+        else {
+            throw new Error(`\n\nFailed to load default env vars. Error in ${DEFAULT_ENV_FILE}: ${rootDirEnv.error.message}\n\n`);
+        }
+    }
+    console.info('> Default env vars loaded');
+    const config = new config_1.ServerConfig();
+    const app = silexApp.create(config);
+    await config.addRoutes(app);
+    await config.loadConfigFiles();
+    await config.initDefaultConnectors();
+    app.use('/api', (0, api_1.default)(config));
+    await silexApp.start(app);
+    console.info(`
+I'm ready, listening to port ${config.port}
+  `);
+    if (config.debug) {
+        startLiverReload();
+    }
+}
+exports.default = silex;
+async function startLiverReload() {
+    const { createServer } = await Promise.resolve().then(() => __importStar(require('livereload')));
+    const { resolve } = await Promise.resolve().then(() => __importStar(require('path')));
+    const dist = resolve(__dirname, '../../client');
+    const server = createServer({
+        delay: 0,
+    }, () => {
+        console.info(`\n> Debug mode\n> Live reload server is running.\n> Watching ${dist}`);
+    });
+    server.watch(dist);
+}
+if (require.main === module) {
+    silex();
+}

package/dist/server/server/jobs.js

@@ -0,0 +1,48 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.jobManager = exports.killJob = exports.jobError = exports.jobSuccess = exports.getJob = exports.startJob = void 0;
+const types_1 = require("../types");
+const TIME_TO_KEEP_AFTER_STOP = 60 * 10 * 1000;
+const jobs = new Array();
+const processKey = Math.ceil(Math.random() * 1000000);
+let nextJobId = 0;
+function startJob(message = '') {
+    const jobId = `${processKey}_${++nextJobId}`;
+    const job = {
+        jobId,
+        status: types_1.JobStatus.IN_PROGRESS,
+        message: message
+    };
+    jobs.push(job);
+    return job;
+}
+exports.startJob = startJob;
+function getJob(id) {
+    return jobs.find(job => job.jobId === id);
+}
+exports.getJob = getJob;
+function jobSuccess(id, message = '') {
+    return end(id, types_1.JobStatus.SUCCESS, message);
+}
+exports.jobSuccess = jobSuccess;
+function jobError(id, message = '') {
+    return end(id, types_1.JobStatus.ERROR, message);
+}
+exports.jobError = jobError;
+function killJob(job) {
+    clearTimeout(job._timeout);
+    jobs.splice(jobs.findIndex(j => job.jobId === j.jobId), 1);
+}
+exports.killJob = killJob;
+function end(id, status, message = '') {
+    const job = getJob(id);
+    if (job) {
+        job.status = status;
+        if (message)
+            job.message = message;
+        job._timeout = setTimeout(() => killJob(job), TIME_TO_KEEP_AFTER_STOP);
+        return true;
+    }
+    return false;
+}
+exports.jobManager = { startJob, jobSuccess, jobError };

package/dist/server/server/utils/validation.js

@@ -0,0 +1,15 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.requiredParam = void 0;
+function requiredParam(value, name, defaultValue) {
+    if (value === undefined) {
+        if (defaultValue !== undefined) {
+            return defaultValue;
+        }
+        const error = new Error(`Missing required parameter ${name}`);
+        console.error(`Missing required parameter ${name}`, error);
+        throw error;
+    }
+    return value;
+}
+exports.requiredParam = requiredParam;

package/dist/server/types.js

@@ -0,0 +1,34 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.JobStatus = exports.ConnectorType = exports.ClientSideFileType = exports.Unit = exports.defaultWebsiteData = exports.ApiError = void 0;
+class ApiError extends Error {
+    httpStatusCode;
+    constructor(message, httpStatusCode) {
+        super(message);
+        this.httpStatusCode = httpStatusCode;
+        console.info('API error', httpStatusCode, message);
+    }
+}
+exports.ApiError = ApiError;
+exports.defaultWebsiteData = {};
+var Unit;
+(function (Unit) {
+    Unit["PX"] = "px";
+})(Unit || (exports.Unit = Unit = {}));
+var ClientSideFileType;
+(function (ClientSideFileType) {
+    ClientSideFileType["HTML"] = "html";
+    ClientSideFileType["ASSET"] = "asset";
+    ClientSideFileType["CSS"] = "css";
+})(ClientSideFileType || (exports.ClientSideFileType = ClientSideFileType = {}));
+var ConnectorType;
+(function (ConnectorType) {
+    ConnectorType["STORAGE"] = "STORAGE";
+    ConnectorType["HOSTING"] = "HOSTING";
+})(ConnectorType || (exports.ConnectorType = ConnectorType = {}));
+var JobStatus;
+(function (JobStatus) {
+    JobStatus["IN_PROGRESS"] = "IN_PROGRESS";
+    JobStatus["SUCCESS"] = "SUCCESS";
+    JobStatus["ERROR"] = "ERROR";
+})(JobStatus || (exports.JobStatus = JobStatus = {}));

package/package.json

@@ -0,0 +1,209 @@
+{
+  "name": "@silexlabs/silex",
+  "description": "Free and easy website builder for everyone.",
+  "version": "3.0.0-alpha.100",
+  "version:backwardcompat": "3.0.0",
+  "author": {
+    "name": "Alex Hoyau",
+    "url": "https://lexoyo.me/"
+  },
+  "main": "dist/server/server/index.js",
+  "bin": {
+    "silex": "./dist/server/server/cli.js"
+  },
+  "files": [
+    "dist/",
+    "src/",
+    "public",
+    ".silex.js",
+    ".silex",
+    ".env.default",
+    "package.json",
+    "package-lock.json",
+    "README.md",
+    "LICENSE"
+  ],
+  "license": "AGPL-3.0-or-later",
+  "engines": {
+    "node": ">=18"
+  },
+  "watch": {
+    "build:css:debug": {
+      "patterns": [
+        "src/css/"
+      ],
+      "extensions": "scss"
+    },
+    "build:html:debug": {
+      "patterns": [
+        "src/html/"
+      ],
+      "extensions": "pug"
+    },
+    "build:client:debug": {
+      "patterns": [
+        "src/ts/client/",
+        "src/ts/plugins/client/"
+      ],
+      "extensions": [
+        "ts"
+      ]
+    },
+    "build:server:debug": {
+      "patterns": [
+        "src/ts/server/",
+        "src/ts/plugins/server/"
+      ],
+      "extensions": [
+        "ts"
+      ]
+    },
+    "build:plugins:server": {
+      "patterns": [
+        "src/ts/plugins/server/"
+      ],
+      "extensions": [
+        "ts"
+      ]
+    },
+    "build:plugins:client": {
+      "patterns": [
+        "src/ts/plugins/client/"
+      ],
+      "extensions": [
+        "ts"
+      ]
+    }
+  },
+  "scripts": {
+    "release": "",
+    "watch": "npm-watch",
+    "start": "node dist/server/server/",
+    "start:debug": "cross-env SILEX_FS_ROOT=`pwd`/.silex cross-env SILEX_DEBUG=true nodemon --watch dist/server dist/server/server/",
+    "prepublishOnly": "$npm_execpath run lint && $npm_execpath test && $npm_execpath run build",
+    "preversion": "$npm_execpath run prepublishOnly",
+    "build": "run-s build:css:release build:html build:client:release build:server:release build:plugins:client build:plugins:server",
+    "webpack": "webpack --config webpack.config.js",
+    "build:css:release": "sass --load-path ../../node_modules --load-path node_modules --no-source-map src/css/index.scss dist/client/css/admin.css",
+    "build:css:debug": "sass --load-path ../../node_modules --load-path node_modules src/css/index.scss dist/client/css/admin.css",
+    "build:html": "pug src/html/index.pug --out dist/client/ --no-debug",
+    "build:html:debug": "pug src/html/debug.pug --pretty --out dist/client/ && mv dist/client/debug.html dist/client/index.html",
+    "build:client:release": "webpack --config webpack.config.js",
+    "build:client:debug": "webpack --config webpack.debug.config.js",
+    "build:server:release": "tsc -p tsconfig-server-release.json",
+    "build:server:debug": "SILEX_DEBUG=true tsc -p tsconfig-server-debug.json",
+    "build:plugins:server": "tsc -p tsconfig-plugins-server.json",
+    "build:plugins:client": "tsc -p tsconfig-plugins-client.json",
+    "lint": "eslint 'src/ts/**/*.ts'",
+    "lint:fix": "$npm_execpath run lint -- --fix",
+    "test": "node --experimental-vm-modules `node_modules jest`/jest/bin/jest.js",
+    "test:watch": "$npm_execpath test -- --watch"
+  },
+  "dependencies": {
+    "@fontsource/ubuntu": "^5.0.5",
+    "@fortawesome/fontawesome-free": "6.4.0",
+    "@gitbeaker/rest": "^39.7.0",
+    "@silexlabs/grapesjs-fonts": "1.0.12",
+    "@silexlabs/grapesjs-loading": "1.0.8",
+    "@silexlabs/grapesjs-storage-rate-limit": "^1.0.8",
+    "@silexlabs/grapesjs-symbols": "1.0.37",
+    "@silexlabs/grapesjs-ui-suggest-classes": "1.0.23",
+    "@silexlabs/silex-plugins": "1.0.10",
+    "@types/archiver": "^5.3.2",
+    "adm-zip": "0.5.10",
+    "archiver": "^5.3.1",
+    "basic-ftp": "^5.0.3",
+    "body-parser": "1.20.2",
+    "cli": "1.0.1",
+    "compression": "1.7.4",
+    "cookie-parser": "1.4.6",
+    "cookie-session": "2.0.0",
+    "cors": "2.8.5",
+    "cross-env": "7.0.3",
+    "crypto": "^1.0.1",
+    "dotenv": "^16.3.1",
+    "express": "4.18.2",
+    "express-force-ssl": "0.3.2",
+    "formidable": "2.1.1",
+    "fs-extra": "^11.1.1",
+    "grapesjs": "0.21.2",
+    "grapesjs-blocks-basic": "1.0.2",
+    "grapesjs-custom-code": "1.0.2",
+    "grapesjs-plugin-forms": "2.0.6",
+    "grapesjs-style-filter": "1.0.2",
+    "html-minifier": "^4.0.0",
+    "lit-html": "2.7.4",
+    "mkdirp": "3.0.1",
+    "node_modules-path": "2.0.7",
+    "node-fetch": "2.6.9",
+    "normalize.css": "8.0.1",
+    "object-path": "0.11.8",
+    "promise-sequential": "1.1.1",
+    "sass": "1.63.6",
+    "serve-static": "1.15.0",
+    "uuid": "^9.0.0"
+  },
+  "devDependencies": {
+    "@types/express": "4.17.17",
+    "@types/jest": "^29.5.2",
+    "@types/node": "20.3.1",
+    "@typescript-eslint/eslint-plugin": "5.60.0",
+    "@typescript-eslint/parser": "5.60.0",
+    "css-loader": "6.8.1",
+    "eslint": "8.43.0",
+    "file-loader": "6.2.0",
+    "jest": "29.5.0",
+    "jest-environment-jsdom": "29.5.0",
+    "livereload": "0.9.3",
+    "nodemon": "2.0.22",
+    "npm-run-all": "4.1.5",
+    "npm-watch": "0.11.0",
+    "pug-cli": "1.0.0-alpha6",
+    "style-loader": "3.3.3",
+    "ts-jest": "29.1.0",
+    "ts-loader": "9.4.3",
+    "typescript": "5.1.3",
+    "webpack": "5.88.0",
+    "webpack-cli": "5.1.4"
+  },
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/silexlabs/Silex.git"
+  },
+  "keywords": [
+    "page builder",
+    "cloud",
+    "SaaS",
+    "template builder",
+    "web page editor",
+    "html5 editor",
+    "free",
+    "open source",
+    "online editor",
+    "silex website",
+    "free",
+    "website builder",
+    "online",
+    "silex website builder",
+    "silex.me",
+    "silex",
+    "html editor",
+    "free website builder",
+    "silex cms",
+    "online website builder open source",
+    "Create a free website",
+    "Wix.com open source alternative",
+    "designer",
+    "webdesigner",
+    "web master",
+    "webmaster",
+    "open source CMS",
+    "CSS3",
+    "HTML5",
+    "Javascript",
+    "WYSIWYG",
+    "github",
+    "silex",
+    "jekyll"
+  ]
+}

package/public/robots.txt

@@ -0,0 +1,2 @@
+User-agent: *
+Disallow: /

package/public/silex.js

@@ -0,0 +1,24 @@
+/*
+ * Silex website builder, free/libre no-code tool for makers.
+ * Copyright (c) 2023 lexoyo and Silex Labs foundation
+ *
+ * This program is free software: you can redistribute it and/or modify
+ * it under the terms of the GNU Affero General Public License as published by
+ * the Free Software Foundation, either version 3 of the License, or any later version.
+ *
+ * This program is distributed in the hope that it will be useful,
+ * but WITHOUT ANY WARRANTY; without even the implied warranty of
+ * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
+ * GNU Affero General Public License for more details.
+ *
+ * You should have received a copy of the GNU Affero General Public License
+ * along with this program.  If not, see <https://www.gnu.org/licenses/>.
+ */
+
+/**
+ * This file is loaded by Silex when the user opens the editor
+ * Unless you override the default config with the environment variable SILEX_CLIENT_CONFIG or the CLI option --client-config
+ */
+
+export default async function (config) {
+}

package/src/css/_mixins.scss

@@ -0,0 +1,8 @@
+@mixin silex-ui-full {
+  position: absolute;
+  top: 0;
+  left: 0;
+  width: 100%;
+  height: 100%;
+}
+

package/src/css/_variables.scss

@@ -0,0 +1,33 @@
+// All colors
+// /!\ Duplicated in the grapesjs/index.ts too => keep in sync
+$primaryColor: #333333;
+$secondaryColor: #ddd;
+$tertiaryColor: #8873FE;
+$quaternaryColor: #A291FF;;
+$darkerPrimaryColor: #292929;
+$lighterPrimaryColor: #575757;
+
+$topBarHeight: 40px;
+$projectBarWidth: 35px;
+$projectPanelWidth: 13%;
+$projectPanelMinWidth: 150px;
+$viewsPanelWidth: 15%; // 15% is grapesjs default
+$footerHeight: 30px;
+$transitionSpeedMedium: .35s;
+$transitionSpeedSlow: .5s;
+$prefix: 'gjs-';
+$pn-prefix: '#{$prefix}pn-';
+$cv-prefix: '#{$prefix}cv-';
+$z-dialog-inline: 10;
+$z-loader: 10;
+
+$fontFamily: 'Ubuntu', sans-serif;
+
+:root {
+  --primaryColor: #{$primaryColor};
+  --secondaryColor: #{$secondaryColor};
+  --tertiaryColor: #{$tertiaryColor};
+  --quaternaryColor: #{$quaternaryColor};
+  --darkerPrimaryColor: #{$darkerPrimaryColor};
+  --lighterPrimaryColor: #{$lighterPrimaryColor};
+}

package/src/css/dialog.scss

@@ -0,0 +1,41 @@
+@use "variables";
+@use "mixins";
+
+.silex-main {
+  transition: opacity variables.$transitionSpeedMedium .5s ease;
+}
+.silex-dialog {
+  transition: opacity variables.$transitionSpeedMedium ease;
+}
+.silex-dialog-hide {
+  opacity: 0;
+  visibility: hidden;
+  transition: opacity variables.$transitionSpeedMedium ease, visibility variables.$transitionSpeedSlow 1s ease;
+}
+
+.silex-dialog-inline {
+  position: absolute;
+  background-color: variables.$primaryColor;
+  z-index: variables.$z-dialog-inline;
+  border-radius: 3px;
+  border: 2px solid rgba(0, 0, 0, 0.25);
+  display: flex;
+  flex-direction: column;
+  header {
+    padding: 10px;
+  }
+  main {
+    flex-grow: 1;
+    padding: 10px;
+  }
+  footer {
+    padding: 10px;
+    text-align: right;
+  }
+  a {
+    color: variables.$quaternaryColor;
+  }
+  header > * {
+    margin: 0;
+  }
+}

package/src/css/footer.scss

@@ -0,0 +1,12 @@
+@use "variables" as *;
+// Footer is sticky at the bottom of the stage
+.gjs-pn-footer {
+  bottom: 0;
+  left: $projectBarWidth;
+  right: $viewsPanelWidth;
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+  box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
+  height: $footerHeight;
+}