whelk-ui 0.0.1 → 0.0.3

package/vite.config.ts

@@ -1,50 +1,79 @@
-import { fileURLToPath, URL } from 'node:url'
-import { defineConfig } from 'vite'
+import {defineConfig} from 'vite'
 import vue from '@vitejs/plugin-vue'
-import vueDevTools from 'vite-plugin-vue-devtools'
-import postcssCustomMedia from 'postcss-custom-media'
 import postcssNesting from 'postcss-nesting'
-import postcssGlobalData from '@csstools/postcss-global-data'
-import { resolve } from 'path'
+import {resolve} from 'path'
+import {playwright} from "@vitest/browser-playwright";
+import {configDefaults} from "vitest/config";
+import {fileURLToPath} from "node:url";
 
 
 // https://vite.dev/config/
 export default defineConfig({
-  build: {
-    lib: {
-      entry: resolve(__dirname, 'src/index.ts'),
-      name: 'whelk-ui',
-      fileName: 'whelk-ui',
-    },
-    rollupOptions: {
-      external: ['vue'],
-      output: {
-        globals: {
-          vue: 'Vue',
+	build: {
+		cssCodeSplit: true,
+		lib: {
+			entry: {
+                addObject: resolve(__dirname, 'src/components/add_object/AddObject.vue'),
+				button: resolve(__dirname, 'src/components/button/ButtonComponent.vue'),
+                card: resolve(__dirname, 'src/components/card/CardComponent.vue'),
+                checkBox: resolve(__dirname, 'src/components/check_box/CheckBox.vue'),
+                datetime: resolve(__dirname, 'src/components/datetime/DatetimeComponent.vue'),
+                dropDown: resolve(__dirname, 'src/components/drop_down/DropDown.vue'),
+                formGroup: resolve(__dirname, 'src/components/form_group/FormGroup.vue'),
+                numberInput: resolve(__dirname, 'src/components/number_input/NumberInput.vue'),
+                passwordInput: resolve(__dirname, 'src/components/password_input/PasswordInput.vue'),
+                renderErrorMessage: resolve(__dirname, 'src/components/render_error_message/RenderErrorMessage.vue'),
+                switch: resolve(__dirname, 'src/components/switch/SwitchComponent.vue'),
+                textArea: resolve(__dirname, 'src/components/text_area/TextArea.vue'),
+                textInput: resolve(__dirname, 'src/components/text_input/TextInput.vue'),
+                toolTip: resolve(__dirname, 'src/components/tool_tip/ToolTip.vue'),
+			},
+			name: 'whelk-ui',
+			formats: ['es', 'cjs']
+		},
+		rollupOptions: {
+			external: ['vue'],
+			output: {
+				globals: {
+					vue: 'Vue',
+				},
+				preserveModules: true,
+				preserveModulesRoot: 'src'
+			},
+		},
+	},
+	css: {
+		postcss: {
+			plugins: [
+				postcssNesting,
+			]
+		}
+	},
+	plugins: [
+		vue(),
+	],
+    test: {
+        browser: {
+            enabled: true,
+            provider: playwright(),
+            instances: [
+                {browser: 'chromium'},
+            ],
         },
-      },
-    },
-  },
-    css: {
-        postcss: {
-            plugins: [
-                postcssNesting,
-                postcssGlobalData({
-                    files: [
-                        './src/styles/variables/_media_variables.css',
-                    ]
-                }),
-                postcssCustomMedia,
-            ]
-        }
-    },
-  plugins: [
-    vue(),
-    vueDevTools(),
-  ],
-  resolve: {
-    alias: {
-        '@': fileURLToPath(new URL('./src', import.meta.url)),
-    },
-  },
+        coverage: {
+            provider: 'v8',
+            exclude: [
+                'e2e/**',
+                'src/main.ts'
+            ],
+        },
+        environment: 'jsdom',
+        exclude: [
+            ...configDefaults.exclude,
+            'e2e/**'
+        ],
+        root: fileURLToPath(
+            new URL('./', import.meta.url)
+        ),
+    }
 })

package/.vscode/extensions.json

@@ -1,3 +0,0 @@
-{
-  "recommendations": ["Vue.volar"]
-}

package/src/index.ts

@@ -1,3 +0,0 @@
-import ButtonComponent from './components/button/ButtonComponent.vue';
-
-export { ButtonComponent };

package/src/styles/_accessibility.css

@@ -1,11 +0,0 @@
-.hidden-visually {
-    position: absolute;
-    overflow: hidden;
-    white-space: nowrap;
-    margin: 0;
-    padding: 0;
-    height: 1px;
-    width: 1px;
-    clip: rect(0 0 0 0);
-    clip-path: inset(100%);
-}

package/src/styles/variables/_media_variables.css

@@ -1,10 +0,0 @@
-/* Mobile phone screens will have a screen size smaller than 640 * Small screens
-will have a screen size of 640px or larger * Medium screen will have a screen
-size of 768px or larger * etc. * * Small screens are considered mobile phones *
-Medium screens are considered tables * Large screens are considered laptops *
-etc. */
-@custom-media --small-screen (min-width: 640px);
-@custom-media --medium-screen (min-width: 768px);
-@custom-media --large-screen (min-width: 1024px);
-@custom-media --x-large-screen (min-width: 1280px);
-@custom-media --2x-large-screen (min-width: 1536px);