diff --git a/app/web/config/webpack.config.js b/app/web/config/webpack.config.js
index 08dcbd9..103151b 100644
--- a/app/web/config/webpack.config.js
+++ b/app/web/config/webpack.config.js
@@ -6,7 +6,7 @@ module.exports = (config, { env }) => {
     }
   })
   config.module.rules.push({
-    test: /\.md$|\.jscad$|\.py$|\.SCAD$/i,
+    test: /\.(md|jscad\.js|py|scad)$/i,
     use: 'raw-loader',
   });
   return config
diff --git a/app/web/src/globals.d.ts b/app/web/src/globals.d.ts
index 108e045..e07147d 100644
--- a/app/web/src/globals.d.ts
+++ b/app/web/src/globals.d.ts
@@ -2,6 +2,6 @@
 // eliminates noisy TypeScript errors by registering these file endings as types.
 // Learned this method of registering modules from https://stackoverflow.com/a/57444766
 declare module "*.md";
-declare module "*.SCAD";
+declare module "*.scad";
 declare module "*.py";
-declare module "*.jscad";
\ No newline at end of file
+declare module "*.jscad.js";
diff --git a/app/web/src/helpers/cadPackages/jsCad/initialCode.jscad b/app/web/src/helpers/cadPackages/jsCad/initialCode.jscad.js
similarity index 100%
rename from app/web/src/helpers/cadPackages/jsCad/initialCode.jscad
rename to app/web/src/helpers/cadPackages/jsCad/initialCode.jscad.js
diff --git a/app/web/src/helpers/hooks/useIdeState.ts b/app/web/src/helpers/hooks/useIdeState.ts
index 9cf3767..c5b8af4 100644
--- a/app/web/src/helpers/hooks/useIdeState.ts
+++ b/app/web/src/helpers/hooks/useIdeState.ts
@@ -7,11 +7,11 @@ import type {
 } from 'src/helpers/cadPackages/common'
 import { CadhubParams } from 'src/components/Customizer/customizerConverter'
 import openScadGuide from 'src/helpers/cadPackages/openScad/userGuide.md'
-import openScadInitialCode from 'src/helpers/cadPackages/openScad/initialCode.SCAD'
+import openScadInitialCode from 'src/helpers/cadPackages/openScad/initialCode.scad'
 import cadQueryGuide from 'src/helpers/cadPackages/cadQuery/userGuide.md'
 import cadQueryInitialCode from 'src/helpers/cadPackages/cadQuery/initialCode.py'
 import jsCadGuide from 'src/helpers/cadPackages/jsCad/userGuide.md'
-import jsCadInitialCode from 'src/helpers/cadPackages/jsCad/initialCode.jscad'
+import jsCadInitialCode from 'src/helpers/cadPackages/jsCad/initialCode.jscad.js'
 
 
 function withThunk(dispatch, getState) {