@blokkli/editor 1.4.0-alpha.1 → 2.0.0-alpha.2

package/dist/runtime/components/Edit/Features/Clipboard/List/Item/File.vue

@@ -5,8 +5,8 @@
         v-for="n in 10"
         :key="n"
         :style="{
-          width: Math.max(Math.min(prng(n + fileSize) * 230, 100), 40) + '%',
-        }"
+  width: Math.max(Math.min(prng(n + fileSize) * 230, 100), 40) + '%'
+}"
       />
     </div>
     <h3>{{ fileName }}</h3>
@@ -17,52 +17,44 @@
   </div>
 </template>
 
-<script setup lang="ts">
-import { computed } from '#imports'
-import type { ClipboardItemFile } from '#blokkli/types'
-
-const props = defineProps<ClipboardItemFile>()
-
-function prng(seed: number) {
-  // eslint-disable-next-line
-  seed = (seed ^ 0x6d2b79f5) + (seed << 1)
-  seed = seed ^ (seed >> 15)
-  seed = seed + (seed << 4)
-  seed = seed ^ (seed >> 13)
-  // eslint-disable-next-line
-  seed = seed * 0x85ebca6b
-  seed = seed ^ (seed >> 16)
-  seed = seed >>> 0
-  return seed / 4294967296
+<script setup>
+import { computed } from "#imports";
+const props = defineProps({
+  type: { type: String, required: true },
+  id: { type: String, required: true },
+  itemBundle: { type: String, required: true },
+  data: { type: String, required: true },
+  additional: { type: String, required: true },
+  fileName: { type: String, required: true },
+  fileSize: { type: Number, required: true },
+  fileType: { type: String, required: true }
+});
+function prng(seed) {
+  seed = (seed ^ 1831565813) + (seed << 1);
+  seed = seed ^ seed >> 15;
+  seed = seed + (seed << 4);
+  seed = seed ^ seed >> 13;
+  seed = seed * 2246822507;
+  seed = seed ^ seed >> 16;
+  seed = seed >>> 0;
+  return seed / 4294967296;
 }
-
-function humanFileSize(bytes: number, si = false, dp = 1) {
-  const thresh = si ? 1000 : 1024
-
+function humanFileSize(bytes, si = false, dp = 1) {
+  const thresh = si ? 1e3 : 1024;
   if (Math.abs(bytes) < thresh) {
-    return bytes + ' B'
+    return bytes + " B";
   }
-
-  const units = si
-    ? ['kB', 'MB', 'GB', 'TB', 'PB', 'EB', 'ZB', 'YB']
-    : ['KiB', 'MiB', 'GiB', 'TiB', 'PiB', 'EiB', 'ZiB', 'YiB']
-  let u = -1
-  const r = 10 ** dp
-
+  const units = si ? ["kB", "MB", "GB", "TB", "PB", "EB", "ZB", "YB"] : ["KiB", "MiB", "GiB", "TiB", "PiB", "EiB", "ZiB", "YiB"];
+  let u = -1;
+  const r = 10 ** dp;
   do {
-    bytes /= thresh
-    ++u
-  } while (
-    Math.round(Math.abs(bytes) * r) / r >= thresh &&
-    u < units.length - 1
-  )
-
-  return bytes.toFixed(dp) + ' ' + units[u]
+    bytes /= thresh;
+    ++u;
+  } while (Math.round(Math.abs(bytes) * r) / r >= thresh && u < units.length - 1);
+  return bytes.toFixed(dp) + " " + units[u];
 }
-
-const fileSizeReadable = computed(() => humanFileSize(props.fileSize))
-
+const fileSizeReadable = computed(() => humanFileSize(props.fileSize));
 const extension = computed(() => {
-  return (props.fileType.split('/')[1] || props.fileType || '').toUpperCase()
-})
+  return (props.fileType.split("/")[1] || props.fileType || "").toUpperCase();
+});
 </script>

package/dist/runtime/components/Edit/Features/Clipboard/List/Item/File.vue.d.ts

@@ -0,0 +1,3 @@
+import type { ClipboardItemFile } from '#blokkli/types';
+declare const _default: import("vue").DefineComponent<ClipboardItemFile, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<ClipboardItemFile> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+export default _default;

package/dist/runtime/components/Edit/Features/Clipboard/List/Item/Video.vue

@@ -11,46 +11,44 @@
   </div>
 </template>
 
-<script setup lang="ts">
-import { computed } from '#imports'
-import type { ClipboardItemVideo } from '#blokkli/types'
-import { Icon } from '#blokkli/components'
-
-const props = defineProps<ClipboardItemVideo>()
-
+<script setup>
+import { computed } from "#imports";
+import { Icon } from "#blokkli/components";
+const props = defineProps({
+  type: { type: String, required: true },
+  id: { type: String, required: true },
+  itemBundle: { type: String, required: true },
+  data: { type: String, required: true },
+  additional: { type: String, required: false },
+  videoService: { type: null, required: true },
+  videoId: { type: String, required: true }
+});
 const imgUrl = computed(() => {
-  if (props.videoService === 'youtube') {
-    return `http://i3.ytimg.com/vi/${props.videoId}/hqdefault.jpg`
+  if (props.videoService === "youtube") {
+    return `http://i3.ytimg.com/vi/${props.videoId}/hqdefault.jpg`;
   }
-
-  return null
-})
-
-const icon = computed<'tiktok' | 'youtube' | 'vimeo' | 'video-outline'>(() => {
+  return null;
+});
+const icon = computed(() => {
   switch (props.videoService) {
-    case 'youtube':
-      return 'youtube'
-
-    case 'vimeo':
-      return 'vimeo'
-
-    case 'tiktok':
-      return 'tiktok'
+    case "youtube":
+      return "youtube";
+    case "vimeo":
+      return "vimeo";
+    case "tiktok":
+      return "tiktok";
   }
-
-  return 'video-outline'
-})
-
+  return "video-outline";
+});
 const providerLabel = computed(() => {
   switch (props.videoService) {
-    case 'youtube':
-      return 'YouTube'
-    case 'vimeo':
-      return 'Vimeo'
-    case 'tiktok':
-      return 'TikTok'
+    case "youtube":
+      return "YouTube";
+    case "vimeo":
+      return "Vimeo";
+    case "tiktok":
+      return "TikTok";
   }
-
-  return props.videoService || 'Video'
-})
+  return props.videoService || "Video";
+});
 </script>

package/dist/runtime/components/Edit/Features/Clipboard/List/Item/Video.vue.d.ts

@@ -0,0 +1,3 @@
+import type { ClipboardItemVideo } from '#blokkli/types';
+declare const _default: import("vue").DefineComponent<ClipboardItemVideo, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<ClipboardItemVideo> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+export default _default;

package/dist/runtime/components/Edit/Features/Clipboard/List/index.vue

@@ -44,26 +44,18 @@
   </Sortli>
 </template>
 
-<script lang="ts" setup>
-import { ref, useBlokkli } from '#imports'
-import { ItemIcon, Icon, Sortli } from '#blokkli/components'
-import type { ClipboardItem } from '#blokkli/types'
-import ClipboardItemVideo from './Item/Video.vue'
-import ClipboardItemFile from './Item/File.vue'
-
-const renderKey = ref(0)
-
-defineProps<{
-  items: ClipboardItem[]
-}>()
-
-defineEmits<{
-  (e: 'remove', index: number): void
-}>()
-
-const { types } = useBlokkli()
-
-function getLabel(bundle: string): string {
-  return types.getBlockBundleDefinition(bundle)?.label || bundle
+<script setup>
+import { ref, useBlokkli } from "#imports";
+import { ItemIcon, Icon, Sortli } from "#blokkli/components";
+import ClipboardItemVideo from "./Item/Video.vue";
+import ClipboardItemFile from "./Item/File.vue";
+const renderKey = ref(0);
+defineProps({
+  items: { type: Array, required: true }
+});
+defineEmits(["remove"]);
+const { types } = useBlokkli();
+function getLabel(bundle) {
+  return types.getBlockBundleDefinition(bundle)?.label || bundle;
 }
 </script>

package/dist/runtime/components/Edit/Features/Clipboard/List/index.vue.d.ts

@@ -0,0 +1,10 @@
+import type { ClipboardItem } from '#blokkli/types';
+type __VLS_Props = {
+    items: ClipboardItem[];
+};
+declare const _default: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
+    remove: (index: number) => any;
+}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
+    onRemove?: ((index: number) => any) | undefined;
+}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+export default _default;