full-stack-svelte-kit/src/template/loadFunction.js

This framework is built on top of `@sveltejs/kit`.

/**
 * @returns {string}
 */
export default function ({
  content,
  dom_module_script_content,
  routesName,
  hasLoad,
}) {
  let loadContent = "";

  loadContent = `
    <script context="module">
        ${
          dom_module_script_content && dom_module_script_content.length > 0
            ? dom_module_script_content
            : ""
        }
        ${
          hasLoad
            ? `
            export async function load({ fetch, page, session, stuff }) {
                const queryString = page.query.toString();

                let routesName = \`${routesName}\`;

                if(queryString.length > 0){
                    routesName = routesName + '?' + queryString;
                }

                try {
                    const response = await fetch(routesName, {
                        credentials: 'include',
                        headers: { 'content-type': 'application/json' }
                    });

                    if(!response.ok){
                        throw new Error('An unknown error occured');
                    }

                    const loaded = await response.json();

                    return loaded;
                } catch (err) {
                    return {
                        error: err,
                        status: 500
                    };
                }
            }
        `
            : ""
        }
    </script>
    `;

  return loadContent;
}