vueless 0.0.340 → 0.0.341

package/composables/useAutoPosition.js

@@ -1,4 +1,5 @@
 import { computed, toValue, ref } from "vue";
+import { isSSR } from "../utils/utilHelper.js";
 
 export const POSITION = {
   left: "left",
@@ -50,7 +51,7 @@ export function useAutoPosition(anchorElement, targetElement, position, preferre
   });
 
   function adjustPositionY() {
-    if (typeof window === "undefined") return;
+    if (isSSR) return;
 
     const spaceAbove = localAnchorElement.value.getBoundingClientRect().top;
     const spaceBelow = window.innerHeight - localAnchorElement.value.getBoundingClientRect().bottom;
@@ -71,7 +72,7 @@ export function useAutoPosition(anchorElement, targetElement, position, preferre
   }
 
   function adjustPositionX() {
-    if (typeof window === "undefined") return;
+    if (isSSR) return;
 
     const spaceRight = localAnchorElement.value.getBoundingClientRect().right;
     const spaceLeft = window.innerWidth - localAnchorElement.value.getBoundingClientRect().left;

package/composables/useBreakpoint.js

@@ -1,4 +1,5 @@
 import { onMounted, ref, watch, computed, onBeforeUnmount } from "vue";
+import { isSSR } from "../utils/utilHelper.js";
 
 const BREAKPOINT_NAME = {
   xs: "xs",
@@ -48,18 +49,24 @@ export default function useBreakpoint() {
   });
 
   onMounted(() => {
+    if (isSSR) return;
+
     windowWidth.value = window.innerWidth;
 
     window.addEventListener("resize", resizeListener, { passive: true });
   });
 
   onBeforeUnmount(() => {
+    if (isSSR) return;
+
     window.removeEventListener("resize", resizeListener, { passive: true });
   });
 
   watch(windowWidth, setBreakpoint, { immediate: true });
 
   function resizeListener() {
+    if (isSSR) return;
+
     if (timeout) {
       window.cancelAnimationFrame(timeout);
     }

package/composables/useMutationObserver.js

@@ -1,10 +1,13 @@
 import { onBeforeUnmount, onMounted, toValue, watch } from "vue";
+import { isSSR } from "../utils/utilHelper.js";
 
 export function useMutationObserver(
   target,
   callBack,
   config = { childList: true, attributes: true, characterData: true },
 ) {
+  if (isSSR) return;
+
   const observer = new MutationObserver(callBack);
 
   onMounted(() => {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "vueless",
-  "version": "0.0.340",
+  "version": "0.0.341",
   "license": "MIT",
   "description": "Vue Styleless Component Framework.",
   "homepage": "https://vueless.com",

package/utils/utilHelper.js

@@ -65,7 +65,9 @@ export function debounce(func, wait) {
  @returns {VoidFunction}
  */
 export function setTitle({ title, separator = " / ", suffix = "" }) {
-  document.title = title ? title + separator + suffix : suffix;
+  if (isCSR) {
+    document.title = title ? title + separator + suffix : suffix;
+  }
 }
 
 /**

package/utils/utilPlatform.js

@@ -1,9 +1,10 @@
-const isBrowser = typeof window !== "undefined";
-const isMac = isBrowser && checkIsMac();
-const isPWA = isBrowser && checkIsPWA();
-const isIOS = isBrowser && checkIsIOS();
-const isWindows = isBrowser && checkIsWindows();
-const isAndroid = isBrowser && checkIsAndroid();
+import { isCSR } from "./utilHelper.js";
+
+const isWindows = isCSR && checkIsWindows();
+const isMac = isCSR && checkIsMac();
+const isPWA = isCSR && checkIsPWA();
+const isIOS = isCSR && checkIsIOS();
+const isAndroid = isCSR && checkIsAndroid();
 const isMobileApp = isPWA || isIOS || isAndroid;
 
 function checkIsWindows() {
@@ -42,4 +43,4 @@ function getPlatform() {
   return navigator.userAgentData?.platform || navigator.platform || "unknown";
 }
 
-export { isBrowser, isMac, isPWA, isIOS, isAndroid, isMobileApp, isWindows };
+export { isMac, isPWA, isIOS, isAndroid, isMobileApp, isWindows };

package/utils/utilTheme.js

@@ -15,8 +15,11 @@ import {
   GRAY_COLORS,
   PX_IN_REM,
 } from "../constants.js";
+import { isSSR } from "./utilHelper.js";
 
 export function themeInit() {
+  if (isSSR) return;
+
   const prefersColorSchemeDark = window && window.matchMedia("(prefers-color-scheme: dark)");
 
   setTheme({ systemDarkMode: prefersColorSchemeDark.matches });
@@ -27,6 +30,8 @@ export function themeInit() {
 }
 
 export function setTheme(config = {}) {
+  if (isSSR) return;
+
   const isDarkMode = setDarkMode(config);
   const ring = config?.ring ?? vuelessConfig?.ring ?? DEFAULT_RING;
   const ringOffset = config?.ringOffset ?? vuelessConfig?.ringOffset ?? DEFAULT_RING_OFFSET;

package/web-types.json

@@ -1,7 +1,7 @@
 {
   "framework": "vue",
   "name": "vueless",
-  "version": "0.0.340",
+  "version": "0.0.341",
   "contributions": {
     "html": {
       "description-markup": "markdown",