cleanup

package.json

@@ -8,7 +8,8 @@
 	"files": [
 		"lib/*.js",
 		"lib/*.d.ts",
-		"lib/bundled/*.js"
+		"lib/bundled/*.js",
+		"src/*.ts"
 	],
 	"exports": {
 		".": "./lib/index.js",

src/bundled/declarative-names.ts

@@ -4,7 +4,7 @@ import { setSelectedViewTransitionNames } from '../set-view-transition-names';
 
 The function sets up eventListeners that look for script elements with a `data-vtbag-decl` attribute and uses its value to set view transition names. The value is interpreted as a semicolon separated list of `<selector> '=' <prefix>` pairs. Those pairs are then used to set view transition names.
 
-See setSelectedViewTransitionNames() for additional information.
+See setSelectedViewTransitionNames() for additional information. When `~=` is used instead of `=`, setSelectedViewTransitionNames() is called with `weak = true`.
 
 Do not use '=' or ';' in <selector> or <prefix> values
 
@@ -32,7 +32,8 @@ function set(what: 'new' | 'old') {
 					const weak = selector.endsWith('~');
 					weak && (selector = selector.slice(0, -1));
 					setSelectedViewTransitionNames(selector.trim(), prefix.trim(), !weak);
-			}});
+				}
+			});
 		});
 	};
 }

src/index.ts

@@ -4,5 +4,3 @@ export {
 	setOldPageViewTransitionNames,
 	setNewPageViewTransitionNames,
 } from './set-view-transition-names';
-export { mayStartViewTransition } from './may-start-view-transition';
-export { beforeAndAfter } from './before-and-after';

src/set-view-transition-names.ts

@@ -11,14 +11,18 @@ Otherwise the `elements` are named with the `prefix` with an appended index star
 If `force` is true, the names are always set, otherwise only if they are not already set.
 If the prefix string ends with a '~', the character is replaced by a '-' and the names are assigned in random order.
 */
-export function setGivenViewTransitionNames(elements: HTMLElement[], prefix: string, force = false) {
+export function setGivenViewTransitionNames(
+	elements: HTMLElement[],
+	prefix: string,
+	force = false
+) {
 	if (prefix[prefix.length - 1] === '~') {
 		prefix = prefix.slice(0, -1) + '-';
 		shuffle(elements);
 	}
 	elements.forEach((element, idx, array) => {
-		force && (element.style.viewTransitionName = `${prefix}${array.length > 1 ? idx : ''}`)
-			|| (element.style.viewTransitionName ||= `${prefix}${array.length > 1 ? idx : ''}`);
+		(force && (element.style.viewTransitionName = `${prefix}${array.length > 1 ? idx : ''}`)) ||
+			(element.style.viewTransitionName ||= `${prefix}${array.length > 1 ? idx : ''}`);
 	});
 }