@sc4rfurryx/proteusjs 1.0.0

package/src/utils/support.ts

@@ -0,0 +1,106 @@
+/**
+ * Browser support detection utilities
+ */
+
+export interface SupportInfo {
+  resizeObserver: boolean;
+  intersectionObserver: boolean;
+  containerQueries: boolean;
+  cssClamp: boolean;
+  cssCustomProperties: boolean;
+  webWorkers: boolean;
+  requestAnimationFrame: boolean;
+  passiveEventListeners: boolean;
+}
+
+/**
+ * Check if the current environment supports ProteusJS features
+ */
+export function isSupported(): boolean {
+  const support = getSupportInfo();
+  return support.resizeObserver && support.intersectionObserver;
+}
+
+/**
+ * Get detailed support information for all features
+ */
+export function getSupportInfo(): SupportInfo {
+  return {
+    resizeObserver: typeof ResizeObserver !== 'undefined',
+    intersectionObserver: typeof IntersectionObserver !== 'undefined',
+    containerQueries: checkContainerQuerySupport(),
+    cssClamp: checkCSSClampSupport(),
+    cssCustomProperties: checkCSSCustomPropertiesSupport(),
+    webWorkers: typeof Worker !== 'undefined',
+    requestAnimationFrame: typeof requestAnimationFrame !== 'undefined',
+    passiveEventListeners: checkPassiveEventListenerSupport()
+  };
+}
+
+/**
+ * Check if CSS Container Queries are supported
+ */
+function checkContainerQuerySupport(): boolean {
+  if (typeof CSS === 'undefined' || !CSS.supports) return false;
+  return CSS.supports('container-type', 'inline-size');
+}
+
+/**
+ * Check if CSS clamp() function is supported
+ */
+function checkCSSClampSupport(): boolean {
+  if (typeof CSS === 'undefined' || !CSS.supports) return false;
+  return CSS.supports('font-size', 'clamp(1rem, 2vw, 2rem)');
+}
+
+/**
+ * Check if CSS Custom Properties are supported
+ */
+function checkCSSCustomPropertiesSupport(): boolean {
+  if (typeof CSS === 'undefined' || !CSS.supports) return false;
+  return CSS.supports('--test', 'value');
+}
+
+/**
+ * Check if passive event listeners are supported
+ */
+function checkPassiveEventListenerSupport(): boolean {
+  let passiveSupported = false;
+  
+  try {
+    const options = {
+      get passive() {
+        passiveSupported = true;
+        return false;
+      }
+    };
+    
+    window.addEventListener('test' as any, null as any, options as any);
+    window.removeEventListener('test' as any, null as any, options as any);
+  } catch (err) {
+    passiveSupported = false;
+  }
+  
+  return passiveSupported;
+}
+
+/**
+ * Get a user-friendly support message
+ */
+export function getSupportMessage(): string {
+  const support = getSupportInfo();
+  
+  if (!support.resizeObserver) {
+    return 'ResizeObserver is not supported. Please use a polyfill.';
+  }
+  
+  if (!support.intersectionObserver) {
+    return 'IntersectionObserver is not supported. Please use a polyfill.';
+  }
+  
+  if (!support.containerQueries) {
+    return 'CSS Container Queries are not supported. ProteusJS will provide a polyfill.';
+  }
+  
+  return 'All features are supported!';
+}

package/src/utils/version.ts

@@ -0,0 +1,24 @@
+/**
+ * Version utilities for ProteusJS
+ */
+
+export const version = '1.0.0';
+
+export function getVersion(): string {
+  return version;
+}
+
+export function isVersionSupported(requiredVersion: string): boolean {
+  const current = version.split('.').map(Number);
+  const required = requiredVersion.split('.').map(Number);
+  
+  for (let i = 0; i < Math.max(current.length, required.length); i++) {
+    const currentPart = current[i] || 0;
+    const requiredPart = required[i] || 0;
+    
+    if (currentPart > requiredPart) return true;
+    if (currentPart < requiredPart) return false;
+  }
+  
+  return true;
+}