@blokkli/editor 2.0.0-alpha.14 → 2.0.0-alpha.15

package/dist/runtime/helpers/stateProvider.d.ts

@@ -1,6 +1,6 @@
 import { type Ref, type ComputedRef } from 'vue';
 import type { BlokkliAdapter, AdapterContext } from '../adapter/index.js';
-import type { MutatedField, EditEntity, MutatedOptions, TranslationState, MappedState, MutationItem, Validation, MutateWithLoadingStateFunction, EditMode, FieldListItem } from '#blokkli/types';
+import type { MutatedField, EditEntity, MutatedOptions, TranslationState, MappedState, MutationItem, Validation, MutateWithLoadingStateFunction, EditMode, FieldListItem, PublishOptions } from '#blokkli/types';
 import type { TextProvider } from './textProvider.js';
 export type BlokkliOwner = {
     name: string | undefined;
@@ -19,6 +19,7 @@ export type StateProvider = {
     entity: Readonly<Ref<EditEntity>>;
     mutatedOptions: MutatedOptions;
     translation: Readonly<Ref<TranslationState>>;
+    publishOptions: Readonly<Ref<PublishOptions>>;
     mutations: Readonly<Ref<MutationItem[]>>;
     currentMutationIndex: Readonly<Ref<number>>;
     violations: Readonly<Ref<Validation[]>>;

package/dist/runtime/helpers/stateProvider.js

@@ -13,6 +13,17 @@ import { eventBus, emitMessage } from "#blokkli/helpers/eventBus";
 import { nextTick } from "#imports";
 import { addElementClasses } from "./addElementClasses.js";
 const HOST_OPTION_KEY = "HOST";
+function mapPublishOptions(context) {
+  return {
+    canPublish: !!context?.publishOptions?.canPublish,
+    isRevisionable: !!context?.publishOptions?.isRevisionable,
+    hasRevisionLogMessage: !!context?.publishOptions?.hasRevisionLogMessage,
+    canSchedule: !!context?.publishOptions?.canSchedule,
+    lastChanged: context?.publishOptions?.lastChanged ?? null,
+    publishOn: context?.publishOptions?.publishOn ?? null,
+    revisionLogMessage: context?.publishOptions?.revisionLogMessage ?? null
+  };
+}
 export default async function(adapter, context, $t, providerKey) {
   let _mappedState = null;
   const overrideHostOptions = useState("options:" + providerKey);
@@ -27,6 +38,15 @@ export default async function(adapter, context, $t, providerKey) {
   const mutations = ref([]);
   const violations = ref([]);
   const mutatedEntity = ref(null);
+  const publishOptions = ref({
+    canPublish: false,
+    isRevisionable: false,
+    hasRevisionLogMessage: false,
+    lastChanged: null,
+    canSchedule: false,
+    publishOn: null,
+    revisionLogMessage: null
+  });
   const currentMutationIndex = ref(-1);
   const isLoading = ref(false);
   const entity = ref({
@@ -63,6 +83,15 @@ export default async function(adapter, context, $t, providerKey) {
     availableLanguages: [],
     translations: []
   });
+  function updatePublishOptions(newPublishOptions) {
+    publishOptions.value.canPublish = newPublishOptions.canPublish;
+    publishOptions.value.isRevisionable = newPublishOptions.isRevisionable;
+    publishOptions.value.hasRevisionLogMessage = newPublishOptions.hasRevisionLogMessage;
+    publishOptions.value.lastChanged = newPublishOptions.lastChanged;
+    publishOptions.value.canSchedule = newPublishOptions.canSchedule;
+    publishOptions.value.publishOn = newPublishOptions.publishOn;
+    publishOptions.value.revisionLogMessage = newPublishOptions.revisionLogMessage;
+  }
   function setContext(context2, override) {
     if (!override) {
       _mappedState = context2 ?? null;
@@ -94,6 +123,7 @@ export default async function(adapter, context, $t, providerKey) {
     entity.value.label = context2?.entity?.label;
     entity.value.status = context2?.entity?.status;
     entity.value.bundleLabel = context2?.entity?.bundleLabel || "";
+    updatePublishOptions(mapPublishOptions(context2));
     translation.value.isTranslatable = !!context2?.translationState?.isTranslatable;
     translation.value.translations = context2?.translationState?.translations?.filter(falsy) || [];
     translation.value.sourceLanguage = context2?.translationState?.sourceLanguage || "";
@@ -273,6 +303,7 @@ export default async function(adapter, context, $t, providerKey) {
     getMappedState,
     refreshKey,
     owner: readonly(owner),
+    publishOptions: readonly(publishOptions),
     mutatedFields,
     entity,
     mutatedOptions,

package/dist/runtime/helpers/uiProvider.d.ts

@@ -40,6 +40,8 @@ export type UiProvider = {
     artboardOffset: Ref<Coord>;
     selectionTopLeft: Ref<Coord>;
     interfaceLanguage: ComputedRef<string>;
+    locale: ComputedRef<string>;
+    formatDate: (date: string | Date, options?: Intl.DateTimeFormatOptions) => string;
     getAbsoluteElementRect: (v: HTMLElement | Rectangle, scale?: number, offset?: Coord) => Rectangle;
     getViewportRelativeRect: (rect: Rectangle, scale?: number, offset?: Coord) => Rectangle;
 };

package/dist/runtime/helpers/uiProvider.js

@@ -9,6 +9,12 @@ import { falsy } from "./index.js";
 import { addElementClasses } from "./addElementClasses.js";
 import { defaultLanguage, forceDefaultLanguage } from "#blokkli-build/config";
 const CLASS_PROXY_MODE = "bk-is-proxy-mode";
+const localeMap = {
+  de: "de-CH",
+  fr: "fr-CH",
+  it: "it-CH",
+  en: "en-GB"
+};
 export default function(storage, state, context) {
   let cachedRootElement = null;
   let cachedArtboardElement = null;
@@ -16,6 +22,10 @@ export default function(storage, state, context) {
   const interfaceLanguage = computed(() => {
     return forceDefaultLanguage ? defaultLanguage : context.value.language;
   });
+  const locale = computed(() => {
+    const lang = interfaceLanguage.value;
+    return localeMap[lang] || lang;
+  });
   const isProxyMode = ref(false);
   const menuIsOpen = ref(false);
   const hasDialogOpen = ref(false);
@@ -229,6 +239,17 @@ export default function(storage, state, context) {
   function setTransform(label) {
     transformLabel.value = label || "";
   }
+  function formatDate(date, options) {
+    const dateObj = typeof date === "string" ? new Date(date) : date;
+    const defaultOptions = {
+      year: "numeric",
+      month: "2-digit",
+      day: "2-digit",
+      hour: "2-digit",
+      minute: "2-digit"
+    };
+    return dateObj.toLocaleString(locale.value, options || defaultOptions);
+  }
   addElementClasses(document.documentElement, "bk-is-animating", isAnimating);
   addElementClasses(
     document.documentElement,
@@ -293,6 +314,8 @@ export default function(storage, state, context) {
     getAbsoluteElementRect,
     getViewportRelativeRect,
     interfaceLanguage,
+    locale,
+    formatDate,
     hasDialogOpen,
     hasTransformOverlayOpen,
     hasAddTooltipOpen

package/dist/runtime/icons/calendar-clock.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M15,13H16.5V15.82L18.94,17.23L18.19,18.53L15,16.69V13M19,8H5V19H9.67C9.24,18.09 9,17.07 9,16A7,7 0 0,1 16,9C17.07,9 18.09,9.24 19,9.67V8M5,21C3.89,21 3,20.1 3,19V5C3,3.89 3.89,3 5,3H6V1H8V3H16V1H18V3H19A2,2 0 0,1 21,5V11.1C22.24,12.36 23,14.09 23,16A7,7 0 0,1 16,23C14.09,23 12.36,22.24 11.1,21H5M16,11.15A4.85,4.85 0 0,0 11.15,16C11.15,18.68 13.32,20.85 16,20.85A4.85,4.85 0 0,0 20.85,16C20.85,13.32 18.68,11.15 16,11.15Z" /></svg>

package/dist/runtime/icons/eye-off.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M2,5.27L3.28,4L20,20.72L18.73,22L15.65,18.92C14.5,19.3 13.28,19.5 12,19.5C7,19.5 2.73,16.39 1,12C1.69,10.24 2.79,8.69 4.19,7.46L2,5.27M12,9A3,3 0 0,1 15,12C15,12.35 14.94,12.69 14.83,13L11,9.17C11.31,9.06 11.65,9 12,9M12,4.5C17,4.5 21.27,7.61 23,12C22.18,14.08 20.79,15.88 19,17.19L17.58,15.76C18.94,14.82 20.06,13.54 20.82,12C19.17,8.64 15.76,6.5 12,6.5C10.91,6.5 9.84,6.68 8.84,7L7.3,5.47C8.74,4.85 10.33,4.5 12,4.5M3.18,12C4.83,15.36 8.24,17.5 12,17.5C12.69,17.5 13.37,17.43 14,17.29L11.72,15C10.29,14.85 9.15,13.71 9,12.28L5.6,8.87C4.61,9.72 3.78,10.78 3.18,12Z" /></svg>

package/dist/runtime/types/index.d.ts

@@ -556,6 +556,7 @@ export interface MappedState {
         fields?: MutatedField[];
         violations?: Validation[];
     };
+    publishOptions: PublishOptions;
     entity: EditEntity;
     mutatedEntity?: any;
     translationState: TranslationState;
@@ -1068,6 +1069,10 @@ export type EventbusEvents = {
      * Emitted when publishing failed.
      */
     'publish:failed': undefined;
+    /**
+     * Show the publish dialog.
+     */
+    'publish:show-dialog': undefined;
     /**
      * Edit a library item.
      */
@@ -1352,7 +1357,10 @@ export type PublishOptions = {
     canPublish: boolean;
     isRevisionable: boolean;
     hasRevisionLogMessage: boolean;
-    lastChanged?: string | null;
+    lastChanged: string | null;
+    canSchedule: boolean;
+    publishOn: string | null;
+    revisionLogMessage: string | null;
 };
 export type GetEditStatesItem = {
     hostEntityType: string;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@blokkli/editor",
-  "version": "2.0.0-alpha.14",
+  "version": "2.0.0-alpha.15",
   "description": "Interactive page building experience for Nuxt",
   "repository": "blokkli/editor",
   "type": "module",