28 lines
1 KiB
TypeScript
28 lines
1 KiB
TypeScript
|
import { usePage } from '@inertiajs/vue3';
|
||
|
|
import { computed } from 'vue';
|
||
|
|
|
||
|
|
import { contentForPlatform } from '@/lib/defuseXLinks';
|
||
|
|
|
||
|
|
/**
|
||
|
|
* X publishes links defused (`acme(.)com`), so the editor has to count characters
|
||
|
|
* and preview against that text rather than the draft.
|
||
|
|
*
|
||
|
|
* The TLD set arrives as a page prop from `App\Support\LinkTlds` instead of being
|
||
|
|
* duplicated in the bundle, and the controller sends it only when defusing is on.
|
||
|
|
* An empty set therefore means the feature is off and every platform gets its text
|
||
|
|
* back untouched — without the list a bare host cannot be told from `Node.js`, so
|
||
|
|
* defusing half of them would be worse than leaving them alone.
|
||
|
|
*/
|
||
|
|
export const useXLinkDefuser = () => {
|
||
|
|
const page = usePage();
|
||
|
|
|
||
|
|
const tlds = computed<ReadonlySet<string>>(
|
||
|
|
() => new Set((page.props.xLinkTlds as string[] | undefined) ?? []),
|
||
|
|
);
|
||
|
|
|
||
|
|
const contentFor = (content: string, platform: string): string =>
|
||
|
|
contentForPlatform(content, platform, tlds.value);
|
||
|
|
|
||
|
|
return { contentFor };
|
||
|
|
};
|