(menuOpen = !menuOpen)}
+ on:keypress={() => (menuOpen = !menuOpen)}
+ />
+ {/if}
+
+
+
+
+
+
diff --git a/src/lib/components/Button.svelte b/src/lib/components/Button.svelte
new file mode 100644
index 0000000..00845bb
--- /dev/null
+++ b/src/lib/components/Button.svelte
@@ -0,0 +1,80 @@
+
+
+
+
+
diff --git a/src/lib/components/Dialogue.svelte b/src/lib/components/Dialogue.svelte
new file mode 100644
index 0000000..8e39525
--- /dev/null
+++ b/src/lib/components/Dialogue.svelte
@@ -0,0 +1,158 @@
+
+
+{#if modalOpen}
+
(modalOpen = !modalOpen)}
+ on:keypress={() => (modalOpen = !modalOpen)}
+ transition:fade={{ easing: quadInOut, duration: 150 }}
+ />
+
+
+
+
+ {#if fullscreen}
+
+ {/if}
+ {#if $$slots.icon}
+
+ {/if}
+ {#if $$slots.title}
+
+
+
+ {/if}
+
+
+ {#if $$slots.description}
+
+
+
+ {/if}
+
+
+
+ {#if $$slots.buttons}
+
+
+
+ {/if}
+
+
+
+{/if}
+
+
+
+
diff --git a/src/lib/components/FilterChip.svelte b/src/lib/components/FilterChip.svelte
new file mode 100644
index 0000000..d3d9dd1
--- /dev/null
+++ b/src/lib/components/FilterChip.svelte
@@ -0,0 +1,50 @@
+
+
+
+
+
diff --git a/src/lib/components/Meta.svelte b/src/lib/components/Meta.svelte
new file mode 100644
index 0000000..9e5b2a8
--- /dev/null
+++ b/src/lib/components/Meta.svelte
@@ -0,0 +1,26 @@
+
+
+
+ {title}
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/src/lib/components/Picture.svelte b/src/lib/components/Picture.svelte
new file mode 100644
index 0000000..ec31261
--- /dev/null
+++ b/src/lib/components/Picture.svelte
@@ -0,0 +1,13 @@
+
+
+
+ {#each Object.entries(data.sources) as [format, images]}
+ `${img.src} ${img.w}w`).join(", ")} type="image/{format}">
+ {/each}
+ 
+
diff --git a/src/lib/components/Query.svelte b/src/lib/components/Query.svelte
new file mode 100644
index 0000000..9b556cf
--- /dev/null
+++ b/src/lib/components/Query.svelte
@@ -0,0 +1,27 @@
+
+
+{#if !$isRestoring}
+ {#if $query.isSuccess}
+
+ {:else if $query.isError}
+
+ {/if}
+{/if}
diff --git a/src/lib/components/Search.svelte b/src/lib/components/Search.svelte
new file mode 100644
index 0000000..87b99f2
--- /dev/null
+++ b/src/lib/components/Search.svelte
@@ -0,0 +1,90 @@
+
+
+
+
+ {#if searchTerm}
+
+ {/if}
+
+
+
+
diff --git a/src/lib/components/atoms/Spinner.svelte b/src/lib/components/Spinner.svelte
similarity index 78%
rename from src/lib/components/atoms/Spinner.svelte
rename to src/lib/components/Spinner.svelte
index 11e0f95..a3cc765 100644
--- a/src/lib/components/atoms/Spinner.svelte
+++ b/src/lib/components/Spinner.svelte
@@ -1,7 +1,8 @@
-
+
+
diff --git a/src/lib/components/atoms/DocsNavNode.svelte b/src/lib/components/atoms/DocsNavNode.svelte
deleted file mode 100644
index f9123a9..0000000
--- a/src/lib/components/atoms/DocsNavNode.svelte
+++ /dev/null
@@ -1,29 +0,0 @@
-
-
-
-
-
-
-
-
diff --git a/src/lib/components/atoms/HeroImage.svelte b/src/lib/components/atoms/HeroImage.svelte
deleted file mode 100644
index 7ff5c08..0000000
--- a/src/lib/components/atoms/HeroImage.svelte
+++ /dev/null
@@ -1,34 +0,0 @@
-
-
-
-
-
-
-
diff --git a/src/lib/components/atoms/NavButton.svelte b/src/lib/components/atoms/NavButton.svelte
deleted file mode 100644
index f24a44d..0000000
--- a/src/lib/components/atoms/NavButton.svelte
+++ /dev/null
@@ -1,49 +0,0 @@
-
-
-
-
-
-
-
-
-
diff --git a/src/lib/components/atoms/TreeMenuButton.svelte b/src/lib/components/atoms/TreeMenuButton.svelte
deleted file mode 100644
index 2e7b43f..0000000
--- a/src/lib/components/atoms/TreeMenuButton.svelte
+++ /dev/null
@@ -1,67 +0,0 @@
-
-
-
-
- (current = current === name ? false : name) && window.scrollTo({ top: 0, behavior: 'smooth' })}
->
-
{name}
-
-
-
diff --git a/src/lib/components/molecules/ContributorHost.svelte b/src/lib/components/molecules/ContributorHost.svelte
deleted file mode 100644
index 4698a6d..0000000
--- a/src/lib/components/molecules/ContributorHost.svelte
+++ /dev/null
@@ -1,78 +0,0 @@
-
-
-
-
-
-
-
- {#each contribs as { login, avatar_url, html_url }}
- {#if !usersIwantToExplodeSoBadly.includes(login)}
-
- {/if}
- {/each}
-
-
-
diff --git a/src/lib/components/molecules/DocsNavTree.svelte b/src/lib/components/molecules/DocsNavTree.svelte
deleted file mode 100644
index abca754..0000000
--- a/src/lib/components/molecules/DocsNavTree.svelte
+++ /dev/null
@@ -1,39 +0,0 @@
-
-
-{#if nested}
-
-
-{/if}
-
-
- {#if !nested}
-
-
- {/if}
-
- {#each tree.nodes as node}
- {#if is_tree(node)}
-
-
- {:else}
-
- {/if}
- {/each}
-
-
-
diff --git a/src/lib/components/molecules/Footer.svelte b/src/lib/components/molecules/Footer.svelte
deleted file mode 100644
index 2c61d36..0000000
--- a/src/lib/components/molecules/Footer.svelte
+++ /dev/null
@@ -1,106 +0,0 @@
-
-
-
-
-
-
-
diff --git a/src/lib/components/molecules/NavHost.svelte b/src/lib/components/molecules/NavHost.svelte
deleted file mode 100644
index f5a571c..0000000
--- a/src/lib/components/molecules/NavHost.svelte
+++ /dev/null
@@ -1,158 +0,0 @@
-
-
-
-
-
diff --git a/src/lib/components/molecules/TreeMenu.svelte b/src/lib/components/molecules/TreeMenu.svelte
deleted file mode 100644
index bd3e98e..0000000
--- a/src/lib/components/molecules/TreeMenu.svelte
+++ /dev/null
@@ -1,44 +0,0 @@
-
-
-
-
-
diff --git a/src/lib/components/organisms/Home.svelte b/src/lib/components/organisms/Home.svelte
deleted file mode 100644
index c3ac5ce..0000000
--- a/src/lib/components/organisms/Home.svelte
+++ /dev/null
@@ -1,88 +0,0 @@
-
-
-
-
-
- ReVanced
-
-
-
- An extensible framework for building
application mods.
-
-
-
-
-
-
-
-
-
diff --git a/src/lib/documentation.scss b/src/lib/documentation.scss
deleted file mode 100644
index e366c09..0000000
--- a/src/lib/documentation.scss
+++ /dev/null
@@ -1,45 +0,0 @@
-#markup-content {
- /* Defaults for text */
- color: var(--white);
- font-weight: 300;
- font-size: 1rem;
- letter-spacing: 0.02rem;
- padding: 100px 30px 0px 30px;
-
- a {
- text-decoration: none;
- color: var(--white);
- border-bottom: 1.5px solid var(--accent-color);
- padding: 0px 5px;
- transition: all 0.4s var(--bezier-one);
- }
-
- a:hover {
- background-color: var(--accent-color);
- border-radius: 6px;
- color: var(--grey-four);
- }
-
- code {
- background-color: var(--grey-six);
- border-radius: 4px;
- padding: 2px;
- }
-
- h4 {
- margin-bottom: 0.5rem;
- }
-
- h5 {
- color: var(--accent-color);
- }
-
- /* Markup processors output this for bold text, but css spec is goofy aah */
- strong {
- font-weight: bold;
- }
-
- ul {
- padding-left: 2rem;
- }
-}
diff --git a/src/lib/documentation.server.ts b/src/lib/documentation.server.ts
deleted file mode 100644
index dd05ab5..0000000
--- a/src/lib/documentation.server.ts
+++ /dev/null
@@ -1,202 +0,0 @@
-import { is_tree } from './documentation.shared';
-import type { Document, DocsTree, DocsTreeNode, DocumentInfo } from './documentation.shared';
-
-import { browser, prerendering } from '$app/environment';
-
-import fs, { existsSync as exists } from 'fs';
-import path from 'path';
-
-
-import { parse as parse_md } from 'marked';
-import AsciiDocProcessor from 'asciidoctor'
-
-// This file does not work in a browser.
-if (browser) {
- throw Error('SvelteKit has skill issues');
-}
-
-/// Constants
-
-const supported_formats: Map
Document> = new Map();
-
-supported_formats.set("md", markup => {
- let lines = markup.split('\n');
-
- // Get and remove the first line.
- const first_line = lines.splice(0, 1)[0];
- // Remove `# `.
- const title = first_line.substring(2);
-
- // Convert the rest to html
- const content = parse_md(lines.join('\n'));
-
- return { title, content };
-});
-
-const asciidoctor = AsciiDocProcessor();
-const adoc_fn = markup => {
- // Get first line.
- const first_line = markup.split('\n')[0];
- // Remove `= `.
- const title = first_line.substring(2);
-
- // Convert it to html. Unlike markdown, we do not need to remove the first title heading.
- // NOTE: Maybe consider change the safe mode value.
- const content = asciidoctor.convert(markup, { doctype: "book" })
-
- return { title, content };
-}
-
-supported_formats.set("adoc", adoc_fn)
-supported_formats.set("asciidoc", adoc_fn)
-
-const supported_filetypes = [...supported_formats.keys()];
-
-let docs_folder = process.env.REVANCED_DOCS_FOLDER;
-if (docs_folder === undefined) {
- if (prerendering) { console.warn("Using testing docs in production build") }
- docs_folder = "testing-docs";
-}
-
-const ignored_items = ["assets", "README.md"];
-
-/// Utility functions
-
-function is_directory(item: string) {
- return fs.lstatSync(item).isDirectory();
-}
-
-function get_ext(fname: string) {
- // Get extname and remove the first dot.
- return path.extname(fname).substring(1);
-}
-
-function get_slug_of_node(node: DocsTreeNode): string {
- if (is_tree(node)) {
- return node.index.slug;
- }
-
- return node.slug;
-}
-
-/// Important functions
-
-// Get a document. Returns null if it does not exist.
-export function get(slug: string): Document|null {
- let target = path.join(docs_folder, slug);
- // Handle index file for folder.
- if (exists(target) && is_directory(target)) {
- target += "/index";
- }
-
- const dir = path.dirname(target);
- if (!exists(dir)) {
- return null;
- }
-
- let full_path, ext, found = false;
- // We are looking for the file `${target}.(any_supported_extension)`. Try to find it.
- for (const item of fs.readdirSync(dir)) {
- full_path = path.join(dir, item);
- // Get file extension
- ext = get_ext(item);
-
- // Unsupported/unrelated file.
- if (!supported_formats.has(ext)) {
- continue;
- }
-
- const desired_path = `${target}.${ext}`; // Don't grab some other random supported file.
- if (!is_directory(full_path) && desired_path == full_path) {
- // We found it.
- found = true;
- break;
- }
- }
-
- if (!found) {
- return null;
- }
-
- // Process the file and return.
- return supported_formats.get(ext)(fs.readFileSync(full_path, 'utf-8'));
-}
-
-// Get file information
-function process_file(fname: string): DocumentInfo {
- // Remove docs folder prefix and file extension suffix, then split it.
- const parts = fname
- .substring(`${docs_folder}/`.length, fname.length - (get_ext(fname).length + 1))
- .split("/");
-
- // Remove `index` suffix if present.
- const last_index = parts.length - 1;
- if (parts[last_index] == "index") {
- parts.pop();
- }
-
- const slug = parts.join("/");
- const title = get(slug).title;
-
- return { slug, title };
-}
-
-// Returns a document tree.
-function process_folder(dir: string): DocsTree {
- let tree: DocsTree = {
- index: null,
- nodes: []
- };
-
- // List everything in the directory.
- const items = fs.readdirSync(dir);
-
- for (const item of items) {
- if (ignored_items.includes(item) || [".", "_"].includes(item[0])) {
- continue;
- }
-
- const itemPath = path.join(dir, item);
-
- const is_dir = is_directory(itemPath);
- let is_index_file = false;
-
- if (!is_dir) {
- // Ignore files we cannot process.
- if (!supported_formats.has(get_ext(item))) {
- continue;
- }
-
- for (const ext of supported_filetypes) {
- if (item == `index.${ext}`) {
- is_index_file = true;
- }
- }
- }
-
- const node = is_dir ? process_folder(itemPath) : process_file(itemPath);
-
- if (is_index_file) {
- tree.index = node;
- } else {
- tree.nodes.push(node);
- }
- }
-
- if (tree.index === null) {
- throw Error(`${dir} has no index file.`);
- }
-
- // `numeric: true` because we want to be able to specify
- // the order if necessary by prepending a number to the file name.
- tree.nodes.sort(
- (a, b) => get_slug_of_node(a).localeCompare(get_slug_of_node(b), "en", { numeric: true })
- );
-
- return tree;
-}
-
-// Returns the document tree.
-export function index_content(): DocsTree {
- return process_folder(docs_folder);
-}
diff --git a/src/lib/documentation.shared.ts b/src/lib/documentation.shared.ts
deleted file mode 100644
index 8042562..0000000
--- a/src/lib/documentation.shared.ts
+++ /dev/null
@@ -1,28 +0,0 @@
-/// Types
-
-export interface Document {
- title: string;
- // HTML
- content: string;
-}
-
-export interface DocumentInfo {
- title: string;
- slug: string;
-}
-
-// A tree representing the `docs` folder.
-export interface DocsTree {
- // index.whatever
- index: DocumentInfo;
- // Everything except index.whatever
- nodes: DocsTreeNode[];
-}
-
-export type DocsTreeNode = DocsTree | DocumentInfo;
-
-/// Functions
-
-export function is_tree(node: DocsTreeNode) {
- return node.hasOwnProperty('nodes');
-}
diff --git a/src/data/types.ts b/src/lib/types.ts
similarity index 79%
rename from src/data/types.ts
rename to src/lib/types.ts
index 08bd849..827bbe7 100644
--- a/src/data/types.ts
+++ b/src/lib/types.ts
@@ -33,12 +33,17 @@ export interface PatchOption {
choices: string[];
}
+export interface Asset {
+ name: string;
+ size: string|null;
+ url: string;
+ content_type: string;
+};
+
export interface Tool {
- repository: string
- version: string
- timestamp: string
- name: string
- size?: string
- browser_download_url: string
- content_type: string
-}
+ repository: string;
+ version: string;
+ timestamp: string;
+ assets: Asset[];
+};
+
diff --git a/src/lib/utils.ts b/src/lib/utils.ts
deleted file mode 100644
index 8ac5bb5..0000000
--- a/src/lib/utils.ts
+++ /dev/null
@@ -1,8 +0,0 @@
-import { dev } from "$app/environment";
-
-// console.log, but only if in dev environment.
-export function dev_log(part: string, ...args) {
- if (dev) {
- console.log(`[${part}]:`, ...args);
- }
-}
diff --git a/src/routes/+error.svelte b/src/routes/+error.svelte
index 95ba3e4..26022f8 100644
--- a/src/routes/+error.svelte
+++ b/src/routes/+error.svelte
@@ -1,35 +1,34 @@
-
+
+
+
{status}
- {#if status == 500}
-
- {$page.error.message}
-
- {:else if status == 404}
- That page received a cease and desist letter from a multi-billion dollar tech company.
+ {#if status == 404}
+ This page received a cease and desist letter from a multi-billion dollar tech company.
- true}>Home
+
+ {:else}
+
+ {$page.error?.message}
+
{/if}
diff --git a/src/routes/+layout.svelte b/src/routes/+layout.svelte
index 42a2921..e1e1912 100644
--- a/src/routes/+layout.svelte
+++ b/src/routes/+layout.svelte
@@ -1,46 +1,68 @@
-
-
-
-
-
-
-
-
-
-
-
-
+
+
+
+
+
+ {#if $show_loading_animation}
+
+ {:else}
+
+ {/if}
+
+
+
diff --git a/src/routes/+layout.ts b/src/routes/+layout.ts
index c1b9e23..189f71e 100644
--- a/src/routes/+layout.ts
+++ b/src/routes/+layout.ts
@@ -1,7 +1 @@
-import type { PageLoad } from './$types';
-
-import { contributors } from '../data/api';
-
export const prerender = true;
-
-export const load: PageLoad = contributors.page_load_impl();
diff --git a/src/routes/+page.svelte b/src/routes/+page.svelte
index 5265084..e877a93 100644
--- a/src/routes/+page.svelte
+++ b/src/routes/+page.svelte
@@ -1,15 +1,12 @@
-
- ReVanced
-
-
-
+
diff --git a/src/routes/api-settings/+page.svelte b/src/routes/api-settings/+page.svelte
deleted file mode 100644
index 4752425..0000000
--- a/src/routes/api-settings/+page.svelte
+++ /dev/null
@@ -1,26 +0,0 @@
-
-
-
-
-
-
diff --git a/src/routes/contributors/+page.svelte b/src/routes/contributors/+page.svelte
index 118b3fd..e4d37a4 100644
--- a/src/routes/contributors/+page.svelte
+++ b/src/routes/contributors/+page.svelte
@@ -2,56 +2,61 @@
import { fly } from 'svelte/transition';
import { quintOut } from 'svelte/easing';
- import ContributorHost from '$lib/components/molecules/ContributorHost.svelte';
- import Footer from '$lib/components/molecules/Footer.svelte';
+ import ContributorHost from './ContributorSection.svelte';
+ import Footer from '$layout/Footer.svelte';
+ import Meta from '$lib/components/Meta.svelte';
+ import Query from '$lib/components/Query.svelte';
- // Handled by `+layout.ts`.
- import { contributors } from '../../data/api';
+ import { queries } from '$data/api';
+ import { createQuery } from '@tanstack/svelte-query';
- import type { PageData } from './$types';
- export let data: PageData;
+ const query = createQuery(['repositories'], queries.repositories);
-
- ReVanced | Contributors
-
-
-
+
-
Made possible by the community.
-
+
Made possible by the community.
+
-
- {#each $contributors.repositories as { contributors: contribs, name }}
-
-
-
- {/each}
+
+
+ {#each data as { contributors, name: repo }}
+
+
+
+ {/each}
+
-
+
diff --git a/src/lib/components/atoms/ContributorPerson.svelte b/src/routes/contributors/ContributorPerson.svelte
similarity index 50%
rename from src/lib/components/atoms/ContributorPerson.svelte
rename to src/routes/contributors/ContributorPerson.svelte
index e11e0b2..aca0c35 100644
--- a/src/lib/components/atoms/ContributorPerson.svelte
+++ b/src/routes/contributors/ContributorPerson.svelte
@@ -7,46 +7,60 @@
- {name}
+ {name}
diff --git a/src/routes/contributors/ContributorSection.svelte b/src/routes/contributors/ContributorSection.svelte
new file mode 100644
index 0000000..66daa72
--- /dev/null
+++ b/src/routes/contributors/ContributorSection.svelte
@@ -0,0 +1,103 @@
+
+
+
+
(expanded = !expanded)}
+ on:keypress={() => (expanded = !expanded)}
+ >
+
+ {repo_name}
+
+
+
+
+ {#if expanded}
+
+ {#each contributors as { login, avatar_url, html_url }}
+ {#if !usersIwantToExplodeSoBadly.includes(login)}
+
+ {/if}
+ {/each}
+
+ {/if}
+
+
+
diff --git a/src/routes/docs/+layout.server.ts b/src/routes/docs/+layout.server.ts
index 448fea8..9720f30 100644
--- a/src/routes/docs/+layout.server.ts
+++ b/src/routes/docs/+layout.server.ts
@@ -1,10 +1,10 @@
-import type { PageServerLoad } from './$types';
+import type { LayoutServerLoad } from './$types';
-import { index_content } from '$lib/documentation.server';
+import { index_content } from './documentation.server';
// The load function here used to get data from a json file created by a (prerendered) server route.
// This was because we could not prerender the documentation route before.
// If you can no longer prerender the docs, then you are going to have to move the load functions here to a prerendered server route like before and fetch them here.
export const prerender = true;
-export const load: PageServerLoad = () => ({ tree: index_content() });
+export const load: LayoutServerLoad = () => ({ tree: index_content() });
diff --git a/src/routes/docs/+layout.svelte b/src/routes/docs/+layout.svelte
index ebbe13a..79601b9 100644
--- a/src/routes/docs/+layout.svelte
+++ b/src/routes/docs/+layout.svelte
@@ -1,34 +1,37 @@
-
+
+
diff --git a/src/routes/docs/DocsNavNode.svelte b/src/routes/docs/DocsNavNode.svelte
new file mode 100644
index 0000000..0bfc72d
--- /dev/null
+++ b/src/routes/docs/DocsNavNode.svelte
@@ -0,0 +1,56 @@
+
+
+
+
+
+
+
{info.title}
+
+
+
+
+
diff --git a/src/routes/docs/DocsNavTree.svelte b/src/routes/docs/DocsNavTree.svelte
new file mode 100644
index 0000000..e29909f
--- /dev/null
+++ b/src/routes/docs/DocsNavTree.svelte
@@ -0,0 +1,37 @@
+
+
+{#if nested}
+
+
+{/if}
+
+
+ {#if !nested}
+
+
+ {/if}
+
+ {#each tree.nodes as node}
+ {#if is_tree(node)}
+
+
+ {:else}
+
+ {/if}
+ {/each}
+
+
+
diff --git a/src/routes/docs/[...slug]/+page.server.ts b/src/routes/docs/[...slug]/+page.server.ts
index 0c80286..9c44db9 100644
--- a/src/routes/docs/[...slug]/+page.server.ts
+++ b/src/routes/docs/[...slug]/+page.server.ts
@@ -1,17 +1,17 @@
import type { PageServerLoad } from './$types';
import { error } from '@sveltejs/kit';
-import { get } from '$lib/documentation.server';
+import { get } from '../documentation.server';
// See also: ../+layout.server.ts
export const prerender = true;
export const load: PageServerLoad = ({ params }) => {
- const document = get(params.slug);
- if (document === null) {
- error
- throw error(404);
- }
+ const document = get(params.slug);
+ if (document === null) {
+ error;
+ throw error(404);
+ }
- return document;
-}
+ return document;
+};
diff --git a/src/routes/docs/[...slug]/+page.svelte b/src/routes/docs/[...slug]/+page.svelte
index a26a162..50e0219 100644
--- a/src/routes/docs/[...slug]/+page.svelte
+++ b/src/routes/docs/[...slug]/+page.svelte
@@ -1,22 +1,17 @@
-
- ReVanced | Docs
-
-
-
+
-
{data.title}
-
- {@html data.content}
+ {data.title}
+ {@html data.content}
diff --git a/src/routes/docs/documentation.scss b/src/routes/docs/documentation.scss
new file mode 100644
index 0000000..4265879
--- /dev/null
+++ b/src/routes/docs/documentation.scss
@@ -0,0 +1,95 @@
+#markup-content {
+ /* Defaults for text */
+ color: var(--accent-color-two);
+ font-weight: 300;
+ font-size: 1rem;
+ line-height: 1.75rem;
+ letter-spacing: 0.03rem !important;
+
+
+
+ a {
+ text-decoration: none;
+ color: var(--accent-color);
+ border-bottom: 1.5px solid var(--accent-low-opacity);
+ padding: 0px ;
+ }
+
+
+
+ code {
+ background-color: var(--grey-one);
+ border-radius: 8px;
+ padding: 0.2rem 0.5rem;
+ font-size: 0.8rem;
+ font-family: var(--mono-font);
+ font-weight: 300;
+ flex-wrap: wrap;
+ line-height: 1.25rem;
+ }
+
+
+
+ pre code {
+ font-size: 0.75rem;
+ background-color: var(--grey-six);
+ white-space: pre;
+ display: block;
+ flex-wrap: wrap;
+ padding: 0.5rem 1rem;
+ margin: 1rem 0;
+ }
+
+ h5 {
+ margin-bottom: 0.5rem;
+ }
+
+ h5 {
+ color: var(--accent-color);
+ }
+
+ h1, h2, h3, h4, h5 {
+ margin-bottom: 1rem;
+ }
+
+ h1 {
+ font-size: 2.25rem;
+ font-weight: 600;
+ letter-spacing: -0.02rem;
+ color: var(--accent-color-two);
+ border-bottom: 1px solid var(--grey-three);
+ padding-bottom: 1rem;
+ margin-bottom: 1rem;
+ }
+
+ h2 {
+ font-size: 1.5rem;
+ letter-spacing: -0.02rem;
+ font-weight: 600;
+ color: var(--accent-color-two);
+ border-bottom: 1px solid var(--grey-three);
+ padding-bottom: 1rem;
+ margin-top: 2rem;
+ }
+
+ h3 {
+ margin-top: 1rem;
+ margin-bottom: 0.5rem;
+ }
+
+ li {
+ margin-left: 1rem;
+ margin-bottom: 0.5rem;
+ }
+
+ /* Markup processors output this for bold text, but css spec is goofy aah */
+ strong {
+ font-weight: bold;
+ letter-spacing: 0.01rem;
+
+ }
+
+ ul {
+ padding-left: 2rem;
+ }
+}
diff --git a/src/routes/docs/documentation.server.ts b/src/routes/docs/documentation.server.ts
new file mode 100644
index 0000000..ff94793
--- /dev/null
+++ b/src/routes/docs/documentation.server.ts
@@ -0,0 +1,207 @@
+import { is_tree } from './documentation.shared';
+import type { Document, DocsTree, DocsTreeNode, DocumentInfo } from './documentation.shared';
+
+import { browser } from '$app/environment';
+
+import fs, { existsSync as exists } from 'fs';
+import path from 'path';
+
+import { marked } from 'marked';
+import AsciiDocProcessor from 'asciidoctor';
+
+// This file does not work in a browser.
+if (browser) {
+ throw Error('SvelteKit has skill issues');
+}
+
+/// Constants
+
+const supported_formats: Map Document> = new Map();
+
+supported_formats.set('md', (markup: string) => {
+ let lines = markup.split('\n');
+
+ // Get and remove the first line.
+ const first_line = lines.splice(0, 1)[0];
+ // Remove `# `.
+ const title = first_line.substring(2);
+
+ // Convert the rest to html
+ const content = marked(lines.join('\n'));
+
+ return { title, content };
+});
+
+const asciidoctor = AsciiDocProcessor();
+const adoc_fn = (markup: string) => {
+ // Get first line.
+ const first_line = markup.split('\n')[0];
+ // Remove `= `.
+ const title = first_line.substring(2);
+
+ // Convert it to html. Unlike markdown, we do not need to remove the first title heading.
+ // NOTE: Maybe consider change the safe mode value.
+ const content = asciidoctor.convert(markup, { doctype: 'book' }) as string;
+
+ return { title, content };
+};
+
+supported_formats.set('adoc', adoc_fn);
+supported_formats.set('asciidoc', adoc_fn);
+
+const supported_filetypes = [...supported_formats.keys()];
+
+let docs_folder = process.env.REVANCED_DOCS_FOLDER ?? 'testing-docs';
+
+const ignored_items = ['assets'];
+
+/// Utility functions
+
+function is_directory(item: string) {
+ return fs.lstatSync(item).isDirectory();
+}
+
+function get_ext(fname: string) {
+ // Get extname and remove the first dot.
+ return path.extname(fname).substring(1);
+}
+
+function get_slug_of_node(node: DocsTreeNode): string {
+ if (is_tree(node)) {
+ return (node as DocsTree).index.slug;
+ }
+
+ return (node as DocumentInfo).slug;
+}
+
+/// Important functions
+
+// Get a document. Returns null if it does not exist.
+export function get(slug: string): Document | null {
+ let target = path.join(docs_folder, slug);
+ // Handle index (readme) file for folder.
+ if (exists(target) && is_directory(target)) {
+ target += '/README';
+ }
+
+ const dir = path.dirname(target);
+ if (!exists(dir)) {
+ return null;
+ }
+
+ let full_path: string,
+ ext: string,
+ found = false;
+ // We are looking for the file `${target}.(any_supported_extension)`. Try to find it.
+ for (const item of fs.readdirSync(dir)) {
+ full_path = path.join(dir, item);
+ // Get file extension
+ ext = get_ext(item);
+
+ // Unsupported/unrelated file.
+ if (!supported_formats.has(ext)) {
+ continue;
+ }
+
+ const desired_path = `${target}.${ext}`; // Don't grab some other random supported file.
+ if (!is_directory(full_path) && desired_path == full_path) {
+ // We found it.
+ found = true;
+ break;
+ }
+ }
+
+ if (!found) {
+ return null;
+ }
+
+ // Process the file and return.
+ return supported_formats.get(ext!!)!!(fs.readFileSync(full_path!!, 'utf-8'));
+}
+
+// Get file information
+function process_file(fname: string): DocumentInfo {
+ // Remove docs folder prefix and file extension suffix, then split it.
+ const parts = fname
+ .substring(`${docs_folder}/`.length, fname.length - (get_ext(fname).length + 1))
+ .split('/');
+
+ // Remove `README` suffix if present.
+ const last_part_index = parts.length - 1;
+ if (parts[last_part_index] == 'README') {
+ parts.pop();
+ }
+
+ const slug = parts.join('/');
+ const title = get(slug)!!.title;
+
+ return { slug, title };
+}
+
+// Returns a document tree.
+function process_folder(dir: string): DocsTree | null {
+ let tree: DocsTree = {
+ index: null as any,
+ nodes: []
+ };
+
+ // List everything in the directory.
+ const items = fs.readdirSync(dir);
+
+ for (const item of items) {
+ if (ignored_items.includes(item) || ['.', '_'].includes(item[0])) {
+ continue;
+ }
+
+ const itemPath = path.join(dir, item);
+
+ const is_dir = is_directory(itemPath);
+ let is_index_file = false;
+
+ if (!is_dir) {
+ // Ignore files we cannot process.
+ if (!supported_formats.has(get_ext(item))) {
+ continue;
+ }
+
+ for (const ext of supported_filetypes) {
+ if (item == `README.${ext}`) {
+ is_index_file = true;
+ }
+ }
+ }
+
+ const node = is_dir ? process_folder(itemPath) : process_file(itemPath);
+ if (node === null) {
+ console.error(`The ${itemPath} directory does not have a README/index file! ignoring...`);
+ continue;
+ }
+
+ if (is_index_file) {
+ tree.index = node as DocumentInfo;
+ } else {
+ tree.nodes.push(node);
+ }
+ }
+
+ if (tree.index === null) {
+ return null;
+ }
+
+ // `numeric: true` because we want to be able to specify
+ // the order if necessary by prepending a number to the file name.
+ tree.nodes.sort((a, b) =>
+ get_slug_of_node(a).localeCompare(get_slug_of_node(b), 'en', { numeric: true })
+ );
+
+ return tree;
+}
+
+// Returns the document tree.
+export function index_content(): DocsTree {
+ const tree = process_folder(docs_folder);
+ if (tree === null) {
+ throw new Error('Root must have index (README) file.');
+ }
+ return tree;
+}
diff --git a/src/routes/docs/documentation.shared.ts b/src/routes/docs/documentation.shared.ts
new file mode 100644
index 0000000..cd17a3a
--- /dev/null
+++ b/src/routes/docs/documentation.shared.ts
@@ -0,0 +1,35 @@
+/// Types
+
+export interface Document {
+ title: string;
+ // HTML
+ content: string;
+}
+
+export interface DocumentInfo {
+ title: string;
+ slug: string;
+}
+
+// A tree representing the `docs` folder.
+export interface DocsTree {
+ // index.whatever
+ index: DocumentInfo;
+ // Everything except index.whatever
+ nodes: DocsTreeNode[];
+}
+
+export type DocsTreeNode = DocsTree | DocumentInfo;
+
+/// Functions
+
+export function is_tree(node: DocsTreeNode) {
+ return Object.prototype.hasOwnProperty.call(node, 'nodes');
+}
+
+export function assert_is_info_node(v: DocsTreeNode) {
+ if (is_tree(v)) {
+ throw new Error('Value is not an info node.');
+ }
+ return v as DocumentInfo;
+}
diff --git a/src/routes/download/+page.svelte b/src/routes/download/+page.svelte
index 77b3424..160ed06 100644
--- a/src/routes/download/+page.svelte
+++ b/src/routes/download/+page.svelte
@@ -1,45 +1,132 @@
-
-
ReVanced Manager
-
Patch your favourite apps, on-device.
-
-
+
+
+
+ Warning
+ {warning} Do you still want to download?
+
+
+
+
+
+
+
+
+
+
ReVanced Manager
+
Patch your favourite apps, right on your device.
+
+
+ {#if !isAndroid || androidVersion < 8}
+
+ {:else}
+
+ {/if}
+
+
+
+
-
+
diff --git a/src/routes/download/+page.ts b/src/routes/download/+page.ts
deleted file mode 100644
index 90b6a54..0000000
--- a/src/routes/download/+page.ts
+++ /dev/null
@@ -1,5 +0,0 @@
-import type { PageLoad } from './$types';
-
-import { tools } from '../../data/api';
-
-export const load: PageLoad = tools.page_load_impl();
\ No newline at end of file
diff --git a/src/routes/patches/+page.svelte b/src/routes/patches/+page.svelte
deleted file mode 100644
index 196cad1..0000000
--- a/src/routes/patches/+page.svelte
+++ /dev/null
@@ -1,80 +0,0 @@
-
-
-
- ReVanced | Patches
-
-
-
-
-
-
-
-
- {#each patches as patch, i}
- {#if search(current, patch.compatiblePackages) || !current}
-
- {/if}
- {/each}
-
-
-
-
diff --git a/src/routes/patches/+page.ts b/src/routes/patches/+page.ts
deleted file mode 100644
index 5b3dda9..0000000
--- a/src/routes/patches/+page.ts
+++ /dev/null
@@ -1,5 +0,0 @@
-import type { PageLoad } from './$types';
-
-import { patches } from '../../data/api';
-
-export const load: PageLoad = patches.page_load_impl();
diff --git a/src/routes/patches/Package.svelte b/src/routes/patches/Package.svelte
new file mode 100644
index 0000000..956ba5e
--- /dev/null
+++ b/src/routes/patches/Package.svelte
@@ -0,0 +1,84 @@
+
+
+
+
+ {name}
+
+
+
diff --git a/src/routes/patches/PackageMenu.svelte b/src/routes/patches/PackageMenu.svelte
new file mode 100644
index 0000000..12c7067
--- /dev/null
+++ b/src/routes/patches/PackageMenu.svelte
@@ -0,0 +1,53 @@
+
+
+
diff --git a/src/lib/components/molecules/PatchCell.svelte b/src/routes/patches/PatchItem.svelte
similarity index 62%
rename from src/lib/components/molecules/PatchCell.svelte
rename to src/routes/patches/PatchItem.svelte
index dd67c4f..830dd07 100644
--- a/src/lib/components/molecules/PatchCell.svelte
+++ b/src/routes/patches/PatchItem.svelte
@@ -1,10 +1,10 @@
@@ -18,58 +18,47 @@
>
-
- {patch.name
- // im sorry
- .replace(/-/g, ' ')
- .replace(/(?:^|\s)\S/g, (x) => x.toUpperCase())
- .replace(/Microg/g, 'MicroG')
- .replace(/Hdr/g, 'HDR')
- .replace(/Sponsorblock/g, 'SponsorBlock')
- .replace(/Tiktok/g, 'TikTok')
- .replace(/Vr/g, 'VR')}
-
+ {friendlyName(patch.name)}
-
{#if hasPatchOptions}
{/if}
-
-
- {#each patch.compatiblePackages as pkg, i}
- {#if current === false}
-
- 📦 {pkg.name}
-
- {/if}
+
{patch.description}
+
+ {#each patch.compatiblePackages as pkg}
+
+ - 📦 {pkg.name}
+
{/each}
+
- {#if patch.compatiblePackages[0].versions.length}
-
+ {#if patch.compatiblePackages.length && patch.compatiblePackages[0].versions.length}
+
-
🎯 {patch.compatiblePackages[0].versions.slice(-1)}
-
+
{/if}
- 🧩 {patch.version}
+ {#if !patch.compatiblePackages.length}
+ - 🌎 Universal patch
+ {/if}
{#if hasPatchOptions}
- ⚙️ Patch Options
+ - ⚙️ Patch options
{/if}
-
-
{patch.description}
+
{#if expanded && hasPatchOptions}
{#each patch.options as option}
-
{option.title}
- {option.description}
+ {option.title}
+ {option.description}
{/each}
+
+#### Requirements
+
+- ADB
+- x86/x86\_64 host architecture
+- Zulu JDK 17
+- Latest Android SDK if you plan to build the integrations from the source
+- The APK file you want to patch (e.g. YouTube v17.36.37 or YouTube Music v5.23.50). If you want to mount patched applications as root, make sure the same version is installed on your device.
+
+
+
+You can continue by either [building everything from source](https://github.com/revanced/revanced-documentation/wiki/Building-from-source) or [downloading the prebuilt packages](https://github.com/revanced/revanced-documentation/wiki/Downloading-prebuilt-packages).
diff --git a/testing-docs/markdown-format.md b/testing-docs/markdown-format.md
deleted file mode 100644
index 1244a86..0000000
--- a/testing-docs/markdown-format.md
+++ /dev/null
@@ -1,4 +0,0 @@
-# Markdown Example
-Text
-
-**Bold text**
diff --git a/testing-docs/patches/3_fingerprinting.md b/testing-docs/patches/3_fingerprinting.md
new file mode 100644
index 0000000..a14c3bf
--- /dev/null
+++ b/testing-docs/patches/3_fingerprinting.md
@@ -0,0 +1,243 @@
+# 🔎 Fingerprinting
+
+Fingerprinting is the process of creating uniquely identifyable data about something arbitrarily large. In the context of ReVanced, fingerprinting is essential to be able to find classes, methods and fields without knowing their original names or certain other attributes, which would be used to identify them under normal circumstances.
+
+## ⛳️ Example fingerprint
+
+This page works with the following fingerprint as an example:
+
+```kt
+package app.revanced.patches.ads.fingerprints
+
+// Imports
+
+object LoadAdsFingerprint : MethodFingerprint(
+ returnType = "Z",
+ access = AccessFlags.PUBLIC or AccessFlags.FINAL,
+ parameters = listOf("Z"),
+ opcodes = listOf(Opcode.RETURN),
+ strings = listOf("pro"),
+ customFingerprint = { it.definingClass == "Lcom/some/app/ads/Loader;"}
+)
+```
+
+## 🆗 Understanding the example fingerprint
+
+The example fingerprint called `LoadAdsFingerprint` which extends on [`MethodFingerprint`](https://github.com/revanced/revanced-patcher/blob/main/src/main/kotlin/app/revanced/patcher/fingerprint/method/impl/MethodFingerprint.kt#L28) is made to uniquely identify a certain method by capturing various attributes of the method such as the return type, access flags, an opcode pattern and more. The following code can be inferred just from the fingerprint:
+
+```kt
+ package com.some.app.ads
+
+ // Imports
+
+ 4 class Loader {
+ 5 public final Boolean (: Boolean) {
+ // ...
+
+ 8 val userStatus = "pro";
+
+ // ...
+
+12 return
+ }
+ }
+```
+
+## 🚀 How it works
+
+Each attribute of the fingerprint is responsible to describe a specific but distinct part of the method. The combination out of those should be and ideally remain unique to all methods in all classes. In the case of the example fingerprint, the `customFingerprint` attribute is responsible to find the class the method is defined in. This greatly increases the uniqueness of the fingerprint, because now the possible methods reduce down to that class. Adding the signature of the method and a string the method implementation refers to in combination now creates a unique fingerprint in the current example:
+
+- Package & class (Line 4)
+
+ ```kt
+ customFingerprint = { it.definingClass == "Lcom/some/app/ads/Loader;"}
+ ```
+
+- Method signature (Line 5)
+
+ ```kt
+ returnType = "Z",
+ access = AccessFlags.PUBLIC or AccessFlags.FINAL,
+ parameters = listOf("Z"),
+ ```
+
+- Method implementation (Line 8 & 12)
+
+ ```kt
+ strings = listOf("pro"),
+ opcodes = listOf(Opcode.RETURN)
+ ```
+
+## 🔨 How to use fingerprints
+
+After creating a fingerprint, add it to the constructor of the `BytecodePatch`:
+
+```kt
+class DisableAdsPatch : BytecodePatch(
+ listOf(LoadAdsFingerprint)
+) { /* .. */ }
+```
+
+The ReVanced patcher will try to [resolve the fingerprint](https://github.com/revanced/revanced-patcher/blob/main/src/main/kotlin/app/revanced/patcher/fingerprint/method/impl/MethodFingerprint.kt#L63) **before** it calls the `execute` method of the patch.
+
+The fingerprint can now be used in the patch by accessing [`MethodFingerprint.result`](https://github.com/revanced/revanced-patcher/blob/d2f91a8545567429d64a1bcad6ca1dab62ec95bf/src/main/kotlin/app/revanced/patcher/fingerprint/method/impl/MethodFingerprint.kt#L227):
+
+```kt
+class DisableAdsPatch : BytecodePatch(
+ listOf(LoadAdsFingerprint)
+) {
+ override fun execute(context: BytecodeContext): PatchResult {
+ val result = LoadAdsFingerprint.result
+ ?: return PatchResultError("LoadAdsFingerprint not found")
+
+ // ...
+ }
+}
+```
+
+> **Note**: `MethodFingerprint.result` **can be null** if the fingerprint does not match any method. In such case, the fingerprint needs to be fixed and made more resilient if the error is caused by a later version of an app which the fingerprint was not tested on. A fingerprint is good, if it is _light_, but still resilient - like Carbon fiber-reinforced polymers.
+
+If the fingerprint resolved to a method, the following properties are now available:
+
+```kt
+data class MethodFingerprintResult(
+ val method: Method,
+ val classDef: ClassDef,
+ val scanResult: MethodFingerprintScanResult,
+ // ...
+) {
+ val mutableClass
+ val mutableMethod
+
+ // ...
+}
+```
+
+> Details on how to use them in a patch and what exactly these are will be introduced properly later on this page.
+
+## 🏹 Different ways to resolve a fingerprint
+
+Usually, fingerprints are mostly resolved by the patcher, but it is also possible to manually resolve a fingerprint in a patch. This can be quite useful in lots of situations. To resolve a fingerprint you need a context to resolve it on. The context contains classes and thus methods to which the fingerprint can be resolved against. Example: _You have a fingerprint which you manually want to resolve **without** the help of the patcher._
+
+> **Note**: A fingerprint should not be added to the constructor of `BytecodePatch` if manual resolution is intended, because the patcher would try resolve it before manual resolution.
+
+- On a **list of classes** using [`MethodFingerprint.resolve`](https://github.com/revanced/revanced-patcher/blob/main/src/main/kotlin/app/revanced/patcher/fingerprint/method/impl/MethodFingerprint.kt#L49)
+
+ This can be useful, if a fingerprint should be resolved to a smaller subset of classes, otherwise the fingerprint can be resolved by the patcher automatically.
+
+ ```kt
+ class DisableAdsPatch : BytecodePatch(
+ /* listOf(LoadAdsFingerprint) */
+ ) {
+ override fun execute(context: BytecodeContext): PatchResult {
+ val result = LoadAdsFingerprint.also { it.resolve(context, context.classes) }.result
+ ?: return PatchResultError("LoadAdsFingerprint not found")
+
+ // ...
+ }
+ }
+ ```
+
+- On a **single class** using [`MethodFingerprint.resolve`](https://github.com/revanced/revanced-patcher/blob/main/src/main/kotlin/app/revanced/patcher/fingerprint/method/impl/MethodFingerprint.kt#L63)
+
+ Sometimes you know a class but you need certain methods. In such case, you can resolve fingerprints on a class.
+
+ ```kt
+ class DisableAdsPatch : BytecodePatch(
+ listOf(LoadAdsFingerprint)
+ ) {
+ override fun execute(context: BytecodeContext): PatchResult {
+ val adsLoaderClass = context.classes.single { it.name == "Lcom/some/app/ads/Loader;" }
+
+ val result = LoadAdsFingerprint.also { it.resolve(context, adsLoaderClass) }.result
+ ?: return PatchResultError("LoadAdsFingerprint not found")
+
+ // ...
+ }
+ }
+ ```
+
+- On a **method** using [`MethodFingerprint.resolve`](https://github.com/revanced/revanced-patcher/blob/main/src/main/kotlin/app/revanced/patcher/fingerprint/method/impl/MethodFingerprint.kt#L78)
+
+ Resolving a fingerprint on a method is mostly only useful if the fingerprint is used to resolve certain information about a method such as `MethodFingerprintResult.scanResult`. Example: _A fingerprint should be used to resolve the method which loads ads. For that the fingerprint is added to the constructor of `BytecodePatch`. An additional fingerprint is responsible for finding the indices of the instructions with certain string references in the implementation of the method the first fingerprint resolved to._
+
+ ```kt
+ class DisableAdsPatch : BytecodePatch(
+ /* listOf(LoadAdsFingerprint) */
+ ) {
+ override fun execute(context: BytecodeContext): PatchResult {
+ // Make sure this fingerprint succeeds as the result is required
+ val adsFingerprintResult = LoadAdsFingerprint.result
+ ?: return PatchResultError("LoadAdsFingerprint not found")
+
+ // Additional fingerprint to get the indices of two strings
+ val proStringsFingerprint = object : MethodFingerprint(
+ strings = listOf("free", "trial")
+ ) {}
+
+ proStringsFingerprint.also {
+ // Resolve the fingerprint on the first fingerprints method
+ it.resolve(context, adsFingerprintResult.method)
+ }.result?.let { result ->
+ // Use the fingerprints result
+ result.scanResult.stringsScanResult!!.matches.forEach { match ->
+ println("The index of the string '${match.string}' is {match.index}")
+ }
+
+ } ?: return PatchResultError("pro strings fingerprint not found")
+
+ return PatchResultSuccess
+ }
+ }
+ ```
+
+## 🎯 The result of a fingerprint
+
+After a `MethodFingerprint` resolves successfully, its result can be used. The result contains mutable and immutable references to the method and the class it is defined in.
+
+> **Warning**: By default the immutable references **should be used** to prevent a mutable copy of the immutable references. For a patch to properly use a fingerprint though, usually write access is required. For that the mutable references can be used.
+
+Among them, the result also contains [MethodFingerprintResult.scanResult](https://github.com/revanced/revanced-patcher/blob/main/src/main/kotlin/app/revanced/patcher/fingerprint/method/impl/MethodFingerprint.kt#L239) which contains additional useful properties:
+
+```kt
+data class MethodFingerprintScanResult(
+ val patternScanResult: PatternScanResult?,
+ val stringsScanResult: StringsScanResult?
+) {
+ data class PatternScanResult(
+ val startIndex: Int,
+ val endIndex: Int,
+ var warnings: List? = null
+ )
+
+ data class StringsScanResult(val matches: List){
+ data class StringMatch(val string: String, val index: Int)
+ }
+
+ // ...
+}
+```
+
+The following properties are utilized by bytecode patches:
+
+- The `MethodFingerprint.strings` allows patches to know the indices of the instructions which hold references to the strings.
+
+- If a fingerprint defines `MethodFingerprint.opcodes`, the start and end index of the first instructions matching that pattern will be available. These are useful to patch the implementation of methods relative to the pattern. Ideally the pattern contains the instructions opcodes pattern which is to be patched, in order to guarantee a successfull patch.
+
+ > **Note**: Sometimes long patterns might be necessary, but the bigger the pattern list, the higher the chance it mutates if the app updates. For that reason the annotation `FuzzyPatternScanMethod` can be used on a fingerprint. The `FuzzyPatternScanMethod.threshold` will define, how many opcodes can remain unmatched. `PatternScanResult.warnings` can then be used if necessary, if it is necessary to know where pattern missmatches occured.
+
+## ⭐ Closely related code examples
+
+### 🧩 Patches
+
+- [CommentsPatch](https://github.com/revanced/revanced-patches/blob/main/src/main/kotlin/app/revanced/patches/youtube/layout/comments/bytecode/patch/CommentsPatch.kt)
+- [MusicVideoAdsPatch](https://github.com/revanced/revanced-patches/blob/main/src/main/kotlin/app/revanced/patches/music/ad/video/patch/MusicVideoAdsPatch.kt)
+
+### Fingerprints
+
+- [LoadVideoAdsFingerprint](https://github.com/revanced/revanced-patches/blob/main/src/main/kotlin/app/revanced/patches/youtube/ad/video/fingerprints/LoadVideoAdsFingerprint.kt)
+- [SeekbarTappingParentFingerprint](https://github.com/revanced/revanced-patches/blob/main/src/main/kotlin/app/revanced/patches/youtube/interaction/seekbar/fingerprints/SeekbarTappingParentFingerprint.kt)
+
+## ⏭️ Whats next
+
+The next section will give a suggestion on coding conventions and on the file structure of a patch.
\ No newline at end of file
diff --git a/testing-docs/patches/README.md b/testing-docs/patches/README.md
new file mode 100644
index 0000000..bee79c0
--- /dev/null
+++ b/testing-docs/patches/README.md
@@ -0,0 +1,16 @@
+# Prerequisites
+##### docs/prerequisites
+
+
+
+#### Requirements
+
+- ADB
+- x86/x86\_64 host architecture
+- Zulu JDK 17
+- Latest Android SDK if you plan to build the integrations from the source
+- The APK file you want to patch (e.g. YouTube v17.36.37 or YouTube Music v5.23.50). If you want to mount patched applications as root, make sure the same version is installed on your device.
+
+
+
+You can continue by either [building everything from source](https://github.com/revanced/revanced-documentation/wiki/Building-from-source) or [downloading the prebuilt packages](https://github.com/revanced/revanced-documentation/wiki/Downloading-prebuilt-packages).
diff --git a/testing-docs/writing-docs.md b/testing-docs/writing-docs.md
deleted file mode 100644
index ae1446d..0000000
--- a/testing-docs/writing-docs.md
+++ /dev/null
@@ -1,9 +0,0 @@
-# Writing documentation
-
-You can write documentation with markdown or asciidoc.
-
-## Title
-The first line must be the `h1` equivalent of the markup language.
-For markdown, this would be `# ` and `= <title>` for asciidoc.
-
-**The title part may or may not go through the markup processor depending on the language.** It is instead added by the website itself.
diff --git a/tsconfig.json b/tsconfig.json
index 0f47472..0cc87dc 100644
--- a/tsconfig.json
+++ b/tsconfig.json
@@ -8,6 +8,16 @@
"resolveJsonModule": true,
"skipLibCheck": true,
"sourceMap": true,
- "strict": true
+ "strict": true,
+ "types": ["node"],
+ "lib": ["ESNext", "DOM"],
+ "paths": {
+ "$data/*": ["./src/data/*"],
+ "$lib": ["./src/lib"],
+ "$lib/*": ["./src/lib/*"],
+ "$layout/*": ["./src/layout/*"],
+ "$images/*": ["./images/*"],
+ "$util/*": ["./src/util/*"]
+ }
}
}
diff --git a/vite.config.js b/vite.config.js
index 8747050..f4db36a 100644
--- a/vite.config.js
+++ b/vite.config.js
@@ -1,8 +1,19 @@
import { sveltekit } from '@sveltejs/kit/vite';
+import { imagetools } from 'vite-imagetools';
+
+import path from 'path';
/** @type {import('vite').UserConfig} */
const config = {
- plugins: [sveltekit()]
+ plugins: [sveltekit(), imagetools()],
+ resolve: {
+ alias: {
+ $images: path.resolve('./images'),
+ $data: path.resolve('./src/data'),
+ $layout: path.resolve('./src/layout'),
+ $util: path.resolve('./src/util')
+ }
+ }
};
export default config;