@kong/kongponents 9.43.2-pr.2953.34318bf.0 → 9.43.3-pr.2956.1f3e80c.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@kong/kongponents",
-  "version": "9.43.2-pr.2953.34318bf.0",
+  "version": "9.43.3-pr.2956.1f3e80c.0",
   "description": "Kong Component library",
   "type": "module",
   "repository": {
@@ -22,10 +22,6 @@
       "import": "./dist/kongponents.es.js",
       "require": "./dist/kongponents.umd.js"
     },
-    "./nuxt": {
-      "import": "./dist/nuxt/index.js",
-      "types": "./dist/types/nuxt/index.d.ts"
-    },
     "./dist/style.css": "./dist/kongponents.css",
     "./package.json": "./package.json",
     "./dist/*": "./dist/*"
@@ -60,7 +56,6 @@
     "@kong-ui-public/sandbox-layout": "^2.3.4",
     "@kong/design-tokens": "^1.18.0",
     "@kong/eslint-config-kong-ui": "1.5.1",
-    "@nuxt/kit": "^4.1.3",
     "@semantic-release/changelog": "^6.0.3",
     "@semantic-release/git": "^10.0.1",
     "@stylistic/stylelint-plugin": "^4.0.0",
@@ -84,7 +79,6 @@
     "inquirer": "^9.3.6",
     "nanospinner": "^1.2.2",
     "node-emoji": "^2.2.0",
-    "nuxt": "^4.1.3",
     "picocolors": "^1.1.1",
     "postcss-cli": "^11.0.1",
     "postcss-custom-properties": "^14.0.6",
@@ -183,8 +177,7 @@
   "scripts": {
     "build:cli": "rimraf ./bin && tsc --project ./cli/tsconfig.json && chmod u+x ./bin/index.js",
     "build:docs": "vitepress build docs",
-    "build:kongponents": "pnpm typecheck && vite build && vue-tsc -p './tsconfig.build.json' --emitDeclarationOnly && tsc-alias -p './tsconfig.build.json' && pnpm build:nuxt",
-    "build:nuxt": "tsc -p ./tsconfig.build.nuxt.json --outDir dist/nuxt",
+    "build:kongponents": "pnpm typecheck && vite build && vue-tsc -p './tsconfig.build.json' --emitDeclarationOnly && tsc-alias -p './tsconfig.build.json'",
     "build:visualize": "cross-env-shell BUILD_VISUALIZER=true vite build -m production",
     "build": "pnpm build:cli && pnpm stylelint && pnpm lint && pnpm build:kongponents && pnpm build:docs",
     "build:ci": "pnpm build:kongponents && pnpm build:docs",

package/dist/nuxt/index.js

@@ -1,71 +0,0 @@
-import { defineNuxtModule, createResolver, addComponent, useLogger, addImportsDir } from '@nuxt/kit';
-import { components } from '@kong/kongponents';
-// Components that should always be excluded from auto-registration
-const ALWAYS_EXCLUDE_COMPONENTS = ['ToastManager', 'KTable', 'KModalFullscreen', 'KDropdownMenu'];
-export default defineNuxtModule({
-    meta: {
-        name: '@kong/kongponents',
-        configKey: 'kongponents',
-    },
-    defaults: {
-        components: {
-            include: [],
-            exclude: [],
-        },
-        composables: true,
-    },
-    setup(options, nuxt) {
-        const { resolve } = createResolver(import.meta.url);
-        const logger = useLogger('kongponents');
-        // Register the styles
-        nuxt.options.css.push('@kong/kongponents/dist/style.css');
-        if (options.composables) {
-            // Register composables
-            addImportsDir(resolve('./runtime/composables'));
-        }
-        // Define a list of components that should be auto-registered.
-        const includeList = options.components?.include || [];
-        // Define a list of components that should never be auto-registered.
-        const excludeList = [...ALWAYS_EXCLUDE_COMPONENTS, ...(options.components?.exclude || [])];
-        const filteredComponents = Object.keys(components).filter((name) => {
-            // If include list is set, only register those
-            if (includeList.length > 0 && !includeList.includes(name))
-                return false;
-            // Skip excluded or deprecated components
-            if (excludeList.includes(name))
-                return false;
-            return true;
-        });
-        if (filteredComponents.length === 0) {
-            logger.warn('⚠️ No Kongponents components were registered. Check your include/exclude config.');
-        }
-        filteredComponents.forEach((name) => {
-            addComponent({
-                name,
-                export: name,
-                filePath: '@kong/kongponents',
-                // we don't need global registration here
-                global: false,
-                // 'all' means both client and server
-                mode: 'all',
-            });
-        });
-        /**
-         * Integrate with Nuxt DevTools by adding a "Kongponents" tab.
-         * This gives quick access to documentation within the DevTools UI.
-         */
-        // @ts-ignore - nuxt types are missing devtools hook
-        nuxt.hook('devtools:customTabs', (tabs) => {
-            tabs.push({
-                name: 'kongponents',
-                title: 'Kongponents',
-                icon: 'https://kongponents.konghq.com/img/kong-logomark.png',
-                view: {
-                    type: 'iframe',
-                    src: 'https://kongponents.konghq.com',
-                },
-            });
-        });
-        logger.success('🚀 Kongponents module has been registered.');
-    },
-});

package/dist/nuxt/runtime/composables/useToast.js

@@ -1,27 +0,0 @@
-import { onBeforeUnmount } from 'vue';
-import { ToastManager } from '@kong/kongponents';
-/** The default toaster configuration */
-const defaultToastConfig = {
-    key: 'kongponents-toast',
-    appearance: 'success',
-    message: 'Success',
-    timeoutMilliseconds: 3000,
-};
-export default function useToast() {
-    // Initialize the toast manager; stub out the `open` and `destroy` methods on the server
-    const toast = import.meta.client ? new ToastManager() : { open: () => { }, destroy: () => { } };
-    const showToast = async (notification) => {
-        if (import.meta.client) {
-            toast.open({
-                ...defaultToastConfig,
-                ...notification,
-            });
-        }
-    };
-    onBeforeUnmount(() => {
-        toast.destroy();
-    });
-    return {
-        showToast,
-    };
-}

package/dist/nuxt/runtime/plugins/kongponents.js

@@ -1,14 +0,0 @@
-// TODO: testing some stuff...
-// @ts-ignore - import path exists
-import { defineNuxtPlugin } from '#app';
-// In some NodeJS environments, the `crypto` module is not available by default, so import it and make it available on the server
-import crypto from 'node:crypto';
-export default defineNuxtPlugin({
-    name: 'kongponents',
-    setup() {
-        // Inject the crypto module into the global scope if it is not already available
-        if (import.meta.server && typeof globalThis?.crypto === 'undefined') {
-            globalThis.crypto = globalThis.crypto || crypto;
-        }
-    },
-});

package/dist/types/nuxt/index.d.ts

@@ -1,24 +0,0 @@
-import { components } from '@kong/kongponents';
-type ComponentKeys = keyof typeof components;
-type ExcludedComponentKeys = Exclude<ComponentKeys, 'ToastManager' | 'KTable' | 'KModalFullscreen' | 'KDropdownMenu'>;
-export interface ModuleOptions {
-    components?: {
-        /**
-         * List of components to include in auto-registration. If unset or empty, all components will be included.
-         * @default []
-         */
-        include?: ComponentKeys[];
-        /**
-         * List of components to exclude from automatic registration
-         * @default []
-         */
-        exclude?: ExcludedComponentKeys[];
-    };
-    /**
-     * Whether to register composables globally
-     * @default true
-     */
-    composables?: boolean;
-}
-declare const _default: import("nuxt/schema").NuxtModule<ModuleOptions, ModuleOptions, false>;
-export default _default;

package/dist/types/nuxt/runtime/composables/useToast.d.ts

@@ -1,4 +0,0 @@
-import type { Toast } from '@kong/kongponents';
-export default function useToast(): {
-    showToast: (notification: Partial<Toast>) => Promise<void>;
-};

package/dist/types/nuxt/runtime/plugins/kongponents.d.ts

@@ -1,2 +0,0 @@
-declare const _default: any;
-export default _default;