@everymatrix/casino-game-thumb-view 1.56.2 → 1.57.0

package/dist/collection/components/casino-game-thumb-view/casino-game-thumb-view.stories.js

@@ -0,0 +1,138 @@
+import { html } from "lit";
+import "@everymatrix/casino-game-thumb-view";
+const meta = {
+    title: 'Casino/Components/casino-game-thumb-view',
+    component: 'casino-game-thumb-view',
+    args: {
+        language: "en",
+        endpoint: "",
+        userId: "",
+        showGameName: "",
+        session: "",
+        showFavoredCategory: "",
+        clientStyling: "",
+        clientStylingUrl: "",
+        integratedGameframeMobile: "false",
+        gamepageModalurl: "",
+        integratedGameframeDesktop: "false",
+        loadDetails: "false",
+        showRoundBoard: "false",
+        visibilityConnect: "",
+        connectLive: "",
+        gameCategory: "",
+        livelobbyEndpoint: "",
+        gameId: "",
+        gameName: "",
+        subVendor: "",
+        gameVendor: "",
+        hasFunMode: "",
+        hasAnonymousFunMode: "",
+        platform: "PC",
+        thumbnail: "",
+        isFavorite: "",
+        isNew: "",
+        cellSize: "",
+        gameTag: "",
+        type: "",
+    },
+    argTypes: {
+        language: { control: 'text', description: '' },
+        endpoint: { control: 'text', description: '' },
+        userId: { control: 'text', description: '' },
+        showGameName: { control: 'text', description: '' },
+        session: { control: 'text', description: '' },
+        showFavoredCategory: { control: 'text', description: '' },
+        clientStyling: { control: 'text', description: '' },
+        clientStylingUrl: { control: 'text', description: '' },
+        integratedGameframeMobile: { control: 'text', description: '' },
+        gamepageModalurl: { control: 'text', description: '' },
+        integratedGameframeDesktop: { control: 'text', description: '' },
+        loadDetails: { control: 'text', description: '' },
+        showRoundBoard: { control: 'text', description: '' },
+        visibilityConnect: { control: 'text', description: '' },
+        connectLive: { control: 'text', description: '' },
+        gameCategory: { control: 'text', description: '' },
+        livelobbyEndpoint: { control: 'text', description: '' },
+        gameId: { control: 'text', description: '' },
+        gameName: { control: 'text', description: '' },
+        subVendor: { control: 'text', description: '' },
+        gameVendor: { control: 'text', description: '' },
+        hasFunMode: { control: 'text', description: '' },
+        hasAnonymousFunMode: { control: 'text', description: '' },
+        platform: { control: 'text', description: '' },
+        thumbnail: { control: 'text', description: '' },
+        isFavorite: { control: 'text', description: '' },
+        isNew: { control: 'text', description: '' },
+        cellSize: { control: 'text', description: '' },
+        gameTag: { control: 'text', description: '' },
+        type: { control: 'text', description: '' },
+    },
+};
+export default meta;
+const Template = (args) => {
+    return html `<casino-game-thumb-view
+    language="${args.language}"
+    endpoint="${args.endpoint}"
+    userId="${args.userId}"
+    showGameName="${args.showGameName}"
+    session="${args.session}"
+    showFavoredCategory="${args.showFavoredCategory}"
+    clientStyling="${args.clientStyling}"
+    clientStylingUrl="${args.clientStylingUrl}"
+    integratedGameframeMobile="${args.integratedGameframeMobile}"
+    gamepageModalurl="${args.gamepageModalurl}"
+    integratedGameframeDesktop="${args.integratedGameframeDesktop}"
+    loadDetails="${args.loadDetails}"
+    showRoundBoard="${args.showRoundBoard}"
+    visibilityConnect="${args.visibilityConnect}"
+    connectLive="${args.connectLive}"
+    gameCategory="${args.gameCategory}"
+    livelobbyEndpoint="${args.livelobbyEndpoint}"
+    gameId="${args.gameId}"
+    gameName="${args.gameName}"
+    subVendor="${args.subVendor}"
+    gameVendor="${args.gameVendor}"
+    hasFunMode="${args.hasFunMode}"
+    hasAnonymousFunMode="${args.hasAnonymousFunMode}"
+    platform="${args.platform}"
+    thumbnail="${args.thumbnail}"
+    isFavorite="${args.isFavorite}"
+    isNew="${args.isNew}"
+    cellSize="${args.cellSize}"
+    gameTag="${args.gameTag}"
+    type="${args.type}"
+  ></casino-game-thumb-view>`;
+};
+export const Default = Template.bind({});
+Default.args = {
+    language: "en",
+    endpoint: "",
+    userId: "",
+    showGameName: "",
+    session: "",
+    showFavoredCategory: "",
+    clientStyling: "",
+    clientStylingUrl: "",
+    integratedGameframeMobile: "false",
+    gamepageModalurl: "",
+    integratedGameframeDesktop: "false",
+    loadDetails: "false",
+    showRoundBoard: "false",
+    visibilityConnect: "",
+    connectLive: "",
+    gameCategory: "",
+    livelobbyEndpoint: "",
+    gameId: "",
+    gameName: "",
+    subVendor: "",
+    gameVendor: "",
+    hasFunMode: "",
+    hasAnonymousFunMode: "",
+    platform: "PC",
+    thumbnail: "",
+    isFavorite: "",
+    isNew: "",
+    cellSize: "",
+    gameTag: "",
+    type: "",
+};

package/dist/storybook/main.js

@@ -0,0 +1,47 @@
+import path from "path";
+import { getStoryFiles, detectUsedPackages, parseTsConfig, exec, filterParsedPathsByUsedPackages } from "../../../../libs/common/src/storybook/storybook-utils";
+const config = {
+    stories: ['../**/*.@(mdx|stories.@(js|ts|tsx))'],
+    addons: [
+        '@storybook/addon-essentials',
+        '@storybook/addon-interactions',
+        'storybook-dark-mode'
+    ],
+    docs: {
+        defaultName: 'Documentation',
+        autodocs: 'tag'
+    },
+    framework: {
+        name: '@storybook/web-components-vite',
+        options: {}
+    },
+    // Async viteFinal to build dependent packages before finalizing configuration.
+    viteFinal: async (config) => {
+        const storyFiles = getStoryFiles(path.resolve(__dirname, '../'));
+        const usedPackages = detectUsedPackages(storyFiles);
+        const buildPromises = usedPackages.map(async (pkg) => {
+            try {
+                console.log(`Building package ${pkg}...`);
+                const { stdout, stderr } = await exec(`nx run ${pkg}:build`);
+                console.log(`Built package ${pkg}: ${stdout}`);
+                if (stderr) {
+                    console.error(`Build warning/error for package ${pkg}: ${stderr}`);
+                }
+            }
+            catch (error) {
+                console.error(`Error building package ${pkg}:`, error);
+            }
+        });
+        await Promise.all(buildPromises);
+        const parsedPaths = parseTsConfig() || {};
+        const filteredParsedPaths = filterParsedPathsByUsedPackages(parsedPaths, usedPackages);
+        return Object.assign(Object.assign({}, config), { resolve: {
+                alias: Object.assign({}, filteredParsedPaths)
+            }, define: {
+                process: {
+                    env: {}
+                }
+            } });
+    }
+};
+export default config;

package/dist/storybook/preview.js

@@ -0,0 +1,9 @@
+import { themes } from "@storybook/theming";
+export const parameters = {
+    darkMode: {
+        dark: Object.assign(Object.assign({}, themes.dark), { appBg: 'black' }),
+        light: Object.assign(Object.assign({}, themes.normal), { appBg: 'green' }),
+        current: 'light',
+        stylePreview: true
+    }
+};

package/dist/types/Users/maria.bumbar/Desktop/widgets-monorepo/packages/stencil/casino-game-thumb-view/.stencil/libs/common/src/storybook/storybook-utils.d.ts

@@ -0,0 +1,39 @@
+/// <reference types="node" />
+import { exec as execCallback } from 'child_process';
+export declare const exec: typeof execCallback.__promisify__;
+/**
+ * Recursively retrieves all story files (.stories.ts/.stories.tsx) in a directory.
+ * @param dir The directory to search.
+ * @returns Array of story file paths.
+ */
+export declare const getStoryFiles: (dir: string) => string[];
+/**
+ * Detects which internal packages are used in the provided story files.
+ * It looks at every import that starts with the given package alias prefix,
+ * then extracts the package name (the segment immediately following the prefix).
+ *
+ * @param stories Array of story file paths.
+ * @returns Array of unique package names (e.g. ['foo', 'bar']).
+ */
+export declare const detectUsedPackages: (stories: string[]) => string[];
+/**
+ * Extracts all import paths from a file using the TypeScript compiler API.
+ * @param filePath The file path to parse.
+ * @returns Array of import strings.
+ */
+export declare const extractImports: (filePath: string) => string[];
+/**
+ * Parses the tsconfig paths and resolves them to absolute paths.
+ * @param tsconfigPath The path to the tsconfig file.
+ * @returns An object mapping alias keys to absolute paths.
+ */
+export declare const parseTsConfig: () => Record<string, string> | null;
+/**
+ * Filters the parsed tsconfig alias mapping to only include keys that correspond
+ * to the used packages.
+ *
+ * @param parsedPaths The full alias mapping from tsconfig.
+ * @param usedPackages Array of package names that are used (e.g. ['foo', 'bar']).
+ * @returns Filtered alias mapping.
+ */
+export declare const filterParsedPathsByUsedPackages: (parsedPaths: Record<string, string>, usedPackages: string[]) => Record<string, string>;

package/dist/types/Users/maria.bumbar/Desktop/widgets-monorepo/packages/stencil/casino-game-thumb-view/.stencil/packages/stencil/casino-game-thumb-view/storybook/main.d.ts

@@ -0,0 +1,3 @@
+import type { StorybookConfig } from '@storybook/web-components-vite';
+declare const config: StorybookConfig;
+export default config;

package/dist/types/Users/maria.bumbar/Desktop/widgets-monorepo/packages/stencil/casino-game-thumb-view/.stencil/packages/stencil/casino-game-thumb-view/storybook/preview.d.ts

@@ -0,0 +1,70 @@
+export declare const parameters: {
+    darkMode: {
+        dark: {
+            appBg: string;
+            base: "light" | "dark";
+            colorPrimary: string;
+            colorSecondary: string;
+            appContentBg: string;
+            appPreviewBg: string;
+            appBorderColor: string;
+            appBorderRadius: number;
+            fontBase: string;
+            fontCode: string;
+            textColor: string;
+            textInverseColor: string;
+            textMutedColor: string;
+            barTextColor: string;
+            barHoverColor: string;
+            barSelectedColor: string;
+            barBg: string;
+            buttonBg: string;
+            buttonBorder: string;
+            booleanBg: string;
+            booleanSelectedBg: string;
+            inputBg: string;
+            inputBorder: string;
+            inputTextColor: string;
+            inputBorderRadius: number;
+            brandTitle?: string;
+            brandUrl?: string;
+            brandImage?: string;
+            brandTarget?: string;
+            gridCellSize?: number;
+        };
+        light: {
+            appBg: string;
+            base: "light" | "dark";
+            colorPrimary: string;
+            colorSecondary: string;
+            appContentBg: string;
+            appPreviewBg: string;
+            appBorderColor: string;
+            appBorderRadius: number;
+            fontBase: string;
+            fontCode: string;
+            textColor: string;
+            textInverseColor: string;
+            textMutedColor: string;
+            barTextColor: string;
+            barHoverColor: string;
+            barSelectedColor: string;
+            barBg: string;
+            buttonBg: string;
+            buttonBorder: string;
+            booleanBg: string;
+            booleanSelectedBg: string;
+            inputBg: string;
+            inputBorder: string;
+            inputTextColor: string;
+            inputBorderRadius: number;
+            brandTitle?: string;
+            brandUrl?: string;
+            brandImage?: string;
+            brandTarget?: string;
+            gridCellSize?: number;
+        };
+        current: string;
+        stylePreview: boolean;
+    };
+};

package/dist/types/components/casino-game-thumb-view/casino-game-thumb-view.stories.d.ts

@@ -0,0 +1,5 @@
+import type { Meta } from '@storybook/web-components';
+import '@everymatrix/casino-game-thumb-view';
+declare const meta: Meta;
+export default meta;
+export declare const Default: any;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@everymatrix/casino-game-thumb-view",
-  "version": "1.56.2",
+  "version": "1.57.0",
   "main": "./dist/index.cjs.js",
   "module": "./dist/index.js",
   "es2015": "./dist/esm/index.mjs",