@4byte/shared-lib 0.0.1

package/projects/storybook-host/.storybook/preview.ts

@@ -0,0 +1,74 @@
+import type { Preview } from '@storybook/angular';
+
+import { setCompodocJson } from '@storybook/addon-docs/angular';
+import docJson from '../documentation.json';
+
+import { EMPRESA_THEMES } from '../../../src/lib/themes/registry';
+import { addons } from 'storybook/internal/preview-api';
+import { FORCE_RE_RENDER, FORCE_REMOUNT } from 'storybook/internal/core-events';
+import { injectPrimeIconsStylesheet } from '../../../src/lib/utils/inject-prime-icons';
+
+setCompodocJson(docJson);
+
+let previousTheme: string | undefined;
+
+injectPrimeIconsStylesheet(); // se ejecuta una sola vez al cargar Storybook
+
+const preview: Preview = {
+  globalTypes: {
+    theme: {
+      name: 'Tema',
+      description: 'Tema de Empresa UI',
+      defaultValue: 'crm',
+      toolbar: {
+        icon: 'paintbrush',
+        items: Object.keys(EMPRESA_THEMES)
+      }
+    }
+  },
+
+  decorators: [
+    (story, context) => {
+      const theme = context.globals['theme'] as string;
+
+      if (previousTheme && previousTheme !== theme) {
+
+        //sessionStorage.setItem('__storybook_theme_reload__', '1');
+
+        requestAnimationFrame(() => {
+          addons.getChannel().emit(FORCE_REMOUNT, {
+            storyId: context.id
+          });
+        });
+        console.log(previousTheme)
+      }
+      
+      previousTheme = theme;
+
+      return story();
+
+    }
+  ],
+
+  parameters: {
+    options: {
+      storySort: {
+        order: [
+          'Introduction',
+          'Installation',
+          'Theming',
+          'Components'
+        ]
+      }
+    },
+    controls: {
+      disableSaveFromUI: true
+    }
+  }
+};
+
+if (sessionStorage.getItem('__storybook_theme_reload__')) {
+  sessionStorage.removeItem('__storybook_theme_reload__');
+}
+
+export default preview;

package/projects/storybook-host/.storybook/tsconfig.doc.json

@@ -0,0 +1,10 @@
+// This tsconfig is used by Compodoc to generate the documentation for the project.
+// If Compodoc is not used, this file can be deleted.
+{
+  "extends": "./tsconfig.json",
+  // Exclude all files that are not needed for documentation generation.
+  "exclude": ["../src/test.ts", "../src/**/*.spec.ts", "../src/**/*.stories.ts"],
+  // Please make sure to include all files from which Compodoc should generate documentation.
+  "include": ["../src/**/*"],
+  "files": ["./typings.d.ts"]
+}

package/projects/storybook-host/.storybook/tsconfig.json

@@ -0,0 +1,22 @@
+{
+  "extends": "../tsconfig.app.json",
+  "compilerOptions": {
+    "types": ["node"],
+    "allowSyntheticDefaultImports": true,
+    "resolveJsonModule": true,
+    "moduleResolution": "bundler",
+    "rootDir": "../../.."
+  },
+  "exclude": [
+    "../src/test.ts",
+    "../src/**/*.spec.ts",
+    "../../../src/lib/**/*.spec.ts"
+  ],
+  "include": [
+    "../src/**/*.ts",
+    "../src/**/*.stories.*",
+    "../../../src/lib/**/*.ts",
+    "./preview.ts"
+  ],
+  "files": ["./typings.d.ts"]
+}

package/projects/storybook-host/.storybook/tutorial/Installation.mdx

@@ -0,0 +1,6 @@
+# Installation
+
+## Instalar dependencias
+
+```bash
+npm install

package/projects/storybook-host/.storybook/tutorial/Introduction.mdx

@@ -0,0 +1,18 @@
+import { Meta } from '@storybook/addon-docs/blocks';
+
+<Meta title="Introduction" />
+
+# 4Byte Shared Lib
+
+4Byte Shared Lib es una librería de componentes reutilizables desarrollada con Angular y PrimeNG.
+
+## Tecnologías
+
+- Angular 21
+- PrimeNG 21
+
+## Requisitos
+
+- Node.js 22.12.0+
+- Angular 21
+- npm 10+

package/projects/storybook-host/.storybook/tutorial/Theming.mdx

@@ -0,0 +1,14 @@
+# Theming
+
+Empresa UI permite configurar el tema global mediante `provideEmpresaUI()` en el archivo `app.config.ts`.
+
+## Configuración
+
+```ts
+export const appConfig: ApplicationConfig = {
+  providers: [
+    provideEmpresaUI({
+      theme: 'crm'
+    })
+  ]
+};

package/projects/storybook-host/.storybook/typings.d.ts

@@ -0,0 +1,4 @@
+declare module '*.md' {
+  const content: string;
+  export default content;
+}