@cosmos.gl/graph 2.6.0 → 2.6.2-rc.0

package/src/declaration.d.ts

@@ -1,12 +0,0 @@
-declare module '*.frag';
-declare module '*.vert';
-declare module '*.png' {
-    const content: string
-    // eslint-disable-next-line import/no-default-export
-    export default content
-}
-declare module '*?raw' {
-    const content: string
-    // eslint-disable-next-line import/no-default-export
-    export default content
-  }

package/src/graph/utils/error-message.ts

@@ -1,23 +0,0 @@
-/**
- * Creates and appends an error message element to the container
- * @param container The HTML element to append the error message to
- * @returns The created error div element
- */
-export function createWebGLErrorMessage (container: HTMLElement): HTMLDivElement {
-  const errorDiv = document.createElement('div')
-  errorDiv.style.cssText = `
-    color: var(--cosmosgl-error-message-color);
-    padding: 0em 2em;
-    position: absolute;
-    top: 50%; left: 0; right: 0;
-    transform: translateY(-50%);
-    z-index: 1000;
-    font-family: inherit;
-    font-size: 1rem;
-    text-align: center;
-    user-select: none;
-  `
-  errorDiv.textContent = 'Sorry, your device or browser does not support the required WebGL features for this visualization'
-  container.appendChild(errorDiv)
-  return errorDiv
-}

package/src/helper.ts

@@ -1,74 +0,0 @@
-import { color as d3Color } from 'd3-color'
-import regl from 'regl'
-import DOMPurify from 'dompurify'
-
-export const isFunction = <T>(a: T): boolean => typeof a === 'function'
-export const isArray = <T>(a: unknown | T[]): a is T[] => Array.isArray(a)
-export const isObject = <T>(a: T): boolean => (a instanceof Object)
-export const isAClassInstance = <T>(a: T): boolean => {
-  if (a instanceof Object) {
-    // eslint-disable-next-line @typescript-eslint/ban-types
-    return (a as T & Object).constructor.name !== 'Function' && (a as T & Object).constructor.name !== 'Object'
-  } else return false
-}
-export const isPlainObject = <T>(a: T): boolean => isObject(a) && !isArray(a) && !isFunction(a) && !isAClassInstance(a)
-
-export function getRgbaColor (value: string | [number, number, number, number]): [number, number, number, number] {
-  let rgba: [number, number, number, number]
-  if (isArray(value)) {
-    rgba = value
-  } else {
-    const color = d3Color(value)
-    const rgb = color?.rgb()
-    rgba = [rgb?.r || 0, rgb?.g || 0, rgb?.b || 0, color?.opacity ?? 1]
-  }
-
-  return [
-    rgba[0] / 255,
-    rgba[1] / 255,
-    rgba[2] / 255,
-    rgba[3],
-  ]
-}
-
-export function rgbToBrightness (r: number, g: number, b: number): number {
-  return 0.2126 * r + 0.7152 * g + 0.0722 * b
-}
-
-export function readPixels (reglInstance: regl.Regl, fbo: regl.Framebuffer2D): Float32Array {
-  let resultPixels = new Float32Array()
-  reglInstance({ framebuffer: fbo })(() => {
-    resultPixels = reglInstance.read()
-  })
-
-  return resultPixels
-}
-
-export function clamp (num: number, min: number, max: number): number {
-  return Math.min(Math.max(num, min), max)
-}
-
-export function isNumber (value: number | undefined | null | typeof NaN): boolean {
-  return value !== undefined && value !== null && !Number.isNaN(value)
-}
-
-/**
- * Sanitizes HTML content to prevent XSS attacks using DOMPurify
- *
- * This function is used internally to sanitize HTML content before setting innerHTML,
- * such as in attribution text. It uses a safe default configuration that allows
- * only common safe HTML elements and attributes.
- *
- * @param html The HTML string to sanitize
- * @param options Optional DOMPurify configuration options to override defaults
- * @returns Sanitized HTML string safe for innerHTML usage
- */
-export function sanitizeHtml (html: string, options?: DOMPurify.Config): string {
-  return DOMPurify.sanitize(html, {
-    // Default configuration: allow common safe HTML elements and attributes
-    ALLOWED_TAGS: ['a', 'b', 'i', 'em', 'strong', 'span', 'div', 'p', 'br'],
-    ALLOWED_ATTR: ['href', 'target', 'class', 'id', 'style'],
-    ALLOW_DATA_ATTR: false,
-    ...options,
-  })
-}