feat: standalone mode

integration/apps/standalone-webpack/src/main.ts

@@ -0,0 +1,20 @@
+import spriteManifest from './sprite/.svg-sprite/svg-sprite.manifest.js'
+import { getIconsIconHref, iconsSpriteUrl } from './sprite'
+
+const check = spriteManifest.icons.find((icon) => icon.name === 'check')
+if (!check || spriteManifest.spriteUrl !== iconsSpriteUrl) {
+  throw new Error('Generated Webpack facade and manifest disagree.')
+}
+
+document.querySelector<HTMLDivElement>('#app')!.innerHTML = `
+  <h1>Standalone + Webpack</h1>
+  <svg
+    data-testid="icon"
+    data-app="standalone-webpack"
+    viewBox="${check.viewBox ?? '0 0 24 24'}"
+    aria-label="Check icon"
+    style="width:64px;height:64px;color:#16a34a;--icon-color-1:#16a34a"
+  >
+    <use href="${getIconsIconHref('check')}"></use>
+  </svg>
+`

integration/apps/standalone-webpack/src/sprite/.gitignore

@@ -0,0 +1,2 @@
+# @generated by @gromlab/svg-sprites. Do not edit.
+/.svg-sprite/

integration/apps/standalone-webpack/src/sprite/index.ts

@@ -0,0 +1,7 @@
+export {
+  getIconsIconHref,
+  iconsIconIds,
+  iconsIconNames,
+  iconsSpriteUrl,
+} from './.svg-sprite/index.js'
+export type { IconsIconName } from './.svg-sprite/index.js'

integration/apps/standalone-webpack/src/sprite/svg-sprite.config.ts

@@ -0,0 +1,8 @@
+import { defineSpriteConfig } from '@gromlab/svg-sprites'
+
+export default defineSpriteConfig({
+  mode: 'standalone@webpack',
+  name: 'icons',
+  inputFiles: ['../../../../fixtures/icons/check.svg'],
+  generatedNotice: false,
+})