@silexlabs/silex 3.6.4 → 3.6.5-canary.0

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,7 @@ 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 interface AddSectionOption {
     section: SettingsSection;
     siteOrPage: 'site' | 'page';

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;
 }

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