29121608769

Committed 10 Jul 2026 08:30PM UTC coverage: 84.723% (-0.4%) from 85.167%

Build # 29121608769

Build Type

push

github

Committed by

web-flow

Commit Message

feat: borrower profile migration AD-1 (#7044)

* feat(borrower-profile): expand ALLOWED_LOAN_STATUSES to all loan statuses

Enable the borrower profile to handle all loan statuses instead of
redirecting unknown statuses to the legacy PHP page.

AD-218

* feat(borrower-profile): add status-aware behavior to BP child components

- LoanProgress: add payingBack repayment progress, status labels for
  terminal statuses, hide progress bar for non-active statuses, update
  /lend-classic/ links to /lend/
- LendCta: simplify state() to pass non-fundraising statuses through,
  invert showNonActionableLoanButton logic, default ctaButtonText to
  "Find another loan"
- LoanDetails: add terminal date display (expired, refunded, defaulted,
  ended) with formatted date row
- CommentsAndWhySpecial: add author role badges, borrower comment
  styling, admin delete button, subscribe/unsubscribe toggle

AD-218

* refactor(borrower-profile): extract FullBorrowerProfile and simplify page wrapper

- Rename FundedBorrowerProfile to MinimalBorrowerProfile, update links
  from /lend-classic/ to /lend/
- Extract full layout into FullBorrowerProfile.vue, deriving loan data
  from a single loan prop instead of many individual props
- Simplify BorrowerProfile.vue to a thin routing wrapper between full
  and minimal views based on status + privilege
- Add showFullView computed with isPrivileged and ?minimal=false support
- Remove legacy redirect logic (kvlendborrowerbeta cookie, MARS-358)
- Derive page meta from this.loan instead of separate data properties
- Add status-aware copy to MinimalBorrowerProfile for expired/refunded

AD-218

* feat(borrower-profile): add LoanTags component and GraphQL mutations

- Port TagSelector from rtp-nuxt, adapted for Options API
- Display applied tags with toggle for tag editing (logged-in only)
- Two separate queries: availableTags + loanTags
- GraphQL mutations: addOrRemoveTagOnLoan, deleteComment,
  subscribeToLoanComments, unsubscribeFromLoanCo... (continued)

Coverage Stats

5948 of 6607 branches covered (90.03%)

Branch coverage included in aggregate %.

2530 of 3158 new or added lines in 45 files covered. (80.11%)

30 existing lines in 6 files now uncovered.

48073 of 57155 relevant lines covered (84.11%)

31.87 hits per line

Source File
Press 'n' to go to next uncovered line, 'b' for previous

0.84

/src/server-app-render.js

/* eslint-disable vue/multi-word-component-names, no-throw-literal */
import { renderSSRHead } from '@unhead/ssr';
import { renderToString } from 'vue/server-renderer';
import createApp from '#src/main';
import createRouter from '#src/router';
import getCDNHeaders from '#src/rendering/cdnHeaders';
import fillTemplate from '#src/rendering/fillTemplate';
import { renderExternals } from '#src/rendering/externals';
import renderGlobals from '#src/rendering/globals';
import renderConfigGlobal from '#src/rendering/kvConfig';
import { renderPreloadLinks } from '#src/rendering/preloadLinks';
import { preFetchAll } from '#src/util/apolloPreFetch';
import { authenticationGuard } from '#src/util/authenticationGuard';
import setBasketCookie from '#src/util/basketCookie';
import logFormatter from '#src/util/logFormatter';
import { buildUserDataGlobal } from '#src/util/optimizelyUserMetrics';
import setVisitorIdCookie from '#src/util/visitorCookie';

const isDev = process.env.NODE_ENV !== 'production';

export default async function renderPage({
        cookieStore,
        context,
        fetch,
        kvAuth0,
}) {
        const s = isDev && Date.now();

        const {
                url,
                cdnNotedLoggedIn,
                config,
                kivaUserAgent,
                locale,
                device,
                ssrManifest,
                template,
                forceHeader,
        } = context;

        // Create a new router instance. This will set the initial route and potentially redirect or 404.
        const router = await createRouter({ isServer: true, url });

        const {
                app,
                head,
                apolloClient,
                renderConfig,
        } = await createApp({
                name: '',
                appConfig: config,
                apollo: {
                        uri: config.graphqlUri,
                        types: config.graphqlPossibleTypes
                },
                cdnNotedLoggedIn,
                cookieStore,
                device,
                kvAuth0,
                locale,
                fetch,
                kivaUserAgent,
                router,
                isServer: true,
                forceHeader,
        });

        try {
                if (!renderConfig.useCDNCaching) {
                        // Set the visitor id cookie
                        setVisitorIdCookie(cookieStore);

                        // Set the basket cookie
                        await setBasketCookie(cookieStore, apolloClient);
                }

                // Use route meta property to determine if route needs authentication
                // authenticationGuard will reject promise with a redirect to login if
                // required authentication query fails
                await authenticationGuard({ route: router.currentRoute.value, apolloClient, kvAuth0 });

                // Pre-fetch graphql queries from the components (and all of their child components)
                // matched by the route
                // preFetchAll dispatches the queries with Apollo and returns a Promise,
                // which is resolved when the action is complete and apollo cache has been updated.
                await preFetchAll(router.currentRoute.value.matched, apolloClient, {
                        cookieStore,
                        kvAuth0,
                        route: router.currentRoute.value,
                        device,
                        renderConfig,
                });

                let sp; // Vue serverPrefetch timing start
                if (isDev) {
                        logFormatter(`data pre-fetch: ${Date.now() - s}ms`);
                        sp = new Date();
                }

                // render the app
                const appHtml = await renderToString(app, context);

                if (isDev) logFormatter(`vue serverPrefetch: ${Date.now() - sp}ms`);

                // After all preFetch hooks are resolved, our store is now
                // filled with the state needed to render the app.
                // Expose the state on the render context, and let the request handler
                // inline the state in the HTML response. This allows the client-side
                // store to pick-up the server-side state without having to duplicate
                // the initial data fetching on the client.
                const globals = {
                        __APOLLO_STATE__: apolloClient.cache.extract(),
                };
                if (!router.currentRoute.value.meta?.useCDNCaching) {
                        const pageData = buildUserDataGlobal(router.currentRoute.value, cookieStore, apolloClient);
                        if (pageData) {
                                globals.pageData = pageData;
                        }
                }
                const appState = renderGlobals(globals);

                // render head tags
                const payload = await renderSSRHead(head);

                // render preload links
                const preloadLinks = renderPreloadLinks(context.modules, ssrManifest);

                const templateData = {
                        ...payload,
                        // Turn off SSR for local development to prevent component FOUC (Flash of Unstyled Content)
                        // https://github.com/vitejs/vite/issues/6887#issuecomment-1038664078
                        appHtml: isDev ? '' : appHtml,
                        // Inject Teleport markup collected during SSR into the #teleports container
                        teleports: isDev ? '' : (context.teleports?.['#teleports'] ?? ''),
                        appState,
                        appConfig: renderConfigGlobal(config),
                        externals: renderExternals(config),
                        googleTagmanagerId: config.googleTagmanagerId,
                        preloadLinks,
                        // Do not add manifest for local development, as the urls in the manifest do not match their
                        // correct location in the vite dev server and cause 404s.
                        webManifest: isDev ? '' : '<link rel="manifest" href="/static/manifest.webmanifest">',
                };

                return {
                        cdnHeaders: getCDNHeaders(renderConfig),
                        html: fillTemplate(template, templateData),
                        setCookies: cookieStore.getSetCookies(),
                };
        } catch (error) {
                if (error instanceof Error) {
                        throw error;
                } else {
                        context.setCookies = cookieStore.getSetCookies();
                        throw {
                                url: router.resolve(error).href,
                        };
                }
        }
}

1	/* eslint-disable vue/multi-word-component-names, no-throw-literal */	1✔
2	import { renderSSRHead } from '@unhead/ssr';	×
3	import { renderToString } from 'vue/server-renderer';	×
4	import createApp from '#src/main';	×
5	import createRouter from '#src/router';	×
6	import getCDNHeaders from '#src/rendering/cdnHeaders';	×
7	import fillTemplate from '#src/rendering/fillTemplate';	×
8	import { renderExternals } from '#src/rendering/externals';	×
9	import renderGlobals from '#src/rendering/globals';	×
10	import renderConfigGlobal from '#src/rendering/kvConfig';	×
11	import { renderPreloadLinks } from '#src/rendering/preloadLinks';	×
12	import { preFetchAll } from '#src/util/apolloPreFetch';	×
13	import { authenticationGuard } from '#src/util/authenticationGuard';	×
14	import setBasketCookie from '#src/util/basketCookie';	×
15	import logFormatter from '#src/util/logFormatter';	×
16	import { buildUserDataGlobal } from '#src/util/optimizelyUserMetrics';	×
17	import setVisitorIdCookie from '#src/util/visitorCookie';	×
18
19	const isDev = process.env.NODE_ENV !== 'production';	×
20
21	export default async function renderPage({	×
22	cookieStore,	×
23	context,	×
24	fetch,	×
25	kvAuth0,	×
26	}) {	×
27	const s = isDev && Date.now();	×
28
29	const {	×
30	url,	×
31	cdnNotedLoggedIn,	×
32	config,	×
33	kivaUserAgent,	×
34	locale,	×
35	device,	×
36	ssrManifest,	×
37	template,	×
38	forceHeader,	×
39	} = context;	×
40
41	// Create a new router instance. This will set the initial route and potentially redirect or 404.
42	const router = await createRouter({ isServer: true, url });	×
43
44	const {	×
45	app,	×
46	head,	×
47	apolloClient,	×
48	renderConfig,	×
49	} = await createApp({	×
50	name: '',	×
51	appConfig: config,	×
52	apollo: {	×
53	uri: config.graphqlUri,	×
54	types: config.graphqlPossibleTypes	×
55	},	×
56	cdnNotedLoggedIn,	×
57	cookieStore,	×
58	device,	×
59	kvAuth0,	×
60	locale,	×
61	fetch,	×
62	kivaUserAgent,	×
63	router,	×
64	isServer: true,	×
65	forceHeader,	×
66	});	×
67
68	try {	×
69	if (!renderConfig.useCDNCaching) {	×
70	// Set the visitor id cookie
71	setVisitorIdCookie(cookieStore);	×
72
73	// Set the basket cookie
74	await setBasketCookie(cookieStore, apolloClient);	×
75	}	×
76
77	// Use route meta property to determine if route needs authentication
78	// authenticationGuard will reject promise with a redirect to login if
79	// required authentication query fails
80	await authenticationGuard({ route: router.currentRoute.value, apolloClient, kvAuth0 });	×
81
82	// Pre-fetch graphql queries from the components (and all of their child components)
83	// matched by the route
84	// preFetchAll dispatches the queries with Apollo and returns a Promise,
85	// which is resolved when the action is complete and apollo cache has been updated.
86	await preFetchAll(router.currentRoute.value.matched, apolloClient, {	×
87	cookieStore,	×
88	kvAuth0,	×
89	route: router.currentRoute.value,	×
90	device,	×
91	renderConfig,	×
92	});	×
93
94	let sp; // Vue serverPrefetch timing start	×
95	if (isDev) {	×
96	logFormatter(`data pre-fetch: ${Date.now() - s}ms`);	×
97	sp = new Date();	×
98	}	×
99
100	// render the app
101	const appHtml = await renderToString(app, context);	×
102
103	if (isDev) logFormatter(`vue serverPrefetch: ${Date.now() - sp}ms`);	×
104
105	// After all preFetch hooks are resolved, our store is now
106	// filled with the state needed to render the app.
107	// Expose the state on the render context, and let the request handler
108	// inline the state in the HTML response. This allows the client-side
109	// store to pick-up the server-side state without having to duplicate
110	// the initial data fetching on the client.
111	const globals = {	×
112	__APOLLO_STATE__: apolloClient.cache.extract(),	×
113	};	×
114	if (!router.currentRoute.value.meta?.useCDNCaching) {	×
115	const pageData = buildUserDataGlobal(router.currentRoute.value, cookieStore, apolloClient);	×
116	if (pageData) {	×
117	globals.pageData = pageData;	×
118	}	×
119	}	×
120	const appState = renderGlobals(globals);	×
121
122	// render head tags
123	const payload = await renderSSRHead(head);	×
124
125	// render preload links
126	const preloadLinks = renderPreloadLinks(context.modules, ssrManifest);	×
127
128	const templateData = {	×
129	...payload,	×
130	// Turn off SSR for local development to prevent component FOUC (Flash of Unstyled Content)
131	// https://github.com/vitejs/vite/issues/6887#issuecomment-1038664078
132	appHtml: isDev ? '' : appHtml,	×
133	// Inject Teleport markup collected during SSR into the #teleports container
NEW 134	teleports: isDev ? '' : (context.teleports?.['#teleports'] ?? ''),	×
135	appState,	×
136	appConfig: renderConfigGlobal(config),	×
137	externals: renderExternals(config),	×
138	googleTagmanagerId: config.googleTagmanagerId,	×
139	preloadLinks,	×
140	// Do not add manifest for local development, as the urls in the manifest do not match their
141	// correct location in the vite dev server and cause 404s.
142	webManifest: isDev ? '' : '<link rel="manifest" href="/static/manifest.webmanifest">',	×
143	};	×
144
145	return {	×
146	cdnHeaders: getCDNHeaders(renderConfig),	×
147	html: fillTemplate(template, templateData),	×
148	setCookies: cookieStore.getSetCookies(),	×
149	};	×
150	} catch (error) {	×
151	if (error instanceof Error) {	×
152	throw error;	×
153	} else {	×
154	context.setCookies = cookieStore.getSetCookies();	×
155	throw {	×
156	url: router.resolve(error).href,	×
157	};	×
158	}	×
159	}	×
160	}	×

kiva / ui / 29121608769

Source File Press 'n' to go to next uncovered line, 'b' for previous

Source File
Press 'n' to go to next uncovered line, 'b' for previous