@lunariajs/core

@lunariajs/core

The @lunariajs/core package contains the base tracking and dashboard generation systems used across its related packages. You should use this package if:

• You need fine-grained control over your dashboard
• You want to build a package over it
• There isn't a framework-specific @lunariajs package for your use-case

Installation

You can install @lunariajs/core using your preferred package manager:

# npm
npm install @lunariajs/core

# pnpm
pnpm add @lunariajs/core

# yarn
yarn add @lunariajs/core

Basic Usage

Start using @lunariajs/core by setting up your own lunaria.config file and adding a script to your package.json file.

The example below contains all of the required options to generate a dashboard tracking the status of both the Portuguese and Spanish translations of a site:

// lunaria.config.ts
import { defineConfig } from '@lunariajs/core';

export default defineConfig({
  // Current repository of your content
  repository: 'https://github.com/me/cool-docs',
  dashboard: {
    // Generated dashboard URL used in meta tags
    url: 'https://tracker.cool-docs.com',
  },
  // Information about the source locale of your content
  defaultLocale: {
    // User-friendly label/name of the language
    label: 'English',
    // BCP-47 tag of the language
    lang: 'en',
    content: {
      // Glob pattern of where your content is
      location: 'content/en/**/*.md',
    },
  },
  // Array of objects of your translated locales.
  locales: [
    {
      label: 'Português',
      lang: 'pt',
      content: {
        location: 'content/pt/**/*.md',
      },
    },
    {
      label: 'Spanish',
      lang: 'es',
      content: {
        location: 'content/es/**/*.md',
      },
    },
  ],
  // Property to find in valid frontmatter files marking if a page should be translated or not
  translatableProperty: 'i18nReady',
});

Now, you need to add a new script to your package.json file to trigger a dashboard build during your website's deploy process, like so:

"scripts": {
    "docs:dev": "vitepress dev .",
    "docs:build": "vitepress build .",
    "docs:preview": "vitepress preview .",
+   "translation-status": "lunaria"
  },

Want other usage examples? Head over to the examples/ directory and inspect the source code for tips & tricks about using @lunariajs/core with other frameworks and environments.