one
Version:
One is a new React Framework that makes Vite serve both native and web.
214 lines • 10.1 kB
JavaScript
var __create = Object.create;
var __defProp = Object.defineProperty;
var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
var __getOwnPropNames = Object.getOwnPropertyNames;
var __getProtoOf = Object.getPrototypeOf,
__hasOwnProp = Object.prototype.hasOwnProperty;
var __copyProps = (to, from, except, desc) => {
if (from && typeof from == "object" || typeof from == "function") for (let key of __getOwnPropNames(from)) !__hasOwnProp.call(to, key) && key !== except && __defProp(to, key, {
get: () => from[key],
enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable
});
return to;
};
var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
// If the importer is in node compatibility mode or this is not an ESM
// file that has been converted to a CommonJS file using a Babel-
// compatible transform (i.e. "__esModule" has not been set), then set
// "default" to the CommonJS "module.exports" for node compatibility.
isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", {
value: mod,
enumerable: !0
}) : target, mod));
var import_vitest = require("vitest");
import_vitest.vi.mock("node:fs", async () => ({
...(await import_vitest.vi.importActual("node:fs")),
existsSync: import_vitest.vi.fn(path => path.includes("test-image.jpg") || path.includes("hero.png"))
}));
(0, import_vitest.describe)("imageDataPlugin", () => {
(0, import_vitest.beforeEach)(() => {
import_vitest.vi.resetModules();
}), (0, import_vitest.afterEach)(() => {
import_vitest.vi.clearAllMocks();
}), (0, import_vitest.describe)("resolveId", () => {
(0, import_vitest.it)("should return null for non-imagedata imports", async () => {
const {
imageDataPlugin
} = await import("./imageDataPlugin"),
plugin = imageDataPlugin(),
mockConfig = {
publicDir: "/project/public",
root: "/project"
};
plugin.configResolved && plugin.configResolved(mockConfig);
const result = await plugin.resolveId("./image.jpg", void 0);
(0, import_vitest.expect)(result).toBeNull();
}), (0, import_vitest.it)("should return null for imports with imagedata not as suffix", async () => {
const {
imageDataPlugin
} = await import("./imageDataPlugin"),
plugin = imageDataPlugin(),
mockConfig = {
publicDir: "/project/public",
root: "/project"
};
plugin.configResolved && plugin.configResolved(mockConfig);
const result = await plugin.resolveId("./image?imagedata.jpg", void 0);
(0, import_vitest.expect)(result).toBeNull();
}), (0, import_vitest.it)("should resolve public dir paths starting with /", async () => {
const {
imageDataPlugin
} = await import("./imageDataPlugin"),
plugin = imageDataPlugin(),
mockConfig = {
publicDir: "/project/public",
root: "/project"
};
plugin.configResolved && plugin.configResolved(mockConfig);
const result = await plugin.resolveId("/test-image.jpg?imagedata", void 0);
(0, import_vitest.expect)(result).toBe("\0imagedata:/project/public/test-image.jpg");
}), (0, import_vitest.it)("should resolve relative imports", async () => {
const {
imageDataPlugin
} = await import("./imageDataPlugin"),
plugin = imageDataPlugin(),
mockConfig = {
publicDir: "/project/public",
root: "/project"
};
plugin.configResolved && plugin.configResolved(mockConfig);
const result = await plugin.resolveId("./test-image.jpg?imagedata", "/project/src/components/Hero.tsx");
(0, import_vitest.expect)(result).toBe("\0imagedata:/project/src/components/test-image.jpg");
}), (0, import_vitest.it)("should return null for non-existent files", async () => {
const {
imageDataPlugin
} = await import("./imageDataPlugin"),
plugin = imageDataPlugin(),
mockConfig = {
publicDir: "/project/public",
root: "/project"
};
plugin.configResolved && plugin.configResolved(mockConfig);
const result = await plugin.resolveId("/nonexistent.jpg?imagedata", void 0);
(0, import_vitest.expect)(result).toBeNull();
});
}), (0, import_vitest.describe)("path traversal prevention", () => {
(0, import_vitest.it)("should block path traversal from public dir", async () => {
const {
imageDataPlugin
} = await import("./imageDataPlugin"),
plugin = imageDataPlugin(),
mockConfig = {
publicDir: "/project/public",
root: "/project"
};
plugin.configResolved && plugin.configResolved(mockConfig);
const result = await plugin.resolveId("/../../../etc/passwd?imagedata", void 0);
(0, import_vitest.expect)(result).toBeNull();
}), (0, import_vitest.it)("should block path traversal from relative imports", async () => {
const {
imageDataPlugin
} = await import("./imageDataPlugin"),
plugin = imageDataPlugin(),
mockConfig = {
publicDir: "/project/public",
root: "/project"
};
plugin.configResolved && plugin.configResolved(mockConfig);
const result = await plugin.resolveId("../../../../etc/passwd?imagedata", "/project/src/components/Hero.tsx");
(0, import_vitest.expect)(result).toBeNull();
}), (0, import_vitest.it)("should block path traversal from root", async () => {
const {
imageDataPlugin
} = await import("./imageDataPlugin"),
plugin = imageDataPlugin(),
mockConfig = {
publicDir: "/project/public",
root: "/project"
};
plugin.configResolved && plugin.configResolved(mockConfig);
const result = await plugin.resolveId("../../../etc/passwd?imagedata", void 0);
(0, import_vitest.expect)(result).toBeNull();
}), (0, import_vitest.it)("should allow paths within project boundaries", async () => {
const {
imageDataPlugin
} = await import("./imageDataPlugin"),
plugin = imageDataPlugin(),
mockConfig = {
publicDir: "/project/public",
root: "/project"
};
plugin.configResolved && plugin.configResolved(mockConfig);
const result = await plugin.resolveId("../../src/test-image.jpg?imagedata", "/project/src/components/Hero.tsx");
(0, import_vitest.expect)(result).toBe("\0imagedata:/project/src/test-image.jpg");
});
}), (0, import_vitest.describe)("load", () => {
(0, import_vitest.it)("should return null for non-virtual modules", async () => {
const {
imageDataPlugin
} = await import("./imageDataPlugin"),
plugin = imageDataPlugin(),
mockConfig = {
publicDir: "/project/public",
root: "/project"
};
plugin.configResolved && plugin.configResolved(mockConfig);
const mockContext = {
addWatchFile: import_vitest.vi.fn()
},
result = await plugin.load.call(mockContext, "./image.jpg");
(0, import_vitest.expect)(result).toBeNull();
}), (0, import_vitest.it)("should return fallback data when sharp fails", async () => {
const {
imageDataPlugin
} = await import("./imageDataPlugin"),
plugin = imageDataPlugin(),
mockConfig = {
publicDir: "/project/public",
root: "/project"
};
plugin.configResolved && plugin.configResolved(mockConfig);
const mockContext = {
addWatchFile: import_vitest.vi.fn()
},
result = await plugin.load.call(mockContext, "\0imagedata:/project/public/test-image.jpg");
(0, import_vitest.expect)(result).toContain("export default"), (0, import_vitest.expect)(result).toContain('"src":"/test-image.jpg"'), (0, import_vitest.expect)(result).toContain('"width":'), (0, import_vitest.expect)(result).toContain('"height":'), (0, import_vitest.expect)(mockContext.addWatchFile).toHaveBeenCalledWith("/project/public/test-image.jpg");
});
}), (0, import_vitest.describe)("plugin metadata", () => {
(0, import_vitest.it)("should have correct name", async () => {
const {
imageDataPlugin
} = await import("./imageDataPlugin"),
plugin = imageDataPlugin();
(0, import_vitest.expect)(plugin.name).toBe("one:imagedata");
}), (0, import_vitest.it)("should enforce pre", async () => {
const {
imageDataPlugin
} = await import("./imageDataPlugin"),
plugin = imageDataPlugin();
(0, import_vitest.expect)(plugin.enforce).toBe("pre");
});
});
});
(0, import_vitest.describe)("imageDataPlugin output format", () => {
(0, import_vitest.it)("should export a valid JSON object", async () => {
import_vitest.vi.resetModules();
const {
imageDataPlugin
} = await import("./imageDataPlugin"),
plugin = imageDataPlugin(),
mockConfig = {
publicDir: "/project/public",
root: "/project"
};
plugin.configResolved && plugin.configResolved(mockConfig);
const mockContext = {
addWatchFile: import_vitest.vi.fn()
},
jsonMatch = (await plugin.load.call(mockContext, "\0imagedata:/project/public/test-image.jpg"))?.match(/export default (.+)$/);
if ((0, import_vitest.expect)(jsonMatch).toBeTruthy(), jsonMatch) {
const parsed = JSON.parse(jsonMatch[1]);
(0, import_vitest.expect)(parsed).toHaveProperty("src"), (0, import_vitest.expect)(parsed).toHaveProperty("width"), (0, import_vitest.expect)(parsed).toHaveProperty("height"), (0, import_vitest.expect)(parsed).toHaveProperty("blurDataURL"), (0, import_vitest.expect)(typeof parsed.src).toBe("string"), (0, import_vitest.expect)(typeof parsed.width).toBe("number"), (0, import_vitest.expect)(typeof parsed.height).toBe("number"), (0, import_vitest.expect)(typeof parsed.blurDataURL).toBe("string");
}
});
});