@tremolo-ui/functions 0.0.4

package/dist/esm/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../src/math.ts","../../../src/util.ts"],"sourcesContent":[null,null],"names":[],"mappings":"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"}

package/dist/esm/types/components/NumberInput/type.d.ts

@@ -0,0 +1,14 @@
+/**
+ * [unit, scale][]
+ * @example
+ * [['Hz', 1], ['kHz', 1000]]
+ */
+export type Units = [string, number][];
+export declare function selectUnit(units: Units, value: number): [string, number];
+export declare function parseValue(inputString: string, units?: string | Units, digit?: number, defaultValue?: number): {
+    rawValue: number;
+    formatValue: string;
+    unit: string;
+};
+export declare function formatValue(value: number, units?: string | Units): string;
+//# sourceMappingURL=type.d.ts.map

package/dist/esm/types/components/NumberInput/type.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"type.d.ts","sourceRoot":"","sources":["../../../../../src/components/NumberInput/type.ts"],"names":[],"mappings":"AAEA;;;;GAIG;AACH,MAAM,MAAM,KAAK,GAAG,CAAC,MAAM,EAAE,MAAM,CAAC,EAAE,CAAA;AAEtC,wBAAgB,UAAU,CAAC,KAAK,EAAE,KAAK,EAAE,KAAK,EAAE,MAAM,GAAG,CAAC,MAAM,EAAE,MAAM,CAAC,CAQxE;AAED,wBAAgB,UAAU,CACxB,WAAW,EAAE,MAAM,EACnB,KAAK,CAAC,EAAE,MAAM,GAAG,KAAK,EACtB,KAAK,CAAC,EAAE,MAAM,EACd,YAAY,SAAI;;;;EA6CjB;AAID,wBAAgB,WAAW,CAAC,KAAK,EAAE,MAAM,EAAE,KAAK,CAAC,EAAE,MAAM,GAAG,KAAK,UAShE"}

package/dist/esm/types/components/Slider/type.d.ts

@@ -0,0 +1,32 @@
+export type Horizontal = 'right' | 'left';
+export type Vertical = 'up' | 'down';
+export type Direction = Horizontal | Vertical;
+export declare function isHorizontal(d: Direction): d is "right" | "left";
+export declare function isVertical(d: Direction): d is "up" | "down";
+export declare function isReversed(d: Direction): d is "left" | "up";
+export declare function gradientDirection(d: Direction): "right" | "left" | "top" | "bottom" | undefined;
+export type ScaleType = 'mark' | 'mark-number' | 'number';
+export type ScaleOrderList = {
+    at: number;
+    type?: ScaleType;
+    text?: string;
+    style?: {
+        markColor?: string;
+        labelColor?: string;
+        length?: number | string;
+        thickness?: number | string;
+    };
+};
+export declare function parseScaleOrderList(scale: ['step', ScaleType] | [number, ScaleType] | ScaleOrderList[] | undefined, min: number, max: number, step: number): ScaleOrderList[];
+export type ScaleOption = {
+    /**
+     * @default 'mark-number'
+     */
+    defaultType?: ScaleType;
+    markColor?: string;
+    labelColor?: string;
+    gap?: number | string;
+    labelWidth?: number | string;
+    style?: unknown;
+};
+//# sourceMappingURL=type.d.ts.map

package/dist/esm/types/components/Slider/type.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"type.d.ts","sourceRoot":"","sources":["../../../../../src/components/Slider/type.ts"],"names":[],"mappings":"AAEA,MAAM,MAAM,UAAU,GAAG,OAAO,GAAG,MAAM,CAAA;AACzC,MAAM,MAAM,QAAQ,GAAG,IAAI,GAAG,MAAM,CAAA;AACpC,MAAM,MAAM,SAAS,GAAG,UAAU,GAAG,QAAQ,CAAA;AAE7C,wBAAgB,YAAY,CAAC,CAAC,EAAE,SAAS,yBAExC;AAED,wBAAgB,UAAU,CAAC,CAAC,EAAE,SAAS,sBAEtC;AAED,wBAAgB,UAAU,CAAC,CAAC,EAAE,SAAS,sBAEtC;AAED,wBAAgB,iBAAiB,CAAC,CAAC,EAAE,SAAS,mDAI7C;AAID,MAAM,MAAM,SAAS,GAAG,MAAM,GAAG,aAAa,GAAG,QAAQ,CAAA;AACzD,MAAM,MAAM,cAAc,GAAG;IAC3B,EAAE,EAAE,MAAM,CAAA;IACV,IAAI,CAAC,EAAE,SAAS,CAAA;IAChB,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,KAAK,CAAC,EAAE;QACN,SAAS,CAAC,EAAE,MAAM,CAAA;QAClB,UAAU,CAAC,EAAE,MAAM,CAAA;QACnB,MAAM,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;QACxB,SAAS,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;KAC5B,CAAA;CACF,CAAA;AAED,wBAAgB,mBAAmB,CACjC,KAAK,EACD,CAAC,MAAM,EAAE,SAAS,CAAC,GACnB,CAAC,MAAM,EAAE,SAAS,CAAC,GACnB,cAAc,EAAE,GAChB,SAAS,EACb,GAAG,EAAE,MAAM,EACX,GAAG,EAAE,MAAM,EACX,IAAI,EAAE,MAAM,oBAmBb;AAKD,MAAM,MAAM,WAAW,GAAG;IACxB;;OAEG;IACH,WAAW,CAAC,EAAE,SAAS,CAAA;IACvB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,UAAU,CAAC,EAAE,MAAM,CAAA;IACnB,GAAG,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;IACrB,UAAU,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;IAC5B,KAAK,CAAC,EAAE,OAAO,CAAA;CAChB,CAAA"}

package/dist/esm/types/index.d.ts

@@ -0,0 +1,4 @@
+export * from './math';
+export * from './types';
+export * from './util';
+//# sourceMappingURL=index.d.ts.map

package/dist/esm/types/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/index.ts"],"names":[],"mappings":"AAAA,cAAc,QAAQ,CAAA;AACtB,cAAc,SAAS,CAAA;AACvB,cAAc,QAAQ,CAAA"}

package/dist/esm/types/math.d.ts

@@ -0,0 +1,12 @@
+export declare function clamp(value: number, min: number, max: number): number;
+export declare function normalizeValue(rawValue: number, min: number, max: number, skew?: number): number;
+export declare function rawValue(normalizedValue: number, min: number, max: number, skew?: number): number;
+export declare function skewWithCenterValue(centerValue: number, min: number, max: number): number;
+export declare function stepValue(value: number, step: number): number;
+export declare function toFixed(x: number, fractionDigits?: number): number;
+export declare function decimalPart(x: number | string): string | undefined;
+export declare function radian(degree: number): number;
+export declare function degree(radian: number): number;
+export declare function dbToGain(db: number): number;
+export declare function gainToDb(gain: number): number;
+//# sourceMappingURL=math.d.ts.map

package/dist/esm/types/math.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"math.d.ts","sourceRoot":"","sources":["../../../src/math.ts"],"names":[],"mappings":"AAAA,wBAAgB,KAAK,CAAC,KAAK,EAAE,MAAM,EAAE,GAAG,EAAE,MAAM,EAAE,GAAG,EAAE,MAAM,UAE5D;AAED,wBAAgB,cAAc,CAC5B,QAAQ,EAAE,MAAM,EAChB,GAAG,EAAE,MAAM,EACX,GAAG,EAAE,MAAM,EACX,IAAI,SAAI,UAKT;AAED,wBAAgB,QAAQ,CACtB,eAAe,EAAE,MAAM,EACvB,GAAG,EAAE,MAAM,EACX,GAAG,EAAE,MAAM,EACX,IAAI,SAAI,UAQT;AAED,wBAAgB,mBAAmB,CACjC,WAAW,EAAE,MAAM,EACnB,GAAG,EAAE,MAAM,EACX,GAAG,EAAE,MAAM,UAKZ;AAED,wBAAgB,SAAS,CAAC,KAAK,EAAE,MAAM,EAAE,IAAI,EAAE,MAAM,UAOpD;AAED,wBAAgB,OAAO,CAAC,CAAC,EAAE,MAAM,EAAE,cAAc,CAAC,EAAE,MAAM,UAEzD;AAED,wBAAgB,WAAW,CAAC,CAAC,EAAE,MAAM,GAAG,MAAM,GAAG,MAAM,GAAG,SAAS,CAElE;AAED,wBAAgB,MAAM,CAAC,MAAM,EAAE,MAAM,UAEpC;AAED,wBAAgB,MAAM,CAAC,MAAM,EAAE,MAAM,UAEpC;AAED,wBAAgB,QAAQ,CAAC,EAAE,EAAE,MAAM,UAElC;AAED,wBAAgB,QAAQ,CAAC,IAAI,EAAE,MAAM,UAEpC"}

package/dist/esm/types/types.d.ts

@@ -0,0 +1,2 @@
+export type WheelOption = ['normalized' | 'raw', number];
+//# sourceMappingURL=types.d.ts.map

package/dist/esm/types/types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/types.ts"],"names":[],"mappings":"AAAA,MAAM,MAAM,WAAW,GAAG,CAAC,YAAY,GAAG,KAAK,EAAE,MAAM,CAAC,CAAA"}

package/dist/esm/types/util.d.ts

@@ -0,0 +1,6 @@
+type Operator = '+' | '-' | '*' | '/';
+export declare function styleHelper(value: string | number): string;
+export declare function styleHelper(value: string | number, op: Operator, influencer?: number): string;
+export declare function isEmpty(obj: object): boolean;
+export {};
+//# sourceMappingURL=util.d.ts.map

package/dist/esm/types/util.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"util.d.ts","sourceRoot":"","sources":["../../../src/util.ts"],"names":[],"mappings":"AAAA,KAAK,QAAQ,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,CAAA;AAErC,wBAAgB,WAAW,CAAC,KAAK,EAAE,MAAM,GAAG,MAAM,GAAG,MAAM,CAAA;AAC3D,wBAAgB,WAAW,CACzB,KAAK,EAAE,MAAM,GAAG,MAAM,EACtB,EAAE,EAAE,QAAQ,EACZ,UAAU,CAAC,EAAE,MAAM,GAClB,MAAM,CAAA;AAwBT,wBAAgB,OAAO,CAAC,GAAG,EAAE,MAAM,WAElC"}

package/package.json

@@ -0,0 +1,68 @@
+{
+  "name": "@tremolo-ui/functions",
+  "version": "0.0.4",
+  "description": "functions used in @tremolo-ui/react",
+  "type": "module",
+  "scripts": {
+    "test": "jest",
+    "build:package": "rollup -c",
+    "clean": "npm run clean:build",
+    "clean:build": "rimraf ./dist .rollup.cache",
+    "lint": "eslint --fix --ext .ts,.tsx .",
+    "format": "prettier --write ."
+  },
+  "exports": {
+		".": {
+      "require": {
+        "default": "./dist/cjs/index.js",
+        "types": "./dist/cjs/types/index.d.ts"
+      },
+			"import": {
+        "default": "./dist/esm/index.js",
+        "types": "./dist/esm/types/index.d.ts"
+      }
+		},
+		"./NumberInput": {
+			"require": {
+        "default": "./dist/cjs/components/NumberInput/type.js",
+        "types": "./dist/cjs/types/components/NumberInput/type.d.ts"
+      },
+			"import": {
+        "default": "./dist/esm/components/NumberInput/type.js",
+        "types": "./dist/esm/types/components/NumberInput/type.d.ts"
+      }
+		},
+		"./Slider": {
+      "require": {
+        "default": "./dist/cjs/components/Slider/type.js",
+        "types": "./dist/cjs/types/components/Slider/type.d.ts"
+      },
+      "import": {
+        "default": "./dist/esm/components/Slider/type.js",
+        "types": "./dist/esm/types/components/Slider/type.d.ts"
+      }
+		}
+  },
+  "files": [
+    "dist",
+    "src"
+  ],
+  "publishConfig": {
+    "access": "public"
+  },
+  "author": {
+    "name": "mimoz",
+    "email": "contact.m1m0zzz@gmail.com"
+  },
+  "license": "MIT",
+  "homepage": "https://github.com/m1m0zzz/tremolo-ui",
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/m1m0zzz/tremolo-ui",
+    "directory": "packages/functions"
+  },
+  "keywords": [
+    "web-audio",
+    "math"
+  ]
+}

package/src/components/NumberInput/type.ts

@@ -0,0 +1,82 @@
+import { toFixed } from '../../math'
+
+/**
+ * [unit, scale][]
+ * @example
+ * [['Hz', 1], ['kHz', 1000]]
+ */
+export type Units = [string, number][]
+
+export function selectUnit(units: Units, value: number): [string, number] {
+  if (typeof units == 'string') return [units, 1]
+
+  let i = 0
+  for (; i < units.length; i++) {
+    if (Math.abs(units[i][1]) > Math.abs(value)) break
+  }
+  return units[Math.max(0, i - 1)]
+}
+
+export function parseValue(
+  inputString: string,
+  units?: string | Units,
+  digit?: number,
+  defaultValue = 0,
+) {
+  let str = inputString.trim()
+  if (str == '') str = String(defaultValue)
+  if (!units) {
+    return {
+      rawValue: Number(str) || defaultValue,
+      formatValue: str,
+      unit: '',
+    }
+  } else if (typeof units == 'string') {
+    return {
+      rawValue: Number(str) || defaultValue,
+      formatValue: `${str}${units}`,
+      unit: units,
+    }
+  }
+
+  const unitList = units.map(([u, _s]) => u)
+  const scaleList = units.map(([_u, s]) => s)
+  let rawValue = defaultValue
+  let formatValue = `${scaleList[0]}`
+  let unit = unitList[0]
+  const m = str.match(/^(-?\d+(\.\d+)?)\s*(\w*)$/)
+  if (m) {
+    rawValue = Number(m[1]) || 0
+    const inputUnit = m[3]
+    if (inputUnit != '' && unitList.indexOf(inputUnit) != -1) {
+      rawValue *= scaleList[unitList.indexOf(inputUnit)]
+      const s = selectUnit(units, rawValue)
+      const v = rawValue / s[1]
+      formatValue = `${digit != undefined ? toFixed(v, digit) : v}${s[0]}`
+      unit = s[0]
+    } else {
+      const [u, scale] = selectUnit(units, rawValue)
+      const v = rawValue / scale
+      formatValue = `${digit != undefined ? toFixed(v, digit) : v}${u}`
+      unit = u
+    }
+  }
+  return {
+    rawValue: rawValue,
+    formatValue: formatValue,
+    unit: unit,
+  }
+}
+
+// TODO: toFixed 以外のフォーマット手法
+// e.g. 小数点第n位
+export function formatValue(value: number, units?: string | Units) {
+  if (!units) {
+    return `${value}`
+  } else if (typeof units == 'string') {
+    return `${value}${units}`
+  } else {
+    const [unit, scale] = selectUnit(units, value)
+    return `${toFixed(value / scale)}${unit}`
+  }
+}

package/src/components/Slider/type.ts

@@ -0,0 +1,82 @@
+import { decimalPart, toFixed } from '../../math'
+
+export type Horizontal = 'right' | 'left'
+export type Vertical = 'up' | 'down'
+export type Direction = Horizontal | Vertical
+
+export function isHorizontal(d: Direction) {
+  return d == 'right' || d == 'left'
+}
+
+export function isVertical(d: Direction) {
+  return d == 'up' || d == 'down'
+}
+
+export function isReversed(d: Direction) {
+  return d == 'left' || d == 'up'
+}
+
+export function gradientDirection(d: Direction) {
+  if (d == 'left' || d == 'right') return d
+  if (d == 'up') return 'top'
+  if (d == 'down') return 'bottom'
+}
+
+// export type SkewFunction = (x: number) => number
+
+export type ScaleType = 'mark' | 'mark-number' | 'number'
+export type ScaleOrderList = {
+  at: number
+  type?: ScaleType
+  text?: string
+  style?: {
+    markColor?: string
+    labelColor?: string
+    length?: number | string
+    thickness?: number | string
+  }
+}
+
+export function parseScaleOrderList(
+  scale:
+    | ['step', ScaleType]
+    | [number, ScaleType]
+    | ScaleOrderList[]
+    | undefined,
+  min: number,
+  max: number,
+  step: number,
+) {
+  let scalesList: ScaleOrderList[] = []
+  if (!scale) {
+    // return empty array
+  } else if (typeof scale[0] == 'object') {
+    scalesList = scale
+  } else {
+    const per = scale[0] == 'step' ? step : scale[0]
+    const count = Math.floor(max / per) - Math.ceil(min / per) + 1
+    for (let i = 0; i < count; i++) {
+      const at = toFixed(
+        per * (Math.ceil(min / per) + i),
+        decimalPart(per)?.length,
+      )
+      scalesList.push({ at: at, type: scale[1] })
+    }
+  }
+  return scalesList
+}
+
+// TODO: anyにして、それぞれのプロジェクトにあった方法にオーバーライドする
+// style
+
+export type ScaleOption = {
+  /**
+   * @default 'mark-number'
+   */
+  defaultType?: ScaleType
+  markColor?: string
+  labelColor?: string
+  gap?: number | string
+  labelWidth?: number | string
+  style?: unknown
+}

package/src/index.ts

@@ -0,0 +1,3 @@
+export * from './math'
+export * from './types'
+export * from './util'

package/src/math.ts

@@ -0,0 +1,71 @@
+export function clamp(value: number, min: number, max: number) {
+  return Math.max(min, Math.min(value, max))
+}
+
+export function normalizeValue(
+  rawValue: number,
+  min: number,
+  max: number,
+  skew = 1,
+) {
+  if (min >= max) throw new RangeError('requirements: min < max')
+  const v = clamp((rawValue - min) / (max - min), 0, 1)
+  return Math.pow(v, skew)
+}
+
+export function rawValue(
+  normalizedValue: number,
+  min: number,
+  max: number,
+  skew = 1,
+) {
+  if (min >= max) throw new RangeError('requirements: min < max')
+  const v =
+    skew == 1
+      ? clamp(normalizedValue, 0, 1)
+      : Math.exp(Math.log(clamp(normalizedValue, 0, 1)) / skew)
+  return min + v * (max - min)
+}
+
+export function skewWithCenterValue(
+  centerValue: number,
+  min: number,
+  max: number,
+) {
+  if (!(min <= centerValue && centerValue <= max))
+    throw new RangeError('requirements: min <= centerValue <= max')
+  return Math.log(0.5) / Math.log((centerValue - min) / (max - min))
+}
+
+export function stepValue(value: number, step: number) {
+  if (step <= 0) throw new RangeError('requirements: step > 0')
+  const quotient = Math.floor(value / step)
+  const decimalDigits = decimalPart(step)?.length
+  const v = toFixed(quotient * step, decimalDigits)
+  const next = toFixed((quotient + 1) * step, decimalDigits)
+  return Math.abs(value - v) < Math.abs(value - next) ? v : next
+}
+
+export function toFixed(x: number, fractionDigits?: number) {
+  return Number(x.toFixed(fractionDigits))
+}
+
+export function decimalPart(x: number | string): string | undefined {
+  return String(x).split('.')[1]
+}
+
+export function radian(degree: number) {
+  return (Math.PI * degree) / 180
+}
+
+export function degree(radian: number) {
+  return (180 * radian) / Math.PI
+}
+
+export function dbToGain(db: number) {
+  return Math.pow(10, db / 20)
+}
+
+export function gainToDb(gain: number) {
+  return 20 * (Math.log(gain) / Math.LN10)
+}

package/src/types.ts

@@ -0,0 +1 @@
+export type WheelOption = ['normalized' | 'raw', number]

package/src/util.ts

@@ -0,0 +1,34 @@
+type Operator = '+' | '-' | '*' | '/'
+
+export function styleHelper(value: string | number): string
+export function styleHelper(
+  value: string | number,
+  op: Operator,
+  influencer?: number,
+): string
+export function styleHelper(
+  value: string | number,
+  op?: Operator,
+  influencer?: number,
+) {
+  if (op && influencer) {
+    if (typeof value == 'number') {
+      if (op == '+') return `${value + influencer}px`
+      if (op == '-') return `${value - influencer}px`
+      if (op == '*') return `${value * influencer}px`
+      if (op == '/') return `${value / influencer}px`
+    } else {
+      return `calc(${value}px ${op} ${influencer})`
+    }
+  } else {
+    if (typeof value == 'number') {
+      return `${value}px`
+    } else {
+      return value
+    }
+  }
+}
+
+export function isEmpty(obj: object) {
+  return Object.keys(obj).length == 0
+}