fix: Fix vite build and webpack warning (#5192)

* rename css.js files to not confuse vite bundler

* add default exports to keys

* fix typing

* remove undecidable require call

ace.d.ts

@@ -884,7 +884,7 @@ export namespace Ace {
     setStyle(style: string): void;
     unsetStyle(style: string): void;
     getFontSize(): string;
-    setFontSize(size: number): void;
+    setFontSize(size: number|string): void;
     focus(): void;
     isFocused(): boolean;
     blur(): void;
@@ -1097,6 +1097,9 @@ export const EditSession: {
 export const UndoManager: {
   new(): Ace.UndoManager;
 };
+export const Editor: {
+  new(): Ace.Editor;
+};
 export const Range: {
   new(startRow: number, startColumn: number, endRow: number, endColumn: number): Ace.Range;
   fromPoints(start: Ace.Point, end: Ace.Point): Ace.Range;

src/config.js

@@ -77,15 +77,26 @@ exports.setModuleUrl = function(name, subst) {
 var loader = function(moduleName, cb) {
     if (moduleName === "ace/theme/textmate" || moduleName === "./theme/textmate")
         return cb(null, require("./theme/textmate"));
-    return console.error("loader is not configured");
+    if (typeof module.require == "function") {
+        // backwards compatibility for node
+        try {
+            var req = "require";
+            return cb(null, module[req](moduleName));
+        } catch (e) {
+        }
+    }
+    if (customLoader)
+        return customLoader(moduleName, cb);
+    console.error("loader is not configured");
 };
-
+var customLoader;
 exports.setLoader = function(cb) {
-    loader = cb;
+    customLoader = cb;
 };
 
 exports.dynamicModules = Object.create(null);
 exports.$loading = {};
+exports.$loaded = {};
 exports.loadModule = function(moduleName, onLoad) {
     var module, moduleType;
     if (Array.isArray(moduleName)) {
@@ -105,6 +116,7 @@ exports.loadModule = function(moduleName, onLoad) {
 
         var afterLoad = function() {
             loader(moduleName, function(err, module) {
+                if (module) exports.$loaded[moduleName] = module;
                 exports._emit("load.module", {name: moduleName, module: module});
                 var listeners = exports.$loading[moduleName];
                 exports.$loading[moduleName] = null;
@@ -130,10 +142,7 @@ exports.loadModule = function(moduleName, onLoad) {
             }
         });
     } else {
-        try {
-            module = require(moduleName);
-        } catch (e) {}
-        load(module);
+        load(module || exports.$loaded[moduleName]);
     }
 };
 

src/ext/textarea.js

@@ -2,7 +2,6 @@
 
 var event = require("../lib/event");
 var UA = require("../lib/useragent");
-var net = require("../lib/net");
 var ace = require("../ace");
 
 module.exports = exports = ace;
@@ -231,16 +230,7 @@ exports.transformTextarea = function(element, options) {
     return editor;
 };
 
-function load(url, module, callback) {
-    net.loadScript(url, function() {
-        require([module], callback);
-    });
-}
-
 function setupApi(editor, editorDiv, settingDiv, ace, options) {
-    var session = editor.getSession();
-    var renderer = editor.renderer;
-
     function toBool(value) {
         return value === "true" || value == true;
     }

src/lib/keys.js

@@ -137,7 +137,7 @@ var Keys = (function() {
 
     (function() {
         var mods = ["cmd", "ctrl", "alt", "shift"];
-        for (var i = Math.pow(2, mods.length); i--;) {            
+        for (var i = Math.pow(2, mods.length); i--;) {
             ret.KEY_MODS[i] = mods.filter(function(x) {
                 return i & ret.KEY_MODS[x];
             }).join("-") + "-";
@@ -151,6 +151,8 @@ var Keys = (function() {
 })();
 oop.mixin(exports, Keys);
 
+exports.default = exports;
+
 exports.keyCodeToString = function(keyCode) {
     // Language-switching keystroke in Chrome/Linux emits keyCode 0.
     var keyString = Keys[keyCode];

src/theme/ambiance.js

@@ -1,6 +1,6 @@
 exports.isDark = true;
 exports.cssClass = "ace-ambiance";
-exports.cssText = require("./ambiance.css");
+exports.cssText = require("./ambiance-css");
 
 var dom = require("../lib/dom");
 dom.importCssString(exports.cssText, exports.cssClass, false);

src/theme/chaos.js

@@ -1,6 +1,6 @@
 exports.isDark = true;
 exports.cssClass = "ace-chaos";
-exports.cssText = require("./chaos.css");
+exports.cssText = require("./chaos-css");
 
 var dom = require("../lib/dom");
 dom.importCssString(exports.cssText, exports.cssClass, false);

src/theme/chrome.js

@@ -1,6 +1,6 @@
 exports.isDark = false;
 exports.cssClass = "ace-chrome";
-exports.cssText = require("./chrome.css");
+exports.cssText = require("./chrome-css");
 
 var dom = require("../lib/dom");
 dom.importCssString(exports.cssText, exports.cssClass, false);

src/theme/cloud9_day.js

@@ -2,7 +2,7 @@
 
   exports.isDark = false;
   exports.cssClass = "ace-cloud9-day";
-  exports.cssText = require("./cloud9_day.css");
+  exports.cssText = require("./cloud9_day-css");
 
   var dom = require("../lib/dom");
   dom.importCssString(exports.cssText, exports.cssClass);

src/theme/cloud9_night.js

@@ -1,6 +1,6 @@
 exports.isDark = true;
   exports.cssClass = "ace-cloud9-night";
-  exports.cssText = require("./cloud9_night.css");
+  exports.cssText = require("./cloud9_night-css");
 
   var dom = require("../lib/dom");
   dom.importCssString(exports.cssText, exports.cssClass);

src/theme/cloud9_night_low_color.js

@@ -1,6 +1,6 @@
 exports.isDark = true;
   exports.cssClass = "ace-cloud9-night-low-color";
-  exports.cssText = require("./cloud9_night_low_color.css");
+  exports.cssText = require("./cloud9_night_low_color-css");
 
   var dom = require("../lib/dom");
   dom.importCssString(exports.cssText, exports.cssClass);

src/theme/clouds.js

@@ -1,6 +1,6 @@
 exports.isDark = false;
 exports.cssClass = "ace-clouds";
-exports.cssText = require("./clouds.css");
+exports.cssText = require("./clouds-css");
 
 var dom = require("../lib/dom");
 dom.importCssString(exports.cssText, exports.cssClass, false);

src/theme/clouds_midnight.js

@@ -1,6 +1,6 @@
 exports.isDark = true;
 exports.cssClass = "ace-clouds-midnight";
-exports.cssText = require("./clouds_midnight.css");
+exports.cssText = require("./clouds_midnight-css");
 
 var dom = require("../lib/dom");
 dom.importCssString(exports.cssText, exports.cssClass, false);

src/theme/cobalt.js

@@ -1,6 +1,6 @@
 exports.isDark = true;
 exports.cssClass = "ace-cobalt";
-exports.cssText = require("./cobalt.css");
+exports.cssText = require("./cobalt-css");
 
 var dom = require("../lib/dom");
 dom.importCssString(exports.cssText, exports.cssClass, false);

src/theme/crimson_editor.js

@@ -1,5 +1,5 @@
 exports.isDark = false;
-exports.cssText = require("./crimson_editor.css");
+exports.cssText = require("./crimson_editor-css");
 
 exports.cssClass = "ace-crimson-editor";
 

src/theme/dawn.js

@@ -1,6 +1,6 @@
 exports.isDark = false;
 exports.cssClass = "ace-dawn";
-exports.cssText = require("./dawn.css");
+exports.cssText = require("./dawn-css");
 
 var dom = require("../lib/dom");
 dom.importCssString(exports.cssText, exports.cssClass, false);

src/theme/dracula.js

@@ -1,6 +1,6 @@
 exports.isDark = true;
 exports.cssClass = "ace-dracula";
-exports.cssText = require("./dracula.css");
+exports.cssText = require("./dracula-css");
 exports.$selectionColorConflict = true;
 
 var dom = require("../lib/dom");

src/theme/dreamweaver.js

@@ -1,6 +1,6 @@
 exports.isDark = false;
 exports.cssClass = "ace-dreamweaver";
-exports.cssText = require("./dreamweaver.css");
+exports.cssText = require("./dreamweaver-css");
 
 var dom = require("../lib/dom");
 dom.importCssString(exports.cssText, exports.cssClass, false);

src/theme/eclipse.js

@@ -1,7 +1,7 @@
 "use strict";
 
 exports.isDark = false;
-exports.cssText = require("./eclipse.css");
+exports.cssText = require("./eclipse-css");
 
 exports.cssClass = "ace-eclipse";
 

src/theme/github.js

@@ -1,6 +1,6 @@
 exports.isDark = false;
 exports.cssClass = "ace-github";
-exports.cssText = require("./github.css");
+exports.cssText = require("./github-css");
 
     var dom = require("../lib/dom");
     dom.importCssString(exports.cssText, exports.cssClass, false);

src/theme/github_dark.js

@@ -1,6 +1,6 @@
 exports.isDark = true;
 exports.cssClass = "ace-github-dark";
-exports.cssText = require("./github_dark.css");
+exports.cssText = require("./github_dark-css");
 
     var dom = require("../lib/dom");
     dom.importCssString(exports.cssText, exports.cssClass, false);

src/theme/gob.js

@@ -1,6 +1,6 @@
 exports.isDark = true;
 exports.cssClass = "ace-gob";
-exports.cssText = require("./gob.css");
+exports.cssText = require("./gob-css");
 
 var dom = require("../lib/dom");
 dom.importCssString(exports.cssText, exports.cssClass, false);

src/theme/gruvbox.js

@@ -1,6 +1,6 @@
 exports.isDark = true;
 exports.cssClass = "ace-gruvbox";
-exports.cssText = require("./gruvbox.css");
+exports.cssText = require("./gruvbox-css");
 
 var dom = require("../lib/dom");
 dom.importCssString(exports.cssText, exports.cssClass, false);

src/theme/gruvbox_dark_hard.js

@@ -1,6 +1,6 @@
 exports.isDark = true;
 exports.cssClass = "ace-gruvbox-dark-hard";
-exports.cssText = require("./gruvbox_dark_hard.css");
+exports.cssText = require("./gruvbox_dark_hard-css");
 
 var dom = require("../lib/dom");
 dom.importCssString(exports.cssText, exports.cssClass);

src/theme/gruvbox_light_hard.js

@@ -1,6 +1,6 @@
 exports.isDark = false;
 exports.cssClass = "ace-gruvbox-light-hard";
-exports.cssText = require("./gruvbox_light_hard.css");
+exports.cssText = require("./gruvbox_light_hard-css");
 
 var dom = require("../lib/dom");
 dom.importCssString(exports.cssText, exports.cssClass);

src/theme/idle_fingers.js

@@ -1,6 +1,6 @@
 exports.isDark = true;
 exports.cssClass = "ace-idle-fingers";
-exports.cssText = require("./idle_fingers.css");
+exports.cssText = require("./idle_fingers-css");
 
 var dom = require("../lib/dom");
 dom.importCssString(exports.cssText, exports.cssClass, false);

src/theme/iplastic.js

@@ -1,6 +1,6 @@
 exports.isDark = false;
 exports.cssClass = "ace-iplastic";
-exports.cssText = require("./iplastic.css");
+exports.cssText = require("./iplastic-css");
 
 var dom = require("../lib/dom");
 dom.importCssString(exports.cssText, exports.cssClass, false);

src/theme/katzenmilch.js

@@ -1,6 +1,6 @@
 exports.isDark = false;
 exports.cssClass = "ace-katzenmilch";
-exports.cssText = require("./katzenmilch.css");
+exports.cssText = require("./katzenmilch-css");
 
 var dom = require("../lib/dom");
 dom.importCssString(exports.cssText, exports.cssClass, false);

src/theme/kr_theme.js

@@ -1,6 +1,6 @@
 exports.isDark = true;
 exports.cssClass = "ace-kr-theme";
-exports.cssText = require("./kr_theme.css");
+exports.cssText = require("./kr_theme-css");
 
 var dom = require("../lib/dom");
 dom.importCssString(exports.cssText, exports.cssClass, false);

src/theme/kuroir.js

@@ -1,6 +1,6 @@
 exports.isDark = false;
 exports.cssClass = "ace-kuroir";
-exports.cssText = require("./kuroir.css");
+exports.cssText = require("./kuroir-css");
 
 var dom = require("../lib/dom");
 dom.importCssString(exports.cssText, exports.cssClass, false);

src/theme/merbivore.js

@@ -1,6 +1,6 @@
 exports.isDark = true;
 exports.cssClass = "ace-merbivore";
-exports.cssText = require("./merbivore.css");
+exports.cssText = require("./merbivore-css");
 
 var dom = require("../lib/dom");
 dom.importCssString(exports.cssText, exports.cssClass, false);

src/theme/merbivore_soft.js

@@ -1,6 +1,6 @@
 exports.isDark = true;
 exports.cssClass = "ace-merbivore-soft";
-exports.cssText = require("./merbivore_soft.css");
+exports.cssText = require("./merbivore_soft-css");
 
 var dom = require("../lib/dom");
 dom.importCssString(exports.cssText, exports.cssClass, false);

src/theme/mono_industrial.js

@@ -1,6 +1,6 @@
 exports.isDark = true;
 exports.cssClass = "ace-mono-industrial";
-exports.cssText = require("./mono_industrial.css");
+exports.cssText = require("./mono_industrial-css");
 
 var dom = require("../lib/dom");
 dom.importCssString(exports.cssText, exports.cssClass, false);

src/theme/monokai.js

@@ -1,6 +1,6 @@
 exports.isDark = true;
 exports.cssClass = "ace-monokai";
-exports.cssText = require("./monokai.css");
+exports.cssText = require("./monokai-css");
 
 var dom = require("../lib/dom");
 dom.importCssString(exports.cssText, exports.cssClass, false);

src/theme/nord_dark.js

@@ -1,6 +1,6 @@
 exports.isDark = true;
 exports.cssClass = "ace-nord-dark";
-exports.cssText = require("./nord_dark.css");
+exports.cssText = require("./nord_dark-css");
 exports.$selectionColorConflict = true;
 
 var dom = require("../lib/dom");

src/theme/one_dark.js

@@ -1,6 +1,6 @@
 exports.isDark = true;
     exports.cssClass = "ace-one-dark";
-    exports.cssText = require("./one_dark.css");
+    exports.cssText = require("./one_dark-css");
 
     var dom = require("../lib/dom");
     dom.importCssString(exports.cssText, exports.cssClass, false);

src/theme/pastel_on_dark.js

@@ -1,6 +1,6 @@
 exports.isDark = true;
 exports.cssClass = "ace-pastel-on-dark";
-exports.cssText = require("./pastel_on_dark.css");
+exports.cssText = require("./pastel_on_dark-css");
 
 var dom = require("../lib/dom");
 dom.importCssString(exports.cssText, exports.cssClass, false);

src/theme/solarized_dark.js

@@ -1,6 +1,6 @@
 exports.isDark = true;
 exports.cssClass = "ace-solarized-dark";
-exports.cssText = require("./solarized_dark.css");
+exports.cssText = require("./solarized_dark-css");
 
 var dom = require("../lib/dom");
 dom.importCssString(exports.cssText, exports.cssClass, false);

src/theme/solarized_light.js

@@ -1,6 +1,6 @@
 exports.isDark = false;
 exports.cssClass = "ace-solarized-light";
-exports.cssText = require("./solarized_light.css");
+exports.cssText = require("./solarized_light-css");
 
 var dom = require("../lib/dom");
 dom.importCssString(exports.cssText, exports.cssClass, false);

src/theme/sqlserver.js

@@ -1,6 +1,6 @@
 exports.isDark = false;
 exports.cssClass = "ace-sqlserver";
-exports.cssText = require("./sqlserver.css");
+exports.cssText = require("./sqlserver-css");
 
 var dom = require("../lib/dom");
 dom.importCssString(exports.cssText, exports.cssClass, false);