@wix/ditto-codegen-public 1.0.177 → 1.0.178

package/dist/examples-apps/event-countdown/src/dashboard/pages/countdown-timer-settings/page.tsx

@@ -1,142 +0,0 @@
-import { useEffect, useState, type FC } from 'react';
-import { dashboard } from '@wix/dashboard';
-import { embeddedScripts } from '@wix/app-management';
-import {
-  Button,
-  Page,
-  Layout,
-  Cell,
-  Loader,
-  Box,
-} from '@wix/design-system';
-import '@wix/design-system/styles.global.css';
-import withProviders from '../../withProviders';
-import { CountdownTimerSettings } from '../../../components/countdown-timer-settings';
-import { CountdownPreview } from '../../../components/countdown-preview';
-import type { CountdownTimerOptions } from '../../../types';
-
-const countdownTimerDefaultOptions: CountdownTimerOptions = {
-  eventTitle: 'Upcoming Event',
-  eventDescription: '',
-  targetDateTime: new Date(Date.now() + 7 * 24 * 60 * 60 * 1000).toISOString().slice(0, 16), // 7 days from now
-  completionMessage: 'Event has started!',
-  backgroundColor: '#FFFFFF',
-  textColor: '#000000',
-  position: 'bottom-right',
-  autoHide: true,
-  timerSize: 'medium',
-};
-
-const CountdownTimerPage: FC = () => {
-  const [options, setOptions] = useState<CountdownTimerOptions>(countdownTimerDefaultOptions);
-  const [isLoading, setIsLoading] = useState(true);
-  const [isSaving, setIsSaving] = useState(false);
-
-  useEffect(() => {
-    const loadSettings = async () => {
-      try {
-        const embeddedScript = await embeddedScripts.getEmbeddedScript();
-        const data = embeddedScript.parameters as Partial<Record<keyof CountdownTimerOptions, string>> || {};
-
-        setOptions((prev) => ({
-          ...prev,
-          eventTitle: data?.eventTitle || prev.eventTitle,
-          eventDescription: data?.eventDescription || prev.eventDescription || '',
-          targetDateTime: data?.targetDateTime || prev.targetDateTime,
-          completionMessage: data?.completionMessage || prev.completionMessage,
-          backgroundColor: data?.backgroundColor || prev.backgroundColor,
-          textColor: data?.textColor || prev.textColor,
-          position: (data?.position as CountdownTimerOptions['position']) || prev.position,
-          autoHide: data?.autoHide === 'true' ? true : data?.autoHide === 'false' ? false : prev.autoHide,
-          timerSize: (data?.timerSize as CountdownTimerOptions['timerSize']) || prev.timerSize,
-        }));
-      } catch (error) {
-        console.error('Failed to load embedded script settings:', error);
-      } finally {
-        setIsLoading(false);
-      }
-    };
-
-    loadSettings();
-  }, []);
-
-  const handleSave = async () => {
-    if (!options.eventTitle || !options.targetDateTime) {
-      dashboard.showToast({
-        message: 'Please fill in all required fields',
-        type: 'error',
-      });
-      return;
-    }
-
-    setIsSaving(true);
-    try {
-      // Convert all values to strings for embedded script parameters
-      await embeddedScripts.embedScript({
-        parameters: {
-          eventTitle: options.eventTitle,
-          eventDescription: options.eventDescription || '',
-          targetDateTime: options.targetDateTime,
-          completionMessage: options.completionMessage,
-          backgroundColor: options.backgroundColor,
-          textColor: options.textColor,
-          position: options.position,
-          autoHide: String(options.autoHide),
-          timerSize: options.timerSize,
-        },
-      });
-
-      dashboard.showToast({
-        message: 'Countdown timer settings saved successfully!',
-        type: 'success',
-      });
-    } catch (error) {
-      console.error('Failed to save settings:', error);
-      dashboard.showToast({
-        message: 'Failed to save settings. Please try again.',
-        type: 'error',
-      });
-    } finally {
-      setIsSaving(false);
-    }
-  };
-
-  return (
-    <Page height="100vh">
-      <Page.Header
-        title="Countdown Timer Settings"
-        subtitle="Configure your countdown timer with event details and visual customization options"
-        actionsBar={
-          <Button
-            skin="inverted"
-            disabled={!options.eventTitle || !options.targetDateTime || isSaving}
-            onClick={handleSave}
-          >
-            {isSaving ? 'Saving...' : 'Save'}
-          </Button>
-        }
-      />
-      <Page.Content>
-        {isLoading ? (
-          <Box align="center" verticalAlign="middle" height="50vh">
-            <Loader text="Loading countdown timer settings..." />
-          </Box>
-        ) : (
-          <Layout gap="24px">
-            <Cell span={6}>
-              <CountdownTimerSettings
-                options={options}
-                onChange={setOptions}
-              />
-            </Cell>
-            <Cell span={6}>
-              <CountdownPreview {...options} />
-            </Cell>
-          </Layout>
-        )}
-      </Page.Content>
-    </Page>
-  );
-};
-
-export default withProviders(CountdownTimerPage);

package/dist/examples-apps/event-countdown/src/dashboard/withProviders.tsx

@@ -1,22 +0,0 @@
-import React from 'react';
-import { QueryClientProvider, QueryClient } from '@tanstack/react-query';
-import { WixDesignSystemProvider } from '@wix/design-system';
-import { i18n } from '@wix/essentials';
-
-const queryClient = new QueryClient();
-
-export default function withProviders<P extends {} = {}>(Component: React.FC<P>) {
-  return function DashboardProviders(props: P) {
-    const locale = i18n.getLocale();
-    return (
-      <WixDesignSystemProvider locale={locale} features={{ newColorsBranding: true }}>
-        <QueryClientProvider client={queryClient}>
-          <Component {...props} />
-        </QueryClientProvider>
-      </WixDesignSystemProvider>
-    );
-  };
-}
-
-// Also export as named export for backwards compatibility
-export { withProviders };

package/dist/examples-apps/event-countdown/src/extensions.ts

@@ -1,12 +0,0 @@
-import { app } from '@wix/astro/builders';
-import * as allExtensions from './index';
-
-// Get all exported extensions
-const extensionList = Object.values(allExtensions);
-
-const appBuilder = app();
-extensionList.forEach(extension => {
-  appBuilder.use(extension);
-});
-
-export default appBuilder;

package/dist/examples-apps/event-countdown/src/index.ts

@@ -1,2 +0,0 @@
-export * from './dashboard/pages/countdown-timer-settings/extensions.ts';
-export * from './site/embedded-scripts/countdown-timer/extensions.ts';

package/dist/examples-apps/event-countdown/src/site/embedded-scripts/countdown-timer/embedded.html

@@ -1,328 +0,0 @@
-<div
-  id="countdown-config"
-  data-event-title="{{eventTitle}}"
-  data-event-description="{{eventDescription}}"
-  data-target-datetime="{{targetDateTime}}"
-  data-completion-message="{{completionMessage}}"
-  data-background-color="{{backgroundColor}}"
-  data-text-color="{{textColor}}"
-  data-position="{{position}}"
-  data-auto-hide="{{autoHide}}"
-  data-timer-size="{{timerSize}}"
-></div>
-<div id="countdown-timer-container"></div>
-
-<style>
-  .countdown-timer {
-    position: fixed;
-    z-index: 1000;
-    border-radius: 8px;
-    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
-    padding: 16px;
-    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
-    backdrop-filter: blur(10px);
-    border: 1px solid rgba(255, 255, 255, 0.2);
-    transition: all 0.3s ease;
-  }
-
-  .countdown-timer.top-left {
-    top: 20px;
-    left: 20px;
-  }
-
-  .countdown-timer.top-right {
-    top: 20px;
-    right: 20px;
-  }
-
-  .countdown-timer.bottom-left {
-    bottom: 20px;
-    left: 20px;
-  }
-
-  .countdown-timer.bottom-right {
-    bottom: 20px;
-    right: 20px;
-  }
-
-  .countdown-timer.center {
-    top: 50%;
-    left: 50%;
-    transform: translate(-50%, -50%);
-  }
-
-  .countdown-timer.small {
-    padding: 12px;
-    font-size: 14px;
-  }
-
-  .countdown-timer.medium {
-    padding: 16px;
-    font-size: 16px;
-  }
-
-  .countdown-timer.large {
-    padding: 24px;
-    font-size: 20px;
-  }
-
-  .countdown-title {
-    margin: 0 0 8px 0;
-    font-weight: 600;
-    text-align: center;
-  }
-
-  .countdown-description {
-    margin: 0 0 12px 0;
-    font-size: 0.9em;
-    opacity: 0.8;
-    text-align: center;
-  }
-
-  .countdown-display {
-    display: flex;
-    gap: 12px;
-    justify-content: center;
-    align-items: center;
-  }
-
-  .countdown-unit {
-    text-align: center;
-    min-width: 40px;
-  }
-
-  .countdown-number {
-    display: block;
-    font-weight: 700;
-    font-size: 1.5em;
-    line-height: 1;
-  }
-
-  .countdown-label {
-    display: block;
-    font-size: 0.7em;
-    opacity: 0.7;
-    margin-top: 2px;
-  }
-
-  .countdown-separator {
-    font-weight: 700;
-    font-size: 1.2em;
-    opacity: 0.6;
-  }
-
-  .countdown-completion {
-    text-align: center;
-    font-weight: 600;
-    padding: 8px 0;
-  }
-
-  .countdown-timer.hidden {
-    display: none;
-  }
-
-  @media (max-width: 480px) {
-    .countdown-timer {
-      max-width: calc(100vw - 40px);
-    }
-    
-    .countdown-display {
-      gap: 8px;
-    }
-    
-    .countdown-unit {
-      min-width: 35px;
-    }
-    
-    .countdown-number {
-      font-size: 1.3em;
-    }
-  }
-</style>
-
-<script>
-  (function() {
-    'use strict';
-    
-    const config = document.getElementById('countdown-config');
-    if (!config) return;
-    
-    const {
-      eventTitle,
-      eventDescription,
-      targetDatetime,
-      completionMessage,
-      backgroundColor,
-      textColor,
-      position,
-      autoHide,
-      timerSize
-    } = config.dataset;
-    
-    if (!targetDatetime) {
-      console.warn('Countdown Timer: No target date specified');
-      return;
-    }
-    
-    const targetDate = new Date(targetDatetime);
-    if (isNaN(targetDate.getTime())) {
-      console.warn('Countdown Timer: Invalid target date format');
-      return;
-    }
-    
-    const container = document.getElementById('countdown-timer-container');
-    if (!container) return;
-    
-    let countdownElement = null;
-    let intervalId = null;
-    let isCompleted = false;
-    
-    function createCountdownElement() {
-      const timer = document.createElement('div');
-      timer.className = `countdown-timer ${position || 'bottom-right'} ${timerSize || 'medium'}`;
-      timer.style.backgroundColor = backgroundColor || '#FFFFFF';
-      timer.style.color = textColor || '#000000';
-      
-      const titleElement = eventTitle ? `<div class="countdown-title">${escapeHtml(eventTitle)}</div>` : '';
-      const descriptionElement = eventDescription ? `<div class="countdown-description">${escapeHtml(eventDescription)}</div>` : '';
-      
-      timer.innerHTML = `
-        ${titleElement}
-        ${descriptionElement}
-        <div class="countdown-display" id="countdown-display">
-          <div class="countdown-unit">
-            <span class="countdown-number" id="days">00</span>
-            <span class="countdown-label">Days</span>
-          </div>
-          <span class="countdown-separator">:</span>
-          <div class="countdown-unit">
-            <span class="countdown-number" id="hours">00</span>
-            <span class="countdown-label">Hours</span>
-          </div>
-          <span class="countdown-separator">:</span>
-          <div class="countdown-unit">
-            <span class="countdown-number" id="minutes">00</span>
-            <span class="countdown-label">Minutes</span>
-          </div>
-          <span class="countdown-separator">:</span>
-          <div class="countdown-unit">
-            <span class="countdown-number" id="seconds">00</span>
-            <span class="countdown-label">Seconds</span>
-          </div>
-        </div>
-      `;
-      
-      return timer;
-    }
-    
-    function escapeHtml(text) {
-      const div = document.createElement('div');
-      div.textContent = text;
-      return div.innerHTML;
-    }
-    
-    function updateCountdown() {
-      const now = new Date().getTime();
-      const distance = targetDate.getTime() - now;
-      
-      if (distance < 0) {
-        handleCountdownComplete();
-        return;
-      }
-      
-      const days = Math.floor(distance / (1000 * 60 * 60 * 24));
-      const hours = Math.floor((distance % (1000 * 60 * 60 * 24)) / (1000 * 60 * 60));
-      const minutes = Math.floor((distance % (1000 * 60 * 60)) / (1000 * 60));
-      const seconds = Math.floor((distance % (1000 * 60)) / 1000);
-      
-      if (countdownElement) {
-        const daysEl = countdownElement.querySelector('#days');
-        const hoursEl = countdownElement.querySelector('#hours');
-        const minutesEl = countdownElement.querySelector('#minutes');
-        const secondsEl = countdownElement.querySelector('#seconds');
-        
-        if (daysEl) daysEl.textContent = String(days).padStart(2, '0');
-        if (hoursEl) hoursEl.textContent = String(hours).padStart(2, '0');
-        if (minutesEl) minutesEl.textContent = String(minutes).padStart(2, '0');
-        if (secondsEl) secondsEl.textContent = String(seconds).padStart(2, '0');
-      }
-    }
-    
-    function handleCountdownComplete() {
-      if (isCompleted) return;
-      isCompleted = true;
-      
-      if (intervalId) {
-        clearInterval(intervalId);
-        intervalId = null;
-      }
-      
-      if (autoHide === 'true') {
-        hideCountdown();
-      } else {
-        showCompletionMessage();
-      }
-    }
-    
-    function showCompletionMessage() {
-      if (!countdownElement) return;
-      
-      const displayElement = countdownElement.querySelector('#countdown-display');
-      if (displayElement) {
-        displayElement.innerHTML = `
-          <div class="countdown-completion">
-            ${escapeHtml(completionMessage || 'Event has started!')}
-          </div>
-        `;
-      }
-    }
-    
-    function hideCountdown() {
-      if (countdownElement) {
-        countdownElement.classList.add('hidden');
-      }
-    }
-    
-    function showCountdown() {
-      if (countdownElement) {
-        countdownElement.classList.remove('hidden');
-      }
-    }
-    
-    function initializeCountdown() {
-      // Check if countdown is already completed
-      const now = new Date().getTime();
-      if (targetDate.getTime() <= now) {
-        isCompleted = true;
-        if (autoHide === 'true') {
-          return; // Don't show anything
-        }
-      }
-      
-      countdownElement = createCountdownElement();
-      container.appendChild(countdownElement);
-      
-      if (isCompleted) {
-        showCompletionMessage();
-      } else {
-        updateCountdown();
-        intervalId = setInterval(updateCountdown, 1000);
-      }
-    }
-    
-    // Initialize when DOM is ready
-    if (document.readyState === 'loading') {
-      document.addEventListener('DOMContentLoaded', initializeCountdown);
-    } else {
-      initializeCountdown();
-    }
-    
-    // Cleanup on page unload
-    window.addEventListener('beforeunload', function() {
-      if (intervalId) {
-        clearInterval(intervalId);
-      }
-    });
-    
-  })();
-</script>

package/dist/examples-apps/event-countdown/src/site/embedded-scripts/countdown-timer/extensions.ts

@@ -1,8 +0,0 @@
-import { extensions } from '@wix/astro/builders';
-export const embeddedscriptcountdowntimer = extensions.embeddedScript({
-  "id": "f065e8bd-5906-49a5-91c6-fbd0d5d8b600",
-  "scriptType": "FUNCTIONAL",
-  "placement": "BODY_END",
-  "source": "./site/embedded-scripts/countdown-timer/embedded.html",
-  "name": "countdown-timer"
-})

package/dist/examples-apps/event-countdown/src/types.ts

@@ -1,11 +0,0 @@
-export type CountdownTimerOptions = {
-  eventTitle: string;
-  eventDescription?: string;
-  targetDateTime: string;
-  completionMessage: string;
-  backgroundColor: string;
-  textColor: string;
-  position: 'top-left' | 'top-right' | 'bottom-left' | 'bottom-right' | 'center';
-  autoHide: boolean;
-  timerSize: 'small' | 'medium' | 'large';
-};

package/dist/examples-apps/event-countdown/tsconfig.json

@@ -1,9 +0,0 @@
-{
-  "extends": "astro/tsconfigs/strictest",
-  "compilerOptions": {
-    "jsx": "react-jsx",
-    "jsxImportSource": "react"
-  },
-  "include": [".astro/types.d.ts", "**/*"],
-  "exclude": ["dist"]
-}

package/dist/examples-apps/event-countdown/wix.config.json

@@ -1,4 +0,0 @@
-{
-  "appId": "54230258-14c1-41f8-9e34-75ff8cc7e0a1",
-  "siteId": "84465fce-8df2-4506-8cea-a6a1267cc3ee"
-}

package/dist/examples-apps/mixpanel-analytics/.nvmrc

@@ -1 +0,0 @@
-22.10.0

package/dist/examples-apps/mixpanel-analytics/README.md

@@ -1,21 +0,0 @@
-# mixpanel-analytics
-
-This project was bootstrapped with [Create Wix App](https://www.npmjs.com/package/@wix/create-app).  
-Read more about it in the [Wix CLI for Apps
- documentation](https://dev.wix.com/docs/build-apps/developer-tools/cli/get-started/about-the-wix-cli-for-apps).
-
-## Setup 🔧
-
-##### Install dependencies:
-
-```console
-npm install
-```
-
-## Available Scripts
-
-In the project directory, you can run:
-
-```console
-npm run dev
-```