fixing build issues

This commit is contained in:
suroh 2023-10-06 15:34:23 +02:00
parent bf7f7a0f21
commit 2b7dcc246d
4 changed files with 64 additions and 748 deletions

784
package-lock.json generated

File diff suppressed because it is too large Load Diff

View File

@ -6,15 +6,13 @@
"scripts": { "scripts": {
"dev": "vite", "dev": "vite",
"build": "vite build", "build": "vite build",
"preview": "vite preview" "preview": "vite preview --port 8080"
}, },
"dependencies": { "dependencies": {
"@lit-labs/task": "^3.0.2", "@lit-labs/task": "^3.0.2",
"@thepassle/app-tools": "^0.9.8", "@thepassle/app-tools": "^0.9.8",
"@web/rollup-plugin-polyfills-loader": "^2.0.1",
"lit": "^2.7.6", "lit": "^2.7.6",
"urlpattern-polyfill": "^9.0.0", "urlpattern-polyfill": "^9.0.0"
"wavesurfer.js": "^7.3.2"
}, },
"devDependencies": { "devDependencies": {
"eslint": "^8.49.0", "eslint": "^8.49.0",

View File

@ -1,6 +1,8 @@
import { LitElement, css, html } from 'lit' import { LitElement, css, html, unsafeCSS } from 'lit'
import { Task } from '@lit-labs/task' import { Task } from '@lit-labs/task'
import MainCSS from '../assets/styles/main.scss?inline'
// components // components
import '../components/Header.js' import '../components/Header.js'
import '../components/Footer.js' import '../components/Footer.js'
@ -12,14 +14,12 @@ import Router from '../api/Router.js'
class AudioView extends LitElement { class AudioView extends LitElement {
static properties = { static properties = {
path: { type: String },
tracks: { type: Array }, tracks: { type: Array },
selected: { state: true } selected: { state: true }
} }
constructor() { constructor() {
super() super()
this.path = ''
this.tracks = [] this.tracks = []
this.selected = null this.selected = null
} }
@ -49,7 +49,7 @@ class AudioView extends LitElement {
const idx = 1 const idx = 1
this.selected = { ...this.tracks[idx], idx, media: `${Router.route.path}/${this.tracks[idx].media}` } this.selected = { ...this.tracks[idx], idx, media: `${Router.route.path}/${this.tracks[idx].media}` }
}, },
() => [ this.path ] () => []
) )
_skipTrack(direction) { _skipTrack(direction) {
@ -85,7 +85,7 @@ class AudioView extends LitElement {
` `
} }
static styles = css` static styles = [ css`${unsafeCSS(MainCSS)}`, css`
:host { :host {
display: flex; display: flex;
flex-direction: column; flex-direction: column;
@ -138,7 +138,7 @@ class AudioView extends LitElement {
mm-footer { mm-footer {
z-index: 1; z-index: 1;
} }
` ` ]
} }

View File

@ -12,10 +12,10 @@ import '../components/HorizontalScroller.js'
import Router from '../api/Router.js' import Router from '../api/Router.js'
class VideoPage extends LitElement { class VideoView extends LitElement {
static properties = { static properties = {
data: { type: Array }, data: { type: Array },
fims: { type: Array, state: true }, films: { type: Array, state: true },
selected: { state: true } selected: { state: true }
} }
@ -89,6 +89,10 @@ class VideoPage extends LitElement {
gap: 0.5em; gap: 0.5em;
} }
mm-hscroller {
min-height: 15.625rem;
}
aside { aside {
font-size: 1.5em; font-size: 1.5em;
padding-inline-start: 0.5em; padding-inline-start: 0.5em;
@ -105,4 +109,4 @@ class VideoPage extends LitElement {
` ] ` ]
} }
customElements.define('mm-videos', VideoPage) customElements.define('mm-videos', VideoView)