@metricinsights/pp-dev 0.1.1 → 0.3.0

package/dist/client/client.css

@@ -1,4 +1,4 @@
-.pp-dev-info {
+.pp-dev-info-namespace {
   --pp-dev-info-color-primary: #007bff;
   --pp-dev-info-color-secondary: #6c757d;
   --pp-dev-info-color-success: #28a745;
@@ -9,6 +9,81 @@
   --pp-dev-info-color-dark: #343a40;
   --pp-dev-info-color-white: #ffffff;
   --pp-dev-info-color-black: #000000;
+}
+.pp-dev-info-namespace .pp-dev-info__popup {
+  position: absolute;
+  top: 10px;
+  right: 10px;
+  width: max-content;
+  max-width: 300px;
+  height: max-content;
+  max-height: max-content;
+  background-color: var(--pp-dev-info-color-white);
+  box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
+  border-radius: 3px;
+  display: flex;
+  flex-direction: column;
+  transition: all 0.3s;
+  overflow: hidden;
+  z-index: 100000;
+  border: 1px solid var(--pp-dev-info-color-secondary);
+}
+.pp-dev-info-namespace .pp-dev-info__popup-title {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  padding: 0 10px;
+  height: 30px;
+  width: 100%;
+  box-sizing: border-box;
+  border-bottom: 1px solid var(--pp-dev-info-color-light);
+  background-color: var(--pp-dev-info-color-secondary);
+}
+.pp-dev-info-namespace .pp-dev-info__popup-title-text {
+  font-size: 14px;
+  font-weight: 700;
+  color: var(--pp-dev-info-color-white);
+}
+.pp-dev-info-namespace .pp-dev-info__popup-title-close {
+  cursor: pointer;
+  width: 30px;
+  height: 30px;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  color: var(--pp-dev-info-color-white);
+}
+.pp-dev-info-namespace .pp-dev-info__popup-title-close:hover {
+  color: var(--pp-dev-info-color-light);
+}
+.pp-dev-info-namespace .pp-dev-info__popup-content {
+  padding: 10px;
+  overflow-y: auto;
+  box-sizing: border-box;
+  flex-grow: 1;
+  background-color: var(--pp-dev-info-color-white);
+  width: 100%;
+}
+.pp-dev-info-namespace .pp-dev-info__popup--success {
+  border-color: var(--pp-dev-info-color-success);
+}
+.pp-dev-info-namespace .pp-dev-info__popup--success .pp-dev-info__popup-title {
+  background-color: var(--pp-dev-info-color-success);
+}
+.pp-dev-info-namespace .pp-dev-info__popup--success .pp-dev-info__popup-content {
+  color: var(--pp-dev-info-color-success);
+}
+.pp-dev-info-namespace .pp-dev-info__popup--danger {
+  border-color: var(--pp-dev-info-color-danger);
+}
+.pp-dev-info-namespace .pp-dev-info__popup--danger .pp-dev-info__popup-title {
+  background-color: var(--pp-dev-info-color-danger);
+}
+.pp-dev-info-namespace .pp-dev-info__popup--danger .pp-dev-info__popup-content {
+  color: var(--pp-dev-info-color-danger);
+}
+.pp-dev-info-namespace.pp-dev-info,
+.pp-dev-info-namespace .pp-dev-info {
   position: fixed;
   z-index: 10000;
   white-space: nowrap;
@@ -27,7 +102,8 @@
   transition: all 0.3s;
   overflow: hidden;
 }
-.pp-dev-info * {
+.pp-dev-info-namespace.pp-dev-info *,
+.pp-dev-info-namespace .pp-dev-info * {
   color: var(--pp-dev-info-color-dark);
   font-family: sans-serif;
   font-size: 13px;
@@ -47,45 +123,58 @@
   -webkit-font-smoothing: antialiased;
   -moz-osx-font-smoothing: grayscale;
 }
-.pp-dev-info .primary {
+.pp-dev-info-namespace.pp-dev-info .primary,
+.pp-dev-info-namespace .pp-dev-info .primary {
   color: var(--pp-dev-info-color-primary) !important;
 }
-.pp-dev-info .success {
+.pp-dev-info-namespace.pp-dev-info .success,
+.pp-dev-info-namespace .pp-dev-info .success {
   color: var(--pp-dev-info-color-success) !important;
 }
-.pp-dev-info .info {
+.pp-dev-info-namespace.pp-dev-info .info,
+.pp-dev-info-namespace .pp-dev-info .info {
   color: var(--pp-dev-info-color-info) !important;
 }
-.pp-dev-info .warning {
+.pp-dev-info-namespace.pp-dev-info .warning,
+.pp-dev-info-namespace .pp-dev-info .warning {
   color: var(--pp-dev-info-color-warning) !important;
 }
-.pp-dev-info .danger {
+.pp-dev-info-namespace.pp-dev-info .danger,
+.pp-dev-info-namespace .pp-dev-info .danger {
   color: var(--pp-dev-info-color-danger) !important;
 }
-.pp-dev-info a {
+.pp-dev-info-namespace.pp-dev-info a,
+.pp-dev-info-namespace .pp-dev-info a {
   color: var(--pp-dev-info-color-primary);
   text-decoration: none;
   vertical-align: middle;
   line-height: 1.5;
 }
-.pp-dev-info a:hover {
+.pp-dev-info-namespace.pp-dev-info a:hover,
+.pp-dev-info-namespace .pp-dev-info a:hover {
   text-decoration: none;
 }
-.pp-dev-info a:active, .pp-dev-info a:hover {
+.pp-dev-info-namespace.pp-dev-info a:active, .pp-dev-info-namespace.pp-dev-info a:hover,
+.pp-dev-info-namespace .pp-dev-info a:active,
+.pp-dev-info-namespace .pp-dev-info a:hover {
   outline: 0;
 }
-.pp-dev-info button {
+.pp-dev-info-namespace.pp-dev-info button,
+.pp-dev-info-namespace .pp-dev-info button {
   padding: 1px;
   border: none;
   background: none;
   cursor: pointer;
   outline: none;
 }
-.pp-dev-info .bold,
-.pp-dev-info .status-text {
+.pp-dev-info-namespace.pp-dev-info .bold,
+.pp-dev-info-namespace.pp-dev-info .status-text,
+.pp-dev-info-namespace .pp-dev-info .bold,
+.pp-dev-info-namespace .pp-dev-info .status-text {
   font-weight: 700;
 }
-.pp-dev-info__wrap-btn {
+.pp-dev-info-namespace.pp-dev-info__wrap-btn,
+.pp-dev-info-namespace .pp-dev-info__wrap-btn {
   box-sizing: content-box;
   display: flex;
   align-items: center;
@@ -95,46 +184,58 @@
   padding-left: 10px;
   cursor: pointer;
 }
-.pp-dev-info__wrap-btn:hover {
+.pp-dev-info-namespace.pp-dev-info__wrap-btn:hover,
+.pp-dev-info-namespace .pp-dev-info__wrap-btn:hover {
   animation: arrowHover 0.8s linear infinite;
 }
-.pp-dev-info__wrap-btn-arrow {
+.pp-dev-info-namespace.pp-dev-info__wrap-btn-arrow,
+.pp-dev-info-namespace .pp-dev-info__wrap-btn-arrow {
   width: 13px;
   fill: var(--pp-dev-info-color-dark);
 }
-.pp-dev-info.closed {
+.pp-dev-info-namespace.pp-dev-info.closed,
+.pp-dev-info-namespace .pp-dev-info.closed {
   transform: translateX(calc(100% - 27px));
 }
-.pp-dev-info.closed .pp-dev-info__wrap-btn:hover {
+.pp-dev-info-namespace.pp-dev-info.closed .pp-dev-info__wrap-btn:hover,
+.pp-dev-info-namespace .pp-dev-info.closed .pp-dev-info__wrap-btn:hover {
   animation: arrowHover 1.2s linear infinite;
 }
-.pp-dev-info.closed .pp-dev-info__wrap-btn .pp-dev-info__wrap-btn-arrow {
+.pp-dev-info-namespace.pp-dev-info.closed .pp-dev-info__wrap-btn .pp-dev-info__wrap-btn-arrow,
+.pp-dev-info-namespace .pp-dev-info.closed .pp-dev-info__wrap-btn .pp-dev-info__wrap-btn-arrow {
   transform: rotate(180deg);
   max-width: 12px;
 }
-.pp-dev-info.closed .pp-dev-info__wrap-btn {
+.pp-dev-info-namespace.pp-dev-info.closed .pp-dev-info__wrap-btn,
+.pp-dev-info-namespace .pp-dev-info.closed .pp-dev-info__wrap-btn {
   margin-left: -2px;
 }
-.pp-dev-info .sync-button {
+.pp-dev-info-namespace.pp-dev-info .sync-button,
+.pp-dev-info-namespace .pp-dev-info .sync-button {
   background-color: transparent;
   border: none;
   cursor: pointer;
   padding: 4px 2px;
 }
-.pp-dev-info .sync-button.syncing {
+.pp-dev-info-namespace.pp-dev-info .sync-button.syncing,
+.pp-dev-info-namespace .pp-dev-info .sync-button.syncing {
   cursor: not-allowed;
   pointer-events: none;
 }
-.pp-dev-info .sync-button.syncing svg {
+.pp-dev-info-namespace.pp-dev-info .sync-button.syncing svg,
+.pp-dev-info-namespace .pp-dev-info .sync-button.syncing svg {
   animation: rotation 2s linear infinite;
 }
-.pp-dev-info .margin-5 {
+.pp-dev-info-namespace.pp-dev-info .margin-5,
+.pp-dev-info-namespace .pp-dev-info .margin-5 {
   margin-right: 5px;
 }
-.pp-dev-info .margin-10 {
+.pp-dev-info-namespace.pp-dev-info .margin-10,
+.pp-dev-info-namespace .pp-dev-info .margin-10 {
   margin-right: 10px;
 }
-.pp-dev-info .custom-font {
+.pp-dev-info-namespace.pp-dev-info .custom-font,
+.pp-dev-info-namespace .pp-dev-info .custom-font {
   font-family: sans-serif;
   font-size: 13px;
   font-weight: 300;
@@ -142,7 +243,8 @@
   line-height: 1.5;
   color: var(--pp-dev-info-color-dark);
 }
-.pp-dev-info .custom-font:not(.not-colored) a {
+.pp-dev-info-namespace.pp-dev-info .custom-font:not(.not-colored) a,
+.pp-dev-info-namespace .pp-dev-info .custom-font:not(.not-colored) a {
   color: var(--pp-dev-info-color-primary) !important;
 }
 @keyframes rotation {
@@ -165,7 +267,8 @@
   }
 }
 @media screen and (prefers-color-scheme: dark) {
-  .pp-dev-info {
+  .pp-dev-info-namespace.pp-dev-info,
+  .pp-dev-info-namespace .pp-dev-info {
     --pp-dev-info-color-primary: #007bff;
     --pp-dev-info-color-secondary: #a4abb6;
     --pp-dev-info-color-success: #56f000;

package/dist/client/client.js

@@ -19,6 +19,32 @@ function getStorageItem(key) {
     }
     return null;
 }
+function infoPopup(opts) {
+    const template = `
+    <div class="pp-dev-info__popup ${opts.className || ''}" style="${opts.style || ''}">
+      <div class="pp-dev-info__popup-title">
+        <div class="pp-dev-info__popup-title-text">${opts.title}</div>
+        <div class="pp-dev-info__popup-title-close">
+          <svg viewBox="0 0 24 24" width="16" height="16" stroke="currentColor" stroke-width="1.5" fill="none" stroke-linecap="round" stroke-linejoin="round">
+            <path d="M18 6L6 18"></path>
+            <path d="M6 6l12 12"></path>
+          </svg>
+        </div>
+      </div>
+      <div class="pp-dev-info__popup-content">${opts.content}</div>
+    </div>
+    `;
+    const $popup = document.createElement('div');
+    $popup.classList.add('pp-dev-info-namespace');
+    $popup.innerHTML = template;
+    $popup.querySelector('.pp-dev-info__popup-title-close')?.addEventListener('click', () => {
+        $popup.remove();
+    });
+    document.body.appendChild($popup);
+    setTimeout(() => {
+        $popup.remove();
+    }, 10000);
+}
 if (import.meta.hot) {
     const { hot } = import.meta;
     const CLOSED_CLASS = 'closed';
@@ -47,7 +73,20 @@ if (import.meta.hot) {
     if ($syncButton) {
         hot.on('template:sync:response', (payload) => {
             $syncButton.classList.remove('syncing');
-            console.log(payload);
+            if ('error' in payload && typeof payload.error !== 'undefined') {
+                infoPopup({
+                    title: 'Sync error',
+                    content: payload.error,
+                    className: 'pp-dev-info__popup--danger',
+                });
+            }
+            else if ('syncedAt' in payload && typeof payload.syncedAt !== 'undefined') {
+                infoPopup({
+                    title: 'Sync success',
+                    content: `Synced at ${new Date(payload.syncedAt).toLocaleString()}.<br />Backup filename: ${payload.backupFilename}`,
+                    className: 'pp-dev-info__popup--success',
+                });
+            }
         });
         $syncButton.addEventListener('click', (ev) => {
             ev.preventDefault();

package/dist/client/client.js.map

@@ -1 +1 @@
-{"version":3,"file":"client.js","sources":["index.ts"],"sourcesContent":[null],"names":[],"mappings":"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","x_google_ignoreList":[0]}
+{"version":3,"file":"client.js","sources":["index.ts"],"sourcesContent":[null],"names":[],"mappings":"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","x_google_ignoreList":[0]}

package/dist/client/index.html

@@ -1,5 +1,5 @@
 {%# This is EJS template. Parameters: openDelimiter: "{", closeDelimiter="}" %}
-<div class="pp-dev-info">
+<div class="pp-dev-info-namespace pp-dev-info">
   <div class="pp-dev-info__wrap-btn">
     <svg class="pp-dev-info__wrap-btn-arrow" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512">
       <path
@@ -33,7 +33,7 @@
     {% } %}
   </div>
   {% if (!templateLess && backendBaseURL && !Number.isNaN(+portalPageId)) { %}
-  <button id="sync-template" class="sync-button" title="Sync template (Not implemented yet)">
+  <button id="sync-template" class="sync-button" title="Sync template">
     <svg
       fill="#007BFF"
       width="16px"

package/dist/index.d.ts

@@ -1,5 +1,6 @@
 import { InlineConfig } from 'vite';
 import { VitePPDevOptions } from './plugin.js';
+import type { NextConfig } from 'next';
 export type PPDevConfig = Omit<VitePPDevOptions, 'templateName'>;
 export type PPWatchConfig = {
     baseURL: string;
@@ -7,3 +8,6 @@ export type PPWatchConfig = {
 };
 export declare function getConfig(): Promise<PPDevConfig>;
 export declare function getViteConfig(): Promise<InlineConfig>;
+export declare function withPPDev(nextjsConfig: NextConfig, ppDevConfig?: PPDevConfig): (phase: string, nextConfig?: {
+    defaultConfig?: any;
+}) => Promise<NextConfig>;

package/dist/index.js

@@ -7,6 +7,7 @@ import { pathToFileURL } from 'url';
 import { PP_WATCH_CONFIG_NAMES, PP_DEV_CONFIG_NAMES } from './constants.js';
 import { clientInjectionPlugin } from './plugins/client-injection-plugin.js';
 import header from './banner/header.js';
+import { PHASE_DEVELOPMENT_SERVER } from 'next/constants.js';
 async function loadTsConfig(filePath) {
     const cwd = process.cwd();
     let isESM = false;
@@ -79,6 +80,18 @@ async function loadConfig(dirFiles, configNames) {
     }
     return null;
 }
+function getPkg() {
+    const cwd = process.cwd();
+    try {
+        return JSON.parse(readFileSync(path.resolve(cwd, 'package.json'), {
+            encoding: 'utf-8',
+            flag: 'r',
+        }));
+    }
+    catch {
+        return {};
+    }
+}
 export async function getConfig() {
     const endsWithRegExp = /\.config\.((ts)|(js(on)?))$/;
     const cwd = process.cwd();
@@ -104,20 +117,14 @@ export async function getConfig() {
             }
         }
     }
-    const pkg = JSON.parse(readFileSync(path.resolve(cwd, 'package.json'), {
-        encoding: 'utf-8',
-        flag: 'r',
-    }));
+    const pkg = getPkg();
     if (!configFound && typeof pkg['pp-dev'] === 'object') {
         config = pkg['pp-dev'];
     }
     return config;
 }
 export async function getViteConfig() {
-    const pkg = JSON.parse(readFileSync(path.resolve(process.cwd(), 'package.json'), {
-        encoding: 'utf-8',
-        flag: 'r',
-    }));
+    const pkg = getPkg();
     const templateName = pkg.name;
     return {
         base: `/pt/${templateName}`,
@@ -147,4 +154,29 @@ export async function getViteConfig() {
         ],
     };
 }
+export function withPPDev(nextjsConfig, ppDevConfig) {
+    return async (phase, nextConfig = {}) => {
+        const config = await getConfig();
+        const pkg = getPkg();
+        const templateName = pkg.name;
+        if (phase === PHASE_DEVELOPMENT_SERVER) {
+            const devConfig = Object.assign(config, ppDevConfig);
+            return Object.assign({ basePath: `/pt/${templateName}`, trailingSlash: true }, nextjsConfig, {
+                serverRuntimeConfig: {
+                    templateName,
+                    ppDevConfig: devConfig,
+                },
+                publicRuntimeConfig: {
+                    templateName,
+                    ppDevConfig: {
+                        backendBaseURL: devConfig.backendBaseURL,
+                        portalPageId: devConfig.portalPageId,
+                        templateLess: devConfig.templateLess,
+                    },
+                },
+            });
+        }
+        return Object.assign({ basePath: `/pt/${templateName}` }, nextjsConfig);
+    };
+}
 //# sourceMappingURL=index.js.map

package/dist/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"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"}

package/dist/lib/client.service.d.ts

@@ -1,10 +1,16 @@
 import { ViteDevServer } from 'vite';
+import { DistService } from './dist.service';
+import { MiAPI } from './pp.middleware';
+export interface ClientServiceOptions {
+    distService?: DistService;
+    miAPI?: MiAPI;
+}
 export declare class ClientService {
     private readonly server;
-    private opts;
+    private readonly opts;
     private readonly eventMap;
-    constructor(server: ViteDevServer, opts?: any);
+    constructor(server: ViteDevServer, opts?: ClientServiceOptions);
     init(): void;
     onInfoDataRequest(): void;
-    onTemplateSync(data: any): void;
+    onTemplateSync(): Promise<void>;
 }

package/dist/lib/client.service.js

@@ -4,7 +4,7 @@ export class ClientService {
     eventMap;
     constructor(server, opts) {
         this.server = server;
-        this.opts = opts;
+        this.opts = opts || {};
         this.eventMap = new Map();
         this.eventMap.set('info-data:request', this.onInfoDataRequest.bind(this));
         this.eventMap.set('template:sync', this.onTemplateSync.bind(this));
@@ -23,11 +23,37 @@ export class ClientService {
             data: {},
         });
     }
-    onTemplateSync(data) {
-        console.log('onTemplateSync', data);
-        setTimeout(() => {
-            this.server.ws.send('template:sync:response', { syncedAt: new Date(), currentHash: 'sync-hash' });
-        }, 500);
+    async onTemplateSync() {
+        if (this.opts.distService && this.opts.miAPI) {
+            const { distService, miAPI } = this.opts;
+            const currentAssets = await miAPI?.getAssets();
+            const newAssets = currentAssets
+                ? await distService?.saveBackupAndBuild(currentAssets)
+                : await distService?.buildNewAssets();
+            if (newAssets) {
+                const updateResult = await miAPI?.updateAssets(newAssets);
+                if (updateResult?.status === 'OK') {
+                    const backupMeta = distService?.getBackupMeta();
+                    const { lastBackupName: backupFilename, lastBackupHash: currentHash, lastBackupDate: backupDate, } = backupMeta || { lastBackupName: '', lastBackupHash: '', lastBackupDate: new Date().toISOString() };
+                    this.server.ws.send('template:sync:response', {
+                        syncedAt: new Date(backupDate),
+                        currentHash,
+                        backupFilename,
+                    });
+                }
+                else {
+                    this.server.ws.send('template:sync:response', { error: 'Failed to update assets' });
+                }
+            }
+            else {
+                this.server.ws.send('template:sync:response', { error: 'Failed to build new assets' });
+                return;
+            }
+        }
+        else {
+            this.server.ws.send('template:sync:response', { error: 'Dist service or MiAPI is not defined' });
+            return;
+        }
     }
 }
 //# sourceMappingURL=client.service.js.map

package/dist/lib/client.service.js.map

@@ -1 +1 @@
-{"version":3,"file":"client.service.js","sourceRoot":"","sources":["../../src/lib/client.service.ts"],"names":[],"mappings":"AAEA,MAAM,OAAO,aAAa;IACP,MAAM,CAAgB;IAC/B,IAAI,CAAM;IACD,QAAQ,CAA8D;IAEvF,YAAY,MAAqB,EAAE,IAAU;QAC3C,IAAI,CAAC,MAAM,GAAG,MAAM,CAAC;QACrB,IAAI,CAAC,IAAI,GAAG,IAAI,CAAC;QAEjB,IAAI,CAAC,QAAQ,GAAG,IAAI,GAAG,EAA0D,CAAC;QAElF,IAAI,CAAC,QAAQ,CAAC,GAAG,CAAC,mBAAmB,EAAE,IAAI,CAAC,iBAAiB,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,CAAC;QAC1E,IAAI,CAAC,QAAQ,CAAC,GAAG,CAAC,eAAe,EAAE,IAAI,CAAC,cAAc,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,CAAC;QAEnE,IAAI,CAAC,IAAI,EAAE,CAAC;IACd,CAAC;IAED,IAAI;QACF,MAAM,EAAE,EAAE,EAAE,GAAG,IAAI,CAAC,MAAM,CAAC;QAE3B,KAAK,MAAM,CAAC,KAAK,EAAE,OAAO,CAAC,IAAI,IAAI,CAAC,QAAQ,EAAE;YAC5C,EAAE,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,CAAC,CAAC;SACvB;IACH,CAAC;IAED,iBAAiB;QACf,IAAI,CAAC,MAAM,CAAC,EAAE,CAAC,IAAI,CAAC;YAClB,IAAI,EAAE,QAAQ;YACd,KAAK,EAAE,oBAAoB;YAC3B,IAAI,EAAE,EAAE;SACT,CAAC,CAAC;IACL,CAAC;IAED,cAAc,CAAC,IAAS;QACtB,OAAO,CAAC,GAAG,CAAC,gBAAgB,EAAE,IAAI,CAAC,CAAC;QAEpC,UAAU,CAAC,GAAG,EAAE;YACd,IAAI,CAAC,MAAM,CAAC,EAAE,CAAC,IAAI,CAAC,wBAAwB,EAAE,EAAE,QAAQ,EAAE,IAAI,IAAI,EAAE,EAAE,WAAW,EAAE,WAAW,EAAE,CAAC,CAAC;QACpG,CAAC,EAAE,GAAG,CAAC,CAAC;IACV,CAAC;CACF"}
+{"version":3,"file":"client.service.js","sourceRoot":"","sources":["../../src/lib/client.service.ts"],"names":[],"mappings":"AASA,MAAM,OAAO,aAAa;IACP,MAAM,CAAgB;IACtB,IAAI,CAAuB;IAC3B,QAAQ,CAA8D;IAEvF,YAAY,MAAqB,EAAE,IAA2B;QAC5D,IAAI,CAAC,MAAM,GAAG,MAAM,CAAC;QACrB,IAAI,CAAC,IAAI,GAAG,IAAI,IAAI,EAAE,CAAC;QAEvB,IAAI,CAAC,QAAQ,GAAG,IAAI,GAAG,EAA0D,CAAC;QAElF,IAAI,CAAC,QAAQ,CAAC,GAAG,CAAC,mBAAmB,EAAE,IAAI,CAAC,iBAAiB,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,CAAC;QAC1E,IAAI,CAAC,QAAQ,CAAC,GAAG,CAAC,eAAe,EAAE,IAAI,CAAC,cAAc,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,CAAC;QAEnE,IAAI,CAAC,IAAI,EAAE,CAAC;IACd,CAAC;IAED,IAAI;QACF,MAAM,EAAE,EAAE,EAAE,GAAG,IAAI,CAAC,MAAM,CAAC;QAE3B,KAAK,MAAM,CAAC,KAAK,EAAE,OAAO,CAAC,IAAI,IAAI,CAAC,QAAQ,EAAE;YAC5C,EAAE,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,CAAC,CAAC;SACvB;IACH,CAAC;IAED,iBAAiB;QACf,IAAI,CAAC,MAAM,CAAC,EAAE,CAAC,IAAI,CAAC;YAClB,IAAI,EAAE,QAAQ;YACd,KAAK,EAAE,oBAAoB;YAC3B,IAAI,EAAE,EAAE;SACT,CAAC,CAAC;IACL,CAAC;IAED,KAAK,CAAC,cAAc;QAClB,IAAI,IAAI,CAAC,IAAI,CAAC,WAAW,IAAI,IAAI,CAAC,IAAI,CAAC,KAAK,EAAE;YAC5C,MAAM,EAAE,WAAW,EAAE,KAAK,EAAE,GAAG,IAAI,CAAC,IAAI,CAAC;YAEzC,MAAM,aAAa,GAAG,MAAM,KAAK,EAAE,SAAS,EAAE,CAAC;YAE/C,MAAM,SAAS,GAAG,aAAa;gBAC7B,CAAC,CAAC,MAAM,WAAW,EAAE,kBAAkB,CAAC,aAAa,CAAC;gBACtD,CAAC,CAAC,MAAM,WAAW,EAAE,cAAc,EAAE,CAAC;YAExC,IAAI,SAAS,EAAE;gBACb,MAAM,YAAY,GAAG,MAAM,KAAK,EAAE,YAAY,CAAC,SAAS,CAAC,CAAC;gBAE1D,IAAI,YAAY,EAAE,MAAM,KAAK,IAAI,EAAE;oBACjC,MAAM,UAAU,GAAG,WAAW,EAAE,aAAa,EAAE,CAAC;oBAEhD,MAAM,EACJ,cAAc,EAAE,cAAc,EAC9B,cAAc,EAAE,WAAW,EAC3B,cAAc,EAAE,UAAU,GAC3B,GAAG,UAAU,IAAI,EAAE,cAAc,EAAE,EAAE,EAAE,cAAc,EAAE,EAAE,EAAE,cAAc,EAAE,IAAI,IAAI,EAAE,CAAC,WAAW,EAAE,EAAE,CAAC;oBAEvG,IAAI,CAAC,MAAM,CAAC,EAAE,CAAC,IAAI,CAAC,wBAAwB,EAAE;wBAC5C,QAAQ,EAAE,IAAI,IAAI,CAAC,UAAU,CAAC;wBAC9B,WAAW;wBACX,cAAc;qBACf,CAAC,CAAC;iBACJ;qBAAM;oBACL,IAAI,CAAC,MAAM,CAAC,EAAE,CAAC,IAAI,CAAC,wBAAwB,EAAE,EAAE,KAAK,EAAE,yBAAyB,EAAE,CAAC,CAAC;iBACrF;aACF;iBAAM;gBACL,IAAI,CAAC,MAAM,CAAC,EAAE,CAAC,IAAI,CAAC,wBAAwB,EAAE,EAAE,KAAK,EAAE,4BAA4B,EAAE,CAAC,CAAC;gBAEvF,OAAO;aACR;SACF;aAAM;YACL,IAAI,CAAC,MAAM,CAAC,EAAE,CAAC,IAAI,CAAC,wBAAwB,EAAE,EAAE,KAAK,EAAE,sCAAsC,EAAE,CAAC,CAAC;YAEjG,OAAO;SACR;IACH,CAAC;CACF"}

package/dist/lib/dist.service.d.ts

@@ -0,0 +1,31 @@
+/// <reference types="node" />
+export declare const TEMPLATE_PART_PAGE_NAME = "pageName";
+export declare const TEMPLATE_PART_DATE = "date";
+export interface SyncOptions {
+    backupFolder?: string;
+    backupNameTemplate?: string;
+    dateFormat?: (date: Date) => string;
+}
+export interface SyncMeta {
+    lastBackupName: string;
+    lastBackupHash: string;
+    lastBackupDate: string;
+}
+export declare class DistService {
+    private readonly backupFolder;
+    private backupNameTemplate;
+    private readonly dateFormat;
+    private readonly pageName;
+    private currentMeta;
+    constructor(pageName: string, syncOptions?: SyncOptions);
+    checkMeta(): Promise<void>;
+    readMetaFile(): Promise<string>;
+    writeMetaFile(meta: SyncMeta): Promise<void>;
+    syncMeta(): Promise<void>;
+    getLatestSavedBackup(): Promise<string | null>;
+    backupName(pageName: string, date?: Date): string;
+    getBackupMeta(): SyncMeta | null;
+    saveBackup(backupFile: Buffer): Promise<void>;
+    buildNewAssets(): Promise<Buffer>;
+    saveBackupAndBuild(backupFile: Buffer): Promise<Buffer>;
+}