@lightspeed/crane 0.1.0 → 1.0.0

package/template/sections/block-example/CustomBlock.vue

@@ -1,58 +0,0 @@
-<script setup lang="ts">
-import {
-  useInputboxElementContent,
-  useTextareaElementContent,
-  useButtonElementContent,
-  useImageElementContent,
-  useToggleElementContent,
-  useSelectboxElementContent,
-} from '@lightspeed/crane';
-import { Content } from './type.ts';
-
-const inputboxContent = useInputboxElementContent<Content>('inputbox');
-const textareaContent = useTextareaElementContent<Content>('textarea');
-const buttonContent = useButtonElementContent<Content>('button');
-const imageContent = useImageElementContent<Content>('image');
-const toggleContent = useToggleElementContent<Content>('toggle');
-const selectboxContent = useSelectboxElementContent<Content>('selectbox');
-</script>
-
-<template>
-  <div>
-    <div>
-      <h1 v-if="inputboxContent.hasContent">
-        {{ inputboxContent.value }}
-      </h1>
-    </div>
-    <div>
-      <h1 v-if="textareaContent.hasContent">
-        {{ textareaContent.value }}
-      </h1>
-    </div>
-    <div>
-      <!-- eslint-disable vue/html-button-has-type -->
-      <button
-        v-if="buttonContent.hasTitle"
-        @click="buttonContent.performAction"
-      >
-        {{ buttonContent.title }}
-      </button>
-    </div>
-    <div>
-      <img
-        v-if="imageContent.hasContent"
-        :src="imageContent.highResolutionDesktopImage"
-      >
-    </div>
-    <div>
-      <input
-        type="checkbox"
-        disabled="true"
-        :checked="toggleContent.value"
-      >
-    </div>
-    <div>
-      <h1>{{ selectboxContent.value }}</h1>
-    </div>
-  </div>
-</template>

package/template/sections/block-example/client.ts

@@ -1,5 +0,0 @@
-import { createVueClientApp } from '@lightspeed/crane';
-import CustomBlock from './CustomBlock.vue';
-import { Content, Design } from './type.ts';
-
-export default createVueClientApp<Content, Design>(CustomBlock);

package/template/sections/block-example/server.ts

@@ -1,5 +0,0 @@
-import { createVueServerApp } from '@lightspeed/crane';
-import CustomBlock from './CustomBlock.vue';
-import { Content, Design } from './type.ts';
-
-export default createVueServerApp<Content, Design>(CustomBlock);

package/template/sections/block-example/settings/content.ts

@@ -1,41 +0,0 @@
-export default {
-  inputbox: {
-    type: 'INPUTBOX',
-    label: '$label.inputbox.label',
-    placeholder: '$label.inputbox.placeholder',
-  },
-  textarea: {
-    type: 'TEXTAREA',
-    label: '$label.textarea.label',
-    placeholder: '$label.textarea.placeholder',
-  },
-  button: {
-    type: 'BUTTON',
-    label: '$label.button.label',
-  },
-  image: {
-    type: 'IMAGE',
-    label: '$label.image.label',
-  },
-  toggle: {
-    type: 'TOGGLE',
-    label: '$label.toggle.label',
-    description: '$label.toggle.description',
-  },
-  selectbox: {
-    type: 'SELECTBOX',
-    label: '$label.selectbox.label',
-    placeholder: '$label.selectbox.placeholder',
-    description: '$label.selectbox.description',
-    options: [
-      {
-        value: 'one',
-        label: '$label.selectbox.one.label',
-      },
-      {
-        value: 'two',
-        label: '$label.selectbox.two.label',
-      },
-    ],
-  },
-} as const;

package/template/sections/block-example/settings/translations.ts

@@ -1,35 +0,0 @@
-export default {
-  en: {
-    '$label.inputbox.label': 'Inputbox',
-    '$label.inputbox.placeholder': 'Input text',
-    '$label.textarea.label': 'Textarea',
-    '$label.textarea.placeholder': 'Input text',
-    '$label.button.label': 'Button',
-    '$label.image.label': 'Image',
-    '$label.toggle.label': 'Toggle',
-    '$label.toggle.description': 'On/off toggle',
-    '$label.selectbox.label': 'Selectbox',
-    '$label.selectbox.placeholder': 'Choose',
-    '$label.selectbox.description': 'Selectbox description',
-    '$label.selectbox.one.label': 'One',
-    '$label.selectbox.two.label': 'Two',
-    '$label.background.label': 'Background',
-  },
-
-  ru: {
-    '$label.inputbox.label': 'Текст',
-    '$label.inputbox.placeholder': 'Введите текст',
-    '$label.textarea.label': 'Многострочный текст',
-    '$label.textarea.placeholder': 'Введите текст',
-    '$label.button.label': 'Кнопка',
-    '$label.image.label': 'Картинка',
-    '$label.toggle.label': 'Тоггл',
-    '$label.toggle.description': 'Включить/выключить тоггл',
-    '$label.selectbox.label': 'Селектбокс',
-    '$label.selectbox.placeholder': 'Выберите',
-    '$label.selectbox.description': 'Описание селектбокса',
-    '$label.selectbox.one.label': 'Один',
-    '$label.selectbox.two.label': 'Два',
-    '$label.background.label': 'Фон',
-  },
-} as const;

package/template/sections/block-example/showcases/1.ts

@@ -1,88 +0,0 @@
-export default {
-  showcaseId: '1',
-  previewImage: {
-    set: {
-      ORIGINAL: {
-        url: 'showcase_preview_1.png',
-      },
-    },
-  },
-  blockName: '$label.showcase_1.blockName',
-  content: {
-    inputbox: {
-      type: 'INPUTBOX',
-      text: '$label.showcase_1.inputbox.text',
-    },
-    textarea: {
-      type: 'TEXTAREA',
-      text: '$label.showcase_1.textarea.text',
-    },
-    button: {
-      type: 'BUTTON',
-      title: '$label.showcase_1.button.title',
-      buttonType: 'MAIL_LINK',
-      email: 'from@showcase.one.com',
-    },
-    image: {
-      type: 'IMAGE',
-      imageData: {
-        set: {
-          ORIGINAL: {
-            url: 'showcase_preview_1.png',
-          },
-        },
-        borderInfo: {},
-      },
-    },
-    toggle: {
-      type: 'TOGGLE',
-      enabled: true,
-    },
-    selectbox: {
-      type: 'SELECTBOX',
-      value: 'one',
-    },
-  },
-  design: {
-    inputbox: {
-      type: 'TEXT',
-      font: 'global.fontFamily.body',
-      size: 18,
-      bold: true,
-      italic: false,
-      color: '#333',
-      visible: false,
-    },
-    button: {
-      type: 'BUTTON',
-      font: 'global.fontFamily.body',
-      size: 'MEDIUM',
-      appearance: 'OUTLINE',
-      shape: 'PILL',
-      color: '#333',
-      visible: false,
-    },
-    background: {
-      type: 'BACKGROUND',
-      style: 'COLOR',
-      color: 'global.color.background',
-    },
-    image: {
-      type: 'IMAGE',
-      overlay: 'COLOR',
-      color: '#333',
-    },
-    toggle: {
-      type: 'TOGGLE',
-      enabled: true,
-    },
-    color: {
-      type: 'COLOR_PICKER',
-      color: 'global.color.background',
-    },
-    selectbox: {
-      type: 'SELECTBOX',
-      value: 'one',
-    },
-  },
-} as const;

package/template/sections/block-example/showcases/2.ts

@@ -1,88 +0,0 @@
-export default {
-  showcaseId: '2',
-  previewImage: {
-    set: {
-      ORIGINAL: {
-        url: 'showcase_preview_1.png',
-      },
-    },
-  },
-  blockName: '$label.showcase_2.blockName',
-  content: {
-    inputbox: {
-      type: 'INPUTBOX',
-      text: '$label.showcase_2.inputbox.text',
-    },
-    textarea: {
-      type: 'TEXTAREA',
-      text: '$label.showcase_2.textarea.text',
-    },
-    button: {
-      type: 'BUTTON',
-      title: '$label.showcase_2.button.title',
-      buttonType: 'MAIL_LINK',
-      email: 'from@showcase.two.com',
-    },
-    image: {
-      type: 'IMAGE',
-      imageData: {
-        set: {
-          ORIGINAL: {
-            url: 'showcase_preview_2.png',
-          },
-        },
-        borderInfo: {},
-      },
-    },
-    toggle: {
-      type: 'TOGGLE',
-      enabled: false,
-    },
-    selectbox: {
-      type: 'SELECTBOX',
-      value: 'two',
-    },
-  },
-  design: {
-    inputbox: {
-      type: 'TEXT',
-      font: 'global.fontFamily.body',
-      size: 18,
-      bold: true,
-      italic: false,
-      color: '#333',
-      visible: false,
-    },
-    button: {
-      type: 'BUTTON',
-      font: 'global.fontFamily.body',
-      size: 'MEDIUM',
-      appearance: 'OUTLINE',
-      shape: 'PILL',
-      color: '#333',
-      visible: false,
-    },
-    background: {
-      type: 'BACKGROUND',
-      style: 'COLOR',
-      color: 'global.color.background',
-    },
-    image: {
-      type: 'IMAGE',
-      overlay: 'COLOR',
-      color: '#333',
-    },
-    toggle: {
-      type: 'TOGGLE',
-      enabled: true,
-    },
-    color: {
-      type: 'COLOR_PICKER',
-      color: 'global.color.background',
-    },
-    selectbox: {
-      type: 'SELECTBOX',
-      value: 'one',
-    },
-  },
-} as const;

package/template/sections/block-example/showcases/translations.ts

@@ -1,23 +0,0 @@
-export default {
-  en: {
-    '$label.showcase_1.blockName': 'Name of block 1',
-    '$label.showcase_1.inputbox.text': 'Input text 1',
-    '$label.showcase_1.textarea.text': 'Textarea 1',
-    '$label.showcase_1.button.title': 'Button 1',
-    '$label.showcase_2.blockName': 'Name of block 2',
-    '$label.showcase_2.inputbox.text': 'Input text 2',
-    '$label.showcase_2.textarea.text': 'Textarea 2',
-    '$label.showcase_2.button.title': 'Button 2',
-  },
-
-  ru: {
-    '$label.showcase_1.blockName': 'Имя блока 1',
-    '$label.showcase_1.inputbox.text': 'Введите текст 1',
-    '$label.showcase_1.textarea.text': 'Многострочный текст 1',
-    '$label.showcase_1.button.title': 'Кнопка 1',
-    '$label.showcase_2.blockName': 'Имя блока 2',
-    '$label.showcase_2.inputbox.text': 'Введите текст 2',
-    '$label.showcase_2.textarea.text': 'Многострочный текст 2',
-    '$label.showcase_2.button.title': 'Кнопка 2',
-  },
-} as const;