@commercetools/nimbus 0.0.1

package/tsconfig.json

@@ -0,0 +1,38 @@
+{
+  "compilerOptions": {
+    // Enable latest features
+    "lib": ["ESNext", "DOM"],
+    "target": "ESNext",
+    "module": "ESNext",
+    "moduleDetection": "force",
+    "jsx": "react-jsx",
+    "allowJs": true,
+
+    // Bundler mode
+    "moduleResolution": "Bundler",
+    "allowImportingTsExtensions": true,
+    "verbatimModuleSyntax": true,
+    "noEmit": true,
+
+    // Best practices
+    "strict": true,
+    "skipLibCheck": true,
+    "noFallthroughCasesInSwitch": true,
+
+    // Some stricter flags (disabled by default)
+    "noUnusedLocals": false,
+    "noUnusedParameters": false,
+    "noPropertyAccessFromIndexSignature": false,
+    "paths": {
+      "@/*": ["./src/*"]
+    },
+
+    // Custom
+    "esModuleInterop": true,
+    "typeRoots": [
+      "@types",
+      // "@types-extensions",
+      "node_modules/@types"
+    ]
+  }
+}

package/vite.config.ts

@@ -0,0 +1,54 @@
+import { dirname, resolve } from "node:path";
+import { fileURLToPath } from "node:url";
+import optimizeLocales from "@react-aria/optimize-locales-plugin";
+import { defineConfig } from "vite";
+import react from "@vitejs/plugin-react";
+import viteTsconfigPaths from "vite-tsconfig-paths";
+import dts from "vite-plugin-dts";
+
+const __dirname = dirname(fileURLToPath(import.meta.url));
+
+export const baseConfig = {
+  plugins: [
+    viteTsconfigPaths(),
+    react(),
+
+    // https://react-spectrum.adobe.com/react-aria/internationalization.html#vite
+    optimizeLocales.vite({
+      locales: ["en-US", "fr-FR", "pt-BR", "es-ES", "de-DE"],
+    }),
+  ],
+  build: {
+    lib: {
+      entry: resolve(__dirname, "./src/index.ts"),
+      name: "nimbus",
+      fileName: "index",
+    },
+    rollupOptions: {
+      // make sure to externalize deps that shouldn't be bundled
+      // into your library
+      external: ["react", "react-dom"],
+      output: {
+        // Provide global variables to use in the UMD build
+        // for externalized deps
+        globals: {
+          react: "React",
+          "react-dom": "ReactDOM",
+        },
+      },
+    },
+  },
+  assetsInclude: ["/sb-preview/runtime.js"],
+};
+
+export default defineConfig((/* config */) => {
+  const isWatchMode = process.argv.includes("--watch");
+
+  const config = baseConfig;
+
+  if (!isWatchMode) {
+    config.plugins.push(dts({ rollupTypes: true }));
+  }
+
+  return config;
+});

package/vitest.config.ts

@@ -0,0 +1,50 @@
+import {
+  coverageConfigDefaults,
+  defineConfig,
+  mergeConfig,
+} from "vitest/config";
+import { baseConfig } from "./vite.config";
+import { storybookTest } from "@storybook/experimental-addon-test/vitest-plugin";
+import path from "path";
+
+export default mergeConfig(
+  baseConfig,
+  defineConfig({
+    plugins: [
+      storybookTest({
+        // The location of your Storybook config, main.js|ts
+        configDir: path.join(__dirname, ".storybook"),
+        // This should match your package.json script to run Storybook
+        // The --ci flag will skip prompts and not open a browser
+        storybookScript: "pnpm storybook --ci",
+      }),
+    ],
+    test: {
+      setupFiles: ["./.storybook/vitest.setup.ts"],
+      // make vitest fn's available globally (no need to import them)
+      globals: true,
+      // config for running tests in one or multiple *real* browsers
+      browser: {
+        enabled: true,
+        // ... use playwright to run tests
+        provider: "playwright",
+        // ... only in chromium
+        instances: [{ browser: "chromium" }],
+        // ... do not open the browser-ui
+        headless: true,
+        // ... do not capture screenshots on failure
+        screenshotFailures: false,
+      },
+      coverage: {
+        exclude: [
+          ...coverageConfigDefaults.exclude,
+          "**/.storybook/**",
+          // 👇 This pattern must align with the `stories` property of your `.storybook/main.ts` config
+          "./src/**/*.stories.*",
+          // 👇 This pattern must align with the output directory of `storybook build`
+          "**/storybook-static/**",
+        ],
+      },
+    },
+  })
+);