mcp/carbon-components-svelte
1
0
Fork 0
mirror of https://github.com/carbon-design-system/carbon-components-svelte.git synced 2025-09-14 18:01:06 +00:00
Code Issues Projects Releases Packages Wiki Activity

breaking: remove legacy optimizeCarbonImports preprocessor (#1217)

Browse source
This commit is contained in:
metonym 2022-03-27 09:30:15 -07:00 • committed by GitHub
commit 6986aac1be
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
8 changed files with 1 additions and 910 deletions
Download patch file Download diff file Expand all files Collapse all files

1
tests/preprocess/index.js
View file

@ -1 +0,0 @@
require("./optimize-carbon-imports.test");

139
tests/preprocess/optimize-carbon-imports.test.js
View file

@ -1,139 +0,0 @@
const assert = require("assert");
const { preprocess } = require("svelte/compiler");
const { optimizeCarbonImports } = require("../../preprocess");
const fixtures = [
{
name: "Single base import",
input: `
<script>
import { Accordion } from "carbon-components-svelte";
</script>`,
output: `
<script>
import Accordion from "carbon-components-svelte/src/Accordion/Accordion.svelte";
</script>`,
},
{
name: "Single base import with markup, styles",
input: `
<script>
import { Accordion } from "carbon-components-svelte";
</script>
<Accordion />
<style>:global(*) {}</style>`,
output: `
<script>
import Accordion from "carbon-components-svelte/src/Accordion/Accordion.svelte";
</script>
<Accordion />
<style>:global(*) {}</style>`,
},
{
name: "Single, aliased base import",
input: `
<script>
import { Accordion as A } from "carbon-components-svelte";
</script>`,
output: `
<script>
import A from "carbon-components-svelte/src/Accordion/Accordion.svelte";
</script>`,
},
{
name: "Multiple base imports",
input: `
<script>
import { Accordion, AccordionItem } from "carbon-components-svelte";
</script>`,
output: `
<script>
import Accordion from "carbon-components-svelte/src/Accordion/Accordion.svelte";
import AccordionItem from "carbon-components-svelte/src/Accordion/AccordionItem.svelte";
</script>`,
},
{
name: "Multiple imports from component folder",
input: `
<script>
import { Accordion, AccordionItem } from "carbon-components-svelte/src/Accordion";
</script>`,
output: `
<script>
import { Accordion, AccordionItem } from "carbon-components-svelte/src/Accordion";
</script>`,
},
{
name: "Direct import from component source",
input: `
<script>
import AccordionItem from "carbon-components-svelte/src/Accordion/AccordionItem.svelte";
</script>`,
output: `
<script>
import AccordionItem from "carbon-components-svelte/src/Accordion/AccordionItem.svelte";
</script>`,
},
{
name: "Carbon icons",
input: `
<script>
import { Add16 as Add } from "carbon-icons-svelte";
import { Add20, Add24 } from "carbon-icons-svelte";
import ArrowRight20 from "carbon-icons-svelte/lib/ArrowRight20";
</script>`,
output: `
<script>
import Add from "carbon-icons-svelte/lib/Add16/Add16.svelte";
import Add20 from "carbon-icons-svelte/lib/Add20/Add20.svelte";
import Add24 from "carbon-icons-svelte/lib/Add24/Add24.svelte";
import ArrowRight20 from "carbon-icons-svelte/lib/ArrowRight20";
</script>`,
},
{
name: "Carbon pictograms",
input: `
<script>
import { Airplane as Aeroplane } from "carbon-pictograms-svelte";
import { ActiveServer, Advocate } from "carbon-pictograms-svelte";
import Agriculture from "carbon-pictograms-svelte/lib/Agriculture";
</script>`,
output: `
<script>
import Aeroplane from "carbon-pictograms-svelte/lib/Airplane/Airplane.svelte";
import ActiveServer from "carbon-pictograms-svelte/lib/ActiveServer/ActiveServer.svelte";
import Advocate from "carbon-pictograms-svelte/lib/Advocate/Advocate.svelte";
import Agriculture from "carbon-pictograms-svelte/lib/Agriculture";
</script>`,
},
{
name: "Integration",
input: `
<script>
import { Button, Header } from "carbon-components-svelte";
import { Notification20 } from "carbon-icons-svelte";
import { Airplane } from "carbon-pictograms-svelte";
</script>`,
output: `
<script>
import Button from "carbon-components-svelte/src/Button/Button.svelte";
import Header from "carbon-components-svelte/src/UIShell/GlobalHeader/Header.svelte";
import Notification20 from "carbon-icons-svelte/lib/Notification20/Notification20.svelte";
import Airplane from "carbon-pictograms-svelte/lib/Airplane/Airplane.svelte";
</script>
`,
},
];
(async () => {
for (const { name, input, output } of fixtures) {
console.log("[optimizeCarbonImports]", name);
const result = await preprocess(input.trim(), [optimizeCarbonImports()]);
assert.strictEqual(result.toString(), output.trim());
}
})();