12 | 
17 |
21 | 24 | This is a barebones starter for Gatsby styled using{` `} 25 | 31 | Twind 32 | 33 | , a utility-first CSS framework. 34 |
35 |8 | Visit kit.svelte.dev to read 9 | the documentation 10 |
11 |
9 |
10 | 20 | The smallest, fastest, most feature complete tailwind-in-js solution in existence. 21 |
22 | 23 | 28 |3 | Et molestiae hic earum repellat aliquid est doloribus delectus. Enim illum odio porro ut omnis 4 | dolor debitis natus. Voluptas possimus deserunt sit delectus est saepe nihil. Qui voluptate 5 | possimus et quia. Eligendi voluptas voluptas dolor cum. Rerum est quos quos id ut molestiae 6 | fugit. 7 |
8 | 9 |10 | Et molestiae hic earum repellat aliquid est doloribus delectus. Enim illum odio porro ut omnis 11 | dolor debitis natus. Voluptas possimus deserunt sit delectus est saepe nihil. Qui voluptate 12 | possimus et quia. Eligendi voluptas voluptas dolor cum. Rerum est quos quos id ut molestiae 13 | fugit. 14 |
15 |
9 |
10 | 20 | The smallest, fastest, most feature complete tailwind-in-js solution in 21 | existence. 22 |
23 | 24 | 29 |
9 |
10 | 20 | The smallest, fastest, most feature complete tailwind-in-js solution in existence. 21 |
22 | 23 | 28 |
9 | {$page.error.frame}
10 |
11 | {/if}
12 |
13 | {#if $page.error?.stack}
14 |
15 | {$page.error.stack}
16 |
17 | {/if}
18 |
19 |
20 | {JSON.stringify($page.error, null, 2)}
21 |
22 |
--------------------------------------------------------------------------------
/sites/twind.run/src/routes/+layout.js:
--------------------------------------------------------------------------------
1 | import '$lib/twind'
2 |
--------------------------------------------------------------------------------
/sites/twind.run/src/routes/+layout.server.js:
--------------------------------------------------------------------------------
1 | /** @type {import('./$types').LayoutServerLoad} */
2 | export async function load({ setHeaders }) {
3 | // Harden security for an application
4 | try {
5 | setHeaders({
6 | 'X-Content-Type-Options': 'nosniff',
7 | 'X-Frame-Options': 'SAMEORIGIN',
8 | 'X-XSS-Protection': '1; mode=block',
9 | // https://www.permissionspolicy.com
10 | 'Permissions-Policy': [
11 | `cross-origin-isolated=(self)`,
12 | `fullscreen=(self "https://challenges.cloudflare.com")`,
13 | // `web-share=(self)`,
14 | `clipboard-write=(self)`,
15 | // `focus-without-user-activation=(self)`,
16 | `idle-detection=(self)`,
17 | // `unload=(self)`,
18 | ].join(', '),
19 | 'Feature-Policy': `fullscreen 'self' https://challenges.cloudflare.com`,
20 | // TODO: CSP - https://support.cloudflare.com/hc/en-us/articles/216537517-What-is-Content-Security-Policy-CSP-and-how-can-I-use-it-with-Cloudflare-
21 | })
22 | } catch {}
23 | }
24 |
--------------------------------------------------------------------------------
/sites/twind.run/src/routes/+layout.svelte:
--------------------------------------------------------------------------------
1 | 21 | If you are not redirected automatically, follow this link. 24 |
25 | -------------------------------------------------------------------------------- /sites/twind.style/src/lib/twind.ts: -------------------------------------------------------------------------------- 1 | // ensure any twind methods are called after twind has been setup 2 | 3 | import install from '@twind/with-sveltekit' 4 | import config from '../twind.config' 5 | 6 | export const tw = install(config, import.meta.env.PROD) 7 | export * from '@twind/core' 8 | -------------------------------------------------------------------------------- /sites/twind.style/src/routes/+layout.js: -------------------------------------------------------------------------------- 1 | import '$lib/twind' 2 | 3 | if (import.meta.hot) { 4 | import.meta.hot.on('docs-update', () => { 5 | import('$app/navigation') 6 | .then(({ invalidateAll }) => invalidateAll()) 7 | .catch((error) => console.error(error)) 8 | }) 9 | } 10 | -------------------------------------------------------------------------------- /sites/twind.style/src/routes/+layout.server.js: -------------------------------------------------------------------------------- 1 | import { data } from '$lib/documentation' 2 | 3 | export const prerender = true 4 | 5 | /** @type {import('./$types').LayoutServerLoad} */ 6 | export async function load({ setHeaders, request }) { 7 | // Harden security for an application 8 | try { 9 | setHeaders({ 10 | 'X-Content-Type-Options': 'nosniff', 11 | 'X-Frame-Options': 'SAMEORIGIN', 12 | 'X-XSS-Protection': '1; mode=block', 13 | // 'Permissions-Policy': 'document-domain=()', 14 | // TODO: CSP - https://support.cloudflare.com/hc/en-us/articles/216537517-What-is-Content-Security-Policy-CSP-and-how-can-I-use-it-with-Cloudflare- 15 | }) 16 | } catch {} 17 | 18 | const { startHref } = await data 19 | 20 | return { docStartHref: startHref } 21 | } 22 | -------------------------------------------------------------------------------- /sites/twind.style/src/routes/+page.server.js: -------------------------------------------------------------------------------- 1 | import { transformFile } from '$lib/markdown/transform' 2 | 3 | /** @type {import('./$types').PageServerLoad} */ 4 | export async function load() { 5 | const content = await transformFile('../../documentation/introduction.md') 6 | 7 | return { content } 8 | } 9 | -------------------------------------------------------------------------------- /sites/twind.style/src/routes/-/search.json/+server.js: -------------------------------------------------------------------------------- 1 | import { data } from '$lib/documentation' 2 | 3 | export const prerender = true 4 | 5 | /** @type {import('./$types').RequestHandler} */ 6 | export async function GET() { 7 | const { search } = await data 8 | 9 | return new Response(JSON.stringify(search), { 10 | headers: { 11 | 'content-type': 'application/json', 12 | }, 13 | }) 14 | } 15 | -------------------------------------------------------------------------------- /sites/twind.style/src/routes/-/search/+server.js: -------------------------------------------------------------------------------- 1 | import { dev, building } from '$app/environment' 2 | import { createSearch } from '$lib/search' 3 | 4 | export const prerender = true 5 | 6 | /** @type {import('./$types').RequestHandler} */ 7 | export async function GET({ request, fetch }) { 8 | if (building) { 9 | return new Response(JSON.stringify({ term: '', results: [] }), { 10 | headers: { 11 | 'content-type': 'application/json', 12 | }, 13 | }) 14 | } 15 | 16 | const data = await fetch('/-/search.json') 17 | 18 | if (!(data.ok && data.status === 200)) { 19 | throw new Error(`Loading search index failed: ${data.status}`) 20 | } 21 | 22 | return createSearch({ dev, ...(await data.json()) })(request) 23 | } 24 | -------------------------------------------------------------------------------- /sites/twind.style/src/routes/[...slug]/+layout.server.js: -------------------------------------------------------------------------------- 1 | import { data } from '$lib/documentation' 2 | 3 | /** @type {import('./$types').LayoutServerLoad} */ 4 | export async function load() { 5 | const { sections, pages } = await data 6 | 7 | return { 8 | nav: { 9 | sections: [...sections].filter(([, entries]) => entries.length), 10 | pages: Object.fromEntries( 11 | [...pages] 12 | .filter(([, page]) => page.nav) 13 | .map(([href, { section, label, prev, next }]) => [href, { section, label, prev, next }]), 14 | ), 15 | }, 16 | } 17 | } 18 | -------------------------------------------------------------------------------- /sites/twind.style/src/routes/[...slug]/+layout.svelte: -------------------------------------------------------------------------------- 1 |