element in src/app.html
13 | target: '#svelte'
14 | }
15 | };
16 |
17 | export default config;
18 |
--------------------------------------------------------------------------------
/cms/config/functions/cron.js:
--------------------------------------------------------------------------------
1 | 'use strict';
2 |
3 | /**
4 | * Cron config that gives you an opportunity
5 | * to run scheduled jobs.
6 | *
7 | * The cron format consists of:
8 | * [SECOND (optional)] [MINUTE] [HOUR] [DAY OF MONTH] [MONTH OF YEAR] [DAY OF WEEK]
9 | *
10 | * See more details here: https://strapi.io/documentation/developer-docs/latest/setup-deployment-guides/configurations.html#cron-tasks
11 | */
12 |
13 | module.exports = {
14 | /**
15 | * Simple example.
16 | * Every monday at 1am.
17 | */
18 | // '0 1 * * 1': () => {
19 | //
20 | // }
21 | };
22 |
--------------------------------------------------------------------------------
/frontend/.eslintrc.cjs:
--------------------------------------------------------------------------------
1 | module.exports = {
2 | root: true,
3 | parser: '@typescript-eslint/parser',
4 | extends: ['eslint:recommended', 'plugin:@typescript-eslint/recommended', 'prettier'],
5 | plugins: ['svelte3', '@typescript-eslint'],
6 | ignorePatterns: ['*.cjs'],
7 | overrides: [{ files: ['*.svelte'], processor: 'svelte3/svelte3' }],
8 | settings: {
9 | 'svelte3/typescript': () => require('typescript')
10 | },
11 | parserOptions: {
12 | sourceType: 'module',
13 | ecmaVersion: 2019
14 | },
15 | env: {
16 | browser: true,
17 | es2017: true,
18 | node: true
19 | }
20 | };
21 |
--------------------------------------------------------------------------------
/frontend/postcss.config.cjs:
--------------------------------------------------------------------------------
1 | const tailwindcss = require("tailwindcss");
2 | const autoprefixer = require("autoprefixer");
3 | const cssnano = require("cssnano");
4 |
5 | const mode = process.env.NODE_ENV;
6 | const dev = mode === "development";
7 |
8 | const config = {
9 | plugins: [
10 | //Some plugins, like postcss-nested, need to run before Tailwind,
11 | tailwindcss(),
12 | //But others, like autoprefixer, need to run after,
13 | autoprefixer(),
14 | !dev && cssnano({
15 | preset: "default",
16 | })
17 | ],
18 | };
19 |
20 | module.exports = config;
--------------------------------------------------------------------------------
/frontend/src/lib/Navbar.svelte:
--------------------------------------------------------------------------------
1 |
4 |
5 |
18 |
--------------------------------------------------------------------------------
/cms/.eslintrc:
--------------------------------------------------------------------------------
1 | {
2 | "parser": "babel-eslint",
3 | "extends": "eslint:recommended",
4 | "env": {
5 | "commonjs": true,
6 | "es6": true,
7 | "node": true,
8 | "browser": false
9 | },
10 | "parserOptions": {
11 | "ecmaFeatures": {
12 | "experimentalObjectRestSpread": true,
13 | "jsx": false
14 | },
15 | "sourceType": "module"
16 | },
17 | "globals": {
18 | "strapi": true
19 | },
20 | "rules": {
21 | "indent": ["error", 2, { "SwitchCase": 1 }],
22 | "linebreak-style": ["error", "unix"],
23 | "no-console": 0,
24 | "quotes": ["error", "single"],
25 | "semi": ["error", "always"]
26 | }
27 | }
28 |
--------------------------------------------------------------------------------
/frontend/src/routes/__error.svelte:
--------------------------------------------------------------------------------
1 |
10 |
11 |
15 |
16 |
17 |
18 | {status}
19 | {error.message}
20 |
21 |
22 |
--------------------------------------------------------------------------------
/cms/api/post/models/post.settings.json:
--------------------------------------------------------------------------------
1 | {
2 | "kind": "collectionType",
3 | "collectionName": "posts",
4 | "info": {
5 | "name": "Post",
6 | "description": ""
7 | },
8 | "options": {
9 | "increments": true,
10 | "timestamps": true,
11 | "draftAndPublish": false
12 | },
13 | "pluginOptions": {},
14 | "attributes": {
15 | "title": {
16 | "type": "string"
17 | },
18 | "description": {
19 | "type": "text"
20 | },
21 | "content": {
22 | "type": "richtext"
23 | },
24 | "author": {
25 | "targetColumnName": "",
26 | "plugin": "users-permissions",
27 | "model": "user",
28 | "via": "posts"
29 | }
30 | }
31 | }
32 |
--------------------------------------------------------------------------------
/frontend/src/lib/types.ts:
--------------------------------------------------------------------------------
1 | export interface Post {
2 | id: number;
3 | title: string;
4 | description: string;
5 | content: string;
6 | author: Author;
7 | created_at: string;
8 | updated_at: string;
9 | }
10 |
11 | export interface User {
12 | id: number;
13 | username: string;
14 | email: string;
15 | provider: string;
16 | confirmed: boolean;
17 | blocked: boolean;
18 | role: Role;
19 | created_at: string;
20 | updated_at: string;
21 | posts: Post[];
22 | }
23 |
24 | export interface Role {
25 | id: number;
26 | name: string;
27 | description: string;
28 | type: string;
29 | }
30 |
31 | export interface Author extends Omit
, 'role'> {
32 | role: Role['id'];
33 | }
34 |
--------------------------------------------------------------------------------
/frontend/src/hooks.ts:
--------------------------------------------------------------------------------
1 | import cookie from 'cookie';
2 | import { v4 as uuid } from '@lukeed/uuid';
3 | import type { Handle } from '@sveltejs/kit';
4 |
5 | export const handle: Handle = async ({ request, resolve }) => {
6 | const cookies = cookie.parse(request.headers.cookie || '');
7 | request.locals.userid = cookies.userid || uuid();
8 |
9 | // TODO https://github.com/sveltejs/kit/issues/1046
10 | if (request.query.has('_method')) {
11 | request.method = request.query.get('_method').toUpperCase();
12 | }
13 |
14 | const response = await resolve(request);
15 |
16 | if (!cookies.userid) {
17 | // if this is the first time the user has visited this app,
18 | // set a cookie so that we recognise them when they return
19 | response.headers['set-cookie'] = `userid=${request.locals.userid}; Path=/; HttpOnly`;
20 | }
21 |
22 | return response;
23 | };
24 |
--------------------------------------------------------------------------------
/frontend/src/routes/__layout.svelte:
--------------------------------------------------------------------------------
1 |
28 |
29 | {#if !loading}
30 |
31 |
32 | {/if}
33 |
--------------------------------------------------------------------------------
/frontend/tailwind.config.cjs:
--------------------------------------------------------------------------------
1 | const { tailwindExtractor } = require("tailwindcss/lib/lib/purgeUnusedStyles");
2 |
3 | const config = {
4 | mode: "aot",
5 | purge: {
6 | content: [
7 | "./src/**/*.{html,js,svelte,ts}",
8 | ],
9 | options: {
10 | defaultExtractor: (content) => [
11 | // If this stops working, please open an issue at https://github.com/svelte-add/tailwindcss/issues rather than bothering Tailwind Labs about it
12 | ...tailwindExtractor(content),
13 | // Match Svelte class: directives (https://github.com/tailwindlabs/tailwindcss/discussions/1731)
14 | ...[...content.matchAll(/(?:class:)*([\w\d-/:%.]+)/gm)].map(([_match, group, ..._rest]) => group),
15 | ],
16 | },
17 | safelist: [/^svelte-[\d\w]+$/],
18 | },
19 | theme: {
20 | extend: {},
21 | },
22 | variants: {
23 | extend: {},
24 | },
25 | plugins: [],
26 | };
27 |
28 | module.exports = config;
29 |
--------------------------------------------------------------------------------
/frontend/tsconfig.json:
--------------------------------------------------------------------------------
1 | {
2 | "compilerOptions": {
3 | "moduleResolution": "node",
4 | "module": "es2020",
5 | "lib": ["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 | "paths": {
26 | "$lib/*": ["src/lib/*"]
27 | }
28 | },
29 | "include": ["src/**/*.d.ts", "src/**/*.js", "src/**/*.ts", "src/**/*.svelte"]
30 | }
31 |
--------------------------------------------------------------------------------
/frontend/src/routes/index.svelte:
--------------------------------------------------------------------------------
1 |
11 |
12 |
18 |
19 |
20 |
My wonderful blog
21 |
22 |
23 |
24 | {#each posts as post}
25 |
goto('/blog/' + post.id)}
28 | >
29 |
{post.title}
30 |
{post.description}
31 |
By: {post.author.username}
32 |
33 | {/each}
34 |
{post.title}
65 | By: {post.author.username}
66 |
67 | {#if $user && post.author.id === $user.id}
68 |
69 |
73 |
77 |
78 | {/if}
79 |
80 |
81 | {@html content}
82 |
83 |
--------------------------------------------------------------------------------
/frontend/src/routes/new.svelte:
--------------------------------------------------------------------------------
1 |
32 |
33 |
106 |
107 |
124 |
125 |
142 |
--------------------------------------------------------------------------------