npm - @tomorrowevening/theatre-studio - Versions diffs - 1.0.4 → 1.0.5 - Mend

@@ -0,0 +1,13 @@
+/**
+ * Traverse upwards from the current element to find the first element that matches the selector.
+ */
+export function selectClosestHTMLAncestor(start, selector) {
+    if (start == null)
+        return null;
+    if (start instanceof Element && start.matches(selector)) {
+        return start;
+    }
+    else {
+        return selectClosestHTMLAncestor(start.parentElement, selector);
+    }
+}

@@ -0,0 +1,23 @@
+/**
+ * Stringifies an object in a developer-readable, command line friendly way
+ * (not too spaced out, but with enough whitespace to be readable).
+ *
+ * e.g.
+ * ```ts
+ * tightJsonStringify({a:1, b: {c: [1, 2, {d: 4}], e: 8}})
+ * ```
+ * becomes
+ * ```json
+ * { "a": 1,
+ *   "b": {
+ *     "c": [
+ *       1,
+ *       2,
+ *       { "d": 4 } ],
+ *     "e": 8 } }
+ * ```
+ *
+ * Also, see the examples in [`./tightJsonStringify.test.ts`](./tightJsonStringify.test.ts)
+ */
+export declare function tightJsonStringify(obj: any, replacer?: ((this: any, key: string, value: any) => any) | undefined): string;
+//# sourceMappingURL=tightJsonStringify.d.ts.map

@@ -0,0 +1,27 @@
+/**
+ * Stringifies an object in a developer-readable, command line friendly way
+ * (not too spaced out, but with enough whitespace to be readable).
+ *
+ * e.g.
+ * ```ts
+ * tightJsonStringify({a:1, b: {c: [1, 2, {d: 4}], e: 8}})
+ * ```
+ * becomes
+ * ```json
+ * { "a": 1,
+ *   "b": {
+ *     "c": [
+ *       1,
+ *       2,
+ *       { "d": 4 } ],
+ *     "e": 8 } }
+ * ```
+ *
+ * Also, see the examples in [`./tightJsonStringify.test.ts`](./tightJsonStringify.test.ts)
+ */
+export function tightJsonStringify(obj, replacer) {
+    return JSON.stringify(obj, replacer, 2)
+        .replace(/^([\{\[])\n (\s+)/, '$1$2')
+        .replace(/(\n[ ]+[\{\[])\n\s+/g, '$1 ')
+        .replace(/\n\s*([\]\}])/g, ' $1');
+}

@@ -0,0 +1,25 @@
+import { tightJsonStringify } from './tightJsonStringify';
+describe('tightJsonStringify', () => {
+    it('matches a series of expectations', () => {
+        expect(tightJsonStringify({ a: 1, b: 2, c: { y: 4, z: 745 } }))
+            .toMatchInlineSnapshot(`
+      "{ "a": 1,
+        "b": 2,
+        "c": {
+          "y": 4,
+          "z": 745 } }"
+    `);
+        expect(tightJsonStringify(true)).toMatchInlineSnapshot(`"true"`);
+        expect(tightJsonStringify('Already a string')).toMatchInlineSnapshot(`""Already a string""`);
+        expect(tightJsonStringify({ a: 1, b: { c: [1, 2, { d: 4 }], e: 8 } }))
+            .toMatchInlineSnapshot(`
+      "{ "a": 1,
+        "b": {
+          "c": [
+            1,
+            2,
+            { "d": 4 } ],
+          "e": 8 } }"
+    `);
+    });
+});

@@ -0,0 +1,18 @@
+import type { MutableRefObject } from 'react';
+/**
+ * Combines useRef() and useState().
+ *
+ * @example
+ * Usage:
+ * ```ts
+ * const [ref, val] = useRefAndState<HTMLDivElement | null>(null)
+ *
+ * useEffect(() => {
+ *   val.addEventListener(...)
+ * }, [val])
+ *
+ * return <div ref={ref}></div>
+ * ```
+ */
+export default function useRefAndState<T>(initialValue: T): [ref: MutableRefObject<T>, state: T];
+//# sourceMappingURL=useRefAndState.d.ts.map

	@@ -0,0 +1 @@
1	+ {"version":3,"file":"tightJsonStringify.d.ts","sourceRoot":"","sources":["../../../../../studio/src/utils/tightJsonStringify.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;;GAoBG;AACH,wBAAgB,kBAAkB,CAChC,GAAG,EAAE,GAAG,EACR,QAAQ,CAAC,EAAE,CAAC,CAAC,IAAI,EAAE,GAAG,EAAE,GAAG,EAAE,MAAM,EAAE,KAAK,EAAE,GAAG,KAAK,GAAG,CAAC,GAAG,SAAS,UAMrE"}

	@@ -0,0 +1,2 @@
1	+ export {};
2	+ //# sourceMappingURL=tightJsonStringify.test.d.ts.map

	@@ -0,0 +1 @@
1	+ {"version":3,"file":"useRefAndState.d.ts","sourceRoot":"","sources":["../../../../../studio/src/utils/useRefAndState.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAC,gBAAgB,EAAC,MAAM,OAAO,CAAA;AAG3C;;;;;;;;;;;;;;GAcG;AACH,MAAM,CAAC,OAAO,UAAU,cAAc,CAAC,CAAC,EACtC,YAAY,EAAE,CAAC,GACd,CAAC,GAAG,EAAE,gBAAgB,CAAC,CAAC,CAAC,EAAE,KAAK,EAAE,CAAC,CAAC,CAiBtC"}

@@ -0,0 +1,32 @@
+import { useMemo, useState } from 'react';
+/**
+ * Combines useRef() and useState().
+ *
+ * @example
+ * Usage:
+ * ```ts
+ * const [ref, val] = useRefAndState<HTMLDivElement | null>(null)
+ *
+ * useEffect(() => {
+ *   val.addEventListener(...)
+ * }, [val])
+ *
+ * return <div ref={ref}></div>
+ * ```
+ */
+export default function useRefAndState(initialValue) {
+    const ref = useMemo(() => {
+        let current = initialValue;
+        return {
+            get current() {
+                return current;
+            },
+            set current(v) {
+                current = v;
+                setState(v);
+            },
+        };
+    }, []);
+    const [state, setState] = useState(() => initialValue);
+    return [ref, state];
+}

@@ -1,6 +1,6 @@
 {
   "name": "@tomorrowevening/theatre-studio",
-  "version": "1.0.4",
+  "version": "1.0.5",
   "license": "AGPL-3.0-only",
   "description": "Motion design editor for the web",
   "repository": {

	@@ -0,0 +1 @@
1	+ {"version":3,"file":"tightJsonStringify.test.d.ts","sourceRoot":"","sources":["../../../../../studio/src/utils/tightJsonStringify.test.ts"],"names":[],"mappings":""}

@tomorrowevening/theatre-studio 1.0.4 → 1.0.5