@potch/html-bin 2.1.0 → 2.1.2

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@potch/html-bin",
-  "version": "2.1.0",
+  "version": "2.1.2",
   "description": "",
   "main": "src/index.js",
   "type": "module",

package/src/index.js

@@ -134,7 +134,7 @@ Returns object with the following fields:
 export const createBin = ({
   container,
   sources: rawSources,
-  split,
+  split = 0.5,
   initialTab = "js",
   splitMode = true,
   width,
@@ -145,7 +145,7 @@ export const createBin = ({
     document.head.append(injectedStyles);
   }
 
-  const editorSplit = signal(parseFloat(split) || 0.5);
+  const editorSplit = signal(parseFloat(split));
 
   const teardownFns = [];
   const stopCapturingEffects = onEffect((fn) => teardownFns.push(fn));
@@ -164,7 +164,10 @@ export const createBin = ({
     }
   });
 
-  const isMiniMode = computed(() => !splitMode || actualWidth.value <= 700);
+  const isMiniMode = computed(() => {
+    const w = actualWidth.value;
+    return !splitMode || w <= 700;
+  });
   const resizing = signal(false);
   const splitOverride = signal(
     splitMode && initialTab === "preview" ? 0 : null
@@ -450,10 +453,9 @@ export const createBin = ({
 
   // set the split in CSS, factoring in expanded panes
   effect(() => {
-    binEl.style.setProperty(
-      "--resizer-split",
-      splitOverride.value !== null ? splitOverride.value : editorSplit.value
-    );
+    const o = splitOverride.value;
+    const s = editorSplit.value;
+    binEl.style.setProperty("--resizer-split", o !== null ? o : s);
   });
 
   // editor tabs
@@ -487,7 +489,6 @@ export const createBin = ({
 
   // destroy / teardown
   stopCapturingEffects();
-  console.log(teardownFns);
 
   const teardown = () => {
     while (teardownFns.length) {

package/src/style.css

@@ -103,6 +103,7 @@
 }
 
 .bin__resizer {
+  user-select: none;
   grid-area: resizer;
   cursor: ew-resize;
   position: relative;