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

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";
+declare module "*.jscad.js";

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) {