@arc-js/meta 0.0.1

package/README.md

@@ -0,0 +1,557 @@
+# @arc-js/meta
+
+[![License](https://img.shields.io/badge/license-MIT-blue.svg)](LICENSE)
+![TypeScript](https://img.shields.io/badge/TypeScript-5.0+-007ACC)
+![React](https://img.shields.io/badge/React-19+-61DAFB)
+![Vite](https://img.shields.io/badge/Vite-6+-646CFF)
+
+**@arc-js/meta** est une bibliothèque React/TypeScript/Javascript légère et performante pour la gestion dynamique des métadonnées HTML (title, description, keywords, author, etc.) dans les applications SPA. Elle permet de mettre à jour les métadonnées de la page de manière déclarative et impérative, avec un support complet de TypeScript, Javascript.
+
+## ✨ Fonctionnalités Principales
+
+### 📄 Gestion Complète des Métadonnées
+- **Mise à jour dynamique du titre** de la page (`<title>`)
+- **Gestion des métadonnées HTML standards** : description, keywords, author, etc.
+- **Support des métadonnées HTTP-EQUIV** (Content-Type, etc.)
+- **Mise à jour en temps réel** lors des changements de route ou d'état
+
+### 🎯 Deux Approches d'Utilisation
+- **Composant déclaratif** `<Metadata />` pour une utilisation simple
+- **Hook impératif** `useMetaActions()` pour un contrôle avancé
+- **API flexible** permettant les deux approches dans la même application
+
+### ⚡ Performance Optimisée
+- **Mises à jour ciblées** uniquement des métadonnées modifiées
+- **Aucune dépendance lourde**
+- **Bundle size minimal** (< 3KB gzipped)
+- **Zéro impact sur le rendu React**
+
+### 🔧 Intégration Facile
+- **Installation en une commande**
+- **Configuration minimale requise**
+- **Compatibilité totale avec TypeScript**
+- **Intégration transparente avec Vite et React Router**
+
+## 📦 Installation
+
+### Via npm/yarn/pnpm
+
+```bash
+npm install @arc-js/meta
+# ou
+yarn add @arc-js/meta
+# ou
+pnpm add @arc-js/meta
+```
+
+### Dépendances requises
+- React 19+
+- TypeScript 5.0+ (recommandé)
+- Vite (optionnel, mais recommandé)
+
+## 🚀 Démarrage Rapide
+
+### Utilisation avec le composant déclaratif
+
+```typescript
+// App.tsx
+import React from 'react';
+import Metadata from '@arc-js/meta/components';
+import { BrowserRouter, Routes, Route } from 'react-router-dom';
+
+const HomePage = () => (
+  <>
+    <Metadata
+      title="Page d'Accueil - Mon Application"
+      description="Bienvenue sur notre application révolutionnaire"
+      keywords={['accueil', 'application', 'révolutionnaire']}
+      author="INICODE Team"
+    />
+    <h1>Bienvenue !</h1>
+  </>
+);
+
+const AboutPage = () => (
+  <>
+    <Metadata
+      title="À Propos - Mon Application"
+      description="Découvrez notre histoire et notre équipe"
+      keywords={['à propos', 'équipe', 'histoire']}
+      author="INICODE Team"
+    />
+    <h1>À Propos</h1>
+  </>
+);
+
+const App = () => {
+  return (
+    <BrowserRouter>
+      <Routes>
+        <Route path="/" element={<HomePage />} />
+        <Route path="/about" element={<AboutPage />} />
+      </Routes>
+    </BrowserRouter>
+  );
+};
+
+export default App;
+```
+
+### Utilisation avec le hook impératif
+
+```typescript
+// ProductPage.tsx
+import React, { useEffect } from 'react';
+import { useMetaActions } from '@arc-js/meta/hooks';
+
+const ProductPage = ({ product }) => {
+  const { setHeader } = useMetaActions();
+
+  useEffect(() => {
+    setHeader({
+      title: `\${product.name} - Boutique en ligne`,
+      description: product.description,
+      keywords: ['produit', product.category, 'achat'],
+      author: 'INICODE Shop',
+    });
+  }, [product]);
+
+  return (
+    <div>
+      <h1>{product.name}</h1>
+      <p>{product.description}</p>
+    </div>
+  );
+};
+
+export default ProductPage;
+```
+
+## 📚 Documentation API
+
+### Composant `Metadata`
+
+```typescript
+import Metadata from '@arc-js/meta/components';
+
+// Props disponibles
+interface ParamsMetadata {
+  title?: string;        // Titre de la page (<title>)
+  description?: string;  // Meta description
+  keywords?: string[];   // Mots-clés (seront joints par ', ')
+  author?: string;       // Auteur de la page
+  // ... autres métadonnées supportées
+}
+
+// Utilisation
+<Metadata
+  title="Mon Titre"
+  description="Ma description"
+  keywords={['mot1', 'mot2']}
+  author="John Doe"
+/>
+```
+
+### Hook `useMetaActions`
+
+```typescript
+import { useMetaActions } from '@arc-js/meta/hooks';
+
+const MyComponent = () => {
+  const { setHeader } = useMetaActions();
+  
+  // Configuration possible
+  interface ConfigSetHeader {
+    title?: string;
+    description?: string;
+    keywords?: string[];
+    author?: string;
+    subject?: string;
+    language?: string;
+    // ... toutes les métadonnées HTML standard
+  }
+  
+  // Exemple d'utilisation
+  const updateMetadata = () => {
+    setHeader({
+      title: 'Nouveau Titre',
+      description: 'Nouvelle description',
+      keywords: ['react', 'metadata'],
+      author: 'INICODE',
+      language: 'fr-FR'
+    });
+  };
+  
+  return (
+    <button onClick={updateMetadata}>
+      Mettre à jour les métadonnées
+    </button>
+  );
+};
+```
+
+## 🔧 Utilisation Avancée
+
+### Métadonnées personnalisées
+
+```typescript
+// Le système supporte de nombreuses métadonnées HTML
+setHeader({
+  title: 'Titre de la page',
+  description: 'Description pour les moteurs de recherche',
+  keywords: ['technologie', 'react', 'typescript'],
+  author: 'Équipe de développement',
+  subject: 'Développement Web',
+  copyright: '© 2024 INICODE',
+  language: 'fr-FR',
+  abstract: 'Résumé de la page',
+  topic: 'Programmation',
+  summary: 'Sommaire du contenu',
+  designer: 'Jean Dupont',
+  'reply-to': 'contact@example.com',
+  owner: 'INICODE SAS',
+  url: 'https://example.com',
+  'identifier-URL': 'https://example.com/page-id'
+});
+```
+
+### Intégration avec React Router
+
+```typescript
+// routes/MetaRoute.tsx
+import { useEffect } from 'react';
+import { useMetaActions } from '@arc-js/meta/hooks';
+
+interface MetaRouteProps {
+  children: React.ReactNode;
+  title?: string;
+  description?: string;
+  keywords?: string[];
+}
+
+const MetaRoute = ({ children, title, description, keywords }: MetaRouteProps) => {
+  const { setHeader } = useMetaActions();
+  
+  useEffect(() => {
+    if (title || description || keywords) {
+      setHeader({
+        title,
+        description,
+        keywords,
+      });
+    }
+  }, [title, description, keywords]);
+  
+  return <>{children}</>;
+};
+
+// Utilisation dans votre router
+<Route
+  path="/products/:id"
+  element={
+    <MetaRoute
+      title="Détails du Produit"
+      description="Consultez les détails complets de notre produit"
+      keywords={['produit', 'détails', 'spécifications']}
+    >
+      <ProductDetails />
+    </MetaRoute>
+  }
+/>
+```
+
+### Gestion des métadonnées HTTP-EQUIV
+
+```typescript
+// Le système met automatiquement à jour certaines métadonnées HTTP-EQUIV
+// Par défaut : Content-Type: text/html; charset=UTF-8
+// Extension possible pour supporter d'autres en-têtes
+
+// Exemple d'extension personnalisée
+const setCustomHttpEquiv = () => {
+  // Le système peut être étendu pour gérer d'autres en-têtes
+  // comme refresh, content-security-policy, etc.
+};
+```
+
+## 🎯 Exemples Complets
+
+### Exemple 1 : Blog avec métadonnées dynamiques
+
+```typescript
+// BlogPost.tsx
+import React, { useEffect } from 'react';
+import { useParams } from 'react-router-dom';
+import { useMetaActions } from '@arc-js/meta/hooks';
+import { blogPosts } from '../data/blogPosts';
+
+const BlogPost = () => {
+  const { id } = useParams();
+  const { setHeader } = useMetaActions();
+  const post = blogPosts.find(p => p.id === id);
+
+  useEffect(() => {
+    if (post) {
+      setHeader({
+        title: `\${post.title} - Mon Blog`,
+        description: post.excerpt,
+        keywords: [...post.tags, 'blog', 'article'],
+        author: post.author,
+        subject: post.category,
+      });
+    }
+  }, [post]);
+
+  if (!post) return <div>Article non trouvé</div>;
+
+  return (
+    <article>
+      <h1>{post.title}</h1>
+      <div>Par {post.author} • {post.date}</div>
+      <div>{post.content}</div>
+    </article>
+  );
+};
+```
+
+### Exemple 2 : E-commerce avec métadonnées SEO
+
+```typescript
+// CategoryPage.tsx
+import React, { useEffect } from 'react';
+import { useSearchParams } from 'react-router-dom';
+import { useMetaActions } from '@arc-js/meta/hooks';
+import ProductGrid from '../components/ProductGrid';
+import { getCategoryInfo } from '../api/categories';
+
+const CategoryPage = () => {
+  const [searchParams] = useSearchParams();
+  const categoryId = searchParams.get('category');
+  const { setHeader } = useMetaActions();
+  const [category, setCategory] = React.useState(null);
+
+  useEffect(() => {
+    const loadCategory = async () => {
+      const data = await getCategoryInfo(categoryId);
+      setCategory(data);
+      
+      // Mettre à jour les métadonnées
+      setHeader({
+        title: `\${data.name} - Boutique en ligne`,
+        description: `Découvrez notre sélection de \${data.name.toLowerCase()}. \${data.description}`,
+        keywords: [data.name, 'achat', 'boutique', ...data.keywords],
+        author: 'INICODE E-commerce',
+      });
+    };
+    
+    if (categoryId) {
+      loadCategory();
+    }
+  }, [categoryId]);
+
+  return (
+    <div>
+      {category && (
+        <>
+          <h1>{category.name}</h1>
+          <p>{category.description}</p>
+          <ProductGrid categoryId={categoryId} />
+        </>
+      )}
+    </div>
+  );
+};
+```
+
+### Exemple 3 : Application multi-langues
+
+```typescript
+// LocalizedPage.tsx
+import React, { useEffect } from 'react';
+import { useTranslation } from '@arc-js/intl'; // Intégration avec @arc-js/intl
+import { useMetaActions } from '@arc-js/meta/hooks';
+
+const LocalizedPage = () => {
+  const { t, currentLocale } = useTranslation();
+  const { setHeader } = useMetaActions();
+
+  useEffect(() => {
+    // Utiliser les traductions pour les métadonnées
+    setHeader({
+      title: t('page.title'),
+      description: t('page.description'),
+      keywords: t('page.keywords', { returnObjects: true }),
+      author: t('common.author'),
+      language: currentLocale,
+    });
+  }, [currentLocale, t]);
+
+  return (
+    <div>
+      <h1>{t('page.title')}</h1>
+      <p>{t('page.content')}</p>
+    </div>
+  );
+};
+```
+
+## 🔧 Configuration
+
+### Variables d'environnement
+
+```bash
+# .env
+VITE_APP_TITLE="Mon Application"
+VITE_DEFAULT_AUTHOR="Équipe de développement"
+```
+
+### Configuration TypeScript
+
+```json
+{
+  "compilerOptions": {
+    "target": "ES2020",
+    "lib": ["DOM", "DOM.Iterable", "ES2020"],
+    "module": "ESNext",
+    "moduleResolution": "bundler",
+    "strict": true,
+    "types": ["vite/client"]
+  }
+}
+```
+
+## 🛡️ Gestion des Erreurs
+
+### Fallback automatique
+
+```typescript
+// En cas d'erreur, le système utilise des valeurs par défaut
+const ErrorExample = () => {
+  const { setHeader } = useMetaActions();
+  
+  const trySetHeader = () => {
+    try {
+      setHeader({
+        title: undefined, // Sera ignoré
+        description: 'Description valide',
+      });
+    } catch (error) {
+      // En mode debug, les erreurs sont loggées
+      if (import.meta.env.MODE === 'debug') {
+        console.error('Erreur de métadonnées:', error);
+      }
+      
+      // Fallback au titre de l'application
+      setHeader({
+        title: import.meta.env.VITE_APP_TITLE,
+      });
+    }
+  };
+  
+  return <button onClick={trySetHeader}>Tester</button>;
+};
+```
+
+### Validation des métadonnées
+
+```typescript
+// Fonction utilitaire de validation
+const validateMetadata = (metadata: any) => {
+  const errors: string[] = [];
+  
+  if (metadata.title && metadata.title.length > 60) {
+    errors.push('Le titre ne doit pas dépasser 60 caractères pour le SEO');
+  }
+  
+  if (metadata.description && metadata.description.length > 160) {
+    errors.push('La description ne doit pas dépasser 160 caractères pour le SEO');
+  }
+  
+  if (metadata.keywords && metadata.keywords.length > 10) {
+    errors.push('Il est recommandé de ne pas dépasser 10 mots-clés');
+  }
+  
+  return errors;
+};
+
+// Utilisation
+const setValidatedHeader = (config: any) => {
+  const errors = validateMetadata(config);
+  
+  if (errors.length > 0) {
+    console.warn('Avertissements SEO:', errors);
+  }
+  
+  setHeader(config);
+};
+```
+
+## 📋 Table des Métadonnées Supportées
+
+### Métadonnées standard
+
+| Nom | Description | Exemple |
+|-----|-------------|---------|
+| `title` | Titre de la page (balise `<title>`) | `Page d'Accueil` |
+| `description` | Description pour le SEO | `Bienvenue sur notre site...` |
+| `keywords` | Mots-clés pour le SEO | `['react', 'typescript', 'vite']` |
+| `author` | Auteur de la page | `INICODE Team` |
+| `subject` | Sujet de la page | `Technologie` |
+| `language` | Langue de la page | `fr-FR` |
+| `copyright` | Droits d'auteur | `© 2024` |
+| `abstract` | Résumé | `Résumé du contenu...` |
+| `topic` | Thème principal | `Développement Web` |
+| `summary` | Sommaire | `Sommaire détaillé...` |
+
+### Métadonnées HTTP-EQUIV
+
+| Nom | Description | Valeur par défaut |
+|-----|-------------|-------------------|
+| `Content-Type` | Type de contenu et encodage | `text/html; charset=UTF-8` |
+
+## 🔧 Build et Développement
+
+### Scripts recommandés
+
+```json
+{
+  "scripts": {
+    "dev": "vite",
+    "build": "tsc && vite build",
+    "preview": "vite preview",
+    "type-check": "tsc --noEmit"
+  }
+}
+```
+
+### Structure de projet recommandée
+
+```
+src/
+├── components/
+│   ├── MetadataWrapper.tsx  # Wrapper personnalisé
+│   └── SeoManager.tsx       # Gestionnaire SEO avancé
+├── hooks/
+│   └── useMetadata.ts       # Hook personnalisé étendu
+├── utils/
+│   └── metadata-validator.ts # Validateur de métadonnées
+└── main.tsx
+```
+
+## 📄 Licence
+
+MIT License - Voir le fichier [LICENSE](LICENSE) pour plus de détails.
+
+## 🐛 Signaler un Bug
+
+Envoyez-nous un mail à l'adresse `contact.inicode@gmail.com` pour :
+- Signaler un bug
+- Proposer une amélioration
+- Poser une question sur l'utilisation
+- Demander une nouvelle fonctionnalité
+
+---
+
+**@arc-js/meta** - La solution simple et efficace pour gérer les métadonnées dans React.
+
+*Développé par l'équipe INICODE*

package/components.jsx

@@ -0,0 +1,33 @@
+import { useEffect } from 'react';
+import { setHeader } from './utils';
+import { useConfig } from '@arc-js/config-manager';
+import { useTranslation } from '@arc-js/intl/hooks/useTranslation';
+import React from "react"
+
+
+function Metadata(params) {
+  const {
+    isLoading
+  } = useConfig();
+  const {
+    currentLocale
+  } = useTranslation();
+  useEffect(() => {
+    setHeader({
+      title: params.title,
+      description: params.description,
+      keywords: params.keywords,
+      author: params.author
+    });
+  }, []);
+  useEffect(() => {
+    setHeader({
+      title: params.title,
+      description: params.description,
+      keywords: params.keywords,
+      author: params.author
+    });
+  }, [isLoading, currentLocale]);
+  return React.createElement(React.Fragment, null);
+}
+export default Metadata;

package/components.tsx

@@ -0,0 +1,41 @@
+
+import { useEffect } from 'react';
+import { setHeader } from './utils';
+import { useConfig } from '@arc-js/config-manager';
+import { useTranslation } from '@arc-js/intl/hooks/useTranslation';
+
+
+
+interface ParamsMetadata {
+    title?: string;
+    description?: string;
+    keywords?: string[];
+    author?: string;
+};
+
+
+function Metadata(params: ParamsMetadata) {
+    const { isLoading } = useConfig();
+    const { currentLocale } = useTranslation();
+
+    useEffect(() => {
+        setHeader({
+          title: params.title,
+          description: params.description,
+          keywords: params.keywords,
+          author: params.author,
+        });
+    }, []);
+    useEffect(() => {
+        setHeader({
+          title: params.title,
+          description: params.description,
+          keywords: params.keywords,
+          author: params.author,
+        });
+    }, [ isLoading, currentLocale ]);
+
+    return (<></>);
+}
+
+export default Metadata;

package/hooks.jsx

@@ -0,0 +1,27 @@
+
+import React from "react";
+import * as utils from './utils';
+
+export const useMetaActions = () => {
+  const setHeader = config => {
+    const AppName = 'APP';
+    try {
+      const headerConf = {
+        title: config.title,
+        description: config.description,
+        keywords: config.keywords,
+        author: config.author
+      };
+      utils.setHeader(headerConf);
+      return headerConf;
+    } catch (error) {
+      console.log(error);
+      return {
+        title: AppName
+      };
+    }
+  };
+  return {
+    setHeader
+  };
+};

package/hooks.tsx

@@ -0,0 +1,51 @@
+
+import * as utils from './utils';
+
+
+
+interface ConfigSetHeader {
+    title?: string;
+    description?: string;
+    keywords?: string[];
+    author?: string;
+}
+
+interface ResultSetHeader {
+    title?: string;
+    description?: string;
+    keywords?: string[];
+    author?: string;
+}
+
+interface MetaActionReturns {
+    setHeader: (config: ConfigSetHeader) => void;
+}
+
+
+export const useMetaActions = () => {
+    
+    const setHeader = (config: ConfigSetHeader) => {
+        const AppName: string = 'APP';
+        try {
+            const headerConf = {
+                title: config.title,
+                description: config.description,
+                keywords: config.keywords,
+                author: config.author,
+            };
+            utils.setHeader(headerConf);
+
+            return headerConf as ResultSetHeader;
+        } catch (error) {
+            console.log(error);
+
+            return {
+                title: AppName,
+            } as ResultSetHeader;
+        }
+    };
+
+    return {
+        setHeader,
+    } as MetaActionReturns;
+}

package/package.json

@@ -0,0 +1,27 @@
+{
+  "name": "@arc-js/meta",
+  "publishConfig": {
+    "access": "public"
+  },
+  "version": "0.0.1",
+  "description": "META est une bibliothèque React/TypeScript/Javascript légère et performante pour la gestion dynamique des métadonnées HTML (title, description, keywords, author, etc.) dans les applications SPA. Elle permet de mettre à jour les métadonnées de la page de manière déclarative et impérative, avec un support complet de TypeScript, Javascript.",
+  "main": "index.js",
+  "keywords": [],
+  "author": "INICODE <contact.inicode@gmail.com>",
+  "license": "MIT",
+  "scripts": {
+    "init": "npm init --scope=@arc-js/meta",
+    "login": "npm login"
+  },
+  "devDependencies": {
+    "@vitejs/plugin-react": "^4.3.4",
+    "vite": "^6.4.1"
+  },
+  "dependencies": {
+    "react-router-dom": "^7.11.0",
+    "react": "^19.2.3",
+    "react-dom": "^19.2.3",
+    "@arc-js/intl": "^0.0.7",
+    "@arc-js/config-manager": "^0.0.2"
+  }
+}

package/tsconfig.json

@@ -0,0 +1,27 @@
+{
+    "compilerOptions": {
+        "target": "ES2020",
+        "useDefineForClassFields": true,
+        "lib": ["ES2020", "DOM", "DOM.Iterable", "ESNext"],
+        "module": "ESNext",
+        "skipLibCheck": true,
+
+        "moduleResolution": "bundler",
+        "allowImportingTsExtensions": true,
+        "isolatedModules": true,
+        "moduleDetection": "force",
+        "noEmit": true,
+        "jsx": "react-jsx",
+
+        "strict": true,
+        "noUnusedLocals": true,
+        "noUnusedParameters": true,
+        "noFallthroughCasesInSwitch": true,
+        "noUncheckedSideEffectImports": true
+    },
+    "include": ["src/**/*"],
+    "exclude": [
+        "node_modules",
+        "**/*.d.ts"
+    ]
+}

package/utils.d.ts

@@ -0,0 +1,8 @@
+declare function setHeader(header: {
+    title?: string;
+    description?: string;
+    keywords?: string[];
+    author?: string;
+}): void;
+
+export { setHeader };

package/utils.js

@@ -0,0 +1,79 @@
+function setHeader(header) {
+    const allHeader = (typeof header === 'object' &&
+        Array.isArray(header) == false) ? header : {};
+    const datas = {
+        title: (typeof (allHeader === null || allHeader === void 0 ? void 0 : allHeader.title) === 'string' && (allHeader === null || allHeader === void 0 ? void 0 : allHeader.title.length) > 0 ? `${allHeader === null || allHeader === void 0 ? void 0 : allHeader.title}` : undefined),
+    };
+    const metadatas = {
+        author: allHeader === null || allHeader === void 0 ? void 0 : allHeader.author,
+        description: ((typeof (allHeader === null || allHeader === void 0 ? void 0 : allHeader.description) === 'string' &&
+            (allHeader === null || allHeader === void 0 ? void 0 : allHeader.description.length) > 0) ? allHeader === null || allHeader === void 0 ? void 0 : allHeader.description : undefined),
+        keywords: ((typeof allHeader.keywords == 'object' &&
+            Array.isArray(allHeader.keywords) == true &&
+            allHeader.keywords.length > 0) ? allHeader.keywords.join(', ') : undefined),
+        subject: ((typeof (allHeader === null || allHeader === void 0 ? void 0 : allHeader.subject) === 'string' &&
+            (allHeader === null || allHeader === void 0 ? void 0 : allHeader.subject.length) > 0) ? allHeader === null || allHeader === void 0 ? void 0 : allHeader.subject : undefined),
+        copyright: ((typeof (allHeader === null || allHeader === void 0 ? void 0 : allHeader.copyright) === 'string' &&
+            (allHeader === null || allHeader === void 0 ? void 0 : allHeader.copyright.length) > 0) ? allHeader === null || allHeader === void 0 ? void 0 : allHeader.copyright : undefined),
+        language: ((typeof (allHeader === null || allHeader === void 0 ? void 0 : allHeader.language) === 'string' &&
+            (allHeader === null || allHeader === void 0 ? void 0 : allHeader.language.length) > 0) ? allHeader === null || allHeader === void 0 ? void 0 : allHeader.language : undefined),
+        abstract: ((typeof (allHeader === null || allHeader === void 0 ? void 0 : allHeader.abstract) === 'string' &&
+            (allHeader === null || allHeader === void 0 ? void 0 : allHeader.abstract.length) > 0) ? allHeader === null || allHeader === void 0 ? void 0 : allHeader.abstract : undefined),
+        topic: ((typeof (allHeader === null || allHeader === void 0 ? void 0 : allHeader.topic) === 'string' &&
+            (allHeader === null || allHeader === void 0 ? void 0 : allHeader.topic.length) > 0) ? allHeader === null || allHeader === void 0 ? void 0 : allHeader.topic : undefined),
+        summary: ((typeof (allHeader === null || allHeader === void 0 ? void 0 : allHeader.summary) === 'string' &&
+            (allHeader === null || allHeader === void 0 ? void 0 : allHeader.summary.length) > 0) ? allHeader === null || allHeader === void 0 ? void 0 : allHeader.summary : undefined),
+        Classification: ((typeof (allHeader === null || allHeader === void 0 ? void 0 : allHeader.Classification) === 'string' &&
+            (allHeader === null || allHeader === void 0 ? void 0 : allHeader.Classification.length) > 0) ? allHeader === null || allHeader === void 0 ? void 0 : allHeader.Classification : undefined),
+        designer: ((typeof (allHeader === null || allHeader === void 0 ? void 0 : allHeader.designer) === 'string' &&
+            (allHeader === null || allHeader === void 0 ? void 0 : allHeader.designer.length) > 0) ? allHeader === null || allHeader === void 0 ? void 0 : allHeader.designer : undefined),
+        'reply-to': ((typeof allHeader['reply-to'] === 'string' &&
+            allHeader['reply-to'].length > 0) ? allHeader['reply-to'] : undefined),
+        owner: ((typeof (allHeader === null || allHeader === void 0 ? void 0 : allHeader.owner) === 'string' &&
+            (allHeader === null || allHeader === void 0 ? void 0 : allHeader.owner.length) > 0) ? allHeader === null || allHeader === void 0 ? void 0 : allHeader.owner : undefined),
+        url: ((typeof (allHeader === null || allHeader === void 0 ? void 0 : allHeader.url) === 'string' &&
+            (allHeader === null || allHeader === void 0 ? void 0 : allHeader.url.length) > 0) ? allHeader === null || allHeader === void 0 ? void 0 : allHeader.url : undefined),
+        'identifier-URL': ((typeof allHeader['identifier-URL'] === 'string' &&
+            allHeader['identifier-URL'].length > 0) ? allHeader['identifier-URL'] : undefined),
+    };
+    const metadataHttpEquiv = {
+        'Content-Type': 'text/html; charset=UTF-8',
+    };
+    if (!!datas.title) {
+        document.title = datas.title;
+    }
+    Object.keys(metadatas).map((key) => {
+        var _a;
+        const metadata = metadatas[key];
+        if (!!metadata) {
+            let selector = document.querySelector(`meta[name="${key}"]`);
+            if (!selector) {
+                const newElement = document.createElement("meta");
+                newElement.setAttribute("name", key);
+                (_a = document.querySelector('head')) === null || _a === void 0 ? void 0 : _a.appendChild(newElement);
+            }
+            selector = document.querySelector(`meta[name="${key}"]`);
+            if (selector) {
+                selector === null || selector === void 0 ? void 0 : selector.setAttribute("content", metadata);
+            }
+        }
+    });
+    Object.keys(metadataHttpEquiv).map((key) => {
+        var _a;
+        const metadata = metadataHttpEquiv[key];
+        if (!!metadata) {
+            let selector = document.querySelector(`meta[http-equiv="${key}"]`);
+            if (!selector) {
+                const newElement = document.createElement("meta");
+                newElement.setAttribute("http-equiv", key);
+                (_a = document.querySelector('head')) === null || _a === void 0 ? void 0 : _a.appendChild(newElement);
+            }
+            selector = document.querySelector(`meta[http-equiv="${key}"]`);
+            if (selector) {
+                selector === null || selector === void 0 ? void 0 : selector.setAttribute("content", metadata);
+            }
+        }
+    });
+}
+
+export { setHeader };

package/utils.min.js

@@ -0,0 +1,2 @@
+function setHeader(t){var t="object"==typeof t&&0==Array.isArray(t)?t:{},e={title:"string"==typeof(null==t?void 0:t.title)&&0<(null==t?void 0:t.title.length)?""+(null==t?void 0:t.title):void 0};let o={author:null==t?void 0:t.author,description:!("string"==typeof(null==t?void 0:t.description)&&0<(null==t?void 0:t.description.length))||null==t?void 0:t.description,keywords:"object"==typeof t.keywords&&1==Array.isArray(t.keywords)&&0<t.keywords.length?t.keywords.join(", "):void 0,subject:!("string"==typeof(null==t?void 0:t.subject)&&0<(null==t?void 0:t.subject.length))||null==t?void 0:t.subject,copyright:!("string"==typeof(null==t?void 0:t.copyright)&&0<(null==t?void 0:t.copyright.length))||null==t?void 0:t.copyright,language:!("string"==typeof(null==t?void 0:t.language)&&0<(null==t?void 0:t.language.length))||null==t?void 0:t.language,abstract:!("string"==typeof(null==t?void 0:t.abstract)&&0<(null==t?void 0:t.abstract.length))||null==t?void 0:t.abstract,topic:!("string"==typeof(null==t?void 0:t.topic)&&0<(null==t?void 0:t.topic.length))||null==t?void 0:t.topic,summary:!("string"==typeof(null==t?void 0:t.summary)&&0<(null==t?void 0:t.summary.length))||null==t?void 0:t.summary,Classification:!("string"==typeof(null==t?void 0:t.Classification)&&0<(null==t?void 0:t.Classification.length))||null==t?void 0:t.Classification,designer:!("string"==typeof(null==t?void 0:t.designer)&&0<(null==t?void 0:t.designer.length))||null==t?void 0:t.designer,"reply-to":"string"==typeof t["reply-to"]&&0<t["reply-to"].length?t["reply-to"]:void 0,owner:!("string"==typeof(null==t?void 0:t.owner)&&0<(null==t?void 0:t.owner.length))||null==t?void 0:t.owner,url:!("string"==typeof(null==t?void 0:t.url)&&0<(null==t?void 0:t.url.length))||null==t?void 0:t.url,"identifier-URL":"string"==typeof t["identifier-URL"]&&0<t["identifier-URL"].length?t["identifier-URL"]:void 0},r={"Content-Type":"text/html; charset=UTF-8"};e.title&&(document.title=e.title),Object.keys(o).map(t=>{var e,l,i,n=o[t];n&&((l=document.querySelector(`meta[name="${t}"]`))||((i=document.createElement("meta")).setAttribute("name",t),null!=(e=document.querySelector("head"))&&e.appendChild(i)),l=document.querySelector(`meta[name="${t}"]`))&&null!=l&&l.setAttribute("content",n)}),Object.keys(r).map(t=>{var e,l,i,n=r[t];n&&((l=document.querySelector(`meta[http-equiv="${t}"]`))||((i=document.createElement("meta")).setAttribute("http-equiv",t),null!=(e=document.querySelector("head"))&&e.appendChild(i)),l=document.querySelector(`meta[http-equiv="${t}"]`))&&null!=l&&l.setAttribute("content",n)})}export{setHeader};
+//# sourceMappingURL=utils.min.js.map