@navita/vitest 3.0.0-next.0

package/LICENSE.md

@@ -0,0 +1,21 @@
+MIT License
+
+Copyright (c) 2023 Alexander Liljengård
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

package/README.md

@@ -0,0 +1,157 @@
+![Navita Logo](https://navita.style/navita.svg)
+
+Navita is a powerful CSS-in-JS library
+that brings type-safe compile-time Atomic CSS-in-JS with zero runtime to your projects.
+
+It allows you to easily style your components and apply themes without the need for any additional runtime dependencies.
+
+With Navita, you can write clean and maintainable CSS in JavaScript, without sacrificing runtime performance.
+
+
+🔥   All styles generated at build time — just like Sass, Less, etc.
+
+✨   Minimal abstraction over standard CSS.
+
+🦄   Works with any JS-based front-end framework — or even without one.
+
+🎨   High-level theme system with support for simultaneous themes.
+
+💪   Type-safe styles via [CSSType](https://github.com/frenic/csstype).
+
+🌳   Co-locate your styles with your components — if you want to.
+
+🛠   Integrations with popular bundlers such as Webpack, Vite, and Next.js.
+
+---
+🌐 [Check out the documentation site for setup guides, examples and API docs.](https://navita.style)
+
+---
+
+## Installation
+
+To start using Navita in your project, simply follow these steps:
+
+### Install Navita using npm:
+
+```bash
+npm install @navita/css --save
+```
+
+You'll also need to install the Navita integration for your preferred bundler.
+Navita currently supports Webpack, Vite, and Next.js.
+
+### Choose the integration for your preferred bundler:
+#### If you are using Webpack, install the Webpack integration:
+
+```bash
+npm install @navita/webpack-plugin mini-css-extract-plugin --save-dev
+```
+
+Update your `webpack.config.js` file to include both MiniCssExtractPlugin and NavitaPlugin:
+
+```javascript
+const { NavitaPlugin } = require('@navita/webpack-plugin');
+const MiniCssExtractPlugin = require('mini-css-extract-plugin');
+
+module.exports = {
+  // Other webpack options,
+  plugins: [
+    new MiniCssExtractPlugin(),
+    new NavitaPlugin(),
+  ],
+};
+```
+
+Read more about the Webpack integration in the [Webpack documentation](https://navita.style/integrations/webpack).
+
+#### If you are using Vite, install the Vite integration:
+
+```bash
+npm install @navita/vite-plugin --save-dev
+```
+
+And add it to your `vite.config.js` file:
+
+```typescript
+import { defineConfig } from 'vite';
+import { navita } from '@navita/vite-plugin';
+
+export default defineConfig({
+  plugins: [
+    // Other plugins
+    navita(/* Additional options */)
+  ],
+});
+```
+
+Read more about the Vite integration in the [Vite documentation](https://navita.style/integrations/vite).
+
+##### If you are using Next.js, install the Next.js integration:
+
+🚀   React Server Components support!
+
+```bash
+npm install @navita/next-plugin --save-dev
+```
+
+And add it to your `next.config.js` file:
+
+```javascript
+const { createNavitaStylePlugin } = require("@navita/next-plugin");
+
+/** @type {import('next').NextConfig} */
+const nextConfig = {};
+
+module.exports = createNavitaStylePlugin({
+  // Additional options
+})(nextConfig);
+```
+
+Read more about the Next.js integration in the [Next.js documentation](https://navita.style/integrations/next).
+
+## Usage
+
+The main entry point for Navita is the `style` function.
+Make sure you read the reset of the documentation on
+<https://navita.style> to learn more about the APIs.
+
+```typescript
+import { style } from '@navita/css';
+
+const container = style({
+  padding: '2rem',
+  background: 'hotpink',
+  color: 'white',
+});
+
+document.write(`
+  <div class="${container}">
+    Hello World!
+  </div>
+`);
+```
+
+That's it!
+
+💡 Only references to the classNames will be included in the bundle.
+
+> Note: Navita doesn't require special file extensions for your styles.
+You can co-locate your CSS styles with your components.
+
+## Documentation
+
+For detailed documentation, examples, and usage guidelines,
+please visit the official Navita website: <https://navita.style>
+
+## Contributing
+
+We welcome contributions from the community to make Navita even better!
+
+## Thanks
+* [Vanilla-Extract](https://vanilla-extract.style) and [Linaria](https://linaria.dev) for the inspiration and the great work on the CSS-in-JS ecosystem. 
+* [Fela](https://fela.js.org) for the fantastic work on Atomic css-in-js.
+* [Eagerpatch](https://eagerpatch.com) for giving us the space to do interesting work.
+***
+
+MIT Licensed—A project by [Eagerpatch](https://eagerpatch.com).\
+Made with ❤️ by [zn4rk](https://github.com/zn4rk) and contributors.

package/index.cjs

@@ -0,0 +1,14 @@
+let _navita_adapter = require("@navita/adapter");
+let _navita_engine = require("@navita/engine");
+//#region src/index.ts
+(0, require("vitest").beforeEach)(() => {
+	const engine = new _navita_engine.Engine();
+	(0, _navita_adapter.setAdapter)({
+		generateIdentifier: (value) => engine.generateIdentifier(value),
+		addCss: (css) => engine.addStyle(css).toString(),
+		addStaticCss: (selector, css) => engine.addStatic(selector, css),
+		addFontFace: (fontFace) => engine.addFontFace(fontFace),
+		addKeyframe: (keyframe) => engine.addKeyframes(keyframe)
+	});
+});
+//#endregion

package/index.d.ts

@@ -0,0 +1 @@
+export { };

package/index.mjs

@@ -0,0 +1,19 @@
+import "node:path";
+import "node:url";
+import.meta.url;
+import { setAdapter } from "@navita/adapter";
+import { Engine } from "@navita/engine";
+import { beforeEach } from "vitest";
+//#region src/index.ts
+beforeEach(() => {
+	const engine = new Engine();
+	setAdapter({
+		generateIdentifier: (value) => engine.generateIdentifier(value),
+		addCss: (css) => engine.addStyle(css).toString(),
+		addStaticCss: (selector, css) => engine.addStatic(selector, css),
+		addFontFace: (fontFace) => engine.addFontFace(fontFace),
+		addKeyframe: (keyframe) => engine.addKeyframes(keyframe)
+	});
+});
+//#endregion
+export {};

package/package.json

@@ -0,0 +1,33 @@
+{
+  "name": "@navita/vitest",
+  "version": "3.0.0-next.0",
+  "description": "Vitest tools for Navita",
+  "keywords": [
+    "vitest",
+    "css-in-js",
+    "navita"
+  ],
+  "private": false,
+  "sideEffects": false,
+  "exports": {
+    ".": {
+      "import": "./index.mjs",
+      "require": "./index.cjs",
+      "types": "./index.d.ts"
+    }
+  },
+  "dependencies": {
+    "@navita/adapter": "3.0.0-next.0",
+    "@navita/engine": "3.0.0-next.0"
+  },
+  "peerDependencies": {
+    "vitest": "^3.0.0 || ^4.0.0"
+  },
+  "license": "MIT",
+  "author": "Eagerpatch",
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/eagerpatch/navita.git",
+    "directory": "packages/vitest"
+  }
+}