Compare commits
35 commits
master
...
version/en
| Author | SHA1 | Date | |
|---|---|---|---|
| b379e13e40 | |||
| 12eb75f04d | |||
| 8db6007f4d | |||
| 598fa6b90c | |||
| 7fcb85d281 | |||
| f583264a4a | |||
| d3806b6052 | |||
| 8410471dc0 | |||
| 254c40ca5a | |||
| 32d3aeb1cf | |||
| 485c4e8479 | |||
| 8774fbc306 | |||
| 8b97f20167 | |||
| 502a7121cd | |||
| e30650a931 | |||
| 542de6a082 | |||
| 68589d23ba | |||
| 1bb6be50b1 | |||
| f108129222 | |||
| 1a19e9849f | |||
| 08ef016837 | |||
| 09af078300 | |||
| fb16fb4fee | |||
| b170941535 | |||
| 0f0afeae8d | |||
| 1a93571eb4 | |||
| a3311a67fb | |||
| a5f1846491 | |||
| 261ac832b2 | |||
| d6e02406d8 | |||
| 637eaa7f55 | |||
| 258c812383 | |||
| 7a84ef1b8a | |||
| a13fd66f47 | |||
| c909d12d6a |
31 changed files with 2218 additions and 34001 deletions
1
.env
1
.env
|
|
@ -1 +0,0 @@
|
||||||
|
|
||||||
1
.gitattributes
vendored
Normal file
1
.gitattributes
vendored
Normal file
|
|
@ -0,0 +1 @@
|
||||||
|
public/assets/**.png filter=lfs diff=lfs merge=lfs -text
|
||||||
21
.gitignore
vendored
21
.gitignore
vendored
|
|
@ -1,25 +1,4 @@
|
||||||
.DS_Store
|
|
||||||
node_modules
|
node_modules
|
||||||
/dist
|
/dist
|
||||||
|
|
||||||
|
|
||||||
# local env files
|
|
||||||
.env.local
|
|
||||||
.env.*.local
|
|
||||||
|
|
||||||
# Log files
|
|
||||||
npm-debug.log*
|
|
||||||
yarn-debug.log*
|
|
||||||
yarn-error.log*
|
|
||||||
pnpm-debug.log*
|
|
||||||
|
|
||||||
# Editor directories and files
|
|
||||||
.idea
|
|
||||||
.vscode
|
|
||||||
*.suo
|
|
||||||
*.ntvs*
|
|
||||||
*.njsproj
|
|
||||||
*.sln
|
|
||||||
*.sw?
|
|
||||||
|
|
||||||
public/content
|
public/content
|
||||||
|
|
|
||||||
|
|
@ -6,16 +6,32 @@ build site:
|
||||||
image: node:lts
|
image: node:lts
|
||||||
stage: build
|
stage: build
|
||||||
script:
|
script:
|
||||||
- npm ci --cache .npm --prefer-offline
|
- yarn install --cache-folder .yarn
|
||||||
- npm run build
|
- yarn build
|
||||||
|
- rm dist/.gitkeep # Necessary because `/public` is empty at the moment
|
||||||
cache:
|
cache:
|
||||||
key: ${CI_COMMIT_REF_SLUG}
|
key: ${CI_COMMIT_REF_SLUG}
|
||||||
paths:
|
paths:
|
||||||
- .npm
|
- .yarn
|
||||||
artifacts:
|
artifacts:
|
||||||
paths:
|
paths:
|
||||||
- dist
|
- dist
|
||||||
|
|
||||||
|
deploy dev:
|
||||||
|
image: instrumentisto/rsync-ssh
|
||||||
|
stage: deploy
|
||||||
|
only:
|
||||||
|
refs:
|
||||||
|
- develop
|
||||||
|
script:
|
||||||
|
- mkdir ~/.ssh
|
||||||
|
- echo "$SSH_KNOWN_HOSTS" >> ~/.ssh/known_hosts
|
||||||
|
- chmod 644 ~/.ssh/known_hosts
|
||||||
|
- eval $(ssh-agent -s)
|
||||||
|
- echo "$SSH_PRIVATE_KEY" | tr -d '\r' | ssh-add -
|
||||||
|
- rsync -vr -e "ssh -p ${SSH_PORT}" dist/ "${DEPLOY_DEST}/dev/"
|
||||||
|
|
||||||
|
|
||||||
deploy site:
|
deploy site:
|
||||||
image: instrumentisto/rsync-ssh
|
image: instrumentisto/rsync-ssh
|
||||||
stage: deploy
|
stage: deploy
|
||||||
|
|
|
||||||
76
README.md
76
README.md
|
|
@ -1,3 +1,79 @@
|
||||||
# Line and Surface
|
# Line and Surface
|
||||||
|
|
||||||
Web presentation of the Line and Surface project.
|
Web presentation of the Line and Surface project.
|
||||||
|
|
||||||
|
Live at https://sdbs.cz/las/.
|
||||||
|
|
||||||
|
|
||||||
|
## Authoring
|
||||||
|
|
||||||
|
**(Taken directly from [Digital Garage Anabasis](https://garage.sdbs.cz/tools.inkscape.las.authoring.md) - yet to be tidied up)**
|
||||||
|
|
||||||
|
### links
|
||||||
|
#### anchors
|
||||||
|
- object ---> right click ---> create link
|
||||||
|
- id without hashtag
|
||||||
|
|
||||||
|
- anchor <---description <---#anchor_id <---rectangle
|
||||||
|
|
||||||
|
#### hyperlink
|
||||||
|
- object ---> right click ---> create link
|
||||||
|
- href >>> url
|
||||||
|
|
||||||
|
#### intro / start
|
||||||
|
- square
|
||||||
|
- object properties
|
||||||
|
--> id `start`
|
||||||
|
|
||||||
|
|
||||||
|
### movies
|
||||||
|
- image file --> object properties
|
||||||
|
- ---> description
|
||||||
|
- `down / up /... / up left / right down /....`
|
||||||
|
- new line
|
||||||
|
- `motion_source/sutr1/files.lst`
|
||||||
|
- ---> ! set button !
|
||||||
|
- `down
|
||||||
|
motion_source/sutr1/files.lst
|
||||||
|
`
|
||||||
|
|
||||||
|
|
||||||
|
#### linux list
|
||||||
|
```sh
|
||||||
|
ls *.png > files.lst
|
||||||
|
```
|
||||||
|
|
||||||
|
#### windows list
|
||||||
|
The method is the same as for all versions of Windows, starting with Windows 3.1 (from 1985!):
|
||||||
|
|
||||||
|
1. Open File Explorer.
|
||||||
|
2. Navigate to the folder under scrutiny.
|
||||||
|
3. Press Ctrl+L
|
||||||
|
4. Type this command (or use copy/paste) and press Enter:
|
||||||
|
cmd /c dir /b > "%temp%\\Dir.txt" & notepad "%temp%\\Dir.txt"
|
||||||
|
|
||||||
|
### sound
|
||||||
|
- circle (ELLIPSE NONONO)
|
||||||
|
- object properties ---> desription
|
||||||
|
- sound_source/xxx.mp3
|
||||||
|
- ---> ! set button !
|
||||||
|
|
||||||
|
|
||||||
|
### Interaction manual
|
||||||
|
double click - fullscreen
|
||||||
|
click with middle button - grab
|
||||||
|
spacebar - anchor //intro
|
||||||
|
mouse pointer --> edge - edge scrolling [fullscreen must be on]
|
||||||
|
|
||||||
|
|
||||||
|
### image optimizations
|
||||||
|
|
||||||
|
#### png
|
||||||
|
`parallel --lb --tag optipng -o 5 -i 1 ::: **/*.png`
|
||||||
|
|
||||||
|
- `parallel` = process in [parallel](https://www.gnu.org/software/parallel/)
|
||||||
|
- `-o 5` = ridiculously high optimization
|
||||||
|
- `-i 1` = turn on [interlacing](https://blog.codinghorror.com/progressive-image-rendering/)
|
||||||
|
|
||||||
|
#### jpeg
|
||||||
|
`parallel --lb --tag jpegoptim --all-progressive --force ::: **/*.jpg`
|
||||||
|
|
|
||||||
|
|
@ -1,5 +0,0 @@
|
||||||
module.exports = {
|
|
||||||
presets: [
|
|
||||||
'@vue/cli-plugin-babel/preset'
|
|
||||||
]
|
|
||||||
}
|
|
||||||
44
index.html
Normal file
44
index.html
Normal file
|
|
@ -0,0 +1,44 @@
|
||||||
|
<!DOCTYPE html>
|
||||||
|
<html lang="en">
|
||||||
|
<head>
|
||||||
|
<meta charset="utf-8" />
|
||||||
|
<meta name="viewport" content="width=device-width,initial-scale=1" />
|
||||||
|
<meta name="viewport" content="user-scalable=no" />
|
||||||
|
<meta
|
||||||
|
property="og:title"
|
||||||
|
content="eNeRPe"
|
||||||
|
/>
|
||||||
|
<meta property="og:description" content="systém náhradní rodinné péče v performativně dokumentární instalaci" />
|
||||||
|
<meta
|
||||||
|
property="og:image"
|
||||||
|
content="/pozvanka_eNeRPe.jpg"
|
||||||
|
/>
|
||||||
|
|
||||||
|
<link
|
||||||
|
rel="stylesheet"
|
||||||
|
href="https://necolas.github.io/normalize.css/8.0.1/normalize.css"
|
||||||
|
integrity="sha256-WAgYcAck1C1/zEl5sBl5cfyhxtLgKGdpI3oKyJffVRI="
|
||||||
|
crossorigin="anonymous"
|
||||||
|
/>
|
||||||
|
|
||||||
|
<title>eNeRPe</title>
|
||||||
|
</head>
|
||||||
|
|
||||||
|
<body>
|
||||||
|
<noscript>
|
||||||
|
<strong
|
||||||
|
>We're sorry but eNeRPe doesn't work properly without JavaScript
|
||||||
|
enabled. Please enable it to continue.</strong
|
||||||
|
>
|
||||||
|
</noscript>
|
||||||
|
|
||||||
|
<div id="app"></div>
|
||||||
|
<script type="module" src="/src/main.ts"></script>
|
||||||
|
|
||||||
|
<script
|
||||||
|
data-goatcounter="https://enerpe.goatcounter.com/count"
|
||||||
|
async
|
||||||
|
src="//gc.zgo.at/count.js"
|
||||||
|
></script>
|
||||||
|
</body>
|
||||||
|
</html>
|
||||||
32924
package-lock.json
generated
32924
package-lock.json
generated
File diff suppressed because it is too large
Load diff
44
package.json
44
package.json
|
|
@ -1,28 +1,32 @@
|
||||||
{
|
{
|
||||||
"name": "line-and-surface",
|
"name": "tmp",
|
||||||
"version": "0.1.0",
|
|
||||||
"private": true,
|
"private": true,
|
||||||
|
"version": "0.0.0",
|
||||||
|
"type": "module",
|
||||||
"scripts": {
|
"scripts": {
|
||||||
"serve": "vue-cli-service serve",
|
"dev": "vite",
|
||||||
"build": "vue-cli-service build"
|
"build": "vite build",
|
||||||
},
|
"preview": "vite preview",
|
||||||
"dependencies": {
|
"check": "svelte-check --tsconfig ./tsconfig.json"
|
||||||
"@vue/cli": "^4.5.12",
|
|
||||||
"core-js": "^3.6.5",
|
|
||||||
"fetch-progress": "^1.3.0",
|
|
||||||
"normalize.css": "^8.0.1",
|
|
||||||
"panzoom": "^9.4.1",
|
|
||||||
"stats.js": "^0.17.0",
|
|
||||||
"vue": "^3.0.0",
|
|
||||||
"vuex": "^4.0.0-0"
|
|
||||||
},
|
},
|
||||||
"devDependencies": {
|
"devDependencies": {
|
||||||
|
"@sveltejs/vite-plugin-svelte": "^1.0.1",
|
||||||
|
"@tsconfig/svelte": "^3.0.0",
|
||||||
"@types/stats.js": "^0.17.0",
|
"@types/stats.js": "^0.17.0",
|
||||||
"@vue/cli-plugin-babel": "~4.5.0",
|
"svelte": "^3.49.0",
|
||||||
"@vue/cli-plugin-typescript": "~4.5.0",
|
"svelte-check": "^2.8.0",
|
||||||
"@vue/cli-plugin-vuex": "~4.5.0",
|
"svelte-preprocess": "^4.10.7",
|
||||||
"@vue/cli-service": "~4.5.0",
|
"tslib": "^2.4.0",
|
||||||
"@vue/compiler-sfc": "^3.0.0",
|
"typescript": "^4.6.4",
|
||||||
"typescript": "~3.9.3"
|
"vite": "^3.0.0"
|
||||||
|
},
|
||||||
|
"dependencies": {
|
||||||
|
"@sentry/browser": "^7.7.0",
|
||||||
|
"@sentry/tracing": "^7.7.0",
|
||||||
|
"fetch-progress": "^1.3.0",
|
||||||
|
"normalize.css": "^8.0.1",
|
||||||
|
"panzoom": "^9.4.3",
|
||||||
|
"sass": "^1.54.0",
|
||||||
|
"stats.js": "^0.17.0"
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
|
||||||
0
public/.gitkeep
Normal file
0
public/.gitkeep
Normal file
BIN
public/assets/play.png
(Stored with Git LFS)
Normal file
BIN
public/assets/play.png
(Stored with Git LFS)
Normal file
Binary file not shown.
|
|
@ -1,20 +0,0 @@
|
||||||
<!DOCTYPE html>
|
|
||||||
<html lang="">
|
|
||||||
<head>
|
|
||||||
<meta charset="utf-8">
|
|
||||||
<meta content="IE=edge" http-equiv="X-UA-Compatible">
|
|
||||||
<meta content="width=device-width,initial-scale=1.0" name="viewport">
|
|
||||||
<link href="<%= BASE_URL %>favicon.ico" rel="icon">
|
|
||||||
<title>Line and Surface</title>
|
|
||||||
</head>
|
|
||||||
<body>
|
|
||||||
<noscript>
|
|
||||||
<strong>We're sorry but Line and Surface doesn't work properly without JavaScript
|
|
||||||
enabled. Please enable it to continue.</strong>
|
|
||||||
</noscript>
|
|
||||||
<div id="app"></div>
|
|
||||||
<!-- built files will be auto injected -->
|
|
||||||
<script data-goatcounter="https://las.goatcounter.com/count"
|
|
||||||
async src="//gc.zgo.at/count.js"></script>
|
|
||||||
</body>
|
|
||||||
</html>
|
|
||||||
50
src/App.svelte
Normal file
50
src/App.svelte
Normal file
|
|
@ -0,0 +1,50 @@
|
||||||
|
<script lang="ts">
|
||||||
|
import SvgContent from "./components/SVGContent.svelte";
|
||||||
|
import VideoPlayer from "./components/VideoPlayer.svelte";
|
||||||
|
|
||||||
|
function setBackground(ev: CustomEvent<string>) {
|
||||||
|
console.debug(`Setting background color to "${ev.detail}"`);
|
||||||
|
document.body.style.background = ev.detail;
|
||||||
|
}
|
||||||
|
|
||||||
|
let currentVideo: string | undefined;
|
||||||
|
</script>
|
||||||
|
|
||||||
|
<main>
|
||||||
|
<SvgContent
|
||||||
|
url="content/intro.svg"
|
||||||
|
on:setBackground={setBackground}
|
||||||
|
on:video={(ev) => (currentVideo = ev.detail)}
|
||||||
|
/>
|
||||||
|
{#if currentVideo}
|
||||||
|
<VideoPlayer
|
||||||
|
url={currentVideo}
|
||||||
|
on:exit={() => (currentVideo = undefined)}
|
||||||
|
/>
|
||||||
|
{/if}
|
||||||
|
</main>
|
||||||
|
|
||||||
|
<style lang="scss">
|
||||||
|
@import url("https://fonts.googleapis.com/css2?family=Montserrat:wght@400;600&display=swap");
|
||||||
|
|
||||||
|
:global {
|
||||||
|
html,
|
||||||
|
body {
|
||||||
|
overflow: hidden;
|
||||||
|
}
|
||||||
|
|
||||||
|
* {
|
||||||
|
font-family: "Avenir", "Montserrat", sans-serif !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
html,
|
||||||
|
body,
|
||||||
|
#app,
|
||||||
|
main,
|
||||||
|
main > * {
|
||||||
|
width: 100%;
|
||||||
|
height: 100%;
|
||||||
|
cursor: default;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
</style>
|
||||||
42
src/App.vue
42
src/App.vue
|
|
@ -1,42 +0,0 @@
|
||||||
<template>
|
|
||||||
<SVGContent
|
|
||||||
id="root"
|
|
||||||
url="content/intro.svg"
|
|
||||||
@set-background="setBackground"
|
|
||||||
/>
|
|
||||||
</template>
|
|
||||||
|
|
||||||
<script lang="ts">
|
|
||||||
import { defineComponent } from "vue";
|
|
||||||
import SVGContent from "@/components/SVGContent.vue";
|
|
||||||
import "normalize.css";
|
|
||||||
|
|
||||||
export default defineComponent({
|
|
||||||
name: "App",
|
|
||||||
components: {
|
|
||||||
SVGContent,
|
|
||||||
},
|
|
||||||
methods: {
|
|
||||||
setBackground(background: string) {
|
|
||||||
document.body.style.background = background;
|
|
||||||
},
|
|
||||||
},
|
|
||||||
});
|
|
||||||
</script>
|
|
||||||
|
|
||||||
<style>
|
|
||||||
html,
|
|
||||||
body {
|
|
||||||
overflow: hidden;
|
|
||||||
background: black;
|
|
||||||
}
|
|
||||||
|
|
||||||
html,
|
|
||||||
body,
|
|
||||||
#app,
|
|
||||||
#root {
|
|
||||||
width: 100%;
|
|
||||||
height: 100%;
|
|
||||||
cursor: default;
|
|
||||||
}
|
|
||||||
</style>
|
|
||||||
66
src/components/AudioArea.svelte
Normal file
66
src/components/AudioArea.svelte
Normal file
|
|
@ -0,0 +1,66 @@
|
||||||
|
<script lang="ts" context="module">
|
||||||
|
export interface AudioAreaDef {
|
||||||
|
id: string;
|
||||||
|
cx: number;
|
||||||
|
cy: number;
|
||||||
|
radius: number;
|
||||||
|
src: string;
|
||||||
|
}
|
||||||
|
</script>
|
||||||
|
|
||||||
|
<script lang="ts">
|
||||||
|
import type { BoundingBox } from "./SVGContent.svelte";
|
||||||
|
|
||||||
|
export let definition: AudioAreaDef;
|
||||||
|
export let bbox: BoundingBox;
|
||||||
|
|
||||||
|
let audio: HTMLAudioElement;
|
||||||
|
|
||||||
|
console.debug(`[AUDIOAREA] Initializing ${definition.src}...`);
|
||||||
|
// console.debug({definition});
|
||||||
|
|
||||||
|
const MIN_SCALE = 0.02;
|
||||||
|
const MIN_VOLUME_MULTIPLIER = 0.33;
|
||||||
|
const vol_x = (1 - MIN_VOLUME_MULTIPLIER) / (1 - MIN_SCALE);
|
||||||
|
const vol_b = 1 - vol_x;
|
||||||
|
|
||||||
|
function onBBoxChange() {
|
||||||
|
if (!audio) {
|
||||||
|
return;
|
||||||
|
}
|
||||||
|
const x = bbox.x + bbox.w / 2;
|
||||||
|
const y = bbox.y + bbox.h / 2;
|
||||||
|
const distance = Math.sqrt(
|
||||||
|
Math.pow(x - definition.cx, 2) + Math.pow(y - definition.cy, 2)
|
||||||
|
);
|
||||||
|
|
||||||
|
if (distance < definition.radius) {
|
||||||
|
if (audio.paused) {
|
||||||
|
console.debug(
|
||||||
|
`[AUDIOAREA] Entered audio area "${definition.src}", starting playback...`
|
||||||
|
);
|
||||||
|
audio.play();
|
||||||
|
}
|
||||||
|
const volume = (definition.radius - distance) / definition.radius;
|
||||||
|
audio.volume = volume * (bbox.z < 1 ? bbox.z * vol_x + vol_b : 1);
|
||||||
|
} else {
|
||||||
|
if (!audio.paused) {
|
||||||
|
console.debug(
|
||||||
|
`[AUDIOAREA] Left audio area "${definition.src}", pausing playback...`
|
||||||
|
);
|
||||||
|
audio.pause();
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
$: {
|
||||||
|
bbox.x;
|
||||||
|
bbox.y;
|
||||||
|
bbox.w;
|
||||||
|
bbox.h;
|
||||||
|
bbox.z;
|
||||||
|
onBBoxChange();
|
||||||
|
}
|
||||||
|
</script>
|
||||||
|
|
||||||
|
<audio bind:this={audio} src={definition.src} loop preload="auto" />
|
||||||
|
|
@ -1,79 +0,0 @@
|
||||||
<template>
|
|
||||||
<audio ref="audio" :src="definition.src" loop preload="auto" />
|
|
||||||
</template>
|
|
||||||
|
|
||||||
<script lang="ts">
|
|
||||||
import { defineComponent, PropType, ref, watch } from "vue";
|
|
||||||
import { BoundingBox } from "@/components/SVGContent.vue";
|
|
||||||
|
|
||||||
export default defineComponent({
|
|
||||||
name: "AudioArea",
|
|
||||||
props: {
|
|
||||||
definition: {
|
|
||||||
type: Object as PropType<AudioAreaDef>,
|
|
||||||
required: true,
|
|
||||||
},
|
|
||||||
bbox: {
|
|
||||||
type: Object as PropType<BoundingBox>,
|
|
||||||
required: true,
|
|
||||||
},
|
|
||||||
},
|
|
||||||
setup(props) {
|
|
||||||
const audio = ref<HTMLAudioElement | null>(null);
|
|
||||||
|
|
||||||
console.debug(`[AUDIOAREA] Initializing ${props.definition.src}...`);
|
|
||||||
console.debug(props.definition);
|
|
||||||
|
|
||||||
const MIN_SCALE = 0.02;
|
|
||||||
const MIN_VOLUME_MULTIPLIER = 0.33;
|
|
||||||
const vol_x = (1 - MIN_VOLUME_MULTIPLIER) / (1 - MIN_SCALE);
|
|
||||||
const vol_b = 1 - vol_x;
|
|
||||||
|
|
||||||
const onBBoxChange = () => {
|
|
||||||
const x = props.bbox.x + props.bbox.w / 2;
|
|
||||||
const y = props.bbox.y + props.bbox.h / 2;
|
|
||||||
const distance = Math.sqrt(
|
|
||||||
Math.pow(x - props.definition.cx, 2) +
|
|
||||||
Math.pow(y - props.definition.cy, 2)
|
|
||||||
);
|
|
||||||
|
|
||||||
if (distance < props.definition.radius) {
|
|
||||||
if (audio.value!.paused) {
|
|
||||||
console.debug(
|
|
||||||
`[AUDIOAREA] Entered audio area "${props.definition.src}", starting playback...`
|
|
||||||
);
|
|
||||||
audio.value!.play();
|
|
||||||
}
|
|
||||||
const volume =
|
|
||||||
(props.definition.radius - distance) / props.definition.radius;
|
|
||||||
audio.value!.volume =
|
|
||||||
volume * (props.bbox.z < 1 ? props.bbox.z * vol_x + vol_b : 1);
|
|
||||||
} else {
|
|
||||||
if (!audio.value!.paused) {
|
|
||||||
console.debug(
|
|
||||||
`[AUDIOAREA] Left audio area "${props.definition.src}", pausing playback...`
|
|
||||||
);
|
|
||||||
audio.value!.pause();
|
|
||||||
}
|
|
||||||
}
|
|
||||||
};
|
|
||||||
watch(props.bbox, onBBoxChange, { deep: true });
|
|
||||||
|
|
||||||
return {
|
|
||||||
audio,
|
|
||||||
};
|
|
||||||
},
|
|
||||||
});
|
|
||||||
|
|
||||||
export interface AudioAreaDef {
|
|
||||||
id: string;
|
|
||||||
cx: number;
|
|
||||||
cy: number;
|
|
||||||
radius: number;
|
|
||||||
src: string;
|
|
||||||
}
|
|
||||||
</script>
|
|
||||||
|
|
||||||
<!-- Add "scoped" attribute to limit CSS to this component only -->
|
|
||||||
<style scoped>
|
|
||||||
</style>
|
|
||||||
829
src/components/SVGContent.svelte
Normal file
829
src/components/SVGContent.svelte
Normal file
|
|
@ -0,0 +1,829 @@
|
||||||
|
<script lang="ts" context="module">
|
||||||
|
export interface BoundingBox {
|
||||||
|
x: number;
|
||||||
|
y: number;
|
||||||
|
w: number;
|
||||||
|
h: number;
|
||||||
|
z: number;
|
||||||
|
}
|
||||||
|
</script>
|
||||||
|
|
||||||
|
<script lang="ts">
|
||||||
|
import createPanZoom, { type PanZoom } from "panzoom";
|
||||||
|
import Stats from "stats.js";
|
||||||
|
import { rotate } from "../utils";
|
||||||
|
import fetchProgress from "fetch-progress";
|
||||||
|
import { createEventDispatcher, onMount } from "svelte";
|
||||||
|
import VideoScroll, {
|
||||||
|
VideoScrollDirection,
|
||||||
|
type VideoScrollDef,
|
||||||
|
} from "./VideoScroll.svelte";
|
||||||
|
import AudioArea, { type AudioAreaDef } from "./AudioArea.svelte";
|
||||||
|
const dispatch = createEventDispatcher();
|
||||||
|
|
||||||
|
export let url: string;
|
||||||
|
let showInternal = false;
|
||||||
|
$: {
|
||||||
|
if (root) {
|
||||||
|
Array.from(root.getElementsByClassName("internal")).forEach((el) => {
|
||||||
|
(el as SVGElement).style.visibility = showInternal
|
||||||
|
? "visible"
|
||||||
|
: "hidden";
|
||||||
|
});
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
let root: HTMLDivElement;
|
||||||
|
let anchors: SVGRectElement[] = [];
|
||||||
|
let scrolls = [];
|
||||||
|
let audioAreas = [];
|
||||||
|
let loadedPercent = 0;
|
||||||
|
let panzoom: PanZoom;
|
||||||
|
let panning = false;
|
||||||
|
let bbox: BoundingBox = {
|
||||||
|
x: 0,
|
||||||
|
y: 0,
|
||||||
|
w: 0,
|
||||||
|
h: 0,
|
||||||
|
z: 0,
|
||||||
|
};
|
||||||
|
let mousePosition = {
|
||||||
|
x: 0,
|
||||||
|
y: 0,
|
||||||
|
};
|
||||||
|
let panToStart: undefined | (() => void);
|
||||||
|
|
||||||
|
onMount(async () => {
|
||||||
|
console.info("[SVG] Initializing.");
|
||||||
|
|
||||||
|
// Fetch & load SVG
|
||||||
|
console.info(`[SVG] Fetching "${url}..."`);
|
||||||
|
const fetchResult = await fetch(url).then(
|
||||||
|
fetchProgress({
|
||||||
|
onProgress(progress) {
|
||||||
|
loadedPercent = (progress.transferred / progress.total) * 100;
|
||||||
|
},
|
||||||
|
})
|
||||||
|
);
|
||||||
|
if (!fetchResult.ok) {
|
||||||
|
alert(fetchResult.status);
|
||||||
|
throw new Error("Failed to load.");
|
||||||
|
}
|
||||||
|
const svgParsed = new DOMParser().parseFromString(
|
||||||
|
await fetchResult.text(),
|
||||||
|
"image/svg+xml"
|
||||||
|
) as Document;
|
||||||
|
console.debug("[SVG] Loaded.");
|
||||||
|
loadedPercent = 100;
|
||||||
|
|
||||||
|
// Prevent 404s due to relative image paths
|
||||||
|
const imageElements = Array.from(
|
||||||
|
svgParsed.getElementsByTagName("image")
|
||||||
|
).filter((el) =>
|
||||||
|
Array.from(el.children).some((el) => el.tagName == "desc")
|
||||||
|
);
|
||||||
|
imageElements.forEach((el) => {
|
||||||
|
el.remove();
|
||||||
|
});
|
||||||
|
|
||||||
|
const svg = root.appendChild(svgParsed.firstElementChild as Element) as any;
|
||||||
|
|
||||||
|
// Set document background
|
||||||
|
const pageColor = svg
|
||||||
|
.getElementById("base")
|
||||||
|
?.attributes.getNamedItem("pagecolor");
|
||||||
|
if (pageColor) {
|
||||||
|
console.debug(`[SVG] Found pageColor attribute: ${pageColor.value}`);
|
||||||
|
dispatch("setBackground", pageColor.value);
|
||||||
|
}
|
||||||
|
|
||||||
|
// PanZoom
|
||||||
|
const pz = createPanZoom(root, {
|
||||||
|
smoothScroll: false,
|
||||||
|
minZoom: 0.1,
|
||||||
|
maxZoom: 2,
|
||||||
|
zoomSpeed: 0.05,
|
||||||
|
zoomDoubleClickSpeed: 1,
|
||||||
|
beforeMouseDown: () => {
|
||||||
|
return panning;
|
||||||
|
},
|
||||||
|
beforeWheel: () => {
|
||||||
|
return panning;
|
||||||
|
},
|
||||||
|
onTouch: function () {
|
||||||
|
return false; // tells the library to not preventDefault.
|
||||||
|
},
|
||||||
|
onDoubleClick: () => {
|
||||||
|
return; // TODO WHY BLACK?!
|
||||||
|
if (!document.fullscreenElement) {
|
||||||
|
console.debug("[SVG] Fullscreen requested.");
|
||||||
|
document.body.requestFullscreen();
|
||||||
|
} else {
|
||||||
|
console.debug("[SVG] Fullscreen exited.");
|
||||||
|
document.exitFullscreen();
|
||||||
|
}
|
||||||
|
|
||||||
|
return true;
|
||||||
|
},
|
||||||
|
});
|
||||||
|
panzoom = pz;
|
||||||
|
|
||||||
|
// Calculate SVG-unit bounding box, update transform
|
||||||
|
pz.on("transform", function (_) {
|
||||||
|
const transform = pz.getTransform();
|
||||||
|
const currentRatio =
|
||||||
|
(svg.clientWidth * transform.scale) / svg.viewBox.baseVal.width;
|
||||||
|
|
||||||
|
bbox.x = (transform.x / currentRatio) * -1;
|
||||||
|
bbox.y = (transform.y / currentRatio) * -1;
|
||||||
|
bbox.w = window.innerWidth / currentRatio;
|
||||||
|
bbox.h = window.innerHeight / currentRatio;
|
||||||
|
bbox.z = transform.scale;
|
||||||
|
|
||||||
|
window.location.hash = `${Math.round(bbox.x + bbox.w / 2)},${Math.round(
|
||||||
|
bbox.y + bbox.h / 2
|
||||||
|
)},${Math.round(transform.scale * 1000) / 1000}z`;
|
||||||
|
});
|
||||||
|
|
||||||
|
function panToElement(target: SVGRectElement, smooth: boolean) {
|
||||||
|
console.debug(`[SVG] Panning to element: #${target.id}`);
|
||||||
|
const transform = pz.getTransform();
|
||||||
|
const currentRatio =
|
||||||
|
(svg.clientWidth * transform.scale) / svg.viewBox.baseVal.width;
|
||||||
|
const ratio = svg.clientWidth / svg.viewBox.baseVal.width;
|
||||||
|
const targetScale =
|
||||||
|
window.innerWidth / (target.width.baseVal.value * ratio);
|
||||||
|
|
||||||
|
const svgTargetX =
|
||||||
|
(target.x.baseVal.value + target.width.baseVal.value / 2) *
|
||||||
|
currentRatio;
|
||||||
|
const svgTargetY =
|
||||||
|
(target.y.baseVal.value + target.height.baseVal.value / 2) *
|
||||||
|
currentRatio;
|
||||||
|
|
||||||
|
if (smooth) {
|
||||||
|
panning = true;
|
||||||
|
|
||||||
|
pz.smoothMoveTo(
|
||||||
|
svgTargetX * -1 + window.innerWidth / 2,
|
||||||
|
svgTargetY * -1 + window.innerHeight / 2
|
||||||
|
);
|
||||||
|
|
||||||
|
setTimeout(() => {
|
||||||
|
const finalTransform = pz.getTransform();
|
||||||
|
pz.smoothZoomAbs(
|
||||||
|
svgTargetX + finalTransform.x,
|
||||||
|
svgTargetY + finalTransform.y,
|
||||||
|
targetScale
|
||||||
|
);
|
||||||
|
setTimeout(() => {
|
||||||
|
panning = false;
|
||||||
|
}, 400);
|
||||||
|
}, 400 * 4);
|
||||||
|
} else {
|
||||||
|
pz.moveTo(
|
||||||
|
svgTargetX * -1 + window.innerWidth / 2,
|
||||||
|
svgTargetY * -1 + window.innerHeight / 2
|
||||||
|
);
|
||||||
|
pz.zoomAbs(window.innerWidth / 2, window.innerHeight / 2, targetScale);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
function panToAnchor(anchor: SVGRectElement) {
|
||||||
|
panToElement(anchor, true);
|
||||||
|
}
|
||||||
|
|
||||||
|
// Process start element
|
||||||
|
const start = processStart(svg);
|
||||||
|
if (start) {
|
||||||
|
console.info("[SVG] Found start element.");
|
||||||
|
window.addEventListener("keydown", (ev) => {
|
||||||
|
if (ev.key === " ") {
|
||||||
|
panToElement(start, true);
|
||||||
|
}
|
||||||
|
});
|
||||||
|
}
|
||||||
|
|
||||||
|
// Pan to start element or location in hash
|
||||||
|
const locationMatch = window.location.href.match(
|
||||||
|
/#([\-0-9.]+),([\-0-9.]+),([0-9.]+)z/
|
||||||
|
);
|
||||||
|
if (locationMatch) {
|
||||||
|
console.debug(`[SVGCONTENT] Got a location match: ${locationMatch}`);
|
||||||
|
const [_, x, y, z] = locationMatch;
|
||||||
|
|
||||||
|
const transform = pz.getTransform();
|
||||||
|
const currentRatio =
|
||||||
|
(svg.clientWidth * transform.scale) / svg.viewBox.baseVal.width;
|
||||||
|
pz.moveTo(
|
||||||
|
parseFloat(x) * currentRatio * -1 + window.innerWidth / 2,
|
||||||
|
parseFloat(y) * currentRatio * -1 + window.innerHeight / 2
|
||||||
|
);
|
||||||
|
pz.zoomAbs(window.innerWidth / 2, window.innerHeight / 2, parseFloat(z));
|
||||||
|
} else if (start) {
|
||||||
|
console.debug(`[SVGCONTENT] Panning to start anchor.`);
|
||||||
|
panToElement(start, false);
|
||||||
|
}
|
||||||
|
if (start) {
|
||||||
|
panToStart = () => panToElement(start, true);
|
||||||
|
}
|
||||||
|
|
||||||
|
// Anchors
|
||||||
|
console.debug("[SVG] Processing anchors.");
|
||||||
|
anchors = processAnchors(svg);
|
||||||
|
console.info(`[SVG] Found ${anchors.length} anchors.`);
|
||||||
|
|
||||||
|
// Links
|
||||||
|
console.debug("[SVG] Processing hyperlinks.");
|
||||||
|
const { anchor, hyper } = processHyperlinks(svg);
|
||||||
|
console.info(
|
||||||
|
`[SVG] Found ${anchor.length} anchor links and ${hyper.length} hyperlinks.`
|
||||||
|
);
|
||||||
|
anchor.forEach(([anchorId, element]) => {
|
||||||
|
const anchor = anchors.find((a) => a.id == anchorId);
|
||||||
|
if (!anchor) {
|
||||||
|
console.error(`[SVG] Could not find anchor #${anchorId}!`);
|
||||||
|
return;
|
||||||
|
}
|
||||||
|
element.addEventListener("click", () => {
|
||||||
|
panToElement(anchor, true);
|
||||||
|
});
|
||||||
|
});
|
||||||
|
|
||||||
|
// Images
|
||||||
|
console.debug("[SVG] Processing images.");
|
||||||
|
const images = processImages(svg);
|
||||||
|
console.info(`[SVG] Found ${images.length} images.`);
|
||||||
|
|
||||||
|
// Videos
|
||||||
|
console.debug("[SVG] Processing images as videos.");
|
||||||
|
processVideos(svg, (el) => root.appendChild(el));
|
||||||
|
// console.info(`[SVG] Found ${audioAreas.length} audio areas.`);
|
||||||
|
|
||||||
|
// Audio areas
|
||||||
|
console.debug("[SVG] Processing audio areas.");
|
||||||
|
audioAreas = processAudio(svg);
|
||||||
|
console.info(`[SVG] Found ${audioAreas.length} audio areas.`);
|
||||||
|
|
||||||
|
// Audio areas
|
||||||
|
console.debug("[SVG] Processing audio players.");
|
||||||
|
const audioPlayers = processAudioPlayers(svg);
|
||||||
|
// console.info(`[SVG] Found ${audioAreas.length} audio areas.`);
|
||||||
|
audioPlayers.forEach((el) => root.appendChild(el));
|
||||||
|
|
||||||
|
// Videoscrolls
|
||||||
|
console.debug("[SVG] Processing video scrolls.");
|
||||||
|
scrolls = await processScrolls(svg, imageElements);
|
||||||
|
console.info(`[SVG] Found ${scrolls.length} video scrolls.`);
|
||||||
|
|
||||||
|
// Debug Stats
|
||||||
|
let stats: Stats | undefined;
|
||||||
|
if (window.location.search.includes("debug")) {
|
||||||
|
console.info("[SVG] DEBUG mode active, turning on stats & dev panel.");
|
||||||
|
stats = new Stats();
|
||||||
|
document.body.appendChild(stats.dom);
|
||||||
|
|
||||||
|
Array.from(document.body.getElementsByClassName("dev")).forEach((el) => {
|
||||||
|
(el as HTMLElement).style.display = "block";
|
||||||
|
});
|
||||||
|
}
|
||||||
|
|
||||||
|
// Animations: FPS Counter, Edge scrolling
|
||||||
|
let mouse: MouseEvent | undefined;
|
||||||
|
window.addEventListener("mousemove", (ev) => {
|
||||||
|
mouse = ev;
|
||||||
|
const transform = pz.getTransform();
|
||||||
|
const currentRatio =
|
||||||
|
(svg.clientWidth * transform.scale) / svg.viewBox.baseVal.width;
|
||||||
|
mousePosition.x = (mouse.clientX - transform.x) / currentRatio;
|
||||||
|
mousePosition.y = (mouse.clientY - transform.y) / currentRatio;
|
||||||
|
});
|
||||||
|
|
||||||
|
let gamePadZoomSpeed = 10;
|
||||||
|
|
||||||
|
function animate() {
|
||||||
|
if (stats) {
|
||||||
|
stats.begin();
|
||||||
|
}
|
||||||
|
|
||||||
|
// Edge scrolling
|
||||||
|
const MOVE_EDGE_X = window.innerWidth * 0.25;
|
||||||
|
const MOVE_EDGE_Y = window.innerHeight * 0.25;
|
||||||
|
const MAX_SPEED = 20;
|
||||||
|
|
||||||
|
if (mouse && !panning && document.fullscreenElement) {
|
||||||
|
let horizontalShift: number;
|
||||||
|
let verticalShift: number;
|
||||||
|
|
||||||
|
const transform = pz.getTransform();
|
||||||
|
if (
|
||||||
|
mouse.clientX < MOVE_EDGE_X ||
|
||||||
|
mouse.clientX > window.innerWidth - MOVE_EDGE_X
|
||||||
|
) {
|
||||||
|
const horizontalEdgeDistance =
|
||||||
|
mouse.clientX < window.innerWidth / 2
|
||||||
|
? mouse.clientX
|
||||||
|
: mouse.clientX - window.innerWidth;
|
||||||
|
const horizontalRatio =
|
||||||
|
(MOVE_EDGE_X - Math.abs(horizontalEdgeDistance)) / MOVE_EDGE_X;
|
||||||
|
const direction = mouse.clientX < MOVE_EDGE_X ? 1 : -1;
|
||||||
|
horizontalShift = horizontalRatio * direction * MAX_SPEED;
|
||||||
|
} else {
|
||||||
|
horizontalShift = 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
if (
|
||||||
|
mouse.clientY < MOVE_EDGE_Y ||
|
||||||
|
mouse.clientY > window.innerHeight - MOVE_EDGE_Y
|
||||||
|
) {
|
||||||
|
const verticalEdgeDistance =
|
||||||
|
mouse.clientY < window.innerHeight / 2
|
||||||
|
? mouse.clientY
|
||||||
|
: mouse.clientY - window.innerHeight;
|
||||||
|
const verticalRatio =
|
||||||
|
(MOVE_EDGE_Y - Math.abs(verticalEdgeDistance)) / MOVE_EDGE_Y;
|
||||||
|
const direction = mouse.clientY < MOVE_EDGE_Y ? 1 : -1;
|
||||||
|
verticalShift = verticalRatio * direction * MAX_SPEED;
|
||||||
|
} else {
|
||||||
|
verticalShift = 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
if (horizontalShift || verticalShift) {
|
||||||
|
pz.moveTo(
|
||||||
|
transform!.x + horizontalShift,
|
||||||
|
transform!.y + verticalShift
|
||||||
|
);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
if (navigator.getGamepads) {
|
||||||
|
var gamepads = navigator.getGamepads();
|
||||||
|
var gp = gamepads[0];
|
||||||
|
|
||||||
|
if (gp) {
|
||||||
|
if (gp.buttons[7].pressed) {
|
||||||
|
gamePadZoomSpeed += 0.1;
|
||||||
|
}
|
||||||
|
if (gp.buttons[5].pressed) {
|
||||||
|
gamePadZoomSpeed -= 0.1;
|
||||||
|
}
|
||||||
|
if (gamePadZoomSpeed < 1) {
|
||||||
|
gamePadZoomSpeed = 1;
|
||||||
|
}
|
||||||
|
if (gamePadZoomSpeed > 30) {
|
||||||
|
gamePadZoomSpeed = 30;
|
||||||
|
}
|
||||||
|
|
||||||
|
const transform = pz.getTransform();
|
||||||
|
|
||||||
|
const horizontalShift = gp.axes[0] * -1 * gamePadZoomSpeed;
|
||||||
|
const verticalShift = gp.axes[1] * -1 * gamePadZoomSpeed;
|
||||||
|
|
||||||
|
if (horizontalShift || verticalShift) {
|
||||||
|
pz.moveTo(
|
||||||
|
transform!.x + horizontalShift,
|
||||||
|
transform!.y + verticalShift
|
||||||
|
);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
if (stats) {
|
||||||
|
stats.end();
|
||||||
|
}
|
||||||
|
|
||||||
|
requestAnimationFrame(animate);
|
||||||
|
}
|
||||||
|
|
||||||
|
requestAnimationFrame(animate);
|
||||||
|
});
|
||||||
|
|
||||||
|
function processAnchors(document: SVGElement): SVGRectElement[] {
|
||||||
|
const result: SVGRectElement[] = [];
|
||||||
|
Array.from(document.getElementsByTagName("rect"))
|
||||||
|
.filter((el) => el.id.startsWith("anchor"))
|
||||||
|
.forEach((anchor) => {
|
||||||
|
console.debug(`[SVG/ANCHORS] Found anchor #${anchor.id}.`);
|
||||||
|
anchor.classList.add("internal");
|
||||||
|
result.push(anchor);
|
||||||
|
});
|
||||||
|
return result;
|
||||||
|
}
|
||||||
|
|
||||||
|
function processImages(svgDocument: SVGElement): SVGImageElement[] {
|
||||||
|
const result: SVGImageElement[] = [];
|
||||||
|
Array.from(svgDocument.getElementsByTagName("image")).forEach((image) => {
|
||||||
|
const href = image.getAttribute("xlink:href");
|
||||||
|
console.debug(`[SVG/IMAGES] Found image #${image.id} (${href}).`);
|
||||||
|
const origPath = href.split("/");
|
||||||
|
let newHref = `content/images/${origPath[origPath.length - 1]}`;
|
||||||
|
newHref = newHref.replace(/jpg$/, "webp");
|
||||||
|
image.setAttribute("xlink:href", newHref);
|
||||||
|
result.push(image);
|
||||||
|
|
||||||
|
const placeholderRect = document.createElementNS(
|
||||||
|
"http://www.w3.org/2000/svg",
|
||||||
|
"rect"
|
||||||
|
);
|
||||||
|
placeholderRect.setAttribute("fill", "lightgray");
|
||||||
|
["x", "y", "width", "height"].forEach((attr) => {
|
||||||
|
placeholderRect.setAttribute(attr, image.getAttribute(attr));
|
||||||
|
});
|
||||||
|
image.parentElement.prepend(placeholderRect);
|
||||||
|
});
|
||||||
|
return result;
|
||||||
|
}
|
||||||
|
|
||||||
|
function processVideos(
|
||||||
|
svgDocument: SVGElement,
|
||||||
|
callback: (el: HTMLDivElement) => void
|
||||||
|
) {
|
||||||
|
const ratio =
|
||||||
|
svgDocument.clientWidth / (svgDocument as any).viewBox.baseVal.width;
|
||||||
|
|
||||||
|
Array.from(svgDocument.getElementsByTagName("image")).forEach((el) => {
|
||||||
|
const href = el.getAttribute("xlink:href");
|
||||||
|
const origPath = href.split("/");
|
||||||
|
const basename = origPath[origPath.length - 1];
|
||||||
|
const videoUrl = `content/video/${basename.replace(
|
||||||
|
/.[a-zA-Z0-9]+$/,
|
||||||
|
".mp4"
|
||||||
|
)}`;
|
||||||
|
|
||||||
|
fetch(videoUrl, {
|
||||||
|
method: "HEAD",
|
||||||
|
cache: "no-store",
|
||||||
|
}).then((videoExistsFetch) => {
|
||||||
|
if (videoExistsFetch.status !== 200) {
|
||||||
|
return;
|
||||||
|
}
|
||||||
|
console.debug(
|
||||||
|
`[SVG/VIDEOS] Found image with video: #${el.id} (${href} / ${videoUrl}).`
|
||||||
|
);
|
||||||
|
|
||||||
|
let x = el.x.baseVal.value;
|
||||||
|
let y = el.y.baseVal.value;
|
||||||
|
let w = el.width.baseVal.value;
|
||||||
|
let h = el.height.baseVal.value;
|
||||||
|
let angle = 0;
|
||||||
|
|
||||||
|
const transform = el.attributes.getNamedItem("transform");
|
||||||
|
const rotateResult = /rotate\((-?[0-9.]+)\)/.exec(
|
||||||
|
transform?.value || ""
|
||||||
|
);
|
||||||
|
if (rotateResult) {
|
||||||
|
angle = parseFloat(rotateResult[1]);
|
||||||
|
const [ncx, ncy] = rotate(x + w / 2, y + h / 2, 0, 0, angle);
|
||||||
|
x = ncx - w / 2;
|
||||||
|
y = ncy - h / 2;
|
||||||
|
}
|
||||||
|
|
||||||
|
const playEl = document.createElement("div");
|
||||||
|
playEl.classList.add("videoOverlay");
|
||||||
|
playEl.style.position = "absolute";
|
||||||
|
playEl.style.top = `${y * ratio}px`;
|
||||||
|
playEl.style.left = `${x * ratio}px`;
|
||||||
|
playEl.style.width = `${w * ratio}px`;
|
||||||
|
playEl.style.height = `${h * ratio}px`;
|
||||||
|
playEl.addEventListener("click", () => {
|
||||||
|
dispatch("video", videoUrl);
|
||||||
|
});
|
||||||
|
callback(playEl);
|
||||||
|
});
|
||||||
|
});
|
||||||
|
}
|
||||||
|
|
||||||
|
async function processScrolls(
|
||||||
|
svg: SVGElement,
|
||||||
|
images: SVGImageElement[]
|
||||||
|
): Promise<VideoScrollDef[]> {
|
||||||
|
const ratio = svg.clientWidth / (svg as any).viewBox.baseVal.width;
|
||||||
|
|
||||||
|
return Promise.all(
|
||||||
|
images.map(async (el) => {
|
||||||
|
const descNode = Array.from(el.children).find(
|
||||||
|
(el) => el.tagName == "desc"
|
||||||
|
);
|
||||||
|
console.debug(
|
||||||
|
`[SVG/VIDEOSCROLLS] Found video scroll #${el.id}: ${descNode?.textContent}`
|
||||||
|
);
|
||||||
|
const [directionString, filesURL] = descNode!.textContent!.split("\n");
|
||||||
|
|
||||||
|
const directions: VideoScrollDirection[] = directionString
|
||||||
|
.split(" ")
|
||||||
|
.map((direction) => {
|
||||||
|
if (
|
||||||
|
!Object.values(VideoScrollDirection).includes(
|
||||||
|
direction as VideoScrollDirection
|
||||||
|
)
|
||||||
|
) {
|
||||||
|
console.error(
|
||||||
|
`Unknown direction definition: "${direction}" (in #${el.id})`
|
||||||
|
);
|
||||||
|
return false;
|
||||||
|
}
|
||||||
|
return direction as VideoScrollDirection;
|
||||||
|
})
|
||||||
|
.filter((d) => Boolean(d)) as VideoScrollDirection[];
|
||||||
|
|
||||||
|
console.debug(`[SVG/VIDEOSCROLLS] Fetching ${filesURL}...`);
|
||||||
|
const fileFetch = await fetch(`content/${filesURL}`);
|
||||||
|
const preURL = fileFetch.url.replace(/\/files.lst$/, "");
|
||||||
|
const files = (await fileFetch.text())
|
||||||
|
.split("\n")
|
||||||
|
.filter(Boolean)
|
||||||
|
.map((str) => `${preURL}/${str}`);
|
||||||
|
|
||||||
|
let x = el.x.baseVal.value;
|
||||||
|
let y = el.y.baseVal.value;
|
||||||
|
let w = el.width.baseVal.value;
|
||||||
|
let h = el.height.baseVal.value;
|
||||||
|
let angle = 0;
|
||||||
|
|
||||||
|
const transform = el.attributes.getNamedItem("transform");
|
||||||
|
const rotateResult = /rotate\((-?[0-9.]+)\)/.exec(
|
||||||
|
transform?.value || ""
|
||||||
|
);
|
||||||
|
if (rotateResult) {
|
||||||
|
angle = parseFloat(rotateResult[1]);
|
||||||
|
const [ncx, ncy] = rotate(x + w / 2, y + h / 2, 0, 0, angle);
|
||||||
|
x = ncx - w / 2;
|
||||||
|
y = ncy - h / 2;
|
||||||
|
}
|
||||||
|
|
||||||
|
return {
|
||||||
|
id: el.id,
|
||||||
|
top: y * ratio,
|
||||||
|
left: x * ratio,
|
||||||
|
angle,
|
||||||
|
width: w * ratio,
|
||||||
|
height: h * ratio,
|
||||||
|
directions,
|
||||||
|
files,
|
||||||
|
};
|
||||||
|
})
|
||||||
|
);
|
||||||
|
}
|
||||||
|
|
||||||
|
function processAudio(svg: SVGElement): AudioAreaDef[] {
|
||||||
|
const circles: (SVGCircleElement | SVGEllipseElement)[] = Array.from(
|
||||||
|
svg.getElementsByTagName("circle")
|
||||||
|
);
|
||||||
|
const ellipses: (SVGCircleElement | SVGEllipseElement)[] = Array.from(
|
||||||
|
svg.getElementsByTagName("ellipse")
|
||||||
|
);
|
||||||
|
return circles
|
||||||
|
.concat(ellipses)
|
||||||
|
.filter((el) =>
|
||||||
|
Array.from(el.children).some((el) => el.tagName == "desc")
|
||||||
|
)
|
||||||
|
.map((el) => {
|
||||||
|
const descNode = Array.from(el.children).find(
|
||||||
|
(el) => el.tagName == "desc"
|
||||||
|
);
|
||||||
|
console.debug(
|
||||||
|
`[SVG/AUDIOAREAS] Found audio area #${el.id}: ${descNode?.textContent}`
|
||||||
|
);
|
||||||
|
const audioSrc = descNode!.textContent!.trim();
|
||||||
|
|
||||||
|
const radius = el.hasAttribute("r")
|
||||||
|
? (el as SVGCircleElement).r.baseVal.value
|
||||||
|
: ((el as SVGEllipseElement).rx.baseVal.value +
|
||||||
|
(el as SVGEllipseElement).ry.baseVal.value) /
|
||||||
|
2;
|
||||||
|
|
||||||
|
el.classList.add("internal");
|
||||||
|
|
||||||
|
return {
|
||||||
|
id: el.id,
|
||||||
|
cx: el.cx.baseVal.value,
|
||||||
|
cy: el.cy.baseVal.value,
|
||||||
|
radius,
|
||||||
|
src: `content/${audioSrc}`,
|
||||||
|
};
|
||||||
|
});
|
||||||
|
}
|
||||||
|
|
||||||
|
function processAudioPlayers(svg: SVGElement): HTMLAudioElement[] {
|
||||||
|
const ratio = svg.clientWidth / (svg as any).viewBox.baseVal.width;
|
||||||
|
const result = [];
|
||||||
|
|
||||||
|
Array.from(svg.getElementsByTagName("rect")).forEach((el) => {
|
||||||
|
if (el.id.includes("audio")) {
|
||||||
|
const descNode = Array.from(el.children).find(
|
||||||
|
(el) => el.tagName == "desc"
|
||||||
|
);
|
||||||
|
console.debug(
|
||||||
|
`[SVG/AUDIOPLAYERS] Found audio player #${el.id}: ${descNode?.textContent}`
|
||||||
|
);
|
||||||
|
|
||||||
|
let x = el.x.baseVal.value;
|
||||||
|
let y = el.y.baseVal.value;
|
||||||
|
let w = el.width.baseVal.value;
|
||||||
|
let h = el.height.baseVal.value;
|
||||||
|
let angle = 0;
|
||||||
|
|
||||||
|
const transform = el.attributes.getNamedItem("transform");
|
||||||
|
const rotateResult = /rotate\((-?[0-9.]+)\)/.exec(
|
||||||
|
transform?.value || ""
|
||||||
|
);
|
||||||
|
if (rotateResult) {
|
||||||
|
angle = parseFloat(rotateResult[1]);
|
||||||
|
const [ncx, ncy] = rotate(x + w / 2, y + h / 2, 0, 0, angle);
|
||||||
|
x = ncx - w / 2;
|
||||||
|
y = ncy - h / 2;
|
||||||
|
}
|
||||||
|
|
||||||
|
const audioEl = document.createElement("audio");
|
||||||
|
audioEl.classList.add("audioPlayer");
|
||||||
|
audioEl.controls = true;
|
||||||
|
audioEl.src = `content/${descNode.textContent}`;
|
||||||
|
audioEl.style.position = "absolute";
|
||||||
|
audioEl.style.top = `${y * ratio}px`;
|
||||||
|
audioEl.style.left = `${x * ratio}px`;
|
||||||
|
audioEl.style.width = `${w * ratio}px`;
|
||||||
|
audioEl.style.height = `${h * ratio}px`;
|
||||||
|
console.log({ audioEl });
|
||||||
|
result.push(audioEl);
|
||||||
|
|
||||||
|
el.classList.add("internal");
|
||||||
|
}
|
||||||
|
});
|
||||||
|
|
||||||
|
return result;
|
||||||
|
}
|
||||||
|
|
||||||
|
function processHyperlinks(svg: XMLDocument): {
|
||||||
|
anchor: [string, SVGAElement][];
|
||||||
|
hyper: SVGAElement[];
|
||||||
|
} {
|
||||||
|
const anchor: [string, SVGAElement][] = [];
|
||||||
|
const hyper: SVGAElement[] = [];
|
||||||
|
Array.from(svg.getElementsByTagName("a")).forEach((el) => {
|
||||||
|
if (el.getAttribute("xlink:href")?.startsWith("anchor")) {
|
||||||
|
anchor.push([
|
||||||
|
el.getAttribute("xlink:href") as string,
|
||||||
|
el as unknown as SVGAElement,
|
||||||
|
]);
|
||||||
|
el.setAttribute("xlink:href", "#");
|
||||||
|
} else {
|
||||||
|
el.setAttribute("target", "_blank");
|
||||||
|
hyper.push(el as unknown as SVGAElement);
|
||||||
|
}
|
||||||
|
});
|
||||||
|
return { anchor, hyper };
|
||||||
|
}
|
||||||
|
|
||||||
|
function processStart(svg: XMLDocument): SVGRectElement | null {
|
||||||
|
const start = svg.getElementById("start");
|
||||||
|
if (start) {
|
||||||
|
start.classList.add("internal");
|
||||||
|
}
|
||||||
|
return start as unknown as SVGRectElement | null;
|
||||||
|
}
|
||||||
|
</script>
|
||||||
|
|
||||||
|
<div class="svg-content">
|
||||||
|
<div class="loading-screen" class:loaded={loadedPercent === 100}>
|
||||||
|
<div style="width: {loadedPercent}%" class="loading-bar" />
|
||||||
|
</div>
|
||||||
|
<div class="content" bind:this={root}>
|
||||||
|
<div class="video-scrolls">
|
||||||
|
{#each scrolls as scroll (scroll.id)}
|
||||||
|
<VideoScroll definition={scroll} />
|
||||||
|
{/each}
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
{#each audioAreas as audio (audio.id)}
|
||||||
|
<AudioArea definition={audio} {bbox} />
|
||||||
|
{/each}
|
||||||
|
{#if panToStart !== undefined}
|
||||||
|
<button on:click={() => panToStart()}>zpět na začátek</button>
|
||||||
|
{/if}
|
||||||
|
<div class="dev devpanel">
|
||||||
|
<div>
|
||||||
|
<span>Current viewport position:</span>
|
||||||
|
<span>{Math.round(bbox.x)}x{Math.round(bbox.y)}</span>
|
||||||
|
</div>
|
||||||
|
<div>
|
||||||
|
<span>Current cursor position:</span>
|
||||||
|
<span>{Math.round(mousePosition.x)}x{Math.round(mousePosition.y)}</span>
|
||||||
|
</div>
|
||||||
|
<div>
|
||||||
|
<span>Zoom level:</span><span>{Math.round(bbox.z * 1000) / 1000}</span>
|
||||||
|
</div>
|
||||||
|
<div>
|
||||||
|
<label>
|
||||||
|
<input bind:checked={showInternal} type="checkbox" />
|
||||||
|
Show internal elements
|
||||||
|
</label>
|
||||||
|
</div>
|
||||||
|
<div>
|
||||||
|
<!-- svelte-ignore missing-declaration -->
|
||||||
|
<p class="version">
|
||||||
|
Version - {__COMMIT_HASH__}
|
||||||
|
</p>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<style lang="scss">
|
||||||
|
:global {
|
||||||
|
.svg-content svg {
|
||||||
|
overflow: visible;
|
||||||
|
|
||||||
|
.internal {
|
||||||
|
visibility: hidden;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
audio {
|
||||||
|
scale: 2;
|
||||||
|
transform: translate(25%, -25%);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.loading-screen {
|
||||||
|
position: fixed;
|
||||||
|
top: 0;
|
||||||
|
left: 0;
|
||||||
|
width: 100vw;
|
||||||
|
height: 100vh;
|
||||||
|
background: black;
|
||||||
|
transition: opacity 0.5s;
|
||||||
|
opacity: 1;
|
||||||
|
}
|
||||||
|
|
||||||
|
.loading-screen.loaded {
|
||||||
|
opacity: 0 !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
.loading-bar {
|
||||||
|
height: 6px;
|
||||||
|
background: white;
|
||||||
|
margin: calc(50vh - 3px) auto;
|
||||||
|
transition: width 0.2s;
|
||||||
|
}
|
||||||
|
|
||||||
|
button {
|
||||||
|
position: fixed;
|
||||||
|
bottom: 0;
|
||||||
|
left: 50%;
|
||||||
|
font-size: 1.5rem;
|
||||||
|
transform: translateX(-50%);
|
||||||
|
padding: 1rem 2rem;
|
||||||
|
margin-bottom: 10px;
|
||||||
|
background: #fefefe;
|
||||||
|
border-radius: 1rem;
|
||||||
|
cursor: pointer;
|
||||||
|
border: 1px solid rgba(0, 0, 0, 0.5);
|
||||||
|
box-shadow: 0 6px 3px rgba(0, 0, 0, 0.33);
|
||||||
|
}
|
||||||
|
|
||||||
|
:global(.videoOverlay) {
|
||||||
|
background: url("play.png");
|
||||||
|
background-position: center;
|
||||||
|
background-repeat: no-repeat;
|
||||||
|
background-size: 66%;
|
||||||
|
opacity: 0.25;
|
||||||
|
background-color: rgba(0, 0, 0, 1);
|
||||||
|
cursor: pointer;
|
||||||
|
}
|
||||||
|
|
||||||
|
.dev {
|
||||||
|
display: none;
|
||||||
|
}
|
||||||
|
|
||||||
|
.devpanel {
|
||||||
|
position: fixed;
|
||||||
|
top: 0;
|
||||||
|
right: 0;
|
||||||
|
z-index: 999;
|
||||||
|
|
||||||
|
color: white;
|
||||||
|
background: #000000aa;
|
||||||
|
border: 2px solid white;
|
||||||
|
font-family: monospace;
|
||||||
|
padding: 1em 2em;
|
||||||
|
|
||||||
|
.version {
|
||||||
|
text-align: center;
|
||||||
|
font-weight: bold;
|
||||||
|
width: 100%;
|
||||||
|
margin: 0.5em;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.devpanel div {
|
||||||
|
display: flex;
|
||||||
|
justify-content: space-between;
|
||||||
|
}
|
||||||
|
|
||||||
|
.devpanel label {
|
||||||
|
float: right;
|
||||||
|
}
|
||||||
|
|
||||||
|
.devpanel div span {
|
||||||
|
margin: 0 0.5em;
|
||||||
|
}
|
||||||
|
</style>
|
||||||
|
|
@ -1,656 +0,0 @@
|
||||||
<template>
|
|
||||||
<div class="svg-content">
|
|
||||||
<div :class="['loading-screen', { loaded: loadedPercent === 100 }]">
|
|
||||||
<div :style="{ width: `${loadedPercent}%` }" class="loading-bar"></div>
|
|
||||||
</div>
|
|
||||||
<div class="content" ref="root">
|
|
||||||
<div class="video-scrolls">
|
|
||||||
<VideoScroll
|
|
||||||
v-for="scroll in scrolls"
|
|
||||||
:definition="scroll"
|
|
||||||
:key="scroll.id"
|
|
||||||
/>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
<AudioArea
|
|
||||||
v-for="audio in audioAreas"
|
|
||||||
:definition="audio"
|
|
||||||
:bbox="bbox"
|
|
||||||
:key="audio.id"
|
|
||||||
/>
|
|
||||||
<div class="dev devpanel">
|
|
||||||
<div>
|
|
||||||
<span>Current viewport position:</span>
|
|
||||||
<span>{{ Math.round(bbox.x) }}x{{ Math.round(bbox.y) }}</span>
|
|
||||||
</div>
|
|
||||||
<div>
|
|
||||||
<span>Current cursor position:</span>
|
|
||||||
<span
|
|
||||||
>{{ Math.round(mousePosition.x) }}x{{
|
|
||||||
Math.round(mousePosition.y)
|
|
||||||
}}</span
|
|
||||||
>
|
|
||||||
</div>
|
|
||||||
<div>
|
|
||||||
<span>Zoom level:</span
|
|
||||||
><span>{{ Math.round(bbox.z * 1000) / 1000 }}</span>
|
|
||||||
</div>
|
|
||||||
<label>
|
|
||||||
<input v-model="showInternal" type="checkbox" />
|
|
||||||
<label>Show internal elements</label>
|
|
||||||
</label>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</template>
|
|
||||||
|
|
||||||
<script lang="ts">
|
|
||||||
import { defineComponent, onMounted, reactive, ref } from "vue";
|
|
||||||
import createPanZoom, { PanZoom } from "panzoom";
|
|
||||||
import VideoScroll, {
|
|
||||||
VideoScrollDef,
|
|
||||||
VideoScrollDirection,
|
|
||||||
} from "@/components/VideoScroll.vue";
|
|
||||||
import AudioArea, { AudioAreaDef } from "@/components/AudioArea.vue";
|
|
||||||
import Stats from "stats.js";
|
|
||||||
import { rotate } from "@/utils";
|
|
||||||
import fetchProgress from "fetch-progress";
|
|
||||||
|
|
||||||
export interface BoundingBox {
|
|
||||||
x: number;
|
|
||||||
y: number;
|
|
||||||
w: number;
|
|
||||||
h: number;
|
|
||||||
z: number;
|
|
||||||
}
|
|
||||||
|
|
||||||
export default defineComponent({
|
|
||||||
name: "SVGContent",
|
|
||||||
components: { AudioArea, VideoScroll },
|
|
||||||
props: {
|
|
||||||
url: {
|
|
||||||
type: String,
|
|
||||||
required: true,
|
|
||||||
},
|
|
||||||
},
|
|
||||||
data() {
|
|
||||||
return {
|
|
||||||
showInternal: false,
|
|
||||||
};
|
|
||||||
},
|
|
||||||
watch: {
|
|
||||||
showInternal(value) {
|
|
||||||
Array.from(this.root!.getElementsByClassName("internal")).forEach(
|
|
||||||
(el) => {
|
|
||||||
(el as SVGElement).style.visibility = value ? "visible" : "hidden";
|
|
||||||
}
|
|
||||||
);
|
|
||||||
},
|
|
||||||
},
|
|
||||||
setup(props, { emit }) {
|
|
||||||
const root = ref<HTMLDivElement | null>(null);
|
|
||||||
const loadedPercent = ref(0);
|
|
||||||
const panzoom = ref<null | PanZoom>(null);
|
|
||||||
const anchors = ref<SVGRectElement[]>([]);
|
|
||||||
const scrolls = ref<VideoScrollDef[]>([]);
|
|
||||||
const panToAnchor = ref();
|
|
||||||
const audioAreas = ref<AudioAreaDef[]>([]);
|
|
||||||
const bbox: BoundingBox = reactive({
|
|
||||||
x: ref(0),
|
|
||||||
y: ref(0),
|
|
||||||
w: ref(0),
|
|
||||||
h: ref(0),
|
|
||||||
z: ref(1),
|
|
||||||
});
|
|
||||||
const mousePosition = reactive({
|
|
||||||
x: ref(0),
|
|
||||||
y: ref(0),
|
|
||||||
});
|
|
||||||
const panning = ref(false);
|
|
||||||
|
|
||||||
onMounted(async () => {
|
|
||||||
const element = (root.value as unknown) as HTMLDivElement;
|
|
||||||
console.info("[SVG] Initializing.");
|
|
||||||
|
|
||||||
// Fetch & load SVG
|
|
||||||
console.info(`[SVG] Fetching "${props.url}..."`);
|
|
||||||
const fetchResult = await fetch(props.url).then(
|
|
||||||
fetchProgress({
|
|
||||||
onProgress(progress) {
|
|
||||||
loadedPercent.value = (progress as any).percentage;
|
|
||||||
},
|
|
||||||
})
|
|
||||||
);
|
|
||||||
const svgParsed = new DOMParser().parseFromString(
|
|
||||||
await fetchResult.text(),
|
|
||||||
"image/svg+xml"
|
|
||||||
) as Document;
|
|
||||||
console.debug("[SVG] Loaded.");
|
|
||||||
loadedPercent.value = 100;
|
|
||||||
const svg = element.appendChild(
|
|
||||||
svgParsed.firstElementChild as Element
|
|
||||||
) as any;
|
|
||||||
|
|
||||||
// Set document background
|
|
||||||
const pageColor = svg
|
|
||||||
.getElementById("base")
|
|
||||||
?.attributes.getNamedItem("pagecolor");
|
|
||||||
if (pageColor) {
|
|
||||||
console.debug(`[SVG] Found pageColor attribute: ${pageColor.value}`);
|
|
||||||
emit("setBackground", pageColor.value);
|
|
||||||
}
|
|
||||||
|
|
||||||
// PanZoom
|
|
||||||
const pz = createPanZoom(element, {
|
|
||||||
smoothScroll: false,
|
|
||||||
minZoom: 0.05,
|
|
||||||
maxZoom: 3637937,
|
|
||||||
zoomSpeed: 0.05,
|
|
||||||
zoomDoubleClickSpeed: 1,
|
|
||||||
beforeMouseDown: () => {
|
|
||||||
return panning.value;
|
|
||||||
},
|
|
||||||
beforeWheel: () => {
|
|
||||||
return panning.value;
|
|
||||||
},
|
|
||||||
onDoubleClick: () => {
|
|
||||||
if (!document.fullscreenElement) {
|
|
||||||
console.debug("[SVG] Fullscreen requested.");
|
|
||||||
document.body.requestFullscreen();
|
|
||||||
} else {
|
|
||||||
console.debug("[SVG] Fullscreen exited.");
|
|
||||||
document.exitFullscreen();
|
|
||||||
}
|
|
||||||
|
|
||||||
return true;
|
|
||||||
},
|
|
||||||
});
|
|
||||||
panzoom.value = pz;
|
|
||||||
|
|
||||||
// Calculate SVG-unit bounding box, update transform
|
|
||||||
pz.on("transform", function (_) {
|
|
||||||
const transform = pz.getTransform();
|
|
||||||
const currentRatio =
|
|
||||||
(svg.clientWidth * transform.scale) / svg.viewBox.baseVal.width;
|
|
||||||
|
|
||||||
bbox.x = (transform.x / currentRatio) * -1;
|
|
||||||
bbox.y = (transform.y / currentRatio) * -1;
|
|
||||||
bbox.w = window.innerWidth / currentRatio;
|
|
||||||
bbox.h = window.innerHeight / currentRatio;
|
|
||||||
bbox.z = transform.scale;
|
|
||||||
|
|
||||||
window.location.hash = `${Math.round(bbox.x + bbox.w / 2)},${Math.round(
|
|
||||||
bbox.y + bbox.h / 2
|
|
||||||
)},${Math.round(transform.scale * 1000) / 1000}z`;
|
|
||||||
});
|
|
||||||
|
|
||||||
function panToElement(target: SVGRectElement, smooth: boolean) {
|
|
||||||
console.debug(`[SVG] Panning to element: #${target.id}`);
|
|
||||||
const transform = pz.getTransform();
|
|
||||||
const currentRatio =
|
|
||||||
(svg.clientWidth * transform.scale) / svg.viewBox.baseVal.width;
|
|
||||||
const ratio = svg.clientWidth / svg.viewBox.baseVal.width;
|
|
||||||
const targetScale =
|
|
||||||
window.innerWidth / (target.width.baseVal.value * ratio);
|
|
||||||
|
|
||||||
const svgTargetX =
|
|
||||||
(target.x.baseVal.value + target.width.baseVal.value / 2) *
|
|
||||||
currentRatio;
|
|
||||||
const svgTargetY =
|
|
||||||
(target.y.baseVal.value + target.height.baseVal.value / 2) *
|
|
||||||
currentRatio;
|
|
||||||
|
|
||||||
if (smooth) {
|
|
||||||
panning.value = true;
|
|
||||||
|
|
||||||
pz.smoothMoveTo(
|
|
||||||
svgTargetX * -1 + window.innerWidth / 2,
|
|
||||||
svgTargetY * -1 + window.innerHeight / 2
|
|
||||||
);
|
|
||||||
|
|
||||||
setTimeout(() => {
|
|
||||||
const finalTransform = pz.getTransform();
|
|
||||||
pz.smoothZoomAbs(
|
|
||||||
svgTargetX + finalTransform.x,
|
|
||||||
svgTargetY + finalTransform.y,
|
|
||||||
targetScale
|
|
||||||
);
|
|
||||||
setTimeout(() => {
|
|
||||||
panning.value = false;
|
|
||||||
}, 400);
|
|
||||||
}, 400 * 4);
|
|
||||||
} else {
|
|
||||||
pz.moveTo(
|
|
||||||
svgTargetX * -1 + window.innerWidth / 2,
|
|
||||||
svgTargetY * -1 + window.innerHeight / 2
|
|
||||||
);
|
|
||||||
pz.zoomAbs(
|
|
||||||
window.innerWidth / 2,
|
|
||||||
window.innerHeight / 2,
|
|
||||||
targetScale
|
|
||||||
);
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
panToAnchor.value = (anchor: SVGRectElement) => {
|
|
||||||
panToElement(anchor, true);
|
|
||||||
};
|
|
||||||
|
|
||||||
// Process start element
|
|
||||||
const start = processStart(svg);
|
|
||||||
if (start) {
|
|
||||||
console.info("[SVG] Found start element.");
|
|
||||||
window.addEventListener("keydown", (ev) => {
|
|
||||||
if (ev.key === " ") {
|
|
||||||
panToElement(start, true);
|
|
||||||
}
|
|
||||||
});
|
|
||||||
}
|
|
||||||
|
|
||||||
// Pan to start element or location in hash
|
|
||||||
const locationMatch = window.location.href.match(
|
|
||||||
/#([\-0-9.]+),([\-0-9.]+),([0-9.]+)z/
|
|
||||||
);
|
|
||||||
if (locationMatch) {
|
|
||||||
console.debug(`[SVGCONTENT] Got a location match: ${locationMatch}`);
|
|
||||||
const [_, x, y, z] = locationMatch;
|
|
||||||
|
|
||||||
const transform = pz.getTransform();
|
|
||||||
const currentRatio =
|
|
||||||
(svg.clientWidth * transform.scale) / svg.viewBox.baseVal.width;
|
|
||||||
pz.moveTo(
|
|
||||||
parseFloat(x) * currentRatio * -1 + window.innerWidth / 2,
|
|
||||||
parseFloat(y) * currentRatio * -1 + window.innerHeight / 2
|
|
||||||
);
|
|
||||||
pz.zoomAbs(
|
|
||||||
window.innerWidth / 2,
|
|
||||||
window.innerHeight / 2,
|
|
||||||
parseFloat(z)
|
|
||||||
);
|
|
||||||
} else if (start) {
|
|
||||||
console.debug(`[SVGCONTENT] Panning to start anchor.`);
|
|
||||||
panToElement(start, false);
|
|
||||||
}
|
|
||||||
|
|
||||||
// Anchors
|
|
||||||
console.debug("[SVG] Processing anchors.");
|
|
||||||
anchors.value = processAnchors(svg);
|
|
||||||
console.info(`[SVG] Found ${anchors.value.length} anchors.`);
|
|
||||||
|
|
||||||
// Links
|
|
||||||
console.debug("[SVG] Processing hyperlinks.");
|
|
||||||
const { anchor, hyper } = processHyperlinks(svg);
|
|
||||||
console.info(
|
|
||||||
`[SVG] Found ${anchor.length} anchor links and ${hyper.length} hyperlinks.`
|
|
||||||
);
|
|
||||||
anchor.forEach(([anchorId, element]) => {
|
|
||||||
const anchor = anchors.value.find((a) => a.id == anchorId);
|
|
||||||
if (!anchor) {
|
|
||||||
console.error(`[SVG] Could not find anchor #${anchorId}!`);
|
|
||||||
return;
|
|
||||||
}
|
|
||||||
element.addEventListener("click", () => {
|
|
||||||
panToElement(anchor, true);
|
|
||||||
});
|
|
||||||
});
|
|
||||||
|
|
||||||
// Audio areas
|
|
||||||
console.debug("[SVG] Processing audio areas.");
|
|
||||||
audioAreas.value = processAudio(svg);
|
|
||||||
console.info(`[SVG] Found ${audioAreas.value.length} audio areas.`);
|
|
||||||
|
|
||||||
// Videoscrolls
|
|
||||||
console.debug("[SVG] Processing video scrolls.");
|
|
||||||
scrolls.value = await processScrolls(svg);
|
|
||||||
console.info(`[SVG] Found ${scrolls.value.length} video scrolls.`);
|
|
||||||
|
|
||||||
// Debug Stats
|
|
||||||
let stats: Stats | undefined;
|
|
||||||
if (window.location.search.includes("debug")) {
|
|
||||||
console.info("[SVG] DEBUG mode active, turning on stats & dev panel.");
|
|
||||||
stats = new Stats();
|
|
||||||
document.body.appendChild(stats.dom);
|
|
||||||
|
|
||||||
Array.from(document.body.getElementsByClassName("dev")).forEach(
|
|
||||||
(el) => {
|
|
||||||
(el as HTMLElement).style.display = "block";
|
|
||||||
}
|
|
||||||
);
|
|
||||||
}
|
|
||||||
|
|
||||||
// Animations: FPS Counter, Edge scrolling
|
|
||||||
let mouse: MouseEvent | undefined;
|
|
||||||
window.addEventListener("mousemove", (ev) => {
|
|
||||||
mouse = ev;
|
|
||||||
const transform = pz.getTransform();
|
|
||||||
const currentRatio =
|
|
||||||
(svg.clientWidth * transform.scale) / svg.viewBox.baseVal.width;
|
|
||||||
mousePosition.x = (mouse.clientX - transform.x) / currentRatio;
|
|
||||||
mousePosition.y = (mouse.clientY - transform.y) / currentRatio;
|
|
||||||
});
|
|
||||||
|
|
||||||
let gamePadZoomSpeed = 10;
|
|
||||||
|
|
||||||
function animate() {
|
|
||||||
if (stats) {
|
|
||||||
stats.begin();
|
|
||||||
}
|
|
||||||
|
|
||||||
// Edge scrolling
|
|
||||||
const MOVE_EDGE_X = window.innerWidth * 0.25;
|
|
||||||
const MOVE_EDGE_Y = window.innerHeight * 0.25;
|
|
||||||
const MAX_SPEED = 20;
|
|
||||||
|
|
||||||
if (mouse && !panning.value && document.fullscreenElement) {
|
|
||||||
let horizontalShift: number;
|
|
||||||
let verticalShift: number;
|
|
||||||
|
|
||||||
const transform = pz.getTransform();
|
|
||||||
if (
|
|
||||||
mouse.clientX < MOVE_EDGE_X ||
|
|
||||||
mouse.clientX > window.innerWidth - MOVE_EDGE_X
|
|
||||||
) {
|
|
||||||
const horizontalEdgeDistance =
|
|
||||||
mouse.clientX < window.innerWidth / 2
|
|
||||||
? mouse.clientX
|
|
||||||
: mouse.clientX - window.innerWidth;
|
|
||||||
const horizontalRatio =
|
|
||||||
(MOVE_EDGE_X - Math.abs(horizontalEdgeDistance)) / MOVE_EDGE_X;
|
|
||||||
const direction = mouse.clientX < MOVE_EDGE_X ? 1 : -1;
|
|
||||||
horizontalShift = horizontalRatio * direction * MAX_SPEED;
|
|
||||||
} else {
|
|
||||||
horizontalShift = 0;
|
|
||||||
}
|
|
||||||
|
|
||||||
if (
|
|
||||||
mouse.clientY < MOVE_EDGE_Y ||
|
|
||||||
mouse.clientY > window.innerHeight - MOVE_EDGE_Y
|
|
||||||
) {
|
|
||||||
const verticalEdgeDistance =
|
|
||||||
mouse.clientY < window.innerHeight / 2
|
|
||||||
? mouse.clientY
|
|
||||||
: mouse.clientY - window.innerHeight;
|
|
||||||
const verticalRatio =
|
|
||||||
(MOVE_EDGE_Y - Math.abs(verticalEdgeDistance)) / MOVE_EDGE_Y;
|
|
||||||
const direction = mouse.clientY < MOVE_EDGE_Y ? 1 : -1;
|
|
||||||
verticalShift = verticalRatio * direction * MAX_SPEED;
|
|
||||||
} else {
|
|
||||||
verticalShift = 0;
|
|
||||||
}
|
|
||||||
|
|
||||||
if (horizontalShift || verticalShift) {
|
|
||||||
pz.moveTo(
|
|
||||||
transform!.x + horizontalShift,
|
|
||||||
transform!.y + verticalShift
|
|
||||||
);
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
if (navigator.getGamepads) {
|
|
||||||
var gamepads = navigator.getGamepads();
|
|
||||||
var gp = gamepads[0];
|
|
||||||
|
|
||||||
if (gp) {
|
|
||||||
if (gp.buttons[7].pressed) {
|
|
||||||
gamePadZoomSpeed += 0.1;
|
|
||||||
}
|
|
||||||
if (gp.buttons[5].pressed) {
|
|
||||||
gamePadZoomSpeed -= 0.1;
|
|
||||||
}
|
|
||||||
if (gamePadZoomSpeed < 1) {
|
|
||||||
gamePadZoomSpeed = 1;
|
|
||||||
}
|
|
||||||
if (gamePadZoomSpeed > 30) {
|
|
||||||
gamePadZoomSpeed = 30;
|
|
||||||
}
|
|
||||||
|
|
||||||
const transform = pz.getTransform();
|
|
||||||
|
|
||||||
const horizontalShift = gp.axes[0] * -1 * gamePadZoomSpeed;
|
|
||||||
const verticalShift = gp.axes[1] * -1 * gamePadZoomSpeed;
|
|
||||||
|
|
||||||
if (horizontalShift || verticalShift) {
|
|
||||||
pz.moveTo(
|
|
||||||
transform!.x + horizontalShift,
|
|
||||||
transform!.y + verticalShift
|
|
||||||
);
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
if (stats) {
|
|
||||||
stats.end();
|
|
||||||
}
|
|
||||||
|
|
||||||
requestAnimationFrame(animate);
|
|
||||||
}
|
|
||||||
|
|
||||||
requestAnimationFrame(animate);
|
|
||||||
});
|
|
||||||
|
|
||||||
return {
|
|
||||||
root,
|
|
||||||
loadedPercent,
|
|
||||||
panzoom,
|
|
||||||
anchors,
|
|
||||||
panToAnchor,
|
|
||||||
scrolls,
|
|
||||||
audioAreas,
|
|
||||||
bbox,
|
|
||||||
mousePosition,
|
|
||||||
};
|
|
||||||
},
|
|
||||||
});
|
|
||||||
|
|
||||||
function processAnchors(document: XMLDocument): SVGRectElement[] {
|
|
||||||
const result: SVGRectElement[] = [];
|
|
||||||
Array.from(document.getElementsByTagName("rect"))
|
|
||||||
.filter((el) => el.id.startsWith("anchor"))
|
|
||||||
.forEach((anchor) => {
|
|
||||||
console.debug(`[SVG/ANCHORS] Found anchor #${anchor.id}.`);
|
|
||||||
anchor.classList.add("internal");
|
|
||||||
result.push(anchor);
|
|
||||||
});
|
|
||||||
return result;
|
|
||||||
}
|
|
||||||
|
|
||||||
async function processScrolls(svg: XMLDocument): Promise<VideoScrollDef[]> {
|
|
||||||
const ratio = (svg as any).clientWidth / (svg as any).viewBox.baseVal.width;
|
|
||||||
|
|
||||||
return Promise.all(
|
|
||||||
Array.from(svg.getElementsByTagName("image"))
|
|
||||||
.filter((el) =>
|
|
||||||
Array.from(el.children).some((el) => el.tagName == "desc")
|
|
||||||
)
|
|
||||||
.map(async (el) => {
|
|
||||||
const descNode = Array.from(el.children).find(
|
|
||||||
(el) => el.tagName == "desc"
|
|
||||||
);
|
|
||||||
console.debug(
|
|
||||||
`[SVG/VIDEOSCROLLS] Found video scroll #${el.id}: ${descNode?.textContent}`
|
|
||||||
);
|
|
||||||
const [directionString, filesURL] = descNode!.textContent!.split("\n");
|
|
||||||
|
|
||||||
const directions: VideoScrollDirection[] = directionString
|
|
||||||
.split(" ")
|
|
||||||
.map((direction) => {
|
|
||||||
if (
|
|
||||||
!Object.values(VideoScrollDirection).includes(
|
|
||||||
direction as VideoScrollDirection
|
|
||||||
)
|
|
||||||
) {
|
|
||||||
console.error(
|
|
||||||
`Unknown direction definition: "${direction}" (in #${el.id})`
|
|
||||||
);
|
|
||||||
return false;
|
|
||||||
}
|
|
||||||
return direction as VideoScrollDirection;
|
|
||||||
})
|
|
||||||
.filter((d) => Boolean(d)) as VideoScrollDirection[];
|
|
||||||
|
|
||||||
console.debug(`[SVG/VIDEOSCROLLS] Fetching ${filesURL}...`);
|
|
||||||
const fileFetch = await fetch(`content/${filesURL}`);
|
|
||||||
const preURL = fileFetch.url.replace(/\/files.lst$/, "");
|
|
||||||
const files = (await fileFetch.text())
|
|
||||||
.split("\n")
|
|
||||||
.filter(Boolean)
|
|
||||||
.map((str) => `${preURL}/${str}`);
|
|
||||||
|
|
||||||
let x = el.x.baseVal.value;
|
|
||||||
let y = el.y.baseVal.value;
|
|
||||||
let w = el.width.baseVal.value;
|
|
||||||
let h = el.height.baseVal.value;
|
|
||||||
let angle = 0;
|
|
||||||
|
|
||||||
const transform = el.attributes.getNamedItem("transform");
|
|
||||||
const rotateResult = /rotate\((-?[0-9.]+)\)/.exec(
|
|
||||||
transform?.value || ""
|
|
||||||
);
|
|
||||||
if (rotateResult) {
|
|
||||||
angle = parseFloat(rotateResult[1]);
|
|
||||||
const [ncx, ncy] = rotate(x + w / 2, y + h / 2, 0, 0, angle);
|
|
||||||
x = ncx - w / 2;
|
|
||||||
y = ncy - h / 2;
|
|
||||||
}
|
|
||||||
|
|
||||||
return {
|
|
||||||
id: el.id,
|
|
||||||
top: y * ratio,
|
|
||||||
left: x * ratio,
|
|
||||||
angle,
|
|
||||||
width: w * ratio,
|
|
||||||
height: h * ratio,
|
|
||||||
directions,
|
|
||||||
files,
|
|
||||||
};
|
|
||||||
})
|
|
||||||
);
|
|
||||||
}
|
|
||||||
|
|
||||||
function processAudio(svg: XMLDocument): AudioAreaDef[] {
|
|
||||||
const circles: (SVGCircleElement | SVGEllipseElement)[] = Array.from(
|
|
||||||
svg.getElementsByTagName("circle")
|
|
||||||
);
|
|
||||||
const ellipses: (SVGCircleElement | SVGEllipseElement)[] = Array.from(
|
|
||||||
svg.getElementsByTagName("ellipse")
|
|
||||||
);
|
|
||||||
return circles
|
|
||||||
.concat(ellipses)
|
|
||||||
.filter((el) => Array.from(el.children).some((el) => el.tagName == "desc"))
|
|
||||||
.map((el) => {
|
|
||||||
const descNode = Array.from(el.children).find(
|
|
||||||
(el) => el.tagName == "desc"
|
|
||||||
);
|
|
||||||
console.debug(
|
|
||||||
`[SVG/AUDIOAREAS] Found audio area #${el.id}: ${descNode?.textContent}`
|
|
||||||
);
|
|
||||||
const audioSrc = descNode!.textContent!.trim();
|
|
||||||
|
|
||||||
const radius = el.hasAttribute("r")
|
|
||||||
? (el as SVGCircleElement).r.baseVal.value
|
|
||||||
: ((el as SVGEllipseElement).rx.baseVal.value +
|
|
||||||
(el as SVGEllipseElement).ry.baseVal.value) /
|
|
||||||
2;
|
|
||||||
|
|
||||||
el.classList.add("internal");
|
|
||||||
|
|
||||||
return {
|
|
||||||
id: el.id,
|
|
||||||
cx: el.cx.baseVal.value,
|
|
||||||
cy: el.cy.baseVal.value,
|
|
||||||
radius,
|
|
||||||
src: `content/${audioSrc}`,
|
|
||||||
};
|
|
||||||
});
|
|
||||||
}
|
|
||||||
|
|
||||||
function processHyperlinks(
|
|
||||||
svg: XMLDocument
|
|
||||||
): { anchor: [string, SVGAElement][]; hyper: SVGAElement[] } {
|
|
||||||
const anchor: [string, SVGAElement][] = [];
|
|
||||||
const hyper: SVGAElement[] = [];
|
|
||||||
Array.from(svg.getElementsByTagName("a")).forEach((el) => {
|
|
||||||
if (el.getAttribute("xlink:href")?.startsWith("anchor")) {
|
|
||||||
anchor.push([
|
|
||||||
el.getAttribute("xlink:href") as string,
|
|
||||||
(el as unknown) as SVGAElement,
|
|
||||||
]);
|
|
||||||
el.setAttribute("xlink:href", "#");
|
|
||||||
} else {
|
|
||||||
el.setAttribute("target", "_blank");
|
|
||||||
hyper.push((el as unknown) as SVGAElement);
|
|
||||||
}
|
|
||||||
});
|
|
||||||
return { anchor, hyper };
|
|
||||||
}
|
|
||||||
|
|
||||||
function processStart(svg: XMLDocument): SVGRectElement | null {
|
|
||||||
const start = svg.getElementById("start");
|
|
||||||
if (start) {
|
|
||||||
start.classList.add("internal");
|
|
||||||
}
|
|
||||||
return start as SVGRectElement | null;
|
|
||||||
}
|
|
||||||
</script>
|
|
||||||
|
|
||||||
<!-- Add "scoped" attribute to limit CSS to this component only -->
|
|
||||||
<style>
|
|
||||||
.svg-content svg {
|
|
||||||
overflow: visible;
|
|
||||||
}
|
|
||||||
|
|
||||||
.svg-content svg .internal {
|
|
||||||
visibility: hidden;
|
|
||||||
}
|
|
||||||
|
|
||||||
.loading-screen {
|
|
||||||
position: fixed;
|
|
||||||
top: 0;
|
|
||||||
left: 0;
|
|
||||||
width: 100vw;
|
|
||||||
height: 100vh;
|
|
||||||
background: black;
|
|
||||||
transition: opacity 0.5s;
|
|
||||||
opacity: 1;
|
|
||||||
}
|
|
||||||
|
|
||||||
.loading-screen.loaded {
|
|
||||||
opacity: 0 !important;
|
|
||||||
}
|
|
||||||
|
|
||||||
.loading-bar {
|
|
||||||
height: 6px;
|
|
||||||
background: white;
|
|
||||||
margin: calc(50vh - 3px) auto;
|
|
||||||
transition: width 0.2s;
|
|
||||||
}
|
|
||||||
|
|
||||||
.dev {
|
|
||||||
display: none;
|
|
||||||
}
|
|
||||||
|
|
||||||
.devpanel {
|
|
||||||
position: fixed;
|
|
||||||
top: 0;
|
|
||||||
right: 0;
|
|
||||||
z-index: 999;
|
|
||||||
|
|
||||||
color: white;
|
|
||||||
background: #000000aa;
|
|
||||||
border: 2px solid white;
|
|
||||||
font-family: monospace;
|
|
||||||
padding: 1em 2em;
|
|
||||||
}
|
|
||||||
|
|
||||||
.devpanel div {
|
|
||||||
display: flex;
|
|
||||||
justify-content: space-between;
|
|
||||||
}
|
|
||||||
|
|
||||||
.devpanel label {
|
|
||||||
float: right;
|
|
||||||
}
|
|
||||||
|
|
||||||
.devpanel div span {
|
|
||||||
margin: 0 0.5em;
|
|
||||||
}
|
|
||||||
</style>
|
|
||||||
53
src/components/VideoPlayer.svelte
Normal file
53
src/components/VideoPlayer.svelte
Normal file
|
|
@ -0,0 +1,53 @@
|
||||||
|
<script lang="ts">
|
||||||
|
import { createEventDispatcher, onMount } from "svelte";
|
||||||
|
|
||||||
|
const dispatch = createEventDispatcher();
|
||||||
|
export let url: string;
|
||||||
|
|
||||||
|
let visible = false;
|
||||||
|
onMount(() => {
|
||||||
|
visible = true;
|
||||||
|
});
|
||||||
|
|
||||||
|
function exit() {
|
||||||
|
if (visible == false) {
|
||||||
|
dispatch("exit");
|
||||||
|
}
|
||||||
|
}
|
||||||
|
</script>
|
||||||
|
|
||||||
|
<div
|
||||||
|
class="videoPlayer"
|
||||||
|
on:click={() => (visible = false)}
|
||||||
|
class:visible
|
||||||
|
on:transitionend={() => exit()}
|
||||||
|
>
|
||||||
|
<!-- svelte-ignore a11y-media-has-caption -->
|
||||||
|
<video controls autoplay src={url} />
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<style lang="scss">
|
||||||
|
.videoPlayer {
|
||||||
|
position: absolute;
|
||||||
|
top: 0;
|
||||||
|
left: 0;
|
||||||
|
width: 100vw;
|
||||||
|
height: 100vh;
|
||||||
|
display: flex;
|
||||||
|
justify-content: center;
|
||||||
|
@media (orientation: portrait) {
|
||||||
|
flex-direction: column;
|
||||||
|
}
|
||||||
|
|
||||||
|
background: rgba(0, 0, 0, 0.88);
|
||||||
|
video {
|
||||||
|
margin: 0 2rem;
|
||||||
|
}
|
||||||
|
|
||||||
|
transition: opacity 0.5s;
|
||||||
|
opacity: 0;
|
||||||
|
&.visible {
|
||||||
|
opacity: 1;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
</style>
|
||||||
152
src/components/VideoScroll.svelte
Normal file
152
src/components/VideoScroll.svelte
Normal file
|
|
@ -0,0 +1,152 @@
|
||||||
|
<script lang="ts" context="module">
|
||||||
|
export enum VideoScrollDirection {
|
||||||
|
RIGHT = "right",
|
||||||
|
LEFT = "left",
|
||||||
|
UP = "up",
|
||||||
|
DOWN = "down",
|
||||||
|
}
|
||||||
|
|
||||||
|
export interface VideoScrollDef {
|
||||||
|
id: string;
|
||||||
|
top: number;
|
||||||
|
left: number;
|
||||||
|
angle: number;
|
||||||
|
width: number;
|
||||||
|
height: number;
|
||||||
|
directions: VideoScrollDirection[];
|
||||||
|
files: string[];
|
||||||
|
}
|
||||||
|
</script>
|
||||||
|
|
||||||
|
<script lang="ts">
|
||||||
|
import { rotate } from "../utils";
|
||||||
|
import { onMount } from "svelte";
|
||||||
|
|
||||||
|
export let definition: VideoScrollDef;
|
||||||
|
|
||||||
|
let root: HTMLDivElement;
|
||||||
|
let dynamicFiles: { id: string; top: number; left: number; src: string }[] =
|
||||||
|
[];
|
||||||
|
$: {
|
||||||
|
dynamicFiles = definition.files.slice(1).map((src: string, idx: number) => {
|
||||||
|
const id = `${idx}_${src}`;
|
||||||
|
const cy =
|
||||||
|
definition.top +
|
||||||
|
(isVertical ? definition.height * (idx + 1) * verticalDirection : 0);
|
||||||
|
const cx =
|
||||||
|
definition.left +
|
||||||
|
(isHorizontal ? definition.width * (idx + 1) * horizontalDirection : 0);
|
||||||
|
const [left, top] = rotate(
|
||||||
|
cx,
|
||||||
|
cy,
|
||||||
|
definition.left,
|
||||||
|
definition.top,
|
||||||
|
definition.angle
|
||||||
|
);
|
||||||
|
return { id, top, left, src };
|
||||||
|
});
|
||||||
|
}
|
||||||
|
|
||||||
|
$: isHorizontal = definition.directions.some(
|
||||||
|
(dir: VideoScrollDirection) =>
|
||||||
|
dir === VideoScrollDirection.LEFT || dir === VideoScrollDirection.RIGHT
|
||||||
|
);
|
||||||
|
$: isVertical = definition.directions.some(
|
||||||
|
(dir: VideoScrollDirection) =>
|
||||||
|
dir === VideoScrollDirection.UP || dir === VideoScrollDirection.DOWN
|
||||||
|
);
|
||||||
|
$: horizontalDirection = definition.directions.includes(
|
||||||
|
VideoScrollDirection.RIGHT
|
||||||
|
)
|
||||||
|
? 1
|
||||||
|
: -1;
|
||||||
|
$: verticalDirection = definition.directions.includes(
|
||||||
|
VideoScrollDirection.DOWN
|
||||||
|
)
|
||||||
|
? 1
|
||||||
|
: -1;
|
||||||
|
|
||||||
|
onMount(() => {
|
||||||
|
const observer = new IntersectionObserver((entries, _) => {
|
||||||
|
entries.forEach((entry) => {
|
||||||
|
const element = entry.target as HTMLImageElement;
|
||||||
|
if (entry.isIntersecting) {
|
||||||
|
element.classList.add("visible");
|
||||||
|
if (!element.src) {
|
||||||
|
console.debug(
|
||||||
|
`[VIDEOSCROLL] Intersected, loading ${element.dataset.src}`
|
||||||
|
);
|
||||||
|
element.src = element.dataset.src!;
|
||||||
|
setTimeout(() => {
|
||||||
|
element.classList.add("displayed");
|
||||||
|
}, 3000);
|
||||||
|
element.onload = () => {
|
||||||
|
element.classList.add("displayed");
|
||||||
|
element.classList.add("loaded");
|
||||||
|
if (isHorizontal) {
|
||||||
|
element.style.height = "auto";
|
||||||
|
} else {
|
||||||
|
element.style.width = "auto";
|
||||||
|
}
|
||||||
|
};
|
||||||
|
}
|
||||||
|
}
|
||||||
|
});
|
||||||
|
});
|
||||||
|
if (root) {
|
||||||
|
Array.from(root.children).forEach((el) => {
|
||||||
|
observer.observe(el);
|
||||||
|
});
|
||||||
|
}
|
||||||
|
});
|
||||||
|
</script>
|
||||||
|
|
||||||
|
{#if definition.directions.length > 0}
|
||||||
|
<div class="video-scroll" bind:this={root}>
|
||||||
|
<img
|
||||||
|
class="visible displayed loaded"
|
||||||
|
src={definition.files[0]}
|
||||||
|
style:top="{Math.round(definition.top)}px"
|
||||||
|
style:left="{Math.round(definition.left)}px"
|
||||||
|
style:width={isHorizontal ? `${Math.round(definition.width)}px` : "auto"}
|
||||||
|
style:height={isVertical ? `${Math.round(definition.height)}px` : "auto"}
|
||||||
|
style:transform="rotate({definition.angle}deg)"
|
||||||
|
alt=""
|
||||||
|
/>
|
||||||
|
|
||||||
|
{#each dynamicFiles as file (file.id)}
|
||||||
|
<img
|
||||||
|
data-src={file.src}
|
||||||
|
style:top="{Math.round(file.top)}px"
|
||||||
|
style:left="{Math.round(file.left)}px"
|
||||||
|
style:width="{Math.round(definition.width)}px"
|
||||||
|
style:height="{Math.round(definition.height)}px"
|
||||||
|
style:transform="rotate({definition.angle}deg)"
|
||||||
|
alt=""
|
||||||
|
/>
|
||||||
|
{/each}
|
||||||
|
</div>
|
||||||
|
{/if}
|
||||||
|
|
||||||
|
<style lang="scss">
|
||||||
|
.video-scroll img {
|
||||||
|
position: absolute;
|
||||||
|
image-rendering: optimizeSpeed;
|
||||||
|
background: grey;
|
||||||
|
visibility: hidden;
|
||||||
|
opacity: 0;
|
||||||
|
transition: opacity 0.5s;
|
||||||
|
|
||||||
|
&.visible {
|
||||||
|
visibility: visible !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
&.displayed {
|
||||||
|
opacity: 1 !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
&.loaded {
|
||||||
|
background: transparent !important;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
</style>
|
||||||
|
|
@ -1,168 +0,0 @@
|
||||||
<template>
|
|
||||||
<div class="video-scroll" ref="root" v-if="definition.directions.length > 0">
|
|
||||||
<img
|
|
||||||
class="visible displayed loaded"
|
|
||||||
:src="definition.files[0]"
|
|
||||||
:style="{
|
|
||||||
top: `${Math.round(definition.top)}px`,
|
|
||||||
left: `${Math.round(definition.left)}px`,
|
|
||||||
width: isHorizontal ? `${Math.round(definition.width)}px` : 'auto',
|
|
||||||
height: isVertical ? `${Math.round(definition.height)}px` : 'auto',
|
|
||||||
transform: `rotate(${definition.angle}deg)`,
|
|
||||||
}"
|
|
||||||
/>
|
|
||||||
|
|
||||||
<!--suppress RequiredAttributes -->
|
|
||||||
<img
|
|
||||||
v-for="(file, idx) in dynamicFiles"
|
|
||||||
:key="`${idx}_${file.src}`"
|
|
||||||
:data-src="file.src"
|
|
||||||
:style="{
|
|
||||||
top: `${Math.round(file.top)}px`,
|
|
||||||
left: `${Math.round(file.left)}px`,
|
|
||||||
width: `${Math.round(definition.width)}px`,
|
|
||||||
height: `${Math.round(definition.height)}px`,
|
|
||||||
transform: `rotate(${definition.angle}deg)`,
|
|
||||||
}"
|
|
||||||
/>
|
|
||||||
</div>
|
|
||||||
</template>
|
|
||||||
|
|
||||||
<script lang="ts">
|
|
||||||
import { defineComponent, PropType } from "vue";
|
|
||||||
import { rotate } from "@/utils";
|
|
||||||
|
|
||||||
export default defineComponent({
|
|
||||||
name: "VideoScroll",
|
|
||||||
props: {
|
|
||||||
definition: {
|
|
||||||
type: Object as PropType<VideoScrollDef>,
|
|
||||||
required: true,
|
|
||||||
},
|
|
||||||
},
|
|
||||||
computed: {
|
|
||||||
dynamicFiles(): { top: number; left: number; src: string }[] {
|
|
||||||
return this.definition.files.slice(1).map((src: string, idx: number) => {
|
|
||||||
const cy =
|
|
||||||
this.definition.top +
|
|
||||||
(this.isVertical
|
|
||||||
? this.definition.height * (idx + 1) * this.verticalDirection
|
|
||||||
: 0);
|
|
||||||
const cx =
|
|
||||||
this.definition.left +
|
|
||||||
(this.isHorizontal
|
|
||||||
? this.definition.width * (idx + 1) * this.horizontalDirection
|
|
||||||
: 0);
|
|
||||||
const [left, top] = rotate(
|
|
||||||
cx,
|
|
||||||
cy,
|
|
||||||
this.definition.left,
|
|
||||||
this.definition.top,
|
|
||||||
this.definition.angle
|
|
||||||
);
|
|
||||||
return { top, left, src };
|
|
||||||
});
|
|
||||||
},
|
|
||||||
isHorizontal(): boolean {
|
|
||||||
return this.definition.directions.some(
|
|
||||||
(dir: VideoScrollDirection) =>
|
|
||||||
dir === VideoScrollDirection.LEFT ||
|
|
||||||
dir === VideoScrollDirection.RIGHT
|
|
||||||
);
|
|
||||||
},
|
|
||||||
isVertical(): boolean {
|
|
||||||
return this.definition.directions.some(
|
|
||||||
(dir: VideoScrollDirection) =>
|
|
||||||
dir === VideoScrollDirection.UP || dir === VideoScrollDirection.DOWN
|
|
||||||
);
|
|
||||||
},
|
|
||||||
horizontalDirection(): number {
|
|
||||||
return this.definition.directions.includes(VideoScrollDirection.RIGHT)
|
|
||||||
? 1
|
|
||||||
: -1;
|
|
||||||
},
|
|
||||||
verticalDirection(): number {
|
|
||||||
return this.definition.directions.includes(VideoScrollDirection.DOWN)
|
|
||||||
? 1
|
|
||||||
: -1;
|
|
||||||
},
|
|
||||||
},
|
|
||||||
mounted() {
|
|
||||||
const observer = new IntersectionObserver((entries, _) => {
|
|
||||||
entries.forEach((entry) => {
|
|
||||||
const element = entry.target as HTMLImageElement;
|
|
||||||
if (entry.isIntersecting) {
|
|
||||||
element.classList.add("visible");
|
|
||||||
if (!element.src) {
|
|
||||||
console.debug(
|
|
||||||
`[VIDEOSCROLL] Intersected, loading ${element.dataset.src}`
|
|
||||||
);
|
|
||||||
element.src = element.dataset.src!;
|
|
||||||
setTimeout(() => {
|
|
||||||
element.classList.add("displayed");
|
|
||||||
}, 3000);
|
|
||||||
element.onload = () => {
|
|
||||||
element.classList.add("displayed");
|
|
||||||
element.classList.add("loaded");
|
|
||||||
if (this.isHorizontal) {
|
|
||||||
element.style.height = "auto";
|
|
||||||
} else {
|
|
||||||
element.style.width = "auto";
|
|
||||||
}
|
|
||||||
};
|
|
||||||
}
|
|
||||||
} else {
|
|
||||||
element.classList.remove("visible");
|
|
||||||
}
|
|
||||||
});
|
|
||||||
});
|
|
||||||
if (this.$refs.root) {
|
|
||||||
Array.from((this.$refs.root as Element).children).forEach((el) => {
|
|
||||||
observer.observe(el);
|
|
||||||
});
|
|
||||||
}
|
|
||||||
},
|
|
||||||
});
|
|
||||||
|
|
||||||
export enum VideoScrollDirection {
|
|
||||||
RIGHT = "right",
|
|
||||||
LEFT = "left",
|
|
||||||
UP = "up",
|
|
||||||
DOWN = "down",
|
|
||||||
}
|
|
||||||
|
|
||||||
export interface VideoScrollDef {
|
|
||||||
id: string;
|
|
||||||
top: number;
|
|
||||||
left: number;
|
|
||||||
angle: number;
|
|
||||||
width: number;
|
|
||||||
height: number;
|
|
||||||
directions: VideoScrollDirection[];
|
|
||||||
files: string[];
|
|
||||||
}
|
|
||||||
</script>
|
|
||||||
|
|
||||||
<!-- Add "scoped" attribute to limit CSS to this component only -->
|
|
||||||
<style>
|
|
||||||
.video-scroll img {
|
|
||||||
position: absolute;
|
|
||||||
image-rendering: optimizeSpeed;
|
|
||||||
background: grey;
|
|
||||||
visibility: hidden;
|
|
||||||
opacity: 0;
|
|
||||||
transition: opacity 0.5s;
|
|
||||||
}
|
|
||||||
|
|
||||||
.video-scroll img.visible {
|
|
||||||
visibility: visible !important;
|
|
||||||
}
|
|
||||||
|
|
||||||
.video-scroll img.displayed {
|
|
||||||
opacity: 1 !important;
|
|
||||||
}
|
|
||||||
|
|
||||||
.video-scroll img.loaded {
|
|
||||||
background: transparent !important;
|
|
||||||
}
|
|
||||||
</style>
|
|
||||||
22
src/main.ts
22
src/main.ts
|
|
@ -1,5 +1,19 @@
|
||||||
import { createApp } from 'vue'
|
import App from "./App.svelte";
|
||||||
import App from './App.vue'
|
import * as Sentry from "@sentry/browser";
|
||||||
import store from './store'
|
import { BrowserTracing } from "@sentry/tracing";
|
||||||
|
|
||||||
createApp(App).use(store).mount('#app')
|
Sentry.init({
|
||||||
|
dsn: "https://8291ffc6948c419591813f3b6ab432d7@o704302.ingest.sentry.io/6603419",
|
||||||
|
integrations: [new BrowserTracing()],
|
||||||
|
|
||||||
|
// Set tracesSampleRate to 1.0 to capture 100%
|
||||||
|
// of transactions for performance monitoring.
|
||||||
|
// We recommend adjusting this value in production
|
||||||
|
tracesSampleRate: 0.5,
|
||||||
|
});
|
||||||
|
|
||||||
|
const app = new App({
|
||||||
|
target: document.getElementById("app"),
|
||||||
|
});
|
||||||
|
|
||||||
|
export default app;
|
||||||
|
|
|
||||||
6
src/shims-vue.d.ts
vendored
6
src/shims-vue.d.ts
vendored
|
|
@ -1,6 +0,0 @@
|
||||||
/* eslint-disable */
|
|
||||||
declare module '*.vue' {
|
|
||||||
import type { DefineComponent } from 'vue'
|
|
||||||
const component: DefineComponent<{}, {}, any>
|
|
||||||
export default component
|
|
||||||
}
|
|
||||||
|
|
@ -1,12 +0,0 @@
|
||||||
import { createStore } from 'vuex'
|
|
||||||
|
|
||||||
export default createStore({
|
|
||||||
state: {
|
|
||||||
},
|
|
||||||
mutations: {
|
|
||||||
},
|
|
||||||
actions: {
|
|
||||||
},
|
|
||||||
modules: {
|
|
||||||
}
|
|
||||||
})
|
|
||||||
3
src/vite-env.d.ts
vendored
Normal file
3
src/vite-env.d.ts
vendored
Normal file
|
|
@ -0,0 +1,3 @@
|
||||||
|
/// <reference types="svelte" />
|
||||||
|
/// <reference types="vite/client" />
|
||||||
|
declare const __COMMIT_HASH__: string
|
||||||
7
svelte.config.js
Normal file
7
svelte.config.js
Normal file
|
|
@ -0,0 +1,7 @@
|
||||||
|
import sveltePreprocess from 'svelte-preprocess'
|
||||||
|
|
||||||
|
export default {
|
||||||
|
// Consult https://github.com/sveltejs/svelte-preprocess
|
||||||
|
// for more information about preprocessors
|
||||||
|
preprocess: sveltePreprocess()
|
||||||
|
}
|
||||||
|
|
@ -1,39 +1,21 @@
|
||||||
{
|
{
|
||||||
|
"extends": "@tsconfig/svelte/tsconfig.json",
|
||||||
"compilerOptions": {
|
"compilerOptions": {
|
||||||
"target": "esnext",
|
"target": "ESNext",
|
||||||
"module": "esnext",
|
"useDefineForClassFields": true,
|
||||||
"strict": true,
|
"module": "ESNext",
|
||||||
"jsx": "preserve",
|
"resolveJsonModule": true,
|
||||||
"importHelpers": true,
|
|
||||||
"moduleResolution": "node",
|
|
||||||
"skipLibCheck": true,
|
|
||||||
"esModuleInterop": true,
|
|
||||||
"allowSyntheticDefaultImports": true,
|
|
||||||
"sourceMap": true,
|
|
||||||
"baseUrl": ".",
|
"baseUrl": ".",
|
||||||
"types": [
|
/**
|
||||||
"webpack-env"
|
* Typecheck JS in `.svelte` and `.js` files by default.
|
||||||
],
|
* Disable checkJs if you'd like to use dynamic types in JS.
|
||||||
"paths": {
|
* Note that setting allowJs false does not prevent the use
|
||||||
"@/*": [
|
* of JS in `.svelte` files.
|
||||||
"src/*"
|
*/
|
||||||
]
|
"allowJs": true,
|
||||||
|
"checkJs": true,
|
||||||
|
"isolatedModules": true
|
||||||
},
|
},
|
||||||
"lib": [
|
"include": ["src/**/*.d.ts", "src/**/*.ts", "src/**/*.js", "src/**/*.svelte"],
|
||||||
"esnext",
|
"references": [{ "path": "./tsconfig.node.json" }]
|
||||||
"dom",
|
|
||||||
"dom.iterable",
|
|
||||||
"scripthost"
|
|
||||||
]
|
|
||||||
},
|
|
||||||
"include": [
|
|
||||||
"src/**/*.ts",
|
|
||||||
"src/**/*.tsx",
|
|
||||||
"src/**/*.vue",
|
|
||||||
"tests/**/*.ts",
|
|
||||||
"tests/**/*.tsx"
|
|
||||||
],
|
|
||||||
"exclude": [
|
|
||||||
"node_modules"
|
|
||||||
]
|
|
||||||
}
|
}
|
||||||
|
|
|
||||||
8
tsconfig.node.json
Normal file
8
tsconfig.node.json
Normal file
|
|
@ -0,0 +1,8 @@
|
||||||
|
{
|
||||||
|
"compilerOptions": {
|
||||||
|
"composite": true,
|
||||||
|
"module": "ESNext",
|
||||||
|
"moduleResolution": "Node"
|
||||||
|
},
|
||||||
|
"include": ["vite.config.ts"]
|
||||||
|
}
|
||||||
14
vite.config.ts
Normal file
14
vite.config.ts
Normal file
|
|
@ -0,0 +1,14 @@
|
||||||
|
import { defineConfig } from "vite";
|
||||||
|
import { svelte } from "@sveltejs/vite-plugin-svelte";
|
||||||
|
import cp from "child_process";
|
||||||
|
|
||||||
|
const commitHash = cp.execSync("git rev-parse --short HEAD").toString();
|
||||||
|
|
||||||
|
// https://vitejs.dev/config/
|
||||||
|
export default defineConfig({
|
||||||
|
plugins: [svelte()],
|
||||||
|
base: "/las/",
|
||||||
|
define: {
|
||||||
|
__COMMIT_HASH__: JSON.stringify(commitHash),
|
||||||
|
},
|
||||||
|
});
|
||||||
|
|
@ -1,6 +0,0 @@
|
||||||
module.exports = {
|
|
||||||
publicPath: process.env.VUE_APP_BASE_URL || '/las/',
|
|
||||||
devServer: {
|
|
||||||
hot: false
|
|
||||||
}
|
|
||||||
};
|
|
||||||
835
yarn.lock
Normal file
835
yarn.lock
Normal file
|
|
@ -0,0 +1,835 @@
|
||||||
|
# THIS IS AN AUTOGENERATED FILE. DO NOT EDIT THIS FILE DIRECTLY.
|
||||||
|
# yarn lockfile v1
|
||||||
|
|
||||||
|
|
||||||
|
"@jridgewell/resolve-uri@^3.0.3":
|
||||||
|
version "3.1.0"
|
||||||
|
resolved "https://registry.yarnpkg.com/@jridgewell/resolve-uri/-/resolve-uri-3.1.0.tgz#2203b118c157721addfe69d47b70465463066d78"
|
||||||
|
integrity sha512-F2msla3tad+Mfht5cJq7LSXcdudKTWCVYUgw6pLFOOHSTtZlj6SWNYAp+AhuqLmWdBO2X5hPrLcu8cVP8fy28w==
|
||||||
|
|
||||||
|
"@jridgewell/sourcemap-codec@^1.4.10":
|
||||||
|
version "1.4.14"
|
||||||
|
resolved "https://registry.yarnpkg.com/@jridgewell/sourcemap-codec/-/sourcemap-codec-1.4.14.tgz#add4c98d341472a289190b424efbdb096991bb24"
|
||||||
|
integrity sha512-XPSJHWmi394fuUuzDnGz1wiKqWfo1yXecHQMRf2l6hztTO+nPru658AyDngaBe7isIxEkRsPR3FZh+s7iVa4Uw==
|
||||||
|
|
||||||
|
"@jridgewell/trace-mapping@^0.3.9":
|
||||||
|
version "0.3.14"
|
||||||
|
resolved "https://registry.yarnpkg.com/@jridgewell/trace-mapping/-/trace-mapping-0.3.14.tgz#b231a081d8f66796e475ad588a1ef473112701ed"
|
||||||
|
integrity sha512-bJWEfQ9lPTvm3SneWwRFVLzrh6nhjwqw7TUFFBEMzwvg7t7PCDenf2lDwqo4NQXzdpgBXyFgDWnQA+2vkruksQ==
|
||||||
|
dependencies:
|
||||||
|
"@jridgewell/resolve-uri" "^3.0.3"
|
||||||
|
"@jridgewell/sourcemap-codec" "^1.4.10"
|
||||||
|
|
||||||
|
"@nodelib/fs.scandir@2.1.5":
|
||||||
|
version "2.1.5"
|
||||||
|
resolved "https://registry.yarnpkg.com/@nodelib/fs.scandir/-/fs.scandir-2.1.5.tgz#7619c2eb21b25483f6d167548b4cfd5a7488c3d5"
|
||||||
|
integrity sha512-vq24Bq3ym5HEQm2NKCr3yXDwjc7vTsEThRDnkp2DK9p1uqLR+DHurm/NOTo0KG7HYHU7eppKZj3MyqYuMBf62g==
|
||||||
|
dependencies:
|
||||||
|
"@nodelib/fs.stat" "2.0.5"
|
||||||
|
run-parallel "^1.1.9"
|
||||||
|
|
||||||
|
"@nodelib/fs.stat@2.0.5", "@nodelib/fs.stat@^2.0.2":
|
||||||
|
version "2.0.5"
|
||||||
|
resolved "https://registry.yarnpkg.com/@nodelib/fs.stat/-/fs.stat-2.0.5.tgz#5bd262af94e9d25bd1e71b05deed44876a222e8b"
|
||||||
|
integrity sha512-RkhPPp2zrqDAQA/2jNhnztcPAlv64XdhIp7a7454A5ovI7Bukxgt7MX7udwAu3zg1DcpPU0rz3VV1SeaqvY4+A==
|
||||||
|
|
||||||
|
"@nodelib/fs.walk@^1.2.3":
|
||||||
|
version "1.2.8"
|
||||||
|
resolved "https://registry.yarnpkg.com/@nodelib/fs.walk/-/fs.walk-1.2.8.tgz#e95737e8bb6746ddedf69c556953494f196fe69a"
|
||||||
|
integrity sha512-oGB+UxlgWcgQkgwo8GcEGwemoTFt3FIO9ababBmaGwXIoBKZ+GTy0pP185beGg7Llih/NSHSV2XAs1lnznocSg==
|
||||||
|
dependencies:
|
||||||
|
"@nodelib/fs.scandir" "2.1.5"
|
||||||
|
fastq "^1.6.0"
|
||||||
|
|
||||||
|
"@rollup/pluginutils@^4.2.1":
|
||||||
|
version "4.2.1"
|
||||||
|
resolved "https://registry.yarnpkg.com/@rollup/pluginutils/-/pluginutils-4.2.1.tgz#e6c6c3aba0744edce3fb2074922d3776c0af2a6d"
|
||||||
|
integrity sha512-iKnFXr7NkdZAIHiIWE+BX5ULi/ucVFYWD6TbAV+rZctiRTY2PL6tsIKhoIOaoskiWAkgu+VsbXgUVDNLHf+InQ==
|
||||||
|
dependencies:
|
||||||
|
estree-walker "^2.0.1"
|
||||||
|
picomatch "^2.2.2"
|
||||||
|
|
||||||
|
"@sentry/browser@^7.7.0":
|
||||||
|
version "7.7.0"
|
||||||
|
resolved "https://registry.yarnpkg.com/@sentry/browser/-/browser-7.7.0.tgz#7810ee98d4969bd0367e29ac0af6c5779db7e6c4"
|
||||||
|
integrity sha512-oyzpWcsjVZTaf14zAL89Ng1DUHlbjN+V8pl8dR9Y9anphbzL5BK9p0fSK4kPIrO4GukK+XrKnLJDPuE/o7WR3g==
|
||||||
|
dependencies:
|
||||||
|
"@sentry/core" "7.7.0"
|
||||||
|
"@sentry/types" "7.7.0"
|
||||||
|
"@sentry/utils" "7.7.0"
|
||||||
|
tslib "^1.9.3"
|
||||||
|
|
||||||
|
"@sentry/core@7.7.0":
|
||||||
|
version "7.7.0"
|
||||||
|
resolved "https://registry.yarnpkg.com/@sentry/core/-/core-7.7.0.tgz#1a2d477897552d179380f7c54c7d81a4e98ea29a"
|
||||||
|
integrity sha512-Z15ACiuiFINFcK4gbMrnejLn4AVjKBPJOWKrrmpIe8mh+Y9diOuswt5mMUABs+jhpZvqht3PBLLGBL0WMsYMYA==
|
||||||
|
dependencies:
|
||||||
|
"@sentry/hub" "7.7.0"
|
||||||
|
"@sentry/types" "7.7.0"
|
||||||
|
"@sentry/utils" "7.7.0"
|
||||||
|
tslib "^1.9.3"
|
||||||
|
|
||||||
|
"@sentry/hub@7.7.0":
|
||||||
|
version "7.7.0"
|
||||||
|
resolved "https://registry.yarnpkg.com/@sentry/hub/-/hub-7.7.0.tgz#9ad3471cf5ecaf1a9d3a3a04ca2515ffec9e2c09"
|
||||||
|
integrity sha512-6gydK234+a0nKhBRDdIJ7Dp42CaiW2juTiHegUVDq+482balVzbZyEAmESCmuzKJhx5BhlCElVxs/cci1NjMpg==
|
||||||
|
dependencies:
|
||||||
|
"@sentry/types" "7.7.0"
|
||||||
|
"@sentry/utils" "7.7.0"
|
||||||
|
tslib "^1.9.3"
|
||||||
|
|
||||||
|
"@sentry/tracing@^7.7.0":
|
||||||
|
version "7.7.0"
|
||||||
|
resolved "https://registry.yarnpkg.com/@sentry/tracing/-/tracing-7.7.0.tgz#67324b755a28e115289755e44a0b8b467a63d0b2"
|
||||||
|
integrity sha512-HNmvTwemuc21q/K6HXsSp9njkne6N1JQ71TB+QGqYU5VtxsVgYSUhhYqV6WcHz7LK4Hj6TvNFoeu69/rO0ysgw==
|
||||||
|
dependencies:
|
||||||
|
"@sentry/hub" "7.7.0"
|
||||||
|
"@sentry/types" "7.7.0"
|
||||||
|
"@sentry/utils" "7.7.0"
|
||||||
|
tslib "^1.9.3"
|
||||||
|
|
||||||
|
"@sentry/types@7.7.0":
|
||||||
|
version "7.7.0"
|
||||||
|
resolved "https://registry.yarnpkg.com/@sentry/types/-/types-7.7.0.tgz#dd6bd3d119d7efea0e85dbaa4b17de1c22b63c7a"
|
||||||
|
integrity sha512-4x8O7uerSGLnYC10krHl9t8h7xXHn5FextqKYbTCXCnx2hC8D+9lz8wcbQAFo0d97wiUYqI8opmEgFVGx7c5hQ==
|
||||||
|
|
||||||
|
"@sentry/utils@7.7.0":
|
||||||
|
version "7.7.0"
|
||||||
|
resolved "https://registry.yarnpkg.com/@sentry/utils/-/utils-7.7.0.tgz#013e3097c4268a76de578494c7df999635fb0ad4"
|
||||||
|
integrity sha512-fD+ROSFpeJlK7bEvUT2LOW7QqgjBpXJwVISKZ0P2fuzclRC3KoB2pbZgBM4PXMMTiSzRGWhvfRRjBiBvQJBBJQ==
|
||||||
|
dependencies:
|
||||||
|
"@sentry/types" "7.7.0"
|
||||||
|
tslib "^1.9.3"
|
||||||
|
|
||||||
|
"@sveltejs/vite-plugin-svelte@^1.0.1":
|
||||||
|
version "1.0.1"
|
||||||
|
resolved "https://registry.yarnpkg.com/@sveltejs/vite-plugin-svelte/-/vite-plugin-svelte-1.0.1.tgz#7f468f03c933fcdfc60d4773671c73f33b9ef4d6"
|
||||||
|
integrity sha512-PorCgUounn0VXcpeJu+hOweZODKmGuLHsLomwqSj+p26IwjjGffmYQfVHtiTWq+NqaUuuHWWG7vPge6UFw4Aeg==
|
||||||
|
dependencies:
|
||||||
|
"@rollup/pluginutils" "^4.2.1"
|
||||||
|
debug "^4.3.4"
|
||||||
|
deepmerge "^4.2.2"
|
||||||
|
kleur "^4.1.5"
|
||||||
|
magic-string "^0.26.2"
|
||||||
|
svelte-hmr "^0.14.12"
|
||||||
|
|
||||||
|
"@tsconfig/svelte@^3.0.0":
|
||||||
|
version "3.0.0"
|
||||||
|
resolved "https://registry.yarnpkg.com/@tsconfig/svelte/-/svelte-3.0.0.tgz#b06e059209f04c414de0069f2f0e2796d979fc6f"
|
||||||
|
integrity sha512-pYrtLtOwku/7r1i9AMONsJMVYAtk3hzOfiGNekhtq5tYBGA7unMve8RvUclKLMT3PrihvJqUmzsRGh0RP84hKg==
|
||||||
|
|
||||||
|
"@types/node@*":
|
||||||
|
version "18.6.1"
|
||||||
|
resolved "https://registry.yarnpkg.com/@types/node/-/node-18.6.1.tgz#828e4785ccca13f44e2fb6852ae0ef11e3e20ba5"
|
||||||
|
integrity sha512-z+2vB6yDt1fNwKOeGbckpmirO+VBDuQqecXkgeIqDlaOtmKn6hPR/viQ8cxCfqLU4fTlvM3+YjM367TukWdxpg==
|
||||||
|
|
||||||
|
"@types/pug@^2.0.4":
|
||||||
|
version "2.0.6"
|
||||||
|
resolved "https://registry.yarnpkg.com/@types/pug/-/pug-2.0.6.tgz#f830323c88172e66826d0bde413498b61054b5a6"
|
||||||
|
integrity sha512-SnHmG9wN1UVmagJOnyo/qkk0Z7gejYxOYYmaAwr5u2yFYfsupN3sg10kyzN8Hep/2zbHxCnsumxOoRIRMBwKCg==
|
||||||
|
|
||||||
|
"@types/sass@^1.16.0":
|
||||||
|
version "1.43.1"
|
||||||
|
resolved "https://registry.yarnpkg.com/@types/sass/-/sass-1.43.1.tgz#86bb0168e9e881d7dade6eba16c9ed6d25dc2f68"
|
||||||
|
integrity sha512-BPdoIt1lfJ6B7rw35ncdwBZrAssjcwzI5LByIrYs+tpXlj/CAkuVdRsgZDdP4lq5EjyWzwxZCqAoFyHKFwp32g==
|
||||||
|
dependencies:
|
||||||
|
"@types/node" "*"
|
||||||
|
|
||||||
|
"@types/stats.js@^0.17.0":
|
||||||
|
version "0.17.0"
|
||||||
|
resolved "https://registry.yarnpkg.com/@types/stats.js/-/stats.js-0.17.0.tgz#0ed81d48e03b590c24da85540c1d952077a9fe20"
|
||||||
|
integrity sha512-9w+a7bR8PeB0dCT/HBULU2fMqf6BAzvKbxFboYhmDtDkKPiyXYbjoe2auwsXlEFI7CFNMF1dCv3dFH5Poy9R1w==
|
||||||
|
|
||||||
|
amator@^1.1.0:
|
||||||
|
version "1.1.0"
|
||||||
|
resolved "https://registry.yarnpkg.com/amator/-/amator-1.1.0.tgz#08c6b60bc93aec2b61bbfc0c4d677d30323cc0f1"
|
||||||
|
integrity sha512-V5+aH8pe+Z3u/UG3L3pG3BaFQGXAyXHVQDroRwjPHdh08bcUEchAVsU1MCuJSCaU5o60wTK6KaE6te5memzgYw==
|
||||||
|
dependencies:
|
||||||
|
bezier-easing "^2.0.3"
|
||||||
|
|
||||||
|
anymatch@~3.1.2:
|
||||||
|
version "3.1.2"
|
||||||
|
resolved "https://registry.yarnpkg.com/anymatch/-/anymatch-3.1.2.tgz#c0557c096af32f106198f4f4e2a383537e378716"
|
||||||
|
integrity sha512-P43ePfOAIupkguHUycrc4qJ9kz8ZiuOUijaETwX7THt0Y/GNK7v0aa8rY816xWjZ7rJdA5XdMcpVFTKMq+RvWg==
|
||||||
|
dependencies:
|
||||||
|
normalize-path "^3.0.0"
|
||||||
|
picomatch "^2.0.4"
|
||||||
|
|
||||||
|
balanced-match@^1.0.0:
|
||||||
|
version "1.0.2"
|
||||||
|
resolved "https://registry.yarnpkg.com/balanced-match/-/balanced-match-1.0.2.tgz#e83e3a7e3f300b34cb9d87f615fa0cbf357690ee"
|
||||||
|
integrity sha512-3oSeUO0TMV67hN1AmbXsK4yaqU7tjiHlbxRDZOpH0KW9+CeX4bRAaX0Anxt0tx2MrpRpWwQaPwIlISEJhYU5Pw==
|
||||||
|
|
||||||
|
bezier-easing@^2.0.3:
|
||||||
|
version "2.1.0"
|
||||||
|
resolved "https://registry.yarnpkg.com/bezier-easing/-/bezier-easing-2.1.0.tgz#c04dfe8b926d6ecaca1813d69ff179b7c2025d86"
|
||||||
|
integrity sha512-gbIqZ/eslnUFC1tjEvtz0sgx+xTK20wDnYMIA27VA04R7w6xxXQPZDbibjA9DTWZRA2CXtwHykkVzlCaAJAZig==
|
||||||
|
|
||||||
|
binary-extensions@^2.0.0:
|
||||||
|
version "2.2.0"
|
||||||
|
resolved "https://registry.yarnpkg.com/binary-extensions/-/binary-extensions-2.2.0.tgz#75f502eeaf9ffde42fc98829645be4ea76bd9e2d"
|
||||||
|
integrity sha512-jDctJ/IVQbZoJykoeHbhXpOlNBqGNcwXJKJog42E5HDPUwQTSdjCHdihjj0DlnheQ7blbT6dHOafNAiS8ooQKA==
|
||||||
|
|
||||||
|
brace-expansion@^1.1.7:
|
||||||
|
version "1.1.11"
|
||||||
|
resolved "https://registry.yarnpkg.com/brace-expansion/-/brace-expansion-1.1.11.tgz#3c7fcbf529d87226f3d2f52b966ff5271eb441dd"
|
||||||
|
integrity sha512-iCuPHDFgrHX7H2vEI/5xpz07zSHB00TpugqhmYtVmMO6518mCuRMoOYFldEBl0g187ufozdaHgWKcYFb61qGiA==
|
||||||
|
dependencies:
|
||||||
|
balanced-match "^1.0.0"
|
||||||
|
concat-map "0.0.1"
|
||||||
|
|
||||||
|
braces@^3.0.2, braces@~3.0.2:
|
||||||
|
version "3.0.2"
|
||||||
|
resolved "https://registry.yarnpkg.com/braces/-/braces-3.0.2.tgz#3454e1a462ee8d599e236df336cd9ea4f8afe107"
|
||||||
|
integrity sha512-b8um+L1RzM3WDSzvhm6gIz1yfTbBt6YTlcEKAvsmqCZZFw46z626lVj9j1yEPW33H5H+lBQpZMP1k8l+78Ha0A==
|
||||||
|
dependencies:
|
||||||
|
fill-range "^7.0.1"
|
||||||
|
|
||||||
|
buffer-crc32@^0.2.5:
|
||||||
|
version "0.2.13"
|
||||||
|
resolved "https://registry.yarnpkg.com/buffer-crc32/-/buffer-crc32-0.2.13.tgz#0d333e3f00eac50aa1454abd30ef8c2a5d9a7242"
|
||||||
|
integrity sha512-VO9Ht/+p3SN7SKWqcrgEzjGbRSJYTx+Q1pTQC0wrWqHx0vpJraQ6GtHx8tvcg1rlK1byhU5gccxgOgj7B0TDkQ==
|
||||||
|
|
||||||
|
callsites@^3.0.0:
|
||||||
|
version "3.1.0"
|
||||||
|
resolved "https://registry.yarnpkg.com/callsites/-/callsites-3.1.0.tgz#b3630abd8943432f54b3f0519238e33cd7df2f73"
|
||||||
|
integrity sha512-P8BjAsXvZS+VIDUI11hHCQEv74YT67YUi5JJFNWIqL235sBmjX4+qx9Muvls5ivyNENctx46xQLQ3aTuE7ssaQ==
|
||||||
|
|
||||||
|
"chokidar@>=3.0.0 <4.0.0", chokidar@^3.4.1:
|
||||||
|
version "3.5.3"
|
||||||
|
resolved "https://registry.yarnpkg.com/chokidar/-/chokidar-3.5.3.tgz#1cf37c8707b932bd1af1ae22c0432e2acd1903bd"
|
||||||
|
integrity sha512-Dr3sfKRP6oTcjf2JmUmFJfeVMvXBdegxB0iVQ5eb2V10uFJUCAS8OByZdVAyVb8xXNz3GjjTgj9kLWsZTqE6kw==
|
||||||
|
dependencies:
|
||||||
|
anymatch "~3.1.2"
|
||||||
|
braces "~3.0.2"
|
||||||
|
glob-parent "~5.1.2"
|
||||||
|
is-binary-path "~2.1.0"
|
||||||
|
is-glob "~4.0.1"
|
||||||
|
normalize-path "~3.0.0"
|
||||||
|
readdirp "~3.6.0"
|
||||||
|
optionalDependencies:
|
||||||
|
fsevents "~2.3.2"
|
||||||
|
|
||||||
|
concat-map@0.0.1:
|
||||||
|
version "0.0.1"
|
||||||
|
resolved "https://registry.yarnpkg.com/concat-map/-/concat-map-0.0.1.tgz#d8a96bd77fd68df7793a73036a3ba0d5405d477b"
|
||||||
|
integrity sha512-/Srv4dswyQNBfohGpz9o6Yb3Gz3SrUDqBH5rTuhGR7ahtlbYKnVxw2bCFMRljaA7EXHaXZ8wsHdodFvbkhKmqg==
|
||||||
|
|
||||||
|
debug@^4.3.4:
|
||||||
|
version "4.3.4"
|
||||||
|
resolved "https://registry.yarnpkg.com/debug/-/debug-4.3.4.tgz#1319f6579357f2338d3337d2cdd4914bb5dcc865"
|
||||||
|
integrity sha512-PRWFHuSU3eDtQJPvnNY7Jcket1j0t5OuOsFzPPzsekD52Zl8qUfFIPEiswXqIvHWGVHOgX+7G/vCNNhehwxfkQ==
|
||||||
|
dependencies:
|
||||||
|
ms "2.1.2"
|
||||||
|
|
||||||
|
deepmerge@^4.2.2:
|
||||||
|
version "4.2.2"
|
||||||
|
resolved "https://registry.yarnpkg.com/deepmerge/-/deepmerge-4.2.2.tgz#44d2ea3679b8f4d4ffba33f03d865fc1e7bf4955"
|
||||||
|
integrity sha512-FJ3UgI4gIl+PHZm53knsuSFpE+nESMr7M4v9QcgB7S63Kj/6WqMiFQJpBBYz1Pt+66bZpP3Q7Lye0Oo9MPKEdg==
|
||||||
|
|
||||||
|
detect-indent@^6.0.0:
|
||||||
|
version "6.1.0"
|
||||||
|
resolved "https://registry.yarnpkg.com/detect-indent/-/detect-indent-6.1.0.tgz#592485ebbbf6b3b1ab2be175c8393d04ca0d57e6"
|
||||||
|
integrity sha512-reYkTUJAZb9gUuZ2RvVCNhVHdg62RHnJ7WJl8ftMi4diZ6NWlciOzQN88pUhSELEwflJht4oQDv0F0BMlwaYtA==
|
||||||
|
|
||||||
|
es6-promise@^3.1.2:
|
||||||
|
version "3.3.1"
|
||||||
|
resolved "https://registry.yarnpkg.com/es6-promise/-/es6-promise-3.3.1.tgz#a08cdde84ccdbf34d027a1451bc91d4bcd28a613"
|
||||||
|
integrity sha512-SOp9Phqvqn7jtEUxPWdWfWoLmyt2VaJ6MpvP9Comy1MceMXqE6bxvaTu4iaxpYYPzhny28Lc+M87/c2cPK6lDg==
|
||||||
|
|
||||||
|
esbuild-android-64@0.14.50:
|
||||||
|
version "0.14.50"
|
||||||
|
resolved "https://registry.yarnpkg.com/esbuild-android-64/-/esbuild-android-64-0.14.50.tgz#a46fc80fa2007690e647680d837483a750a3097f"
|
||||||
|
integrity sha512-H7iUEm7gUJHzidsBlFPGF6FTExazcgXL/46xxLo6i6bMtPim6ZmXyTccS8yOMpy6HAC6dPZ/JCQqrkkin69n6Q==
|
||||||
|
|
||||||
|
esbuild-android-arm64@0.14.50:
|
||||||
|
version "0.14.50"
|
||||||
|
resolved "https://registry.yarnpkg.com/esbuild-android-arm64/-/esbuild-android-arm64-0.14.50.tgz#bdda7851fa7f5f770d6ff0ad593a8945d3a0fcdd"
|
||||||
|
integrity sha512-NFaoqEwa+OYfoYVpQWDMdKII7wZZkAjtJFo1WdnBeCYlYikvUhTnf2aPwPu5qEAw/ie1NYK0yn3cafwP+kP+OQ==
|
||||||
|
|
||||||
|
esbuild-darwin-64@0.14.50:
|
||||||
|
version "0.14.50"
|
||||||
|
resolved "https://registry.yarnpkg.com/esbuild-darwin-64/-/esbuild-darwin-64-0.14.50.tgz#f0535435f9760766f30db14a991ee5ca94c022a4"
|
||||||
|
integrity sha512-gDQsCvGnZiJv9cfdO48QqxkRV8oKAXgR2CGp7TdIpccwFdJMHf8hyIJhMW/05b/HJjET/26Us27Jx91BFfEVSA==
|
||||||
|
|
||||||
|
esbuild-darwin-arm64@0.14.50:
|
||||||
|
version "0.14.50"
|
||||||
|
resolved "https://registry.yarnpkg.com/esbuild-darwin-arm64/-/esbuild-darwin-arm64-0.14.50.tgz#76a41a40e8947a15ae62970e9ed2853883c4b16c"
|
||||||
|
integrity sha512-36nNs5OjKIb/Q50Sgp8+rYW/PqirRiFN0NFc9hEvgPzNJxeJedktXwzfJSln4EcRFRh5Vz4IlqFRScp+aiBBzA==
|
||||||
|
|
||||||
|
esbuild-freebsd-64@0.14.50:
|
||||||
|
version "0.14.50"
|
||||||
|
resolved "https://registry.yarnpkg.com/esbuild-freebsd-64/-/esbuild-freebsd-64-0.14.50.tgz#2ed6633c17ed42c20a1bd68e82c4bbc75ea4fb57"
|
||||||
|
integrity sha512-/1pHHCUem8e/R86/uR+4v5diI2CtBdiWKiqGuPa9b/0x3Nwdh5AOH7lj+8823C6uX1e0ufwkSLkS+aFZiBCWxA==
|
||||||
|
|
||||||
|
esbuild-freebsd-arm64@0.14.50:
|
||||||
|
version "0.14.50"
|
||||||
|
resolved "https://registry.yarnpkg.com/esbuild-freebsd-arm64/-/esbuild-freebsd-arm64-0.14.50.tgz#cb115f4cdafe9cdbe58875ba482fccc54d32aa43"
|
||||||
|
integrity sha512-iKwUVMQztnPZe5pUYHdMkRc9aSpvoV1mkuHlCoPtxZA3V+Kg/ptpzkcSY+fKd0kuom+l6Rc93k0UPVkP7xoqrw==
|
||||||
|
|
||||||
|
esbuild-linux-32@0.14.50:
|
||||||
|
version "0.14.50"
|
||||||
|
resolved "https://registry.yarnpkg.com/esbuild-linux-32/-/esbuild-linux-32-0.14.50.tgz#fe2b724994dcf1d4e48dc4832ff008ad7d00bcfd"
|
||||||
|
integrity sha512-sWUwvf3uz7dFOpLzYuih+WQ7dRycrBWHCdoXJ4I4XdMxEHCECd8b7a9N9u7FzT6XR2gHPk9EzvchQUtiEMRwqw==
|
||||||
|
|
||||||
|
esbuild-linux-64@0.14.50:
|
||||||
|
version "0.14.50"
|
||||||
|
resolved "https://registry.yarnpkg.com/esbuild-linux-64/-/esbuild-linux-64-0.14.50.tgz#7851ab5151df9501a2187bd4909c594ad232b623"
|
||||||
|
integrity sha512-u0PQxPhaeI629t4Y3EEcQ0wmWG+tC/LpP2K7yDFvwuPq0jSQ8SIN+ARNYfRjGW15O2we3XJvklbGV0wRuUCPig==
|
||||||
|
|
||||||
|
esbuild-linux-arm64@0.14.50:
|
||||||
|
version "0.14.50"
|
||||||
|
resolved "https://registry.yarnpkg.com/esbuild-linux-arm64/-/esbuild-linux-arm64-0.14.50.tgz#76a76afef484a0512f1fbbcc762edd705dee8892"
|
||||||
|
integrity sha512-ZyfoNgsTftD7Rp5S7La5auomKdNeB3Ck+kSKXC4pp96VnHyYGjHHXWIlcbH8i+efRn9brszo1/Thl1qn8RqmhQ==
|
||||||
|
|
||||||
|
esbuild-linux-arm@0.14.50:
|
||||||
|
version "0.14.50"
|
||||||
|
resolved "https://registry.yarnpkg.com/esbuild-linux-arm/-/esbuild-linux-arm-0.14.50.tgz#6d7a8c0712091b0c3a668dd5d8b5c924adbaeb12"
|
||||||
|
integrity sha512-VALZq13bhmFJYFE/mLEb+9A0w5vo8z+YDVOWeaf9vOTrSC31RohRIwtxXBnVJ7YKLYfEMzcgFYf+OFln3Y0cWg==
|
||||||
|
|
||||||
|
esbuild-linux-mips64le@0.14.50:
|
||||||
|
version "0.14.50"
|
||||||
|
resolved "https://registry.yarnpkg.com/esbuild-linux-mips64le/-/esbuild-linux-mips64le-0.14.50.tgz#43426909c1884c5dc6b40765673a08a7ec1d2064"
|
||||||
|
integrity sha512-ygo31Vxn/WrmjKCHkBoutOlFG5yM9J2UhzHb0oWD9O61dGg+Hzjz9hjf5cmM7FBhAzdpOdEWHIrVOg2YAi6rTw==
|
||||||
|
|
||||||
|
esbuild-linux-ppc64le@0.14.50:
|
||||||
|
version "0.14.50"
|
||||||
|
resolved "https://registry.yarnpkg.com/esbuild-linux-ppc64le/-/esbuild-linux-ppc64le-0.14.50.tgz#c754ea3da1dd180c6e9b6b508dc18ce983d92b11"
|
||||||
|
integrity sha512-xWCKU5UaiTUT6Wz/O7GKP9KWdfbsb7vhfgQzRfX4ahh5NZV4ozZ4+SdzYG8WxetsLy84UzLX3Pi++xpVn1OkFQ==
|
||||||
|
|
||||||
|
esbuild-linux-riscv64@0.14.50:
|
||||||
|
version "0.14.50"
|
||||||
|
resolved "https://registry.yarnpkg.com/esbuild-linux-riscv64/-/esbuild-linux-riscv64-0.14.50.tgz#f3b2dd3c4c2b91bf191d3b98a9819c8aa6f5ad7f"
|
||||||
|
integrity sha512-0+dsneSEihZTopoO9B6Z6K4j3uI7EdxBP7YSF5rTwUgCID+wHD3vM1gGT0m+pjCW+NOacU9kH/WE9N686FHAJg==
|
||||||
|
|
||||||
|
esbuild-linux-s390x@0.14.50:
|
||||||
|
version "0.14.50"
|
||||||
|
resolved "https://registry.yarnpkg.com/esbuild-linux-s390x/-/esbuild-linux-s390x-0.14.50.tgz#3dfbc4578b2a81995caabb79df2b628ea86a5390"
|
||||||
|
integrity sha512-tVjqcu8o0P9H4StwbIhL1sQYm5mWATlodKB6dpEZFkcyTI8kfIGWiWcrGmkNGH2i1kBUOsdlBafPxR3nzp3TDA==
|
||||||
|
|
||||||
|
esbuild-netbsd-64@0.14.50:
|
||||||
|
version "0.14.50"
|
||||||
|
resolved "https://registry.yarnpkg.com/esbuild-netbsd-64/-/esbuild-netbsd-64-0.14.50.tgz#17dbf51eaa48d983e794b588d195415410ef8c85"
|
||||||
|
integrity sha512-0R/glfqAQ2q6MHDf7YJw/TulibugjizBxyPvZIcorH0Mb7vSimdHy0XF5uCba5CKt+r4wjax1mvO9lZ4jiAhEg==
|
||||||
|
|
||||||
|
esbuild-openbsd-64@0.14.50:
|
||||||
|
version "0.14.50"
|
||||||
|
resolved "https://registry.yarnpkg.com/esbuild-openbsd-64/-/esbuild-openbsd-64-0.14.50.tgz#cf6b1a50c8cf67b0725aaa4bce9773976168c50e"
|
||||||
|
integrity sha512-7PAtmrR5mDOFubXIkuxYQ4bdNS6XCK8AIIHUiZxq1kL8cFIH5731jPcXQ4JNy/wbj1C9sZ8rzD8BIM80Tqk29w==
|
||||||
|
|
||||||
|
esbuild-sunos-64@0.14.50:
|
||||||
|
version "0.14.50"
|
||||||
|
resolved "https://registry.yarnpkg.com/esbuild-sunos-64/-/esbuild-sunos-64-0.14.50.tgz#f705ae0dd914c3b45dc43319c4f532216c3d841f"
|
||||||
|
integrity sha512-gBxNY/wyptvD7PkHIYcq7se6SQEXcSC8Y7mE0FJB+CGgssEWf6vBPfTTZ2b6BWKnmaP6P6qb7s/KRIV5T2PxsQ==
|
||||||
|
|
||||||
|
esbuild-windows-32@0.14.50:
|
||||||
|
version "0.14.50"
|
||||||
|
resolved "https://registry.yarnpkg.com/esbuild-windows-32/-/esbuild-windows-32-0.14.50.tgz#6364905a99c1e6c1e2fe7bfccebd958131b1cd6c"
|
||||||
|
integrity sha512-MOOe6J9cqe/iW1qbIVYSAqzJFh0p2LBLhVUIWdMVnNUNjvg2/4QNX4oT4IzgDeldU+Bym9/Tn6+DxvUHJXL5Zw==
|
||||||
|
|
||||||
|
esbuild-windows-64@0.14.50:
|
||||||
|
version "0.14.50"
|
||||||
|
resolved "https://registry.yarnpkg.com/esbuild-windows-64/-/esbuild-windows-64-0.14.50.tgz#56603cb6367e30d14098deb77de6aa18d76dd89b"
|
||||||
|
integrity sha512-r/qE5Ex3w1jjGv/JlpPoWB365ldkppUlnizhMxJgojp907ZF1PgLTuW207kgzZcSCXyquL9qJkMsY+MRtaZ5yQ==
|
||||||
|
|
||||||
|
esbuild-windows-arm64@0.14.50:
|
||||||
|
version "0.14.50"
|
||||||
|
resolved "https://registry.yarnpkg.com/esbuild-windows-arm64/-/esbuild-windows-arm64-0.14.50.tgz#e7ddde6a97194051a5a4ac05f4f5900e922a7ea5"
|
||||||
|
integrity sha512-EMS4lQnsIe12ZyAinOINx7eq2mjpDdhGZZWDwPZE/yUTN9cnc2Ze/xUTYIAyaJqrqQda3LnDpADKpvLvol6ENQ==
|
||||||
|
|
||||||
|
esbuild@^0.14.47:
|
||||||
|
version "0.14.50"
|
||||||
|
resolved "https://registry.yarnpkg.com/esbuild/-/esbuild-0.14.50.tgz#7a665392c8df94bf6e1ae1e999966a5ee62c6cbc"
|
||||||
|
integrity sha512-SbC3k35Ih2IC6trhbMYW7hYeGdjPKf9atTKwBUHqMCYFZZ9z8zhuvfnZihsnJypl74FjiAKjBRqFkBkAd0rS/w==
|
||||||
|
optionalDependencies:
|
||||||
|
esbuild-android-64 "0.14.50"
|
||||||
|
esbuild-android-arm64 "0.14.50"
|
||||||
|
esbuild-darwin-64 "0.14.50"
|
||||||
|
esbuild-darwin-arm64 "0.14.50"
|
||||||
|
esbuild-freebsd-64 "0.14.50"
|
||||||
|
esbuild-freebsd-arm64 "0.14.50"
|
||||||
|
esbuild-linux-32 "0.14.50"
|
||||||
|
esbuild-linux-64 "0.14.50"
|
||||||
|
esbuild-linux-arm "0.14.50"
|
||||||
|
esbuild-linux-arm64 "0.14.50"
|
||||||
|
esbuild-linux-mips64le "0.14.50"
|
||||||
|
esbuild-linux-ppc64le "0.14.50"
|
||||||
|
esbuild-linux-riscv64 "0.14.50"
|
||||||
|
esbuild-linux-s390x "0.14.50"
|
||||||
|
esbuild-netbsd-64 "0.14.50"
|
||||||
|
esbuild-openbsd-64 "0.14.50"
|
||||||
|
esbuild-sunos-64 "0.14.50"
|
||||||
|
esbuild-windows-32 "0.14.50"
|
||||||
|
esbuild-windows-64 "0.14.50"
|
||||||
|
esbuild-windows-arm64 "0.14.50"
|
||||||
|
|
||||||
|
estree-walker@^2.0.1:
|
||||||
|
version "2.0.2"
|
||||||
|
resolved "https://registry.yarnpkg.com/estree-walker/-/estree-walker-2.0.2.tgz#52f010178c2a4c117a7757cfe942adb7d2da4cac"
|
||||||
|
integrity sha512-Rfkk/Mp/DL7JVje3u18FxFujQlTNR2q6QfMSMB7AvCBx91NGj/ba3kCfza0f6dVDbw7YlRf/nDrn7pQrCCyQ/w==
|
||||||
|
|
||||||
|
fast-glob@^3.2.7:
|
||||||
|
version "3.2.11"
|
||||||
|
resolved "https://registry.yarnpkg.com/fast-glob/-/fast-glob-3.2.11.tgz#a1172ad95ceb8a16e20caa5c5e56480e5129c1d9"
|
||||||
|
integrity sha512-xrO3+1bxSo3ZVHAnqzyuewYT6aMFHRAd4Kcs92MAonjwQZLsK9d0SF1IyQ3k5PoirxTW0Oe/RqFgMQ6TcNE5Ew==
|
||||||
|
dependencies:
|
||||||
|
"@nodelib/fs.stat" "^2.0.2"
|
||||||
|
"@nodelib/fs.walk" "^1.2.3"
|
||||||
|
glob-parent "^5.1.2"
|
||||||
|
merge2 "^1.3.0"
|
||||||
|
micromatch "^4.0.4"
|
||||||
|
|
||||||
|
fastq@^1.6.0:
|
||||||
|
version "1.13.0"
|
||||||
|
resolved "https://registry.yarnpkg.com/fastq/-/fastq-1.13.0.tgz#616760f88a7526bdfc596b7cab8c18938c36b98c"
|
||||||
|
integrity sha512-YpkpUnK8od0o1hmeSc7UUs/eB/vIPWJYjKck2QKIzAf71Vm1AAQ3EbuZB3g2JIy+pg+ERD0vqI79KyZiB2e2Nw==
|
||||||
|
dependencies:
|
||||||
|
reusify "^1.0.4"
|
||||||
|
|
||||||
|
fetch-progress@^1.3.0:
|
||||||
|
version "1.3.0"
|
||||||
|
resolved "https://registry.yarnpkg.com/fetch-progress/-/fetch-progress-1.3.0.tgz#5a9992743fc08b0480d4088edc155c85eb44f6eb"
|
||||||
|
integrity sha512-BCeKkVRx0x4mk/ykGGJ9FA2oJgrSp/lQgMiy2Ub+S2SMipt+po2uULUBM3OMOM/5XiwPpM4QyYmbYv/e98NWng==
|
||||||
|
|
||||||
|
fill-range@^7.0.1:
|
||||||
|
version "7.0.1"
|
||||||
|
resolved "https://registry.yarnpkg.com/fill-range/-/fill-range-7.0.1.tgz#1919a6a7c75fe38b2c7c77e5198535da9acdda40"
|
||||||
|
integrity sha512-qOo9F+dMUmC2Lcb4BbVvnKJxTPjCm+RRpe4gDuGrzkL7mEVl/djYSu2OdQ2Pa302N4oqkSg9ir6jaLWJ2USVpQ==
|
||||||
|
dependencies:
|
||||||
|
to-regex-range "^5.0.1"
|
||||||
|
|
||||||
|
fs.realpath@^1.0.0:
|
||||||
|
version "1.0.0"
|
||||||
|
resolved "https://registry.yarnpkg.com/fs.realpath/-/fs.realpath-1.0.0.tgz#1504ad2523158caa40db4a2787cb01411994ea4f"
|
||||||
|
integrity sha512-OO0pH2lK6a0hZnAdau5ItzHPI6pUlvI7jMVnxUQRtw4owF2wk8lOSabtGDCTP4Ggrg2MbGnWO9X8K1t4+fGMDw==
|
||||||
|
|
||||||
|
fsevents@~2.3.2:
|
||||||
|
version "2.3.2"
|
||||||
|
resolved "https://registry.yarnpkg.com/fsevents/-/fsevents-2.3.2.tgz#8a526f78b8fdf4623b709e0b975c52c24c02fd1a"
|
||||||
|
integrity sha512-xiqMQR4xAeHTuB9uWm+fFRcIOgKBMiOBP+eXiyT7jsgVCq1bkVygt00oASowB7EdtpOHaaPgKt812P9ab+DDKA==
|
||||||
|
|
||||||
|
function-bind@^1.1.1:
|
||||||
|
version "1.1.1"
|
||||||
|
resolved "https://registry.yarnpkg.com/function-bind/-/function-bind-1.1.1.tgz#a56899d3ea3c9bab874bb9773b7c5ede92f4895d"
|
||||||
|
integrity sha512-yIovAzMX49sF8Yl58fSCWJ5svSLuaibPxXQJFLmBObTuCr0Mf1KiPopGM9NiFjiYBCbfaa2Fh6breQ6ANVTI0A==
|
||||||
|
|
||||||
|
glob-parent@^5.1.2, glob-parent@~5.1.2:
|
||||||
|
version "5.1.2"
|
||||||
|
resolved "https://registry.yarnpkg.com/glob-parent/-/glob-parent-5.1.2.tgz#869832c58034fe68a4093c17dc15e8340d8401c4"
|
||||||
|
integrity sha512-AOIgSQCepiJYwP3ARnGx+5VnTu2HBYdzbGP45eLw1vr3zB3vZLeyed1sC9hnbcOc9/SrMyM5RPQrkGz4aS9Zow==
|
||||||
|
dependencies:
|
||||||
|
is-glob "^4.0.1"
|
||||||
|
|
||||||
|
glob@^7.1.3:
|
||||||
|
version "7.2.3"
|
||||||
|
resolved "https://registry.yarnpkg.com/glob/-/glob-7.2.3.tgz#b8df0fb802bbfa8e89bd1d938b4e16578ed44f2b"
|
||||||
|
integrity sha512-nFR0zLpU2YCaRxwoCJvL6UvCH2JFyFVIvwTLsIf21AuHlMskA1hhTdk+LlYJtOlYt9v6dvszD2BGRqBL+iQK9Q==
|
||||||
|
dependencies:
|
||||||
|
fs.realpath "^1.0.0"
|
||||||
|
inflight "^1.0.4"
|
||||||
|
inherits "2"
|
||||||
|
minimatch "^3.1.1"
|
||||||
|
once "^1.3.0"
|
||||||
|
path-is-absolute "^1.0.0"
|
||||||
|
|
||||||
|
graceful-fs@^4.1.3:
|
||||||
|
version "4.2.10"
|
||||||
|
resolved "https://registry.yarnpkg.com/graceful-fs/-/graceful-fs-4.2.10.tgz#147d3a006da4ca3ce14728c7aefc287c367d7a6c"
|
||||||
|
integrity sha512-9ByhssR2fPVsNZj478qUUbKfmL0+t5BDVyjShtyZZLiK7ZDAArFFfopyOTj0M05wE2tJPisA4iTnnXl2YoPvOA==
|
||||||
|
|
||||||
|
has@^1.0.3:
|
||||||
|
version "1.0.3"
|
||||||
|
resolved "https://registry.yarnpkg.com/has/-/has-1.0.3.tgz#722d7cbfc1f6aa8241f16dd814e011e1f41e8796"
|
||||||
|
integrity sha512-f2dvO0VU6Oej7RkWJGrehjbzMAjFp5/VKPp5tTpWIV4JHHZK1/BxbFRtf/siA2SWTe09caDmVtYYzWEIbBS4zw==
|
||||||
|
dependencies:
|
||||||
|
function-bind "^1.1.1"
|
||||||
|
|
||||||
|
immutable@^4.0.0:
|
||||||
|
version "4.1.0"
|
||||||
|
resolved "https://registry.yarnpkg.com/immutable/-/immutable-4.1.0.tgz#f795787f0db780183307b9eb2091fcac1f6fafef"
|
||||||
|
integrity sha512-oNkuqVTA8jqG1Q6c+UglTOD1xhC1BtjKI7XkCXRkZHrN5m18/XsnUp8Q89GkQO/z+0WjonSvl0FLhDYftp46nQ==
|
||||||
|
|
||||||
|
import-fresh@^3.2.1:
|
||||||
|
version "3.3.0"
|
||||||
|
resolved "https://registry.yarnpkg.com/import-fresh/-/import-fresh-3.3.0.tgz#37162c25fcb9ebaa2e6e53d5b4d88ce17d9e0c2b"
|
||||||
|
integrity sha512-veYYhQa+D1QBKznvhUHxb8faxlrwUnxseDAbAp457E0wLNio2bOSKnjYDhMj+YiAq61xrMGhQk9iXVk5FzgQMw==
|
||||||
|
dependencies:
|
||||||
|
parent-module "^1.0.0"
|
||||||
|
resolve-from "^4.0.0"
|
||||||
|
|
||||||
|
inflight@^1.0.4:
|
||||||
|
version "1.0.6"
|
||||||
|
resolved "https://registry.yarnpkg.com/inflight/-/inflight-1.0.6.tgz#49bd6331d7d02d0c09bc910a1075ba8165b56df9"
|
||||||
|
integrity sha512-k92I/b08q4wvFscXCLvqfsHCrjrF7yiXsQuIVvVE7N82W3+aqpzuUdBbfhWcy/FZR3/4IgflMgKLOsvPDrGCJA==
|
||||||
|
dependencies:
|
||||||
|
once "^1.3.0"
|
||||||
|
wrappy "1"
|
||||||
|
|
||||||
|
inherits@2:
|
||||||
|
version "2.0.4"
|
||||||
|
resolved "https://registry.yarnpkg.com/inherits/-/inherits-2.0.4.tgz#0fa2c64f932917c3433a0ded55363aae37416b7c"
|
||||||
|
integrity sha512-k/vGaX4/Yla3WzyMCvTQOXYeIHvqOKtnqBduzTHpzpQZzAskKMhZ2K+EnBiSM9zGSoIFeMpXKxa4dYeZIQqewQ==
|
||||||
|
|
||||||
|
is-binary-path@~2.1.0:
|
||||||
|
version "2.1.0"
|
||||||
|
resolved "https://registry.yarnpkg.com/is-binary-path/-/is-binary-path-2.1.0.tgz#ea1f7f3b80f064236e83470f86c09c254fb45b09"
|
||||||
|
integrity sha512-ZMERYes6pDydyuGidse7OsHxtbI7WVeUEozgR/g7rd0xUimYNlvZRE/K2MgZTjWy725IfelLeVcEM97mmtRGXw==
|
||||||
|
dependencies:
|
||||||
|
binary-extensions "^2.0.0"
|
||||||
|
|
||||||
|
is-core-module@^2.9.0:
|
||||||
|
version "2.9.0"
|
||||||
|
resolved "https://registry.yarnpkg.com/is-core-module/-/is-core-module-2.9.0.tgz#e1c34429cd51c6dd9e09e0799e396e27b19a9c69"
|
||||||
|
integrity sha512-+5FPy5PnwmO3lvfMb0AsoPaBG+5KHUI0wYFXOtYPnVVVspTFUuMZNfNaNVRt3FZadstu2c8x23vykRW/NBoU6A==
|
||||||
|
dependencies:
|
||||||
|
has "^1.0.3"
|
||||||
|
|
||||||
|
is-extglob@^2.1.1:
|
||||||
|
version "2.1.1"
|
||||||
|
resolved "https://registry.yarnpkg.com/is-extglob/-/is-extglob-2.1.1.tgz#a88c02535791f02ed37c76a1b9ea9773c833f8c2"
|
||||||
|
integrity sha512-SbKbANkN603Vi4jEZv49LeVJMn4yGwsbzZworEoyEiutsN3nJYdbO36zfhGJ6QEDpOZIFkDtnq5JRxmvl3jsoQ==
|
||||||
|
|
||||||
|
is-glob@^4.0.1, is-glob@~4.0.1:
|
||||||
|
version "4.0.3"
|
||||||
|
resolved "https://registry.yarnpkg.com/is-glob/-/is-glob-4.0.3.tgz#64f61e42cbbb2eec2071a9dac0b28ba1e65d5084"
|
||||||
|
integrity sha512-xelSayHH36ZgE7ZWhli7pW34hNbNl8Ojv5KVmkJD4hBdD3th8Tfk9vYasLM+mXWOZhFkgZfxhLSnrwRr4elSSg==
|
||||||
|
dependencies:
|
||||||
|
is-extglob "^2.1.1"
|
||||||
|
|
||||||
|
is-number@^7.0.0:
|
||||||
|
version "7.0.0"
|
||||||
|
resolved "https://registry.yarnpkg.com/is-number/-/is-number-7.0.0.tgz#7535345b896734d5f80c4d06c50955527a14f12b"
|
||||||
|
integrity sha512-41Cifkg6e8TylSpdtTpeLVMqvSBEVzTttHvERD741+pnZ8ANv0004MRL43QKPDlK9cGvNp6NZWZUBlbGXYxxng==
|
||||||
|
|
||||||
|
kleur@^4.1.5:
|
||||||
|
version "4.1.5"
|
||||||
|
resolved "https://registry.yarnpkg.com/kleur/-/kleur-4.1.5.tgz#95106101795f7050c6c650f350c683febddb1780"
|
||||||
|
integrity sha512-o+NO+8WrRiQEE4/7nwRJhN1HWpVmJm511pBHUxPLtp0BUISzlBplORYSmTclCnJvQq2tKu/sgl3xVpkc7ZWuQQ==
|
||||||
|
|
||||||
|
magic-string@^0.25.7:
|
||||||
|
version "0.25.9"
|
||||||
|
resolved "https://registry.yarnpkg.com/magic-string/-/magic-string-0.25.9.tgz#de7f9faf91ef8a1c91d02c2e5314c8277dbcdd1c"
|
||||||
|
integrity sha512-RmF0AsMzgt25qzqqLc1+MbHmhdx0ojF2Fvs4XnOqz2ZOBXzzkEwc/dJQZCYHAn7v1jbVOjAZfK8msRn4BxO4VQ==
|
||||||
|
dependencies:
|
||||||
|
sourcemap-codec "^1.4.8"
|
||||||
|
|
||||||
|
magic-string@^0.26.2:
|
||||||
|
version "0.26.2"
|
||||||
|
resolved "https://registry.yarnpkg.com/magic-string/-/magic-string-0.26.2.tgz#5331700e4158cd6befda738bb6b0c7b93c0d4432"
|
||||||
|
integrity sha512-NzzlXpclt5zAbmo6h6jNc8zl2gNRGHvmsZW4IvZhTC4W7k4OlLP+S5YLussa/r3ixNT66KOQfNORlXHSOy/X4A==
|
||||||
|
dependencies:
|
||||||
|
sourcemap-codec "^1.4.8"
|
||||||
|
|
||||||
|
merge2@^1.3.0:
|
||||||
|
version "1.4.1"
|
||||||
|
resolved "https://registry.yarnpkg.com/merge2/-/merge2-1.4.1.tgz#4368892f885e907455a6fd7dc55c0c9d404990ae"
|
||||||
|
integrity sha512-8q7VEgMJW4J8tcfVPy8g09NcQwZdbwFEqhe/WZkoIzjn/3TGDwtOCYtXGxA3O8tPzpczCCDgv+P2P5y00ZJOOg==
|
||||||
|
|
||||||
|
micromatch@^4.0.4:
|
||||||
|
version "4.0.5"
|
||||||
|
resolved "https://registry.yarnpkg.com/micromatch/-/micromatch-4.0.5.tgz#bc8999a7cbbf77cdc89f132f6e467051b49090c6"
|
||||||
|
integrity sha512-DMy+ERcEW2q8Z2Po+WNXuw3c5YaUSFjAO5GsJqfEl7UjvtIuFKO6ZrKvcItdy98dwFI2N1tg3zNIdKaQT+aNdA==
|
||||||
|
dependencies:
|
||||||
|
braces "^3.0.2"
|
||||||
|
picomatch "^2.3.1"
|
||||||
|
|
||||||
|
min-indent@^1.0.0:
|
||||||
|
version "1.0.1"
|
||||||
|
resolved "https://registry.yarnpkg.com/min-indent/-/min-indent-1.0.1.tgz#a63f681673b30571fbe8bc25686ae746eefa9869"
|
||||||
|
integrity sha512-I9jwMn07Sy/IwOj3zVkVik2JTvgpaykDZEigL6Rx6N9LbMywwUSMtxET+7lVoDLLd3O3IXwJwvuuns8UB/HeAg==
|
||||||
|
|
||||||
|
minimatch@^3.1.1:
|
||||||
|
version "3.1.2"
|
||||||
|
resolved "https://registry.yarnpkg.com/minimatch/-/minimatch-3.1.2.tgz#19cd194bfd3e428f049a70817c038d89ab4be35b"
|
||||||
|
integrity sha512-J7p63hRiAjw1NDEww1W7i37+ByIrOWO5XQQAzZ3VOcL0PNybwpfmV/N05zFAzwQ9USyEcX6t3UO+K5aqBQOIHw==
|
||||||
|
dependencies:
|
||||||
|
brace-expansion "^1.1.7"
|
||||||
|
|
||||||
|
minimist@^1.2.0, minimist@^1.2.6:
|
||||||
|
version "1.2.6"
|
||||||
|
resolved "https://registry.yarnpkg.com/minimist/-/minimist-1.2.6.tgz#8637a5b759ea0d6e98702cfb3a9283323c93af44"
|
||||||
|
integrity sha512-Jsjnk4bw3YJqYzbdyBiNsPWHPfO++UGG749Cxs6peCu5Xg4nrena6OVxOYxrQTqww0Jmwt+Ref8rggumkTLz9Q==
|
||||||
|
|
||||||
|
mkdirp@^0.5.1:
|
||||||
|
version "0.5.6"
|
||||||
|
resolved "https://registry.yarnpkg.com/mkdirp/-/mkdirp-0.5.6.tgz#7def03d2432dcae4ba1d611445c48396062255f6"
|
||||||
|
integrity sha512-FP+p8RB8OWpF3YZBCrP5gtADmtXApB5AMLn+vdyA+PyxCjrCs00mjyUozssO33cwDeT3wNGdLxJ5M//YqtHAJw==
|
||||||
|
dependencies:
|
||||||
|
minimist "^1.2.6"
|
||||||
|
|
||||||
|
mri@^1.1.0:
|
||||||
|
version "1.2.0"
|
||||||
|
resolved "https://registry.yarnpkg.com/mri/-/mri-1.2.0.tgz#6721480fec2a11a4889861115a48b6cbe7cc8f0b"
|
||||||
|
integrity sha512-tzzskb3bG8LvYGFF/mDTpq3jpI6Q9wc3LEmBaghu+DdCssd1FakN7Bc0hVNmEyGq1bq3RgfkCb3cmQLpNPOroA==
|
||||||
|
|
||||||
|
ms@2.1.2:
|
||||||
|
version "2.1.2"
|
||||||
|
resolved "https://registry.yarnpkg.com/ms/-/ms-2.1.2.tgz#d09d1f357b443f493382a8eb3ccd183872ae6009"
|
||||||
|
integrity sha512-sGkPx+VjMtmA6MX27oA4FBFELFCZZ4S4XqeGOXCv68tT+jb3vk/RyaKWP0PTKyWtmLSM0b+adUTEvbs1PEaH2w==
|
||||||
|
|
||||||
|
nanoid@^3.3.4:
|
||||||
|
version "3.3.4"
|
||||||
|
resolved "https://registry.yarnpkg.com/nanoid/-/nanoid-3.3.4.tgz#730b67e3cd09e2deacf03c027c81c9d9dbc5e8ab"
|
||||||
|
integrity sha512-MqBkQh/OHTS2egovRtLk45wEyNXwF+cokD+1YPf9u5VfJiRdAiRwB2froX5Co9Rh20xs4siNPm8naNotSD6RBw==
|
||||||
|
|
||||||
|
ngraph.events@^1.2.2:
|
||||||
|
version "1.2.2"
|
||||||
|
resolved "https://registry.yarnpkg.com/ngraph.events/-/ngraph.events-1.2.2.tgz#3ceb92d676a04a4e7ce60a09fa8e17a4f0346d7f"
|
||||||
|
integrity sha512-JsUbEOzANskax+WSYiAPETemLWYXmixuPAlmZmhIbIj6FH/WDgEGCGnRwUQBK0GjOnVm8Ui+e5IJ+5VZ4e32eQ==
|
||||||
|
|
||||||
|
normalize-path@^3.0.0, normalize-path@~3.0.0:
|
||||||
|
version "3.0.0"
|
||||||
|
resolved "https://registry.yarnpkg.com/normalize-path/-/normalize-path-3.0.0.tgz#0dcd69ff23a1c9b11fd0978316644a0388216a65"
|
||||||
|
integrity sha512-6eZs5Ls3WtCisHWp9S2GUy8dqkpGi4BVSz3GaqiE6ezub0512ESztXUwUB6C6IKbQkY2Pnb/mD4WYojCRwcwLA==
|
||||||
|
|
||||||
|
normalize.css@^8.0.1:
|
||||||
|
version "8.0.1"
|
||||||
|
resolved "https://registry.yarnpkg.com/normalize.css/-/normalize.css-8.0.1.tgz#9b98a208738b9cc2634caacbc42d131c97487bf3"
|
||||||
|
integrity sha512-qizSNPO93t1YUuUhP22btGOo3chcvDFqFaj2TRybP0DMxkHOCTYwp3n34fel4a31ORXy4m1Xq0Gyqpb5m33qIg==
|
||||||
|
|
||||||
|
once@^1.3.0:
|
||||||
|
version "1.4.0"
|
||||||
|
resolved "https://registry.yarnpkg.com/once/-/once-1.4.0.tgz#583b1aa775961d4b113ac17d9c50baef9dd76bd1"
|
||||||
|
integrity sha512-lNaJgI+2Q5URQBkccEKHTQOPaXdUxnZZElQTZY0MFUAuaEqe1E+Nyvgdz/aIyNi6Z9MzO5dv1H8n58/GELp3+w==
|
||||||
|
dependencies:
|
||||||
|
wrappy "1"
|
||||||
|
|
||||||
|
panzoom@^9.4.3:
|
||||||
|
version "9.4.3"
|
||||||
|
resolved "https://registry.yarnpkg.com/panzoom/-/panzoom-9.4.3.tgz#195c4031bb643f2e6c42f1de0ca87cc10e224042"
|
||||||
|
integrity sha512-xaxCpElcRbQsUtIdwlrZA90P90+BHip4Vda2BC8MEb4tkI05PmR6cKECdqUCZ85ZvBHjpI9htJrZBxV5Gp/q/w==
|
||||||
|
dependencies:
|
||||||
|
amator "^1.1.0"
|
||||||
|
ngraph.events "^1.2.2"
|
||||||
|
wheel "^1.0.0"
|
||||||
|
|
||||||
|
parent-module@^1.0.0:
|
||||||
|
version "1.0.1"
|
||||||
|
resolved "https://registry.yarnpkg.com/parent-module/-/parent-module-1.0.1.tgz#691d2709e78c79fae3a156622452d00762caaaa2"
|
||||||
|
integrity sha512-GQ2EWRpQV8/o+Aw8YqtfZZPfNRWZYkbidE9k5rpl/hC3vtHHBfGm2Ifi6qWV+coDGkrUKZAxE3Lot5kcsRlh+g==
|
||||||
|
dependencies:
|
||||||
|
callsites "^3.0.0"
|
||||||
|
|
||||||
|
path-is-absolute@^1.0.0:
|
||||||
|
version "1.0.1"
|
||||||
|
resolved "https://registry.yarnpkg.com/path-is-absolute/-/path-is-absolute-1.0.1.tgz#174b9268735534ffbc7ace6bf53a5a9e1b5c5f5f"
|
||||||
|
integrity sha512-AVbw3UJ2e9bq64vSaS9Am0fje1Pa8pbGqTTsmXfaIiMpnr5DlDhfJOuLj9Sf95ZPVDAUerDfEk88MPmPe7UCQg==
|
||||||
|
|
||||||
|
path-parse@^1.0.7:
|
||||||
|
version "1.0.7"
|
||||||
|
resolved "https://registry.yarnpkg.com/path-parse/-/path-parse-1.0.7.tgz#fbc114b60ca42b30d9daf5858e4bd68bbedb6735"
|
||||||
|
integrity sha512-LDJzPVEEEPR+y48z93A0Ed0yXb8pAByGWo/k5YYdYgpY2/2EsOsksJrq7lOHxryrVOn1ejG6oAp8ahvOIQD8sw==
|
||||||
|
|
||||||
|
picocolors@^1.0.0:
|
||||||
|
version "1.0.0"
|
||||||
|
resolved "https://registry.yarnpkg.com/picocolors/-/picocolors-1.0.0.tgz#cb5bdc74ff3f51892236eaf79d68bc44564ab81c"
|
||||||
|
integrity sha512-1fygroTLlHu66zi26VoTDv8yRgm0Fccecssto+MhsZ0D/DGW2sm8E8AjW7NU5VVTRt5GxbeZ5qBuJr+HyLYkjQ==
|
||||||
|
|
||||||
|
picomatch@^2.0.4, picomatch@^2.2.1, picomatch@^2.2.2, picomatch@^2.3.1:
|
||||||
|
version "2.3.1"
|
||||||
|
resolved "https://registry.yarnpkg.com/picomatch/-/picomatch-2.3.1.tgz#3ba3833733646d9d3e4995946c1365a67fb07a42"
|
||||||
|
integrity sha512-JU3teHTNjmE2VCGFzuY8EXzCDVwEqB2a8fsIvwaStHhAWJEeVd1o1QD80CU6+ZdEXXSLbSsuLwJjkCBWqRQUVA==
|
||||||
|
|
||||||
|
postcss@^8.4.14:
|
||||||
|
version "8.4.14"
|
||||||
|
resolved "https://registry.yarnpkg.com/postcss/-/postcss-8.4.14.tgz#ee9274d5622b4858c1007a74d76e42e56fd21caf"
|
||||||
|
integrity sha512-E398TUmfAYFPBSdzgeieK2Y1+1cpdxJx8yXbK/m57nRhKSmk1GB2tO4lbLBtlkfPQTDKfe4Xqv1ASWPpayPEig==
|
||||||
|
dependencies:
|
||||||
|
nanoid "^3.3.4"
|
||||||
|
picocolors "^1.0.0"
|
||||||
|
source-map-js "^1.0.2"
|
||||||
|
|
||||||
|
queue-microtask@^1.2.2:
|
||||||
|
version "1.2.3"
|
||||||
|
resolved "https://registry.yarnpkg.com/queue-microtask/-/queue-microtask-1.2.3.tgz#4929228bbc724dfac43e0efb058caf7b6cfb6243"
|
||||||
|
integrity sha512-NuaNSa6flKT5JaSYQzJok04JzTL1CA6aGhv5rfLW3PgqA+M2ChpZQnAC8h8i4ZFkBS8X5RqkDBHA7r4hej3K9A==
|
||||||
|
|
||||||
|
readdirp@~3.6.0:
|
||||||
|
version "3.6.0"
|
||||||
|
resolved "https://registry.yarnpkg.com/readdirp/-/readdirp-3.6.0.tgz#74a370bd857116e245b29cc97340cd431a02a6c7"
|
||||||
|
integrity sha512-hOS089on8RduqdbhvQ5Z37A0ESjsqz6qnRcffsMU3495FuTdqSm+7bhJ29JvIOsBDEEnan5DPu9t3To9VRlMzA==
|
||||||
|
dependencies:
|
||||||
|
picomatch "^2.2.1"
|
||||||
|
|
||||||
|
resolve-from@^4.0.0:
|
||||||
|
version "4.0.0"
|
||||||
|
resolved "https://registry.yarnpkg.com/resolve-from/-/resolve-from-4.0.0.tgz#4abcd852ad32dd7baabfe9b40e00a36db5f392e6"
|
||||||
|
integrity sha512-pb/MYmXstAkysRFx8piNI1tGFNQIFA3vkE3Gq4EuA1dF6gHp/+vgZqsCGJapvy8N3Q+4o7FwvquPJcnZ7RYy4g==
|
||||||
|
|
||||||
|
resolve@^1.22.1:
|
||||||
|
version "1.22.1"
|
||||||
|
resolved "https://registry.yarnpkg.com/resolve/-/resolve-1.22.1.tgz#27cb2ebb53f91abb49470a928bba7558066ac177"
|
||||||
|
integrity sha512-nBpuuYuY5jFsli/JIs1oldw6fOQCBioohqWZg/2hiaOybXOft4lonv85uDOKXdf8rhyK159cxU5cDcK/NKk8zw==
|
||||||
|
dependencies:
|
||||||
|
is-core-module "^2.9.0"
|
||||||
|
path-parse "^1.0.7"
|
||||||
|
supports-preserve-symlinks-flag "^1.0.0"
|
||||||
|
|
||||||
|
reusify@^1.0.4:
|
||||||
|
version "1.0.4"
|
||||||
|
resolved "https://registry.yarnpkg.com/reusify/-/reusify-1.0.4.tgz#90da382b1e126efc02146e90845a88db12925d76"
|
||||||
|
integrity sha512-U9nH88a3fc/ekCF1l0/UP1IosiuIjyTh7hBvXVMHYgVcfGvt897Xguj2UOLDeI5BG2m7/uwyaLVT6fbtCwTyzw==
|
||||||
|
|
||||||
|
rimraf@^2.5.2:
|
||||||
|
version "2.7.1"
|
||||||
|
resolved "https://registry.yarnpkg.com/rimraf/-/rimraf-2.7.1.tgz#35797f13a7fdadc566142c29d4f07ccad483e3ec"
|
||||||
|
integrity sha512-uWjbaKIK3T1OSVptzX7Nl6PvQ3qAGtKEtVRjRuazjfL3Bx5eI409VZSqgND+4UNnmzLVdPj9FqFJNPqBZFve4w==
|
||||||
|
dependencies:
|
||||||
|
glob "^7.1.3"
|
||||||
|
|
||||||
|
rollup@^2.75.6:
|
||||||
|
version "2.77.1"
|
||||||
|
resolved "https://registry.yarnpkg.com/rollup/-/rollup-2.77.1.tgz#63463ebdbc04232fc42630ec72d137cd4400975d"
|
||||||
|
integrity sha512-GhutNJrvTYD6s1moo+kyq7lD9DeR5HDyXo4bDFlDSkepC9kVKY+KK/NSZFzCmeXeia3kEzVuToQmHRdugyZHxw==
|
||||||
|
optionalDependencies:
|
||||||
|
fsevents "~2.3.2"
|
||||||
|
|
||||||
|
run-parallel@^1.1.9:
|
||||||
|
version "1.2.0"
|
||||||
|
resolved "https://registry.yarnpkg.com/run-parallel/-/run-parallel-1.2.0.tgz#66d1368da7bdf921eb9d95bd1a9229e7f21a43ee"
|
||||||
|
integrity sha512-5l4VyZR86LZ/lDxZTR6jqL8AFE2S0IFLMP26AbjsLVADxHdhB/c0GUsH+y39UfCi3dzz8OlQuPmnaJOMoDHQBA==
|
||||||
|
dependencies:
|
||||||
|
queue-microtask "^1.2.2"
|
||||||
|
|
||||||
|
sade@^1.7.4:
|
||||||
|
version "1.8.1"
|
||||||
|
resolved "https://registry.yarnpkg.com/sade/-/sade-1.8.1.tgz#0a78e81d658d394887be57d2a409bf703a3b2701"
|
||||||
|
integrity sha512-xal3CZX1Xlo/k4ApwCFrHVACi9fBqJ7V+mwhBsuf/1IOKbBy098Fex+Wa/5QMubw09pSZ/u8EY8PWgevJsXp1A==
|
||||||
|
dependencies:
|
||||||
|
mri "^1.1.0"
|
||||||
|
|
||||||
|
sander@^0.5.0:
|
||||||
|
version "0.5.1"
|
||||||
|
resolved "https://registry.yarnpkg.com/sander/-/sander-0.5.1.tgz#741e245e231f07cafb6fdf0f133adfa216a502ad"
|
||||||
|
integrity sha512-3lVqBir7WuKDHGrKRDn/1Ye3kwpXaDOMsiRP1wd6wpZW56gJhsbp5RqQpA6JG/P+pkXizygnr1dKR8vzWaVsfA==
|
||||||
|
dependencies:
|
||||||
|
es6-promise "^3.1.2"
|
||||||
|
graceful-fs "^4.1.3"
|
||||||
|
mkdirp "^0.5.1"
|
||||||
|
rimraf "^2.5.2"
|
||||||
|
|
||||||
|
sass@^1.54.0:
|
||||||
|
version "1.54.0"
|
||||||
|
resolved "https://registry.yarnpkg.com/sass/-/sass-1.54.0.tgz#24873673265e2a4fe3d3a997f714971db2fba1f4"
|
||||||
|
integrity sha512-C4zp79GCXZfK0yoHZg+GxF818/aclhp9F48XBu/+bm9vXEVAYov9iU3FBVRMq3Hx3OA4jfKL+p2K9180mEh0xQ==
|
||||||
|
dependencies:
|
||||||
|
chokidar ">=3.0.0 <4.0.0"
|
||||||
|
immutable "^4.0.0"
|
||||||
|
source-map-js ">=0.6.2 <2.0.0"
|
||||||
|
|
||||||
|
sorcery@^0.10.0:
|
||||||
|
version "0.10.0"
|
||||||
|
resolved "https://registry.yarnpkg.com/sorcery/-/sorcery-0.10.0.tgz#8ae90ad7d7cb05fc59f1ab0c637845d5c15a52b7"
|
||||||
|
integrity sha512-R5ocFmKZQFfSTstfOtHjJuAwbpGyf9qjQa1egyhvXSbM7emjrtLXtGdZsDJDABC85YBfVvrOiGWKSYXPKdvP1g==
|
||||||
|
dependencies:
|
||||||
|
buffer-crc32 "^0.2.5"
|
||||||
|
minimist "^1.2.0"
|
||||||
|
sander "^0.5.0"
|
||||||
|
sourcemap-codec "^1.3.0"
|
||||||
|
|
||||||
|
"source-map-js@>=0.6.2 <2.0.0", source-map-js@^1.0.2:
|
||||||
|
version "1.0.2"
|
||||||
|
resolved "https://registry.yarnpkg.com/source-map-js/-/source-map-js-1.0.2.tgz#adbc361d9c62df380125e7f161f71c826f1e490c"
|
||||||
|
integrity sha512-R0XvVJ9WusLiqTCEiGCmICCMplcCkIwwR11mOSD9CR5u+IXYdiseeEuXCVAjS54zqwkLcPNnmU4OeJ6tUrWhDw==
|
||||||
|
|
||||||
|
sourcemap-codec@^1.3.0, sourcemap-codec@^1.4.8:
|
||||||
|
version "1.4.8"
|
||||||
|
resolved "https://registry.yarnpkg.com/sourcemap-codec/-/sourcemap-codec-1.4.8.tgz#ea804bd94857402e6992d05a38ef1ae35a9ab4c4"
|
||||||
|
integrity sha512-9NykojV5Uih4lgo5So5dtw+f0JgJX30KCNI8gwhz2J9A15wD0Ml6tjHKwf6fTSa6fAdVBdZeNOs9eJ71qCk8vA==
|
||||||
|
|
||||||
|
stats.js@^0.17.0:
|
||||||
|
version "0.17.0"
|
||||||
|
resolved "https://registry.yarnpkg.com/stats.js/-/stats.js-0.17.0.tgz#b1c3dc46d94498b578b7fd3985b81ace7131cc7d"
|
||||||
|
integrity sha512-hNKz8phvYLPEcRkeG1rsGmV5ChMjKDAWU7/OJJdDErPBNChQXxCo3WZurGpnWc6gZhAzEPFad1aVgyOANH1sMw==
|
||||||
|
|
||||||
|
strip-indent@^3.0.0:
|
||||||
|
version "3.0.0"
|
||||||
|
resolved "https://registry.yarnpkg.com/strip-indent/-/strip-indent-3.0.0.tgz#c32e1cee940b6b3432c771bc2c54bcce73cd3001"
|
||||||
|
integrity sha512-laJTa3Jb+VQpaC6DseHhF7dXVqHTfJPCRDaEbid/drOhgitgYku/letMUqOXFoWV0zIIUbjpdH2t+tYj4bQMRQ==
|
||||||
|
dependencies:
|
||||||
|
min-indent "^1.0.0"
|
||||||
|
|
||||||
|
supports-preserve-symlinks-flag@^1.0.0:
|
||||||
|
version "1.0.0"
|
||||||
|
resolved "https://registry.yarnpkg.com/supports-preserve-symlinks-flag/-/supports-preserve-symlinks-flag-1.0.0.tgz#6eda4bd344a3c94aea376d4cc31bc77311039e09"
|
||||||
|
integrity sha512-ot0WnXS9fgdkgIcePe6RHNk1WA8+muPa6cSjeR3V8K27q9BB1rTE3R1p7Hv0z1ZyAc8s6Vvv8DIyWf681MAt0w==
|
||||||
|
|
||||||
|
svelte-check@^2.8.0:
|
||||||
|
version "2.8.0"
|
||||||
|
resolved "https://registry.yarnpkg.com/svelte-check/-/svelte-check-2.8.0.tgz#cfe1354e72545839c47f0f022c2c007454cd4095"
|
||||||
|
integrity sha512-HRL66BxffMAZusqe5I5k26mRWQ+BobGd9Rxm3onh7ZVu0nTk8YTKJ9vu3LVPjUGLU9IX7zS+jmwPVhJYdXJ8vg==
|
||||||
|
dependencies:
|
||||||
|
"@jridgewell/trace-mapping" "^0.3.9"
|
||||||
|
chokidar "^3.4.1"
|
||||||
|
fast-glob "^3.2.7"
|
||||||
|
import-fresh "^3.2.1"
|
||||||
|
picocolors "^1.0.0"
|
||||||
|
sade "^1.7.4"
|
||||||
|
svelte-preprocess "^4.0.0"
|
||||||
|
typescript "*"
|
||||||
|
|
||||||
|
svelte-hmr@^0.14.12:
|
||||||
|
version "0.14.12"
|
||||||
|
resolved "https://registry.yarnpkg.com/svelte-hmr/-/svelte-hmr-0.14.12.tgz#a127aec02f1896500b10148b2d4d21ddde39973f"
|
||||||
|
integrity sha512-4QSW/VvXuqVcFZ+RhxiR8/newmwOCTlbYIezvkeN6302YFRE8cXy0naamHcjz8Y9Ce3ITTZtrHrIL0AGfyo61w==
|
||||||
|
|
||||||
|
svelte-preprocess@^4.0.0, svelte-preprocess@^4.10.7:
|
||||||
|
version "4.10.7"
|
||||||
|
resolved "https://registry.yarnpkg.com/svelte-preprocess/-/svelte-preprocess-4.10.7.tgz#3626de472f51ffe20c9bc71eff5a3da66797c362"
|
||||||
|
integrity sha512-sNPBnqYD6FnmdBrUmBCaqS00RyCsCpj2BG58A1JBswNF7b0OKviwxqVrOL/CKyJrLSClrSeqQv5BXNg2RUbPOw==
|
||||||
|
dependencies:
|
||||||
|
"@types/pug" "^2.0.4"
|
||||||
|
"@types/sass" "^1.16.0"
|
||||||
|
detect-indent "^6.0.0"
|
||||||
|
magic-string "^0.25.7"
|
||||||
|
sorcery "^0.10.0"
|
||||||
|
strip-indent "^3.0.0"
|
||||||
|
|
||||||
|
svelte@^3.49.0:
|
||||||
|
version "3.49.0"
|
||||||
|
resolved "https://registry.yarnpkg.com/svelte/-/svelte-3.49.0.tgz#5baee3c672306de1070c3b7888fc2204e36a4029"
|
||||||
|
integrity sha512-+lmjic1pApJWDfPCpUUTc1m8azDqYCG1JN9YEngrx/hUyIcFJo6VZhj0A1Ai0wqoHcEIuQy+e9tk+4uDgdtsFA==
|
||||||
|
|
||||||
|
to-regex-range@^5.0.1:
|
||||||
|
version "5.0.1"
|
||||||
|
resolved "https://registry.yarnpkg.com/to-regex-range/-/to-regex-range-5.0.1.tgz#1648c44aae7c8d988a326018ed72f5b4dd0392e4"
|
||||||
|
integrity sha512-65P7iz6X5yEr1cwcgvQxbbIw7Uk3gOy5dIdtZ4rDveLqhrdJP+Li/Hx6tyK0NEb+2GCyneCMJiGqrADCSNk8sQ==
|
||||||
|
dependencies:
|
||||||
|
is-number "^7.0.0"
|
||||||
|
|
||||||
|
tslib@^1.9.3:
|
||||||
|
version "1.14.1"
|
||||||
|
resolved "https://registry.yarnpkg.com/tslib/-/tslib-1.14.1.tgz#cf2d38bdc34a134bcaf1091c41f6619e2f672d00"
|
||||||
|
integrity sha512-Xni35NKzjgMrwevysHTCArtLDpPvye8zV/0E4EyYn43P7/7qvQwPh9BGkHewbMulVntbigmcT7rdX3BNo9wRJg==
|
||||||
|
|
||||||
|
tslib@^2.4.0:
|
||||||
|
version "2.4.0"
|
||||||
|
resolved "https://registry.yarnpkg.com/tslib/-/tslib-2.4.0.tgz#7cecaa7f073ce680a05847aa77be941098f36dc3"
|
||||||
|
integrity sha512-d6xOpEDfsi2CZVlPQzGeux8XMwLT9hssAsaPYExaQMuYskwb+x1x7J371tWlbBdWHroy99KnVB6qIkUbs5X3UQ==
|
||||||
|
|
||||||
|
typescript@*, typescript@^4.6.4:
|
||||||
|
version "4.7.4"
|
||||||
|
resolved "https://registry.yarnpkg.com/typescript/-/typescript-4.7.4.tgz#1a88596d1cf47d59507a1bcdfb5b9dfe4d488235"
|
||||||
|
integrity sha512-C0WQT0gezHuw6AdY1M2jxUO83Rjf0HP7Sk1DtXj6j1EwkQNZrHAg2XPWlq62oqEhYvONq5pkC2Y9oPljWToLmQ==
|
||||||
|
|
||||||
|
vite@^3.0.0:
|
||||||
|
version "3.0.3"
|
||||||
|
resolved "https://registry.yarnpkg.com/vite/-/vite-3.0.3.tgz#c7b2ed9505a36a04be1d5d23aea4ea6fc028043f"
|
||||||
|
integrity sha512-sDIpIcl3mv1NUaSzZwiXGEy1ZoWwwC2vkxUHY6yiDacR6zf//ZFuBJrozO62gedpE43pmxnLATNR5IYUdAEkMQ==
|
||||||
|
dependencies:
|
||||||
|
esbuild "^0.14.47"
|
||||||
|
postcss "^8.4.14"
|
||||||
|
resolve "^1.22.1"
|
||||||
|
rollup "^2.75.6"
|
||||||
|
optionalDependencies:
|
||||||
|
fsevents "~2.3.2"
|
||||||
|
|
||||||
|
wheel@^1.0.0:
|
||||||
|
version "1.0.0"
|
||||||
|
resolved "https://registry.yarnpkg.com/wheel/-/wheel-1.0.0.tgz#6cf46e06a854181adb8649228077f8b0d5c574ce"
|
||||||
|
integrity sha512-XiCMHibOiqalCQ+BaNSwRoZ9FDTAvOsXxGHXChBugewDj7HC8VBIER71dEOiRH1fSdLbRCQzngKTSiZ06ZQzeA==
|
||||||
|
|
||||||
|
wrappy@1:
|
||||||
|
version "1.0.2"
|
||||||
|
resolved "https://registry.yarnpkg.com/wrappy/-/wrappy-1.0.2.tgz#b5243d8f3ec1aa35f1364605bc0d1036e30ab69f"
|
||||||
|
integrity sha512-l4Sp/DRseor9wL6EvV2+TuQn63dMkPjZ/sp9XkghTEbV9KlPS1xUsZ3u7/IQO4wxtcFB4bgpQPRcR3QCvezPcQ==
|
||||||
Loading…
Reference in a new issue