33 | {/if}
34 | {:else}
35 |
10 | 
19 |
20 |
43 |
44 |
--------------------------------------------------------------------------------
/src/routes/+layout.js:
--------------------------------------------------------------------------------
1 | export const csr = true
2 | export const ssr = false
3 | export const prerender = true
4 | export const trailingSlash = 'always'
5 |
--------------------------------------------------------------------------------
/src/routes/+layout.svelte:
--------------------------------------------------------------------------------
1 |
27 |
28 | 404 - Page not found
11 | 12 |The page you have requested does not exist.
13 | 14 |
19 |
20 |
43 |
43 |
49 |
54 | {/if}
55 |
56 |
57 |
--------------------------------------------------------------------------------
/src/routes/+page.svelte:
--------------------------------------------------------------------------------
1 |
6 |
7 | {#if $sessionStore?.session}
8 |
51 |
53 |
31 | {#if $sessionStore.session}
32 |
49 |
51 | {/if}
52 |
53 |
--------------------------------------------------------------------------------
/src/routes/gallery/components/icons/FileUploadIcon.svelte:
--------------------------------------------------------------------------------
1 |
10 |
--------------------------------------------------------------------------------
/src/routes/gallery/components/imageGallery/ImageCard.svelte:
--------------------------------------------------------------------------------
1 |
9 |
10 |
33 |
47 |
48 |
34 | {#each Object.keys(AREAS) as area}
35 |
44 | {/each}
45 |
46 |
14 |
17 |
25 |
--------------------------------------------------------------------------------
/src/routes/gallery/components/imageGallery/ImageGallery.svelte:
--------------------------------------------------------------------------------
1 |
50 |
51 |
18 | 
23 |
24 |
53 |
62 |
63 | {#if selectedImage}
64 |
56 |
61 |
15 |
29 | {:else}
30 | {goto('/')}
31 | {/if}
32 |
--------------------------------------------------------------------------------
/src/stores.ts:
--------------------------------------------------------------------------------
1 | import { writable } from 'svelte/store'
2 | import type { Writable } from 'svelte/store'
3 | import type FileSystem from '@oddjs/odd/fs/index'
4 |
5 | import { loadTheme } from '$lib/theme'
6 | import type { AccountSettings } from '$lib/account-settings'
7 | import type { Notification } from '$lib/notifications'
8 | import type { Session } from '$lib/session'
9 | import type { Theme } from '$lib/theme'
10 |
11 | export const themeStore: WritableAccount Settings
16 | 17 |
18 |
28 |
21 |
30 | ALPHA
28 |
29 |
36 |
41 |
45 |
46 | ALPHA
43 |
44 |
49 | ![Circle animation]()
55 |
56 |
82 |
83 | 404 - Page not found
50 | 51 |The page you have requested does not exist.
52 | 53 |
85 |
89 |
90 |
91 |
--------------------------------------------------------------------------------
/static/manifest.webmanifest:
--------------------------------------------------------------------------------
1 | {
2 | "name": "",
3 | "short_name": "",
4 | "icons": [
5 | {
6 | "src": "/android-chrome-192x192.png",
7 | "sizes": "192x192",
8 | "type": "image/png"
9 | },
10 | {
11 | "src": "/android-chrome-512x512.png",
12 | "sizes": "512x512",
13 | "type": "image/png"
14 | }
15 | ],
16 | "theme_color": "#ffffff",
17 | "background_color": "#ffffff",
18 | "display": "standalone"
19 | }
20 |
--------------------------------------------------------------------------------
/static/mstile-144x144.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/oddsdk/odd-app-template/18e7c115aea29037a34aa2dfd43025b3a4db3010/static/mstile-144x144.png
--------------------------------------------------------------------------------
/static/mstile-150x150.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/oddsdk/odd-app-template/18e7c115aea29037a34aa2dfd43025b3a4db3010/static/mstile-150x150.png
--------------------------------------------------------------------------------
/static/mstile-310x150.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/oddsdk/odd-app-template/18e7c115aea29037a34aa2dfd43025b3a4db3010/static/mstile-310x150.png
--------------------------------------------------------------------------------
/static/mstile-310x310.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/oddsdk/odd-app-template/18e7c115aea29037a34aa2dfd43025b3a4db3010/static/mstile-310x310.png
--------------------------------------------------------------------------------
/static/mstile-70x70.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/oddsdk/odd-app-template/18e7c115aea29037a34aa2dfd43025b3a4db3010/static/mstile-70x70.png
--------------------------------------------------------------------------------
/static/odd-ui.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/oddsdk/odd-app-template/18e7c115aea29037a34aa2dfd43025b3a4db3010/static/odd-ui.png
--------------------------------------------------------------------------------
/static/preview.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/oddsdk/odd-app-template/18e7c115aea29037a34aa2dfd43025b3a4db3010/static/preview.png
--------------------------------------------------------------------------------
/static/safari-pinned-tab.svg:
--------------------------------------------------------------------------------
1 |
2 |
4 |
37 |
--------------------------------------------------------------------------------
/static/wn-404.gif:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/oddsdk/odd-app-template/18e7c115aea29037a34aa2dfd43025b3a4db3010/static/wn-404.gif
--------------------------------------------------------------------------------
/static/wnfs-gallery-screenshot.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/oddsdk/odd-app-template/18e7c115aea29037a34aa2dfd43025b3a4db3010/static/wnfs-gallery-screenshot.png
--------------------------------------------------------------------------------
/svelte.config.js:
--------------------------------------------------------------------------------
1 | import preprocess from 'svelte-preprocess'
2 | import adapter from '@sveltejs/adapter-static'
3 |
4 | /** @type {import('@sveltejs/kit').Config} */
5 | const config = {
6 | preprocess: preprocess({
7 | postcss: true,
8 | }),
9 | kit: {
10 | adapter: adapter({
11 | fallback: 'index.html'
12 | }),
13 | },
14 | }
15 |
16 | export default config
17 |
--------------------------------------------------------------------------------
/tailwind.config.cjs:
--------------------------------------------------------------------------------
1 | module.exports = {
2 | mode: 'jit',
3 | content: ['./src/**/*.{html,js,svelte,ts}'],
4 | safelist: ['alert-success', 'alert-error', 'alert-info', 'alert-warning'],
5 | plugins: [require('daisyui')],
6 | darkMode: ['class', '[data-theme="dark"]'],
7 | daisyui: {
8 | styled: true,
9 | themes: [
10 | {
11 | dark: {
12 | primary: '#171717',
13 | secondary: '#30aadd',
14 | accent: '#00ffc6',
15 | neutral: '#171717',
16 | info: '#93c5fd',
17 | success: '#BBF7D0',
18 | warning: '#fdba74',
19 | error: '#DC2626',
20 | 'base-content': '#FAFAFA', // Base text content color
21 | 'base-100': '#171717', // Base background color
22 | '--rounded-box': '16px',
23 | '--rounded-btn': '4px',
24 | '--rounded-badge': '2px',
25 | '--tab-radius': '2px',
26 | '--btn-text-case': 'normal-case',
27 | '--navbar-padding': '16px'
28 | },
29 | light: {
30 | primary: '#FAFAFA',
31 | secondary: '#30aadd',
32 | accent: '#00ffc6',
33 | neutral: '#171717',
34 | info: '#bfdbfe',
35 | success: '#BBF7D0',
36 | warning: '#fed7aa',
37 | error: '#DC2626',
38 | 'base-content': '#171717', // Base text content color
39 | 'base-100': '#FAFAFA', // Base background color
40 | '--rounded-box': '16px',
41 | '--rounded-btn': '4px',
42 | '--rounded-badge': '2px',
43 | '--tab-radius': '2px',
44 | '--btn-text-case': 'normal-case',
45 | '--navbar-padding': '16px'
46 | }
47 | }
48 | ],
49 | base: true,
50 | utils: true,
51 | logs: true,
52 | rtl: false,
53 | darkTheme: 'dark'
54 | },
55 | theme: {
56 | extend: {
57 | animation: {
58 | marquee: 'marquee 20s linear infinite'
59 | },
60 | aspectRatio: {
61 | '22/23': '22 / 23'
62 | },
63 | boxShadow: {
64 | orange: '0px 4px 0px rgba(243, 110, 101, 0.35)'
65 | },
66 | colors: {
67 | blue: {
68 | 100: '#DBEAFE',
69 | 600: '#2563EB',
70 | 900: '#1E3A8A'
71 | },
72 | green: {
73 | 300: '#86EFAC',
74 | 500: '#22C55E',
75 | 700: '#15803D'
76 | },
77 | neutral: {
78 | 50: '#FAFAFA',
79 | 200: '#E5E5E5',
80 | 500: '#737373',
81 | 700: '#404040',
82 | 800: '#262626',
83 | 900: '#171717'
84 | },
85 | orange: {
86 | 50: '#FFF7ED',
87 | 200: '#FDBA74',
88 | 300: '#F26D64',
89 | 500: '#F36E65',
90 | 600: '#EED082',
91 | 700: '#C2410C'
92 | },
93 | red: {
94 | 400: '#F87171',
95 | 600: '#DC2626'
96 | }
97 | },
98 | fontFamily: {
99 | sans: ['UncutSans']
100 | },
101 | fontSize: {
102 | mobileNav: ['24px', { lineHeight: '24px' }],
103 | deviceCode: ['30px', { lineHeight: '36px' }],
104 | xxs: ['12px', { lineHeight: '16px' }],
105 | xs: ['13px', { lineHeight: '24px', letterSpacing: '0.1em' }],
106 | sm: ['16px', { lineHeight: '24px' }],
107 | base: ['20px', { lineHeight: '28px' }],
108 | lg: ['24px', { lineHeight: '32px' }],
109 | xl: ['38px', { lineHeight: '48px' }],
110 | '2xl': ['50px', { lineHeight: '62px' }]
111 | },
112 | keyframes: {
113 | marquee: {
114 | '0%': { transform: 'translateX(102%)' },
115 | '100%': { transform: 'translateX(-100vw)' }
116 | }
117 | },
118 | width: {
119 | narrowModal: '327px',
120 | wideModal: '471px'
121 | },
122 | zIndex: {
123 | max: '1000' // High enough to appear above the modal(999)
124 | }
125 | }
126 | }
127 | }
128 |
--------------------------------------------------------------------------------
/tests/homepage.spec.ts:
--------------------------------------------------------------------------------
1 | import { test, expect } from '@playwright/test'
2 |
3 | test('find and click register link', async ({ page }) => {
4 | await page.goto('/')
5 |
6 | // Click the register link.
7 | await page.getByRole('link', { name: 'Connect this device' }).click()
8 |
9 | // Expects the URL to contain register.
10 | await expect(page).toHaveURL(/.*register/)
11 | })
12 |
--------------------------------------------------------------------------------
/tsconfig.json:
--------------------------------------------------------------------------------
1 | {
2 | "compilerOptions": {
3 | "moduleResolution": "node",
4 | "module": "es2020",
5 | "lib": ["dom", "es2020"],
6 | "target": "es2019",
7 | /**
8 | svelte-preprocess cannot figure out whether you have a value or a type, so tell TypeScript
9 | to enforce using \`import type\` instead of \`import\` for Types.
10 | */
11 | "importsNotUsedAsValues": "error",
12 | "isolatedModules": true,
13 | "resolveJsonModule": true,
14 | /**
15 | To have warnings/errors of the Svelte compiler at the correct position,
16 | enable source maps by default.
17 | */
18 | "sourceMap": true,
19 | "esModuleInterop": true,
20 | "skipLibCheck": true,
21 | "forceConsistentCasingInFileNames": true,
22 | "baseUrl": ".",
23 | "allowJs": true,
24 | "checkJs": true,
25 | "noEmit": true,
26 | "paths": {
27 | "$components": ["src/components"],
28 | "$components/*": ["src/components/*"],
29 | "$lib": ["src/lib"],
30 | "$lib/*": ["src/lib/*"],
31 | "$routes": ["src/routes"],
32 | "$routes/*": ["src/routes/*"],
33 | "$src": ["src"],
34 | "$src/*": ["src/*"],
35 | "$static": ["static"],
36 | "$static/*": ["static/*"]
37 | }
38 | },
39 | "extends": "./.svelte-kit/tsconfig.json",
40 | "include": ["src/**/*.d.ts", "src/**/*.js", "src/**/*.ts", "src/**/*.svelte"]
41 | }
42 |
--------------------------------------------------------------------------------
/tsnode-loader.js:
--------------------------------------------------------------------------------
1 | /** Load ESM modules with path mappings
2 | * ts-node/esm does not currently support path mappings. This custom
3 | * loader takes care of that. Tracking discussion and loader source code
4 | * from https://github.com/TypeStrong/ts-node/discussions/1450
5 | */
6 |
7 | import {
8 | resolve as resolveTs,
9 | getFormat,
10 | load,
11 | transformSource,
12 | } from "ts-node/esm";
13 | import * as tsConfigPaths from "tsconfig-paths"
14 |
15 | export { getFormat, load, transformSource };
16 |
17 | const { absoluteBaseUrl, paths } = tsConfigPaths.loadConfig()
18 | const matchPath = tsConfigPaths.createMatchPath(absoluteBaseUrl, paths)
19 |
20 | export function resolve(specifier, context, defaultResolver) {
21 | const mappedSpecifier = matchPath(specifier)
22 | if (mappedSpecifier) {
23 | specifier = `${mappedSpecifier}.js`
24 | }
25 | return resolveTs(specifier, context, defaultResolver);
26 | }
--------------------------------------------------------------------------------
/vite.config.ts:
--------------------------------------------------------------------------------
1 | import { sveltekit } from '@sveltejs/kit/vite'
2 | import { resolve } from 'path'
3 |
4 | /** @type {import('vite').UserConfig} */
5 | const config = {
6 | build: {
7 | sourcemap: true
8 | },
9 | plugins: [sveltekit()],
10 | resolve: {
11 | alias: {
12 | $components: resolve('./src/components'),
13 | $routes: resolve('./src/routes'),
14 | $src: resolve('./src'),
15 | $static: resolve('./static')
16 | }
17 | }
18 | }
19 |
20 | export default config
21 |
--------------------------------------------------------------------------------
*** 86 | Experimental *** - You are currently previewing ODD SDK Alpha 87 | 0.2
88 |