npm - @blokkli/editor - Versions diffs - 2.0.0-alpha.63 → 2.0.0-alpha.64 - Mend

@blokkli/editor 2.0.0-alpha.63 → 2.0.0-alpha.64

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (213) hide show

package/dist/runtime/editor/components/NestedEditorOverlay/index.vue.d.ts CHANGED Viewed

@@ -1,6 +1,7 @@
 import type { BlokkliIcon } from '#blokkli-build/icons';
 import type { ThemeColorName } from '../../../../global/types/theme.js';
 export type NestedEditorOverlayProps = {
+    id: string;
     url?: string;
     uuid: string;
     title: string;

package/dist/runtime/editor/components/Overlay/index.vue CHANGED Viewed

@@ -74,7 +74,7 @@ function onDoubleClick() {
 }
 </script>
-<style>/*! tailwindcss v4.2.4 | MIT License | https://tailwindcss.com */
+<style>/*! tailwindcss v4.3.1 | MIT License | https://tailwindcss.com */
 .bk.bk-overlay {
   pointer-events: auto;
   position: fixed;

package/dist/runtime/editor/components/Pagination/index.vue CHANGED Viewed

@@ -18,7 +18,7 @@ defineProps({
 const page = defineModel({ type: Number, ...{ default: 0 } });
 </script>
-<style>/*! tailwindcss v4.2.4 | MIT License | https://tailwindcss.com */
+<style>/*! tailwindcss v4.3.1 | MIT License | https://tailwindcss.com */
 .bk .bk-pagination {
   display: flex;
   min-height: 60px;

package/dist/runtime/editor/components/Panel/Section/index.vue CHANGED Viewed

@@ -74,7 +74,7 @@ defineOptions({
 });
 </script>
-<style>/*! tailwindcss v4.2.4 | MIT License | https://tailwindcss.com */
+<style>/*! tailwindcss v4.3.1 | MIT License | https://tailwindcss.com */
 .bk-panel-section {
   container-type: inline-size;
 }

package/dist/runtime/editor/components/Panel/Tabs/index.d.vue.ts CHANGED Viewed

@@ -15,7 +15,7 @@ declare const __VLS_export: <T extends string = string>(__VLS_props: NonNullable
     expose: (exposed: {}) => void;
     attrs: any;
     slots: {};
-    emit: (evt: "update:modelValue", value: T) => void;
+    emit: (event: "update:modelValue", value: T) => void;
 }>) => import("vue").VNode & {
     __ctx?: Awaited<typeof __VLS_setup>;
 };

package/dist/runtime/editor/components/Panel/Tabs/index.vue.d.ts CHANGED Viewed

@@ -15,7 +15,7 @@ declare const __VLS_export: <T extends string = string>(__VLS_props: NonNullable
     expose: (exposed: {}) => void;
     attrs: any;
     slots: {};
-    emit: (evt: "update:modelValue", value: T) => void;
+    emit: (event: "update:modelValue", value: T) => void;
 }>) => import("vue").VNode & {
     __ctx?: Awaited<typeof __VLS_setup>;
 };

package/dist/runtime/editor/components/PluginConfigForm/index.vue CHANGED Viewed

@@ -63,7 +63,7 @@ defineExpose({
 });
 </script>
-<style>/*! tailwindcss v4.2.4 | MIT License | https://tailwindcss.com */
+<style>/*! tailwindcss v4.3.1 | MIT License | https://tailwindcss.com */
 .bk .bk-plugin-config-form {
   display: flex;
   flex-wrap: wrap;

package/dist/runtime/editor/components/PluginConfigFormInline/FilterSelect/index.vue CHANGED Viewed

@@ -162,7 +162,7 @@ onBeforeUnmount(() => {
 });
 </script>
-<style>/*! tailwindcss v4.2.4 | MIT License | https://tailwindcss.com */
+<style>/*! tailwindcss v4.3.1 | MIT License | https://tailwindcss.com */
 .bk .bk-config-filter-select {
   position: relative;
   height: 100%;

package/dist/runtime/editor/components/PluginConfigFormInline/index.vue CHANGED Viewed

@@ -53,7 +53,7 @@ defineProps({
 const emit = defineEmits(["update:modelValue"]);
 </script>
-<style>/*! tailwindcss v4.2.4 | MIT License | https://tailwindcss.com */
+<style>/*! tailwindcss v4.3.1 | MIT License | https://tailwindcss.com */
 .bk .bk-plugin-config-form-inline {
   position: relative;
   z-index: 5000;

package/dist/runtime/editor/components/Popup/index.vue CHANGED Viewed

@@ -98,7 +98,7 @@ onBeforeUnmount(() => {
 });
 </script>
-<style>/*! tailwindcss v4.2.4 | MIT License | https://tailwindcss.com */
+<style>/*! tailwindcss v4.3.1 | MIT License | https://tailwindcss.com */
 .bk.bk-popup {
   position: relative;
   width: 100%;

package/dist/runtime/editor/components/PreviewProvider.vue CHANGED Viewed

@@ -47,10 +47,11 @@ const context = computed(() => {
     language: props.language
   };
 });
+const interfaceLanguage = computed(() => context.value.language);
 const adapter = await getAdapter(context);
 const router = useRouter();
 const broadcast = broadcastProvider();
-const definitions = definitionProvider(props.providerType);
+const definitions = definitionProvider(props.providerType, interfaceLanguage);
 let timeout = null;
 let lastChanged = 0;
 const mutatedFieldsMap = reactive({});
@@ -197,7 +198,7 @@ onBeforeUnmount(() => {
 });
 </script>
-<style>/*! tailwindcss v4.2.4 | MIT License | https://tailwindcss.com */
+<style>/*! tailwindcss v4.3.1 | MIT License | https://tailwindcss.com */
 .bk-body-preview {
   overflow: hidden;
   overflow-y: auto;

package/dist/runtime/editor/components/RelativeTime/index.vue CHANGED Viewed

@@ -10,7 +10,7 @@ import { ref, computed, onMounted, onBeforeUnmount, useBlokkli } from "#imports"
 const props = defineProps({
   timestamp: { type: [Number, String], required: true }
 });
-const { ui } = useBlokkli();
+const { ui, $t } = useBlokkli();
 const date = computed(() => {
   const dateArg = typeof props.timestamp === "number" ? props.timestamp * 1e3 : props.timestamp;
   const parsedDate = new Date(dateArg);
@@ -22,17 +22,11 @@ const formattedDate = computed(() => {
 function getRelativeTimeString(date2, lang = navigator.language) {
   const timeMs = typeof date2 === "number" ? date2 : date2.getTime();
   const deltaSeconds = Math.round((timeMs - Date.now()) / 1e3);
-  const cutoffs = [
-    60,
-    3600,
-    86400,
-    86400 * 7,
-    86400 * 30,
-    86400 * 365,
-    Infinity
-  ];
+  if (Math.abs(deltaSeconds) < 60) {
+    return $t("relativeTimeJustNow", "just now");
+  }
+  const cutoffs = [3600, 86400, 86400 * 7, 86400 * 30, 86400 * 365, Infinity];
   const units = [
-    "second",
     "minute",
     "hour",
     "day",
@@ -43,9 +37,9 @@ function getRelativeTimeString(date2, lang = navigator.language) {
   const unitIndex = cutoffs.findIndex(
     (cutoff) => cutoff > Math.abs(deltaSeconds)
   );
-  const divisor = unitIndex ? cutoffs[unitIndex - 1] : 1;
+  const divisor = unitIndex ? cutoffs[unitIndex - 1] : 60;
   const rtf = new Intl.RelativeTimeFormat(lang, { numeric: "auto" });
-  return rtf.format(Math.floor(deltaSeconds / divisor), units[unitIndex]);
+  return rtf.format(Math.trunc(deltaSeconds / divisor), units[unitIndex]);
 }
 const incrementToggle = ref(0);
 let interval = null;

package/dist/runtime/editor/components/Resizable/index.vue CHANGED Viewed

@@ -86,7 +86,7 @@ export default {
 };
 </script>
-<style>/*! tailwindcss v4.2.4 | MIT License | https://tailwindcss.com */
+<style>/*! tailwindcss v4.3.1 | MIT License | https://tailwindcss.com */
 .bk-vars.bk-resizable {
   position: absolute;
   left: 0px;

package/dist/runtime/editor/components/RichText/Editor/index.vue CHANGED Viewed

@@ -353,7 +353,7 @@ export default {
 };
 </script>
-<style>/*! tailwindcss v4.2.4 | MIT License | https://tailwindcss.com */
+<style>/*! tailwindcss v4.3.1 | MIT License | https://tailwindcss.com */
 .bk-richtext-panel-enter-active,
 .bk-richtext-panel-leave-active {
   transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --bk-tw-gradient-from, --bk-tw-gradient-via, --bk-tw-gradient-to, opacity, box-shadow, transform, translate, scale, rotate, filter, -webkit-backdrop-filter, backdrop-filter, display, content-visibility, overlay, pointer-events;

package/dist/runtime/editor/components/ScaleToFit/index.vue CHANGED Viewed

@@ -69,7 +69,7 @@ export default {
 };
 </script>
-<style>/*! tailwindcss v4.2.4 | MIT License | https://tailwindcss.com */
+<style>/*! tailwindcss v4.3.1 | MIT License | https://tailwindcss.com */
 .bk-vars.bk-scale-to-fit {
   position: relative;
 }

package/dist/runtime/editor/components/SearchOverlay/index.vue CHANGED Viewed

@@ -155,7 +155,7 @@ onBeforeUnmount(() => {
 });
 </script>
-<style>/*! tailwindcss v4.2.4 | MIT License | https://tailwindcss.com */
+<style>/*! tailwindcss v4.3.1 | MIT License | https://tailwindcss.com */
 .bk .bk-command-palette {
   pointer-events: auto;
   position: fixed;

package/dist/runtime/editor/components/SidebarFloater/index.vue CHANGED Viewed

@@ -23,7 +23,7 @@ defineProps({
 });
 </script>
-<style>/*! tailwindcss v4.2.4 | MIT License | https://tailwindcss.com */
+<style>/*! tailwindcss v4.3.1 | MIT License | https://tailwindcss.com */
 .bk-sidebar-floater:before {
   content: '';
   position: absolute;

package/dist/runtime/editor/components/StatusIcon/index.vue CHANGED Viewed

@@ -30,7 +30,7 @@ export default {
 };
 </script>
-<style>/*! tailwindcss v4.2.4 | MIT License | https://tailwindcss.com */
+<style>/*! tailwindcss v4.3.1 | MIT License | https://tailwindcss.com */
 .bk .bk-status-icon {
   display: flex;
   width: 20px;

package/dist/runtime/editor/components/StatusIndicator/index.vue CHANGED Viewed

@@ -1,6 +1,6 @@
 <template>
   <span
-    class="_bk_size-[0.9em] _bk_inline-block _bk_rounded-full _bk_shrink-0 _bk_mr-[0.3em] _bk_align-middle"
+    class="_bk_size-[0.9em] _bk_inline-block _bk_rounded-full _bk_shrink-0 _bk_align-middle"
     :class="{
   '_bk_bg-red-normal': status === 'error',
   '_bk_bg-lime-normal': status === 'success',

package/dist/runtime/editor/components/SystemRequirements/index.vue CHANGED Viewed

@@ -84,7 +84,7 @@ function dismiss() {
 }
 </script>
-<style>/*! tailwindcss v4.2.4 | MIT License | https://tailwindcss.com */
+<style>/*! tailwindcss v4.3.1 | MIT License | https://tailwindcss.com */
 .bk ul.bk-system-requirements {
   margin-bottom: 15px;
   display: grid;

package/dist/runtime/editor/components/Tabs/index.d.vue.ts CHANGED Viewed

@@ -18,7 +18,7 @@ declare const __VLS_export: <T extends string = string>(__VLS_props: NonNullable
     slots: {
         default?: (props: {}) => any;
     };
-    emit: (evt: "update:modelValue", value: T) => void;
+    emit: (event: "update:modelValue", value: T) => void;
 }>) => import("vue").VNode & {
     __ctx?: Awaited<typeof __VLS_setup>;
 };

package/dist/runtime/editor/components/Tabs/index.vue.d.ts CHANGED Viewed

@@ -18,7 +18,7 @@ declare const __VLS_export: <T extends string = string>(__VLS_props: NonNullable
     slots: {
         default?: (props: {}) => any;
     };
-    emit: (evt: "update:modelValue", value: T) => void;
+    emit: (event: "update:modelValue", value: T) => void;
 }>) => import("vue").VNode & {
     __ctx?: Awaited<typeof __VLS_setup>;
 };

package/dist/runtime/editor/components/Toolbar/ViewOptions/List/Button/index.vue CHANGED Viewed

@@ -36,7 +36,8 @@ const props = defineProps({
   icon: { type: null, required: true },
   keyCode: { type: String, required: false },
   tourText: { type: String, required: false },
-  weight: { type: Number, required: false }
+  weight: { type: Number, required: false },
+  default: { type: Boolean, required: false }
 });
 const { storage, eventBus, $t } = useBlokkli();
 const buttonEl = useTemplateRef("buttonEl");

package/dist/runtime/editor/components/Toolbar/index.vue CHANGED Viewed

@@ -212,7 +212,7 @@ export default {
 };
 </script>
-<style>/*! tailwindcss v4.2.4 | MIT License | https://tailwindcss.com */
+<style>/*! tailwindcss v4.3.1 | MIT License | https://tailwindcss.com */
 .bk.bk-toolbar-menu {
   position: relative;
   z-index: calc(var(--bk-z-index-base) + 410000) /* "menu" */;

package/dist/runtime/editor/components/Transition/Collapse/index.vue CHANGED Viewed

@@ -4,7 +4,7 @@
   </Transition>
 </template>
-<style>/*! tailwindcss v4.2.4 | MIT License | https://tailwindcss.com */
+<style>/*! tailwindcss v4.3.1 | MIT License | https://tailwindcss.com */
 .bk-collapse-transition-enter-active,
 .bk-collapse-transition-leave-active {
   interpolate-size: allow-keywords;

package/dist/runtime/editor/components/Transition/List/index.vue CHANGED Viewed

@@ -10,7 +10,7 @@ defineProps({
 });
 </script>
-<style>/*! tailwindcss v4.2.4 | MIT License | https://tailwindcss.com */
+<style>/*! tailwindcss v4.3.1 | MIT License | https://tailwindcss.com */
 .bk-list-transition {
   interpolate-size: allow-keywords;
 }

package/dist/runtime/editor/composables/defineViewOption.js CHANGED Viewed

@@ -1,7 +1,11 @@
 import { computed, onBeforeUnmount, onMounted, useBlokkli } from "#imports";
 export function defineViewOption(options) {
   const { storage, ui, plugins } = useBlokkli();
-  const isActive = storage.use("view_option_" + options.id, false, true);
+  const isActive = storage.use(
+    "view_option_" + options.id,
+    !!options.default,
+    true
+  );
   const isVisible = computed(() => isActive.value && !ui.isMobile.value);
   const cb = () => options;
   onMounted(() => plugins.add("viewOption", cb));

package/dist/runtime/editor/composables/useStickyToolbar.js CHANGED Viewed

@@ -40,7 +40,6 @@ export function useStickyToolbar(el, options) {
     let maxX = 0;
     let minY = 0;
     let maxY = 0;
-    let hasRects = false;
     const anchorElement = options && options.getAnchorElement ? options.getAnchorElement() : null;
     const anchorCoordinates = options && options.getAnchorCoordinates ? options.getAnchorCoordinates() : null;
     if (anchorCoordinates) {
@@ -50,7 +49,6 @@ export function useStickyToolbar(el, options) {
       maxX = rectX + 1;
       minY = rectY;
       maxY = rectY + 1;
-      hasRects = true;
     } else if (anchorElement) {
       anchorRect ||= ui.getAbsoluteElementRect(
         anchorElement.getBoundingClientRect(),
@@ -65,10 +63,9 @@ export function useStickyToolbar(el, options) {
       maxX = rectRight;
       minY = rectY;
       maxY = rectBottom;
-      hasRects = true;
     } else {
       const rects = selection.uuids.value.map((uuid) => dom.getBlockRect(uuid)).filter(falsy).filter((rect) => rect.height || rect.width);
-      hasRects = !!rects.length;
+      const hasRects = !!rects.length;
       if (hasRects) {
         for (let i = 0; i < rects.length; i++) {
           const { x: x2, y: y2, height: height2, width: rectWidth } = rects[i];