Skip to content

Commit

Permalink
fix: transfrom output code es5
Browse files Browse the repository at this point in the history
  • Loading branch information
@noyobo
noyobo committed Jan 2, 2024
1 parent 2d8187e commit c46d38d
Show file tree
Hide file tree
Showing 13 changed files with 321 additions and 84 deletions.
24 changes: 22 additions & 2 deletions __tests__/css-modules/__snapshots__/index.test.ts.snap
View file
Original file line number Diff line number Diff line change
Expand Up @@ -15,6 +15,9 @@ exports[`css-modules style-loader 1`] = `
return require.apply(this, arguments);
throw Error('Dynamic require of "' + x + '" is not supported');
});
var __commonJS = (cb, mod) => function __require2() {
return mod || (0, cb[__getOwnPropNames(cb)[0]])((mod = { exports: {} }).exports, mod), mod.exports;
};
var __copyProps = (to, from, except, desc) => {
if (from && typeof from === "object" || typeof from === "function") {
for (let key of __getOwnPropNames(from))
Expand All @@ -32,13 +35,28 @@ exports[`css-modules style-loader 1`] = `
mod
));
// css-loader:/Users/noyobo/home/github/esbuild-style-loader/__tests__/css-modules/index.modules.css
var require_index_modules = __commonJS({
"index.modules.css"(exports, module) {
module.exports = {};
}
});
var s_title = "index-modules__title";
var require_index_modules2 = __commonJS({
"index.modules.css"(exports, module) {
require_index_modules();
var s_title = "index-modules__title";
exports["title"] = s_title;
module.exports = { "title": s_title };
}
});
// __tests__/css-modules/index.jsx
var styles = __toESM(require_index_modules2());
var import_react = __toESM(__require("react"));
var import_client = __require("react-dom/client");
var App = () => /* @__PURE__ */ import_react.default.createElement("div", { className: "app" }, /* @__PURE__ */ import_react.default.createElement("h1", { className: s_title }, "Hello World"));
var App = () => /* @__PURE__ */ import_react.default.createElement("div", { className: "app" }, /* @__PURE__ */ import_react.default.createElement("h1", { className: styles.title }, "Hello World"));
(0, import_client.createRoot)(document.getElementById("root")).render(/* @__PURE__ */ import_react.default.createElement(App, null));
})();
//# sourceMappingURL=index.js.map
Expand All @@ -49,13 +67,15 @@ exports[`css-modules style-loader 2`] = `
"/* __tests__/css-modules/foo.css?modules */
.app {
padding: 20px;
-webkit-user-select: none;
user-select: none;
}
.index-modules__title {
color: red;
font-size: 30px;
box-shadow: 0 0 1px rgba(0, 0, 0, .3);
}
.bar {
color: red;
Expand Down
1 change: 1 addition & 0 deletions __tests__/css-modules/index.modules.css
View file
Original file line number Diff line number Diff line change
Expand Up @@ -3,6 +3,7 @@
.title {
font-size: 30px;
color: red;
box-shadow: 0 0 1px rgba(0, 0, 0, 0.3);
}

:global(.bar) {
Expand Down
6 changes: 5 additions & 1 deletion __tests__/css-modules/index.test.ts
View file
Original file line number Diff line number Diff line change
Expand Up @@ -19,7 +19,11 @@ describe(path.basename(path.dirname(__filename)), function () {
expect(1).toBe(1);
} else {
if (file.endsWith('.js') || file.endsWith('.css')) {
expect(removeComments(content)).toMatchSnapshot();
let t = removeComments(content);
t = t.replace(/"((?:style|css)-loader:[^"]+)"/g, (match, loader, content) => {
return `"${path.basename(loader)}"`;
});
expect(t).toMatchSnapshot();
}
}
});
Expand Down
19 changes: 19 additions & 0 deletions __tests__/css/__snapshots__/index.test.ts.snap
View file
Original file line number Diff line number Diff line change
Expand Up @@ -15,6 +15,9 @@ exports[`css style-loader 1`] = `
return require.apply(this, arguments);
throw Error('Dynamic require of "' + x + '" is not supported');
});
var __commonJS = (cb, mod) => function __require2() {
return mod || (0, cb[__getOwnPropNames(cb)[0]])((mod = { exports: {} }).exports, mod), mod.exports;
};
var __copyProps = (to, from, except, desc) => {
if (from && typeof from === "object" || typeof from === "function") {
for (let key of __getOwnPropNames(from))
Expand All @@ -32,7 +35,23 @@ exports[`css style-loader 1`] = `
mod
));
// css-loader:/Users/noyobo/home/github/esbuild-style-loader/__tests__/css/index.css
var require_css = __commonJS({
"css-loader:/Users/noyobo/home/github/esbuild-style-loader/__tests__/css/index.css"(exports, module) {
module.exports = {};
}
});
var require_css2 = __commonJS({
"style-loader:/Users/noyobo/home/github/esbuild-style-loader/__tests__/css/index.css"(exports, module) {
require_css();
module.exports = {};
}
});
// __tests__/css/index.jsx
var import_index = __toESM(require_css2());
var import_react = __toESM(__require("react"));
var import_client = __require("react-dom/client");
var App = () => /* @__PURE__ */ import_react.default.createElement("div", { className: "app" }, /* @__PURE__ */ import_react.default.createElement("h1", { className: "title" }, "Hello World"));
Expand Down
45 changes: 26 additions & 19 deletions __tests__/less-alias/__snapshots__/index.test.ts.snap
View file
Original file line number Diff line number Diff line change
Expand Up @@ -9,15 +9,14 @@ exports[`less-alias style-loader 1`] = `
var __getProtoOf = Object.getPrototypeOf;
var __hasOwnProp = Object.prototype.hasOwnProperty;
var __require = /* @__PURE__ */ ((x) => typeof require !== "undefined" ? require : typeof Proxy !== "undefined" ? new Proxy(x, {
get: (a, b) => (typeof require !== "undefined" ? require : a)[b]
get: (a2, b2) => (typeof require !== "undefined" ? require : a2)[b2]
}) : x)(function(x) {
if (typeof require !== "undefined")
return require.apply(this, arguments);
throw Error('Dynamic require of "' + x + '" is not supported');
});
var __export = (target, all) => {
for (var name in all)
__defProp(target, name, { get: all[name], enumerable: true });
var __commonJS = (cb, mod) => function __require2() {
return mod || (0, cb[__getOwnPropNames(cb)[0]])((mod = { exports: {} }).exports, mod), mod.exports;
};
var __copyProps = (to, from, except, desc) => {
if (from && typeof from === "object" || typeof from === "function") {
Expand All @@ -36,28 +35,36 @@ exports[`less-alias style-loader 1`] = `
mod
));
// __tests__/less-alias/index.jsx
var import_react = __toESM(__require("react"));
var import_client = __require("react-dom/client");
// css-loader:/Users/noyobo/home/github/esbuild-style-loader/__tests__/less-alias/a.less
var require_a = __commonJS({
"css-loader:/Users/noyobo/home/github/esbuild-style-loader/__tests__/less-alias/a.less"(exports, module) {
module.exports = {};
}
});
var a_exports = {};
__export(a_exports, {
app: () => s_app,
"app-title": () => s_appTitle,
default: () => a_default,
index: () => s_index
var require_a2 = __commonJS({
"style-loader:/Users/noyobo/home/github/esbuild-style-loader/__tests__/less-alias/a.less"(exports, module) {
require_a();
var s_app = "a__app";
var s_appTitle = "a__app-title";
var s_index = "a__index";
exports["app"] = s_app;
exports["app-title"] = s_appTitle;
exports["index"] = s_index;
module.exports = { "app": s_app, "app-title": s_appTitle, "index": s_index };
}
});
var s_app = "a__app";
var s_appTitle = "a__app-title";
var s_index = "a__index";
var a_default = { "app": s_app, "app-title": s_appTitle, "index": s_index };
// __tests__/less-alias/index.jsx
var import_react = __toESM(__require("react"));
var import_client = __require("react-dom/client");
var a = __toESM(require_a2());
var import_a = __toESM(require_a2());
var App = class extends import_react.default.Component {
render() {
console.warn(a_exports, a_default);
return /* @__PURE__ */ import_react.default.createElement("div", { className: s_app }, /* @__PURE__ */ import_react.default.createElement("h1", { className: s_appTitle }, "Hello World"));
console.warn(a, import_a.default);
return /* @__PURE__ */ import_react.default.createElement("div", { className: a.app }, /* @__PURE__ */ import_react.default.createElement("h1", { className: a["app-title"] }, "Hello World"));
}
};
(0, import_client.createRoot)(document.getElementById("root")).render(/* @__PURE__ */ import_react.default.createElement(App, null));
Expand Down
50 changes: 40 additions & 10 deletions __tests__/less-multiple/__snapshots__/index.test.ts.snap
View file
Original file line number Diff line number Diff line change
Expand Up @@ -9,12 +9,15 @@ exports[`less-multiple style-loader 1`] = `
var __getProtoOf = Object.getPrototypeOf;
var __hasOwnProp = Object.prototype.hasOwnProperty;
var __require = /* @__PURE__ */ ((x) => typeof require !== "undefined" ? require : typeof Proxy !== "undefined" ? new Proxy(x, {
get: (a, b) => (typeof require !== "undefined" ? require : a)[b]
get: (a2, b2) => (typeof require !== "undefined" ? require : a2)[b2]
}) : x)(function(x) {
if (typeof require !== "undefined")
return require.apply(this, arguments);
throw Error('Dynamic require of "' + x + '" is not supported');
});
var __commonJS = (cb, mod) => function __require2() {
return mod || (0, cb[__getOwnPropNames(cb)[0]])((mod = { exports: {} }).exports, mod), mod.exports;
};
var __copyProps = (to, from, except, desc) => {
if (from && typeof from === "object" || typeof from === "function") {
for (let key of __getOwnPropNames(from))
Expand All @@ -32,23 +35,50 @@ exports[`less-multiple style-loader 1`] = `
mod
));
// __tests__/less-multiple/index.jsx
var import_react = __toESM(__require("react"));
var import_client = __require("react-dom/client");
// css-loader:/Users/noyobo/home/github/esbuild-style-loader/__tests__/less-multiple/a.less
var require_a = __commonJS({
"css-loader:/Users/noyobo/home/github/esbuild-style-loader/__tests__/less-multiple/a.less"(exports, module) {
module.exports = {};
}
});
var s_app = "a__app";
var a_default = { "app": s_app };
var require_a2 = __commonJS({
"style-loader:/Users/noyobo/home/github/esbuild-style-loader/__tests__/less-multiple/a.less"(exports, module) {
require_a();
var s_app = "a__app";
exports["app"] = s_app;
module.exports = { "app": s_app };
}
});
// css-loader:/Users/noyobo/home/github/esbuild-style-loader/__tests__/less-multiple/b.less
var require_b = __commonJS({
"css-loader:/Users/noyobo/home/github/esbuild-style-loader/__tests__/less-multiple/b.less"(exports, module) {
module.exports = {};
}
});
var s_index = "b__index";
var s_title = "b__title";
var b_default = { "index": s_index, "title": s_title };
var require_b2 = __commonJS({
"style-loader:/Users/noyobo/home/github/esbuild-style-loader/__tests__/less-multiple/b.less"(exports, module) {
require_b();
var s_index = "b__index";
var s_title = "b__title";
exports["index"] = s_index;
exports["title"] = s_title;
module.exports = { "index": s_index, "title": s_title };
}
});
// __tests__/less-multiple/index.jsx
var import_react = __toESM(__require("react"));
var import_client = __require("react-dom/client");
var import_a = __toESM(require_a2());
var import_b = __toESM(require_b2());
var App = class extends import_react.default.Component {
render() {
return /* @__PURE__ */ import_react.default.createElement("div", { className: a_default.app }, /* @__PURE__ */ import_react.default.createElement("h1", { className: b_default.title }, "Hello World"));
return /* @__PURE__ */ import_react.default.createElement("div", { className: import_a.default.app }, /* @__PURE__ */ import_react.default.createElement("h1", { className: import_b.default.title }, "Hello World"));
}
};
(0, import_client.createRoot)(document.getElementById("root")).render(/* @__PURE__ */ import_react.default.createElement(App, null));
Expand Down
29 changes: 24 additions & 5 deletions __tests__/less/__snapshots__/index.test.ts.snap
View file
Original file line number Diff line number Diff line change
Expand Up @@ -15,6 +15,9 @@ exports[`less style-loader 1`] = `
return require.apply(this, arguments);
throw Error('Dynamic require of "' + x + '" is not supported');
});
var __commonJS = (cb, mod) => function __require2() {
return mod || (0, cb[__getOwnPropNames(cb)[0]])((mod = { exports: {} }).exports, mod), mod.exports;
};
var __copyProps = (to, from, except, desc) => {
if (from && typeof from === "object" || typeof from === "function") {
for (let key of __getOwnPropNames(from))
Expand All @@ -32,18 +35,34 @@ exports[`less style-loader 1`] = `
mod
));
// css-loader:/Users/noyobo/home/github/esbuild-style-loader/__tests__/less/index.less
var require_less = __commonJS({
"css-loader:/Users/noyobo/home/github/esbuild-style-loader/__tests__/less/index.less"(exports, module) {
module.exports = {};
}
});
var s_app = "index__app";
var s_index = "index__index";
var s_title = "index__title";
var less_default = { "app": s_app, "index": s_index, "title": s_title };
var require_less2 = __commonJS({
"style-loader:/Users/noyobo/home/github/esbuild-style-loader/__tests__/less/index.less"(exports, module) {
require_less();
var s_app = "index__app";
var s_index = "index__index";
var s_title = "index__title";
exports["app"] = s_app;
exports["index"] = s_index;
exports["title"] = s_title;
module.exports = { "app": s_app, "index": s_index, "title": s_title };
}
});
// __tests__/less/index.jsx
var import_index = __toESM(require_less2());
var import_react = __toESM(__require("react"));
var import_client = __require("react-dom/client");
var App = class extends import_react.default.Component {
render() {
return /* @__PURE__ */ import_react.default.createElement("div", { className: less_default.app }, /* @__PURE__ */ import_react.default.createElement("h1", { className: less_default.title }, "Hello World"));
return /* @__PURE__ */ import_react.default.createElement("div", { className: import_index.default.app }, /* @__PURE__ */ import_react.default.createElement("h1", { className: import_index.default.title }, "Hello World"));
}
};
(0, import_client.createRoot)(document.getElementById("root")).render(/* @__PURE__ */ import_react.default.createElement(App, null));
Expand Down
Loading

0 comments on commit c46d38d

Please sign in to comment.