@blokkli/editor 2.0.0-alpha.16 → 2.0.0-alpha.17

package/dist/runtime/components/Edit/Konami/Game/index.vue

@@ -125,7 +125,7 @@ let snakeCanvas = null;
 let logoCanvas = null;
 let lastScore = -1;
 let lastBlocksEaten = -1;
-const cellMoveDuration = 250;
+const MOVE_DURATION = 200;
 function generateFood() {
   let newFood;
   do {
@@ -227,7 +227,7 @@ function update(currentTime) {
     return;
   }
   const timeSinceLastUpdate = currentTime - lastCellUpdate;
-  if (timeSinceLastUpdate >= cellMoveDuration) {
+  if (timeSinceLastUpdate >= MOVE_DURATION) {
     if (DEBUG_GAME) {
       nextDirection.value = getAIDirection();
     }
@@ -250,14 +250,14 @@ function update(currentTime) {
     }
     if (newHead.x < 0 || newHead.x >= worldWidth || newHead.y < 0 || newHead.y >= worldHeight) {
       gameOver.value = true;
-      gameOverTime = lastCellUpdate + cellMoveDuration;
+      gameOverTime = lastCellUpdate + MOVE_DURATION;
       return;
     }
     if (snake.value.some(
       (segment) => segment.x === newHead.x && segment.y === newHead.y
     )) {
       gameOver.value = true;
-      gameOverTime = lastCellUpdate + cellMoveDuration;
+      gameOverTime = lastCellUpdate + MOVE_DURATION;
       return;
     }
     lastCellUpdate = currentTime;
@@ -421,7 +421,7 @@ function draw(currentTime) {
   if (lastCellUpdate > 0) {
     const timeToUse = gameOver.value && gameOverTime > 0 ? gameOverTime : currentTime;
     const timeSinceLastUpdate = timeToUse - lastCellUpdate;
-    movementProgress = Math.min(timeSinceLastUpdate / cellMoveDuration, 1);
+    movementProgress = Math.min(timeSinceLastUpdate / MOVE_DURATION, 1);
   }
   if (score.value !== lastScore || blocksEaten.value !== lastBlocksEaten) {
     drawScoreArea();

package/dist/runtime/components/Edit/index.d.ts

@@ -1,4 +1,7 @@
 import AddListItem from './AddListItem/index.vue.js';
+import AddListItemIcon from './AddListItemIcon/index.vue.js';
+import ArtboardTooltip from './ArtboardTooltip/index.vue.js';
+import BlokkliTransition from './Transition/index.vue.js';
 import ConfigForm from './PluginConfigForm/index.vue.js';
 import DialogModal from './Dialog/index.vue.js';
 import DiffViewerState from './DiffViewer/State.vue.js';
@@ -23,8 +26,7 @@ import Resizable from './Resizable/index.vue.js';
 import ScaleToFit from './ScaleToFit/index.vue.js';
 import ScrollBoundary from './ScrollBoundary/index.vue.js';
 import ShortcutIndicator from './ShortcutIndicator/index.vue.js';
-import BlokkliTransition from './Transition/index.vue.js';
 import Sortli from './Sortli/index.vue.js';
+import Banner from './Banner/index.vue.js';
 import ViewportBlockingRect from './ViewportBlockingRect/index.vue.js';
-import AddListItemIcon from './AddListItemIcon/index.vue.js';
-export { AddListItem, AddListItemIcon, ConfigForm, DialogModal, DiffViewerState, FormDatepicker, FormGroup, FormItem, FormOverlay, FormRadio, FormSelect, FormText, FormTextarea, FormToggle, FormRadioTabs, Highlight, Icon, InfoBox, ItemIcon, Loading, Pagination, RelativeTime, Resizable, ScaleToFit, ScrollBoundary, ShortcutIndicator, Sortli, ViewportBlockingRect, BlokkliTransition, };
+export { AddListItem, AddListItemIcon, ArtboardTooltip, BlokkliTransition, ConfigForm, DialogModal, DiffViewerState, FormDatepicker, FormGroup, FormItem, FormOverlay, FormRadio, FormRadioTabs, FormSelect, FormText, FormTextarea, FormToggle, Highlight, Icon, InfoBox, ItemIcon, Loading, Pagination, RelativeTime, Resizable, ScaleToFit, ScrollBoundary, ShortcutIndicator, Sortli, ViewportBlockingRect, Banner, };

package/dist/runtime/components/Edit/index.js

@@ -1,4 +1,7 @@
 import AddListItem from "./AddListItem/index.vue";
+import AddListItemIcon from "./AddListItemIcon/index.vue";
+import ArtboardTooltip from "./ArtboardTooltip/index.vue";
+import BlokkliTransition from "./Transition/index.vue";
 import ConfigForm from "./PluginConfigForm/index.vue";
 import DialogModal from "./Dialog/index.vue";
 import DiffViewerState from "./DiffViewer/State.vue";
@@ -23,13 +26,14 @@ import Resizable from "./Resizable/index.vue";
 import ScaleToFit from "./ScaleToFit/index.vue";
 import ScrollBoundary from "./ScrollBoundary/index.vue";
 import ShortcutIndicator from "./ShortcutIndicator/index.vue";
-import BlokkliTransition from "./Transition/index.vue";
 import Sortli from "./Sortli/index.vue";
+import Banner from "./Banner/index.vue";
 import ViewportBlockingRect from "./ViewportBlockingRect/index.vue";
-import AddListItemIcon from "./AddListItemIcon/index.vue";
 export {
   AddListItem,
   AddListItemIcon,
+  ArtboardTooltip,
+  BlokkliTransition,
   ConfigForm,
   DialogModal,
   DiffViewerState,
@@ -38,11 +42,11 @@ export {
   FormItem,
   FormOverlay,
   FormRadio,
+  FormRadioTabs,
   FormSelect,
   FormText,
   FormTextarea,
   FormToggle,
-  FormRadioTabs,
   Highlight,
   Icon,
   InfoBox,
@@ -56,5 +60,5 @@ export {
   ShortcutIndicator,
   Sortli,
   ViewportBlockingRect,
-  BlokkliTransition
+  Banner
 };

package/dist/runtime/composables/defineBlokkli.js

@@ -6,7 +6,8 @@ import {
   INJECT_REUSABLE_OPTIONS,
   INJECT_PROVIDER_BLOCKS,
   INJECT_PROVIDER_CONTEXT,
-  INJECT_FIELD_USES_PROXY
+  INJECT_FIELD_USES_PROXY,
+  INJECT_REUSABLE_UUID
 } from "../helpers/symbols.js";
 import { computed, inject } from "#imports";
 import { getRuntimeOptionValue } from "#blokkli/helpers/runtimeHelpers";
@@ -45,6 +46,7 @@ export function defineBlokkli(arg) {
     INJECT_REUSABLE_OPTIONS,
     null
   );
+  const reusableUuid = inject(INJECT_REUSABLE_UUID, null);
   const editContext = inject(INJECT_EDIT_CONTEXT, null);
   const provider = inject(
     INJECT_PROVIDER_CONTEXT,
@@ -95,7 +97,7 @@ export function defineBlokkli(arg) {
   if (editContext?.useBlockRegistration && editContext.dom && bundle !== BUNDLE_FROM_LIBRARY && bundle !== BUNDLE_BLOKKLI_FRAGMENT) {
     const isProxyMode = inject(INJECT_FIELD_USES_PROXY, false);
     if (!isProxyMode) {
-      editContext.useBlockRegistration(editContext.dom, uuid);
+      editContext.useBlockRegistration(editContext.dom, reusableUuid ?? uuid);
     }
   }
   return {