+
diff --git a/src/js/rebuses.js b/src/js/rebuses.js
index 4bc4b619..48759a75 100644
--- a/src/js/rebuses.js
+++ b/src/js/rebuses.js
@@ -902,6 +902,26 @@ const rebuses = [
symbols: ['🦀', '+', '🎂'],
words: ['crab', 'cake'],
hint: 'A delicious appetizer'
+ },
+ {
+ symbols: ['🍔', '+', '👑'],
+ words: ['burger', 'king'],
+ hint: 'A fast food restaurant'
+ },
+ {
+ symbols: ['🐦', '+', '🏠'],
+ words: ['bird', 'house'],
+ hint: 'A small structure for birds to live in'
+ },
+ {
+ symbols: ['🍫', '+', '🥛'],
+ words: ['chocolate', 'milk'],
+ hint: 'A delicious drink'
+ },
+ {
+ symbols: ['🍦', '+', '🍪'],
+ words: ['ice', 'cream', 'sandwich'],
+ hint: 'A delicious treat'
}
];
diff --git a/src/js/store.js b/src/js/store.js
index e33989e2..a97b0a1f 100644
--- a/src/js/store.js
+++ b/src/js/store.js
@@ -1,18 +1,20 @@
import { confetti } from 'dom-confetti';
import { createStore } from './mini';
import { getRebuses, markRebusAsAnswered } from './rebuses';
-
+ import song from '/src/Jeopardy_Music.wav';
export const actionsCreators = {
next: ({ current, rebuses }) => ({
current: current < rebuses.length - 1 ? current + 1 : 0,
animation: 'flip-vertical-right',
incorrectAnswerCount: 0
}),
+
prev: ({ current, rebuses }) => ({
current: current > 0 ? current - 1 : rebuses.length - 1,
animation: 'flip-vertical-left',
incorrectAnswerCount: 0
}),
+
setCurrent: ({ rebuses }, id) => {
const index = rebuses.findIndex(rebus => rebus.id === id);
if (index > 0) {
@@ -51,6 +53,10 @@ export const actionsCreators = {
return { animation: 'shake' };
}
return {};
+ },
+ playSound: () => {
+ const sound = new Audio(song);
+ sound.play();
}
};
diff --git a/webpack.config.js b/webpack.config.js
index b4dfeec5..e0abf6cd 100755
--- a/webpack.config.js
+++ b/webpack.config.js
@@ -1,7 +1,7 @@
const path = require('path');
const HtmlWebPackPlugin = require('html-webpack-plugin');
-module.exports = publicPath => ({
+module.exports = {
entry: {
main: './src/js/app.js'
},
@@ -9,7 +9,7 @@ module.exports = publicPath => ({
filename: '[name].bundle.js',
chunkFilename: '[name].bundle.js',
path: path.resolve(__dirname, 'dist/'),
- publicPath: publicPath || '/'
+ publicPath: 'auto'
},
devtool: 'source-map',
resolve: { extensions: ['.js', '.json'] },
@@ -24,7 +24,14 @@ module.exports = publicPath => ({
// HTML
{ test: /\.html$/, use: ['html-loader'] },
// CSS
- { test: /\.css$/, use: ['style-loader', 'css-loader'] }
+ { test: /\.css$/, use: ['style-loader', 'css-loader'] },
+ {
+ test: /\.(wav)$/i,
+ type: 'asset/resource',
+ generator: {
+ filename: 'Jeopardy_Music.wav'
+ }
+ }
]
},
plugins: [
@@ -35,7 +42,11 @@ module.exports = publicPath => ({
})
],
devServer: {
- contentBase: path.join(__dirname, 'dist'),
- port: 3000
+ static: {
+ directory: path.resolve(__dirname, 'dist')
+ },
+ port: 3000,
+ open: true, // Open the default browser when the server starts
+ hot: true // Enable Hot Module Replacement (HMR)
}
-});
+};