added pnpm, vite, and typescript support
This commit is contained in:
@@ -1,3 +1,4 @@
|
|||||||
|
frontend/dist
|
||||||
node_modules
|
node_modules
|
||||||
build
|
build
|
||||||
test_data
|
test_data
|
||||||
|
|||||||
+1
-6
@@ -2,14 +2,9 @@
|
|||||||
<html lang="en">
|
<html lang="en">
|
||||||
|
|
||||||
<head>
|
<head>
|
||||||
<!-- manually including wails runtime -->
|
|
||||||
<meta name="wails-options" content="noautoinject" />
|
|
||||||
<script src="/wails/ipc.js"></script>
|
|
||||||
<script src="/wails/runtime.js"></script>
|
|
||||||
|
|
||||||
<meta charset="UTF-8" />
|
<meta charset="UTF-8" />
|
||||||
<meta content="width=device-width, initial-scale=1.0" name="viewport" />
|
<meta content="width=device-width, initial-scale=1.0" name="viewport" />
|
||||||
<link rel="stylesheet" type="text/css" href="/node_modules/@picocss/pico/css/pico.css">
|
<link rel="stylesheet" type="text/css" href="/node_modules/@picocss/pico/css/pico.min.css">
|
||||||
<title>yellowjacket</title>
|
<title>yellowjacket</title>
|
||||||
</head>
|
</head>
|
||||||
<script src="/index.js" type="module"></script>
|
<script src="/index.js" type="module"></script>
|
||||||
|
|||||||
@@ -1,6 +1,15 @@
|
|||||||
{
|
{
|
||||||
|
"scripts": {
|
||||||
|
"dev": "vite",
|
||||||
|
"build": "vite build",
|
||||||
|
"preview": "vite preview"
|
||||||
|
},
|
||||||
"dependencies": {
|
"dependencies": {
|
||||||
"@picocss/pico": "^2.1.1",
|
"@picocss/pico": "^2.1.1",
|
||||||
"lit": "^3.2.1"
|
"lit": "^3.2.1"
|
||||||
|
},
|
||||||
|
"devDependencies": {
|
||||||
|
"ts-lit-plugin": "^2.0.2",
|
||||||
|
"vite": "^6.2.3"
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|||||||
@@ -1 +1 @@
|
|||||||
59a625b8cd99cd466065cf0b9e6893e0
|
038a4fcd825344f08c63dbe40f42865f
|
||||||
Generated
+980
File diff suppressed because it is too large
Load Diff
@@ -0,0 +1,33 @@
|
|||||||
|
import { LitElement, html } from 'lit';
|
||||||
|
import { customElement } from 'lit/decorators.js';
|
||||||
|
import { Play } from '@go/player/Player';
|
||||||
|
|
||||||
|
const audioPlayer = (text: string, disabled: boolean) => html`
|
||||||
|
<p>Welcome to the Lit tutorial!</p>
|
||||||
|
<h
|
||||||
|
`;
|
||||||
|
|
||||||
|
|
||||||
|
@customElement('audio-player')
|
||||||
|
export class AudioPlayer extends LitElement {
|
||||||
|
|
||||||
|
render() {
|
||||||
|
return audioPlayer;
|
||||||
|
}
|
||||||
|
|
||||||
|
onPlayPauseButtonClick = function() {
|
||||||
|
let playPauseButtonIcon = document.getElementById("playPauseButtonIcon");
|
||||||
|
try {
|
||||||
|
Play().then((result) => {
|
||||||
|
console.log(result)
|
||||||
|
playPauseButtonIcon.setAttribute("src", "/src/assets/images/icons/music/pause-solid.svg")
|
||||||
|
}).catch((err) => {
|
||||||
|
console.log("There is an error with playing")
|
||||||
|
console.error(err);
|
||||||
|
});
|
||||||
|
}
|
||||||
|
catch (err) {
|
||||||
|
console.error(err);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
@@ -19,7 +19,6 @@ window.dirPicker = function() {
|
|||||||
try {
|
try {
|
||||||
DirectoryPicker()
|
DirectoryPicker()
|
||||||
.then((result) => {
|
.then((result) => {
|
||||||
if (result.length === 0 ) { };
|
|
||||||
window.updateLibraryDirLabel(result); })
|
window.updateLibraryDirLabel(result); })
|
||||||
.catch((err) => {
|
.catch((err) => {
|
||||||
console.error("There is an error with directory picker: " + err);
|
console.error("There is an error with directory picker: " + err);
|
||||||
|
|||||||
@@ -0,0 +1,12 @@
|
|||||||
|
import { defineConfig } from "vite";
|
||||||
|
import path from "path";
|
||||||
|
|
||||||
|
export default defineConfig({
|
||||||
|
resolve: {
|
||||||
|
alias: {
|
||||||
|
"@go": path.resolve(__dirname, "./wailsjs/go"),
|
||||||
|
"@components": path.resolve(__dirname, "./src/components"),
|
||||||
|
"@assets": path.resolve(__dirname, "./src/assets"),
|
||||||
|
},
|
||||||
|
},
|
||||||
|
});
|
||||||
@@ -19,7 +19,7 @@ import (
|
|||||||
"github.com/wailsapp/wails/v2/pkg/options/windows"
|
"github.com/wailsapp/wails/v2/pkg/options/windows"
|
||||||
)
|
)
|
||||||
|
|
||||||
//go:embed all:frontend
|
//go:embed all:frontend/dist
|
||||||
var assets embed.FS
|
var assets embed.FS
|
||||||
|
|
||||||
func main() {
|
func main() {
|
||||||
|
|||||||
@@ -0,0 +1,30 @@
|
|||||||
|
{
|
||||||
|
"compilerOptions": {
|
||||||
|
"isolatedModules": true,
|
||||||
|
"baseUrl": "./frontend",
|
||||||
|
"allowJs": true,
|
||||||
|
"checkJs": true,
|
||||||
|
"noEmit": true,
|
||||||
|
"target": "ES2022",
|
||||||
|
"module": "ESNext",
|
||||||
|
"lib": [
|
||||||
|
"es2022",
|
||||||
|
"dom"
|
||||||
|
],
|
||||||
|
"declaration": true,
|
||||||
|
"declarationMap": true,
|
||||||
|
"experimentalDecorators": true,
|
||||||
|
"useDefineForClassFields": false,
|
||||||
|
"moduleResolution": "node",
|
||||||
|
"plugins": [
|
||||||
|
{
|
||||||
|
"name": "ts-lit-plugin"
|
||||||
|
}
|
||||||
|
],
|
||||||
|
"paths": {
|
||||||
|
"@go/*": ["wailsjs/go/*"],
|
||||||
|
"@components/*": ["src/components/*"],
|
||||||
|
"@assets/*": ["src/assets/*"],
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
+3
-3
@@ -3,9 +3,9 @@
|
|||||||
"name": "yellowjacket",
|
"name": "yellowjacket",
|
||||||
"outputfilename": "yellowjacket",
|
"outputfilename": "yellowjacket",
|
||||||
"frontend:install": "pnpm install",
|
"frontend:install": "pnpm install",
|
||||||
"frontend:build": "",
|
"frontend:build": "pnpm build",
|
||||||
"frontend:dev:watcher": "inotifywait -m -e modify,create,delete,move -r .",
|
"frontend:dev:watcher": "pnpm dev",
|
||||||
"frontend:dev:serverUrl": "",
|
"frontend:dev:serverUrl": "auto",
|
||||||
"author": {
|
"author": {
|
||||||
"name": "",
|
"name": "",
|
||||||
"email": ""
|
"email": ""
|
||||||
|
|||||||
Reference in New Issue
Block a user