ReVanced/revanced-website
1
0
Fork 0
mirror of https://github.com/ReVanced/revanced-website.git synced 2026-01-25 11:51:03 +00:00
Code Issues Packages Projects Releases Wiki Activity

fix: resolve all issues in npm run check (#70)

Browse Source 
Co-authored-by: Ax333l <main@axelen.xyz>
This commit is contained in:
afn
2023-02-27 16:16:56 -05:00
committed by GitHub
parent 8720546722
commit 458cf9bcc6
23 changed files with 114 additions and 96 deletions
Download Patch File Download Diff File Expand all files Collapse all files

34
src/lib/components/Button.svelte
View File

@@ -7,17 +7,29 @@
</script>
<button on:click>
<svelte:element
this={href ? 'a' : 'div'}
{href}
{target}
class={type}
>
{#if icon}
<img src="../icons/{icon}.svg" alt={icon} />
{/if}
<slot />
</svelte:element>
{#if href}
<a
{href}
{target}
{...$$restProps}
class={type}
>
{#if icon}
<img src="../icons/{icon}.svg" alt={icon} />
{/if}
<slot />
</a>
{:else}
<div
{...$$restProps}
class={type}
>
{#if icon}
<img src="../icons/{icon}.svg" alt={icon} />
{/if}
<slot />
</div>
{/if}
</button>
<style>

3
src/lib/components/Picture.svelte
View File

@@ -1,6 +1,7 @@
<script lang="ts">
// See: https://github.com/JonasKruckenberg/imagetools/blob/main/docs/directives.md#picture
export let data;
import type { Picture } from 'vite-imagetools';
export let data: Picture;
export let alt: string;
</script>

60
src/lib/utils.ts
View File

@@ -1,60 +0,0 @@
import { dev } from '$app/environment';
import { cubicOut } from 'svelte/easing';
// console.log, but only if in dev environment.
export function dev_log(part: string, ...args) {
if (dev) {
console.log(`[${part}]:`, ...args);
}
}
export function friendlyName(text: string): string {
return text
.replace(/-/g, ' ')
.replace(/revanced\/revanced/g, '')
.replace(/revanced/g, 'ReVanced')
.replace(/\bcli\b/g, 'CLI')
.replace(/api/g, 'API')
.replace(/microg/g, 'MicroG')
.replace(/hdr/g, 'HDR')
.replace(/sponsorblock/g, 'SponsorBlock')
.replace(/tiktok/g, 'TikTok')
.replace(/vr/g, 'VR')
.replace(/(?:^|\s)\S/g, (x: string) => x.toUpperCase());
}
// stolen from https://svelte.dev/repl/6d5239f09b0b4dc6aafeb70606a0fe94?version=3.46.4
// please add this svelte thanks ily <3
export function horizontalSlide(
node,
{ delay = 0, duration = 400, easing = cubicOut, direction = 'block' } = {}
) {
const style = getComputedStyle(node);
const opacity = +style.opacity;
const capitalized_logical_property = `${direction[0].toUpperCase()}${direction.slice(1)}`;
const size_value = parseFloat(style[`${direction}Size`]);
const padding_start_value = parseFloat(style[`padding${capitalized_logical_property}Start`]);
const padding_end_value = parseFloat(style[`padding${capitalized_logical_property}End`]);
const margin_start_value = parseFloat(style[`margin${capitalized_logical_property}Start`]);
const margin_end_value = parseFloat(style[`margin${capitalized_logical_property}End`]);
const border_width_start_value = parseFloat(
style[`border${capitalized_logical_property}StartWidth`]
);
const border_width_end_value = parseFloat(style[`border${capitalized_logical_property}EndWidth`]);
return {
delay,
duration,
easing,
css: (t) =>
'overflow: hidden;' +
`opacity: ${Math.min(t * 20, 1) * opacity};` +
`${direction}-size: ${t * size_value}px;` +
`padding-${direction}-start: ${t * padding_start_value}px;` +
`padding-${direction}-end: ${t * padding_end_value}px;` +
`margin-${direction}-start: ${t * margin_start_value}px;` +
`margin-${direction}-end: ${t * margin_end_value}px;` +
`border-${direction}-start-width: ${t * border_width_start_value}px;` +
`border-${direction}-start-width: ${t * border_width_end_value}px;`
};
}