Build errors

wrenhawth · Jul 1, 2024 · 81df2b9 · 81df2b9
1 parent 41c7cf2
commit 81df2b9
Show file tree

Hide file tree

Showing 9 changed files with 11 additions and 36 deletions.
diff --git a/src/App.tsx b/src/App.tsx
@@ -17,7 +17,7 @@ import { Octopus } from './components/Octopus';
 import { DRUM_PRESETS, DRUM_PRESETS_LOOPS, DrumEvent, DrumPreset } from './utils/drumPresets';
 import { RhythmSelector } from './components/RhythmSelector';
 import { fillDrumPreset } from './utils/rhythms';
-import { CHORD_PATTERNS, ChordEvent, ChordPattern, fillChordPattern } from './utils/chordPatterns';
+import {  ChordEvent, ChordPattern, fillChordPattern } from './utils/chordPatterns';
 import { ChordPatternSelector } from './components/ChordPatternSelector';
 
 // import '@shoelace-style/shoelace/dist/themes/light.css';

diff --git a/src/components/ChordButtons.tsx b/src/components/ChordButtons.tsx
diff --git a/src/components/ChordPatternSelector.tsx b/src/components/ChordPatternSelector.tsx
@@ -1,7 +1,7 @@
 import React from "react";
 import { SlButton } from "@shoelace-style/shoelace/dist/react";
 
-import SlIcon from "@shoelace-style/shoelace/dist/react/icon/index"
+import SlIcon from "@shoelace-style/shoelace/dist/react/icon/index.js"
 
 import { CHORD_PATTERNS_LIST, CHORD_PATTERN_LABELS, ChordPattern } from "../utils/chordPatterns";
 

diff --git a/src/components/Octopus.tsx b/src/components/Octopus.tsx
@@ -1,10 +1,9 @@
-import React, { SetStateAction, useEffect, useRef, useState } from "react";
+import React, { SetStateAction, useRef } from "react";
 import { gsap } from "gsap";
 import { useGSAP } from "@gsap/react";
 
-import { Context, Loop, Time, getContext, getDraw, getTransport, setContext } from "tone";
+import {  Time, getContext, getDraw, getTransport } from "tone";
 import { PlayButton } from "./PlayButton";
-import Tone from 'tone';
 gsap.registerPlugin(useGSAP);
 
 type Props = {

diff --git a/src/components/PlayButton.tsx b/src/components/PlayButton.tsx
@@ -1,7 +1,6 @@
 import React from "react";
 import { SlButton } from "@shoelace-style/shoelace/dist/react";
 import SlIcon from "@shoelace-style/shoelace/dist/react/icon/index.js"
-import { setBasePath } from "@shoelace-style/shoelace";
 
 
 type Props = {

diff --git a/src/components/RhythmSelector.tsx b/src/components/RhythmSelector.tsx
@@ -1,9 +1,9 @@
 import React from "react";
-import SlOption from '@shoelace-style/shoelace/dist/react/option/index';
-import SlSelect from '@shoelace-style/shoelace/dist/react/select/index';
-import SlIcon from "@shoelace-style/shoelace/dist/react/icon/index"
+import SlOption from '@shoelace-style/shoelace/dist/react/option/index.js';
+import SlSelect from '@shoelace-style/shoelace/dist/react/select/index.js';
+import SlIcon from "@shoelace-style/shoelace/dist/react/icon/index.js"
 
-import { DRUM_LABELS, DRUM_PRESETS, DRUM_PRESET_LIST, DrumPreset } from "../utils/drumPresets";
+import { DRUM_LABELS, DRUM_PRESET_LIST, DrumPreset } from "../utils/drumPresets";
 
 type Props = {
     selectedRhythm: DrumPreset

diff --git a/src/components/SingleChord.tsx b/src/components/SingleChord.tsx
@@ -1,7 +1,5 @@
-import React from "react";
-import { scaleToTriads } from "../utils/chords";
-import SlButton from "@shoelace-style/shoelace/dist/react/button/index";
-import SlIcon from "@shoelace-style/shoelace/dist/react/icon/index"
+import SlButton from "@shoelace-style/shoelace/dist/react/button/index.js";
+import SlIcon from "@shoelace-style/shoelace/dist/react/icon/index.js"
 import { CHORD_TO_EMOJI, ChordSymbol, MOVE_CHORD_LEFT, MOVE_CHORD_MOOD, MOVE_CHORD_RIGHT } from "../utils/basicChords";
 
 type Props = {

diff --git a/src/main.tsx b/src/main.tsx
@@ -3,9 +3,6 @@ import ReactDOM from 'react-dom/client'
 import App from './App'
 import './index.css'
 import '@shoelace-style/shoelace/dist/themes/light.css';
-import { setBasePath } from '@shoelace-style/shoelace/dist/utilities/base-path';
-
-setBasePath('https://cdn.jsdelivr.net/npm/@shoelace-style/shoelace@2.15.1/cdn/');
 
 ReactDOM.createRoot(document.getElementById('root')!).render(
   <React.StrictMode>

diff --git a/vite.config.ts b/vite.config.ts
@@ -3,6 +3,6 @@ import react from '@vitejs/plugin-react'
 
 // https://vitejs.dev/config/
 export default defineConfig({
-
+  base: '/octo-looper/',
   plugins: [react()],
 })