es-application-template 0.0.7 → 0.0.11

package/dist/management/setting-keys/config-tree/setting-key-convention.d.ts

@@ -0,0 +1,56 @@
+export type SettingKeyValueType = 'boolean' | 'number' | 'string' | 'json' | 'date' | 'datetime' | 'guid';
+export type SettingKeyDefaultValue = boolean | number | string | null;
+export type SettingKeyRule = {
+    id: string;
+    section: string;
+    category: string;
+    pattern: string;
+    type: SettingKeyValueType;
+    defaultValue?: SettingKeyDefaultValue;
+    sampleValue?: unknown;
+    examples: string[];
+    description: string;
+};
+export type SettingKeyRuleSection = {
+    id: string;
+    title: string;
+    description: string;
+};
+export type SettingKeyCategory = {
+    value: string;
+    label: string;
+};
+export type SettingConventionSection = {
+    title: string;
+    paragraphs?: string[];
+    items?: string[];
+    examples?: string[];
+};
+export type SettingKeyConvention = {
+    id: string;
+    version: number;
+    title: string;
+    objective: string[];
+    keyStructure: {
+        pattern: string;
+        explanation: string[];
+        examples: string[];
+    };
+    categories: SettingKeyCategory[];
+    ruleSections: SettingKeyRuleSection[];
+    rules: SettingKeyRule[];
+    guidance: SettingConventionSection[];
+};
+export declare const SETTING_KEY_RULES: SettingKeyRule[];
+export declare const SETTING_KEY_CONVENTION: SettingKeyConvention;
+export declare const formatSettingKeyConvention: (convention?: SettingKeyConvention) => string;
+export declare const serializeSettingKeyConvention: (convention?: SettingKeyConvention) => string;
+export type SettingImportLeaf = {
+    type: SettingKeyValueType;
+    value: unknown;
+    description: string;
+};
+export type SettingImportDocument = Record<string, Record<string, unknown>>;
+export declare const buildSettingImportExample: (resourceCode?: string, convention?: SettingKeyConvention) => SettingImportDocument;
+export declare const serializeSettingImportExample: (resourceCode?: string, convention?: SettingKeyConvention) => string;
+export declare const filterSettingKeyRules: (rows: SettingKeyRule[], searchTerm: string, category?: string, type?: string) => SettingKeyRule[];

package/dist/styles/index.css

@@ -179,48 +179,100 @@
   text-overflow: ellipsis;
   white-space: nowrap;
 }
-.customizer.config-tree-rules-drawer {
+.es-application-sidebar-root.is-hidden,
+.es-application-sidebar-backdrop.is-hidden {
+  display: none;
+}
+
+.es-application-sidebar-backdrop {
+  position: fixed;
+  inset: 0;
+  background: rgba(0, 0, 0, 0.5);
+  opacity: 0;
+  transition: opacity 0.3s ease;
+}
+
+.es-application-sidebar-backdrop.show {
+  opacity: 1;
+}
+
+.es-application-sidebar {
+  position: fixed;
+  top: 0;
+  right: 0;
+  width: min(var(--es-application-sidebar-width, 600px), 100vw);
+  max-width: 100vw;
+  height: 100vh;
+  overflow: hidden;
+  background: #fff;
+  box-shadow: -4px 0 18px rgba(0, 0, 0, 0.16);
+  transform: translateX(100%);
+  transition: transform 0.4s ease;
+}
+
+.es-application-sidebar.open {
+  transform: translateX(0);
+}
+
+.es-application-sidebar.fullscreen {
+  width: 100vw;
+}
+.config-tree-rules-drawer {
   width: min(1000px, 100vw);
   max-width: 100vw;
   color: #000 !important;
   background: #fff !important;
 }
-.customizer.config-tree-rules-drawer .config-key-sample-layout,
-.customizer.config-tree-rules-drawer .config-key-sample-content,
-.customizer.config-tree-rules-drawer .config-key-sample-toolbar,
-.customizer.config-tree-rules-drawer .table,
-.customizer.config-tree-rules-drawer .table thead th,
-.customizer.config-tree-rules-drawer .table tbody td {
+.config-tree-rules-drawer .config-key-sample-layout,
+.config-tree-rules-drawer .config-key-sample-content,
+.config-tree-rules-drawer .config-key-sample-toolbar,
+.config-tree-rules-drawer .config-key-sample-tabs,
+.config-tree-rules-drawer .table,
+.config-tree-rules-drawer .table thead th,
+.config-tree-rules-drawer .table tbody td {
   color: #000 !important;
   background: #fff !important;
 }
-.customizer.config-tree-rules-drawer .modal-title,
-.customizer.config-tree-rules-drawer h6,
-.customizer.config-tree-rules-drawer th,
-.customizer.config-tree-rules-drawer td,
-.customizer.config-tree-rules-drawer strong,
-.customizer.config-tree-rules-drawer .config-key-sample-text,
-.customizer.config-tree-rules-drawer .config-key-sample-empty,
-.customizer.config-tree-rules-drawer .form-control {
+.config-tree-rules-drawer .modal-title,
+.config-tree-rules-drawer h6,
+.config-tree-rules-drawer th,
+.config-tree-rules-drawer td,
+.config-tree-rules-drawer strong,
+.config-tree-rules-drawer .config-key-sample-text,
+.config-tree-rules-drawer .config-key-sample-empty,
+.config-tree-rules-drawer .form-control {
   color: #000 !important;
 }
-.customizer.config-tree-rules-drawer .config-key-sample-text {
+.config-tree-rules-drawer .config-key-convention-text {
+  min-width: 720px;
+  padding: 1rem;
+  color: #000;
+  background: #f8f8f8;
+  border: 1px solid #ebe9f1;
+  border-radius: 0.357rem;
+  font-family: monospace;
+  font-size: 12px;
+  line-height: 1.55;
+  white-space: pre-wrap;
+  overflow-wrap: anywhere;
+}
+.config-tree-rules-drawer .config-key-sample-text {
   padding: 0;
   background: transparent !important;
   font-family: monospace;
   font-size: 12px;
   overflow-wrap: anywhere;
 }
-.customizer.config-tree-rules-drawer .config-key-sample-copy-row {
+.config-tree-rules-drawer .config-key-sample-copy-row {
   display: flex;
   align-items: center;
   justify-content: space-between;
   gap: 8px;
 }
-.customizer.config-tree-rules-drawer .config-key-sample-copy-row + .config-key-sample-copy-row {
+.config-tree-rules-drawer .config-key-sample-copy-row + .config-key-sample-copy-row {
   margin-top: 2px;
 }
-.customizer.config-tree-rules-drawer .config-key-sample-copy-button {
+.config-tree-rules-drawer .config-key-sample-copy-button {
   display: inline-flex;
   flex: 0 0 28px;
   width: 28px;
@@ -234,21 +286,21 @@
   border-radius: 4px;
   cursor: pointer;
 }
-.customizer.config-tree-rules-drawer .config-key-sample-copy-button:hover {
+.config-tree-rules-drawer .config-key-sample-copy-button:hover {
   background: #f2f2f2;
 }
-.customizer.config-tree-rules-drawer .config-key-sample-copy-button:focus-visible {
+.config-tree-rules-drawer .config-key-sample-copy-button:focus-visible {
   outline: 2px solid #000;
   outline-offset: 1px;
 }
-.customizer.config-tree-rules-drawer .form-control::placeholder {
+.config-tree-rules-drawer .form-control::placeholder {
   color: #000;
   opacity: 1;
 }
-.customizer.config-tree-rules-drawer .select__single-value,
-.customizer.config-tree-rules-drawer .select__placeholder,
-.customizer.config-tree-rules-drawer .select__input-container,
-.customizer.config-tree-rules-drawer .select__option {
+.config-tree-rules-drawer .select__single-value,
+.config-tree-rules-drawer .select__placeholder,
+.config-tree-rules-drawer .select__input-container,
+.config-tree-rules-drawer .select__option {
   color: #000 !important;
 }
 @charset "UTF-8";

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "es-application-template",
-  "version": "0.0.7",
+  "version": "0.0.11",
   "description": "Reusable Setting and Shortcut runtime/management package for ES applications.",
   "main": "dist/index.js",
   "module": "dist/index.mjs",