@silexlabs/silex 3.6.4 → 3.6.5-canary.1

package/dist/client/client/api.d.ts

@@ -1,17 +1,17 @@
 import { ConnectorId, JobId, PublicationJobData, WebsiteId, ConnectorData, ConnectorType, WebsiteData, ClientSideFile, PublicationData, ConnectorUser, WebsiteMeta, WebsiteMetaFileContent, ConnectorOptions } from '../types';
 export declare enum ApiRoute {
-    PUBLICATION_PUBLISH = "/api/publication/",
+    PUBLICATION_PUBLISH = "/api/publication",
     PUBLICATION_STATUS = "/api/publication/publication/status",
     CONNECTOR_USER = "/api/connector/user",
     CONNECTOR_LOGOUT = "/api/connector/logout",
-    CONNECTOR_LIST = "/api/connector/",
-    WEBSITE_READ = "/api/website/",
-    WEBSITE_WRITE = "/api/website/",
-    WEBSITE_DELETE = "/api/website/",
+    CONNECTOR_LIST = "/api/connector",
+    WEBSITE_READ = "/api/website",
+    WEBSITE_WRITE = "/api/website",
+    WEBSITE_DELETE = "/api/website",
     WEBSITE_DUPLICATE = "/api/website/duplicate",
     WEBSITE_FORK = "/api/website/fork",
-    WEBSITE_CREATE = "/api/website/",
-    WEBSITE_LIST = "/api/website/",
+    WEBSITE_CREATE = "/api/website",
+    WEBSITE_LIST = "/api/website",
     WEBSITE_ASSETS_READ = "/api/website/assets",
     WEBSITE_ASSETS_WRITE = "/api/website/assets",
     WEBSITE_META_READ = "/api/website/meta",

package/dist/client/client/expose.d.ts

@@ -6,3 +6,5 @@ export * as api from './api';
 export * as events from './events';
 export * as page from '../page';
 export * as types from '../types';
+export * as dataSource from '@silexlabs/grapesjs-data-source';
+export * as advancedSelector from '@silexlabs/grapesjs-advanced-selector';

package/dist/client/client/grapesjs/core-commands.d.ts

@@ -0,0 +1,3 @@
+import { Editor } from 'grapesjs';
+declare const _default: (editor: Editor) => void;
+export default _default;

package/dist/client/client/grapesjs/page-panel.d.ts

@@ -6,4 +6,8 @@ export declare const cmdClonePage = "pages:clone";
 export declare const cmdSelectNextPage = "pages:select-next";
 export declare const cmdSelectPrevPage = "pages:select-prev";
 export declare const cmdSelectFirstPage = "pages:select-first";
+export declare const cmdListPages = "pages:list";
+export declare const cmdSelectPage = "pages:select";
+export declare const cmdDeletePage = "pages:delete";
+export declare const cmdRenamePage = "pages:rename";
 export declare const pagePanelPlugin: (editor: Editor, opts: any) => void;

package/dist/client/client/grapesjs/settings-sections.d.ts

@@ -1,7 +1,10 @@
 import { TemplateResult } from 'lit-html';
-import { WebsiteSettings } from '../../types';
+import { WebsiteMeta, WebsiteSettings } from '../../types';
 export declare const idCodeWrapper = "settings-head-wrapper";
+export declare let websiteMeta: WebsiteMeta | null;
+export declare function updateInfo(): Promise<void>;
 export declare function isSite(model: any): boolean;
+export declare function siteOrPage(model: any): "page" | "website";
 export interface SettingsSection {
     id: string;
     label: string;

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

@@ -3,6 +3,9 @@ import { Editor } from 'grapesjs';
 export declare const cmdOpenSettings = "open-settings";
 export declare const cmdAddSection = "settings:add-section";
 export declare const cmdRemoveSection = "settings:remove-section";
+export declare const cmdRenderSection = "settings:render-section";
+export declare const cmdGetSettings = "settings:get";
+export declare const cmdSetSettings = "settings:set";
 export interface AddSectionOption {
     section: SettingsSection;
     siteOrPage: 'site' | 'page';

package/dist/client/constants.d.ts

@@ -11,22 +11,22 @@ export declare const CLIENT_CONFIG_FILE_NAME = "silex.js";
 export declare const API_PATH = "/api";
 export declare const API_CONNECTOR_PATH = "/connector";
 export declare const API_CONNECTOR_USER = "/user";
-export declare const API_CONNECTOR_LIST = "/";
+export declare const API_CONNECTOR_LIST = "";
 export declare const API_CONNECTOR_LOGOUT = "/logout";
 export declare const API_CONNECTOR_LOGIN = "/login";
 export declare const API_CONNECTOR_SETTINGS = "/settings";
 export declare const API_CONNECTOR_LOGIN_CALLBACK = "/login/callback";
 export declare const API_PUBLICATION_PATH = "/publication";
-export declare const API_PUBLICATION_PUBLISH = "/";
+export declare const API_PUBLICATION_PUBLISH = "";
 export declare const API_PUBLICATION_STATUS = "/publication/status";
 export declare const API_WEBSITE_PATH = "/website";
-export declare const API_WEBSITE_READ = "/";
-export declare const API_WEBSITE_WRITE = "/";
-export declare const API_WEBSITE_CREATE = "/";
-export declare const API_WEBSITE_DELETE = "/";
+export declare const API_WEBSITE_READ = "";
+export declare const API_WEBSITE_WRITE = "";
+export declare const API_WEBSITE_CREATE = "";
+export declare const API_WEBSITE_DELETE = "";
 export declare const API_WEBSITE_DUPLICATE = "/duplicate";
 export declare const API_WEBSITE_FORK = "/fork";
-export declare const API_WEBSITE_LIST = "/";
+export declare const API_WEBSITE_LIST = "";
 export declare const API_WEBSITE_ASSET_READ = "/assets";
 export declare const API_WEBSITE_ASSETS_WRITE = "/assets";
 export declare const API_WEBSITE_META_READ = "/meta";

package/dist/client/css/admin.css

@@ -4186,6 +4186,28 @@ textarea:focus {
 }
 
 /* Silex styles imports */
+.silex-link-action {
+  margin-left: 0.5em;
+  color: var(--silex-accent-primary);
+  font-size: 0.93em;
+  font-weight: 600;
+  text-decoration: underline;
+  border: none;
+  background: none;
+  cursor: pointer;
+  padding: 0;
+  display: inline;
+}
+
+.silex-mono-json {
+  background: var(--silex-bg-lighter);
+  color: var(--silex-text-secondary);
+  border-radius: 4px;
+  padding: 5px 8px;
+  font-size: 13px;
+  font-family: monospace;
+}
+
 .silex-workspace {
   position: absolute;
   top: 0;
@@ -4256,6 +4278,10 @@ textarea:focus {
   overflow: hidden;
 }
 
+.silex-capitalize {
+  text-transform: capitalize;
+}
+
 .settings-dialog {
   position: fixed;
   top: 0;
@@ -4318,6 +4344,267 @@ textarea:focus {
 .settings-dialog .settings-body .silex-sidebar-dialog {
   flex-direction: column;
 }
+.settings-dialog .settings-body .silex-info-fork {
+  margin-top: 10px;
+  color: var(--silex-status-warning);
+  background: var(--silex-bg-lighter);
+  border-radius: 4px;
+  padding: 6px 10px;
+  font-weight: 500;
+  display: inline-block;
+}
+.settings-dialog .silex-repo-section {
+  margin-top: 24px;
+  padding: 16px;
+  background: var(--silex-bg-lighter);
+  border-radius: 8px;
+  border: 1px solid var(--silex-border-color);
+}
+.settings-dialog .silex-repo-section__title {
+  margin: 0 0 8px 0;
+  font-size: 16px;
+  font-weight: 600;
+  color: var(--silex-text-primary);
+}
+.settings-dialog .silex-repo-section__help {
+  margin: 0 0 16px 0;
+  font-size: 13px;
+  line-height: 1.5;
+  color: var(--silex-text-secondary);
+}
+.settings-dialog .silex-repo-section__help a {
+  color: var(--silex-accent-primary);
+  text-decoration: underline;
+}
+.settings-dialog .silex-repo-section__content {
+  display: flex;
+  flex-direction: column;
+  gap: 16px;
+}
+.settings-dialog .silex-repo-section__empty {
+  color: var(--silex-text-secondary);
+  font-style: italic;
+  margin: 0;
+}
+.settings-dialog .silex-repo-field {
+  display: flex;
+  flex-direction: column;
+  gap: 6px;
+}
+.settings-dialog .silex-repo-field__label {
+  display: flex;
+  align-items: center;
+  gap: 8px;
+  font-size: 12px;
+  font-weight: 600;
+  color: var(--silex-text-secondary);
+  text-transform: uppercase;
+  letter-spacing: 0.5px;
+}
+.settings-dialog .silex-repo-field__status {
+  font-size: 11px;
+  font-weight: 600;
+  padding: 2px 6px;
+  border-radius: 4px;
+  text-transform: none;
+}
+.settings-dialog .silex-repo-field__status--success {
+  background: rgba(34, 197, 94, 0.2);
+  color: #22c55e;
+}
+.settings-dialog .silex-repo-field__status--failed, .settings-dialog .silex-repo-field__status--error {
+  background: rgba(239, 68, 68, 0.2);
+  color: #ef4444;
+}
+.settings-dialog .silex-repo-field__status--running, .settings-dialog .silex-repo-field__status--pending {
+  background: rgba(59, 130, 246, 0.2);
+  color: #3b82f6;
+}
+.settings-dialog .silex-repo-field__status--unknown {
+  background: var(--silex-bg-lighter);
+  color: var(--silex-text-secondary);
+}
+.settings-dialog .silex-repo-field__meta {
+  font-size: 11px;
+  color: var(--silex-text-secondary);
+  margin-top: 4px;
+}
+.settings-dialog .silex-repo-field__meta a {
+  color: var(--silex-accent-primary);
+}
+.settings-dialog .silex-repo-field__input-wrapper {
+  display: flex;
+  align-items: stretch;
+  background: var(--silex-input-bg);
+  border-radius: 6px;
+  overflow: hidden;
+  border: 1px solid var(--silex-border-color);
+}
+.settings-dialog .silex-repo-field__input {
+  flex: 1;
+  padding: 10px 12px;
+  border: none !important;
+  background: transparent !important;
+  font-family: monospace;
+  font-size: 13px;
+  color: var(--silex-text-primary);
+  min-width: 0;
+}
+.settings-dialog .silex-repo-field__input:focus {
+  outline: none;
+}
+.settings-dialog .silex-repo-field__btn {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  padding: 0 12px;
+  background: transparent;
+  border: none;
+  border-left: 1px solid var(--silex-border-color);
+  color: var(--silex-text-secondary);
+  cursor: pointer;
+  transition: background-color 0.15s, color 0.15s;
+  text-decoration: none;
+}
+.settings-dialog .silex-repo-field__btn:hover {
+  background: var(--silex-hover-bg);
+  color: var(--silex-accent-primary);
+}
+.settings-dialog .silex-repo-field__btn--copied {
+  background: var(--silex-status-success, #22c55e) !important;
+  color: white !important;
+}
+.settings-dialog .silex-repo-field__btn svg {
+  flex-shrink: 0;
+}
+.settings-dialog .silex-repo-info-grid {
+  display: grid;
+  grid-template-columns: repeat(auto-fit, minmax(140px, 1fr));
+  gap: 12px;
+}
+.settings-dialog .silex-repo-info-item {
+  display: flex;
+  flex-direction: column;
+  gap: 4px;
+  padding: 10px 12px;
+  background: var(--silex-bg-main);
+  border-radius: 6px;
+  border: 1px solid var(--silex-border-color);
+}
+.settings-dialog .silex-repo-info-item__label {
+  font-size: 11px;
+  font-weight: 600;
+  color: var(--silex-text-secondary);
+  text-transform: uppercase;
+  letter-spacing: 0.5px;
+}
+.settings-dialog .silex-repo-info-item__value {
+  font-size: 14px;
+  font-weight: 500;
+  color: var(--silex-text-primary);
+}
+.settings-dialog .silex-repo-info-item__action {
+  font-size: 12px;
+  color: var(--silex-accent-primary);
+  text-decoration: underline;
+  cursor: pointer;
+}
+.settings-dialog .silex-repo-info-item__action:hover {
+  text-decoration: none;
+}
+.settings-dialog .silex-repo-info-item__links {
+  display: flex;
+  gap: 8px;
+}
+.settings-dialog .silex-repo-fork-notice {
+  padding: 16px;
+  background: var(--silex-bg-main);
+  border: 1px solid var(--silex-border-color);
+  border-radius: 8px;
+  font-size: 13px;
+  color: var(--silex-text-primary);
+}
+.settings-dialog .silex-repo-fork-notice__header {
+  display: flex;
+  align-items: center;
+  gap: 8px;
+  margin-bottom: 8px;
+  color: var(--silex-accent-primary);
+}
+.settings-dialog .silex-repo-fork-notice__header strong {
+  font-size: 14px;
+}
+.settings-dialog .silex-repo-fork-notice__header svg {
+  flex-shrink: 0;
+}
+.settings-dialog .silex-repo-fork-notice__text {
+  margin: 0 0 12px 0;
+  line-height: 1.5;
+  color: var(--silex-text-secondary);
+}
+.settings-dialog .silex-repo-fork-notice__text a {
+  color: var(--silex-accent-primary);
+  font-weight: 500;
+}
+.settings-dialog .silex-repo-fork-notice__actions {
+  display: flex;
+  gap: 16px;
+}
+.settings-dialog .silex-repo-fork-notice__link {
+  color: var(--silex-accent-primary);
+  text-decoration: none;
+  font-weight: 500;
+  font-size: 13px;
+}
+.settings-dialog .silex-repo-fork-notice__link:hover {
+  text-decoration: underline;
+}
+.settings-dialog .silex-repo-fork-notice__contribute {
+  margin: 12px 0 0 0;
+  padding-top: 12px;
+  border-top: 1px solid var(--silex-border-color);
+  font-size: 12px;
+  color: var(--silex-text-secondary);
+  font-style: italic;
+}
+.settings-dialog .silex-repo-job {
+  display: flex;
+  align-items: center;
+  flex-wrap: wrap;
+  gap: 8px;
+  padding: 10px 14px;
+  background: var(--silex-bg-main);
+  border-radius: 6px;
+  border: 1px solid var(--silex-border-color);
+  font-size: 13px;
+}
+.settings-dialog .silex-repo-job__label {
+  color: var(--silex-text-secondary);
+}
+.settings-dialog .silex-repo-job__status {
+  font-weight: 600;
+  padding: 2px 8px;
+  border-radius: 4px;
+}
+.settings-dialog .silex-repo-job__status--success {
+  background: rgba(34, 197, 94, 0.2);
+  color: #22c55e;
+}
+.settings-dialog .silex-repo-job__status--failed, .settings-dialog .silex-repo-job__status--error {
+  background: rgba(239, 68, 68, 0.2);
+  color: #ef4444;
+}
+.settings-dialog .silex-repo-job__status--running, .settings-dialog .silex-repo-job__status--pending {
+  background: rgba(59, 130, 246, 0.2);
+  color: #3b82f6;
+}
+.settings-dialog .silex-repo-job__status--unknown {
+  background: var(--silex-bg-lighter);
+  color: var(--silex-text-secondary);
+}
+.settings-dialog .silex-repo-job__date {
+  color: var(--silex-text-secondary);
+}
 .settings-dialog form.silex-form textarea {
   min-height: 250px;
 }
@@ -4506,6 +4793,9 @@ form.silex-form input,
 form.silex-form optgroup,
 form.silex-form select,
 form.silex-form textarea {
+  -webkit-appearance: none;
+  -moz-appearance: none;
+  appearance: none;
   background-color: var(--silex-input-bg);
   color: var(--silex-text-primary);
   padding: 5px;
@@ -5159,9 +5449,16 @@ details.silex-more label,
   margin-bottom: 10px;
 }
 #publish-dialog main .silex-button {
+  display: block;
   padding: 10px;
   width: 100%;
+  text-align: center;
+  text-decoration: none;
+  border-radius: 6px;
+  font-weight: 600;
+  font-size: 0.9rem;
   transition: 200ms;
+  box-sizing: border-box;
 }
 #publish-dialog main .silex-button:hover {
   filter: brightness(1.2);
@@ -5171,6 +5468,12 @@ details.silex-more label,
 }
 #publish-dialog main .silex-button--primary {
   background-color: var(--silex-accent-primary);
+  color: white;
+}
+#publish-dialog main .silex-button--secondary {
+  background-color: var(--silex-button-bg, #252525);
+  color: var(--silex-text-primary, #E5E5E5);
+  border: 1px solid var(--silex-border-color-strong, #262626);
 }
 
 .gjs-suggest {