@jahia/create-module 0.5.3 → 0.5.4

package/index.js

@@ -1,158 +1,96 @@
 #!/usr/bin/env node
+import fs from "node:fs";
+import path from "node:path";
+import process from "node:process";
+import { fileURLToPath } from "node:url";
+import camelCase from "camelcase";
+import { styleText } from "node:util";
 
-// Usage: npx @jahia/create-module@latest module-name [namespace]
+try {
+  console.log(styleText("bgBlueBright", " Jahia JavaScript Module Creator "), "\n");
 
-import fs from "fs";
-import path from "path";
-import { fileURLToPath } from "url";
-import { replaceInFileSync } from "replace-in-file";
-import camelCase from "camelcase";
+  const nodeVersion = Number(process.versions.node.split(".")[0]);
 
-const __filename = fileURLToPath(import.meta.url);
-const __dirname = path.dirname(__filename);
-
-// Show help if no argument is provided
-const [
-  ,
-  ,
-  projectName,
-  moduleType = "module",
-  namespace = camelCase(projectName || ""),
-] = process.argv;
-
-if (!projectName) {
-  console.log(`\x1B[1m## Usage\x1B[0m
-
-    npx @jahia/create-module@latest project-name [module-type] [namespace-definitions]
-
-where 
-- \x1B[1mproject-name\x1B[0m (mandatory) can be anything you want to call your project
-- \x1B[1mmodule-type\x1B[0m (optional) Can be one of:
-  - \x1B[3mtemplatesSet\x1B[0m A collection of templates and components. A template set is required when creating a website.
-  - \x1B[3mmodule\x1B[0m sStandard Jahia module. This is the default value. 
-  - \x1B[3msystem\x1B[0m Critical module for the whole platform . 
-- \x1B[1mnamespace-definitions\x1B[0m (optional) The namespace used for content definitions. Default is the project name in camel case.
-`);
-  process.exit(9);
-}
+  if (nodeVersion < 22) {
+    console.warn(
+      `You are using ${styleText("redBright", `Node.js ${process.versions.node}`)} which is not officially supported.
+Please upgrade to ${styleText("greenBright", "Node.js 22 or later")} if you encounter any issues.
+Upgrade guide: ${styleText("underline", "https://nodejs.org/en/download")}
+`,
+    );
+  }
 
-// First let's do some version checks
-console.log("Node version detected:", process.versions.node);
-
-// Create a project directory with the project name.
-const currentDir = process.cwd();
-const projectDir = path.resolve(currentDir, projectName);
-fs.mkdirSync(projectDir, { recursive: true });
-
-console.log(
-  `Creating a new Jahia module project \x1B[1m${projectName}\x1B[0m of type \x1B[1m${moduleType}\x1B[0m and definitions namespace \x1B[1m${namespace}\x1B[0m`,
-);
-
-// A common approach to building a starter template is to
-// create a `template` folder which will house the template
-// and the files we want to create.
-const templateDir = path.resolve(__dirname, "template");
-const isTemplatesSet = moduleType === "templatesSet";
-fs.cpSync(templateDir, projectDir, {
-  recursive: true,
-  filter: (src) => {
-    // The file template-thumbnail.png is only used for the type templatesSet
-    return isTemplatesSet || src !== path.join(templateDir, "settings", "template-thumbnail.png");
-  },
-});
-
-// Find and replace all markers with the appropriate substitution values
-// Doing it before renaming the dotfiles so they are not excluded
-const targetFiles = `${projectDir}/**`;
+  const name = process.argv[2];
 
-try {
-  replaceInFileSync({
-    files: targetFiles,
-    from: /\$\$MODULE_TYPE\$\$/g,
-    to: moduleType,
-  });
-
-  replaceInFileSync({
-    files: targetFiles,
-    from: /\$\$MODULE_NAME\$\$/g,
-    to: projectName,
-  });
-
-  replaceInFileSync({
-    files: targetFiles,
-    from: /\$\$MODULE_NAMESPACE\$\$/g,
-    to: namespace,
-  });
+  if (!name) {
+    console.error(
+      `No module name provided.
+
+  Usage: npm init @jahia/module ${styleText("blueBright", "<module-name>")}
+
+It will create a new module at this location with the provided name:
+
+  ${path.join(process.cwd(), styleText("blueBright", "<module-name>"))}`,
+    );
+    process.exit(1);
+  }
+
+  // Module name and output directory
+  const module = camelCase(name);
+  const output = path.join(process.cwd(), name);
+
+  console.log(`Creating a new Jahia module project...
+
+  Module name: ${styleText("blueBright", module)}
+  Path:        ${styleText("blueBright", output)}
+`);
+
+  /** Renames the `dot` directory to dotfiles and dotdirs. */
+  const renameDot = (/** @type {string} */ name) =>
+    name.startsWith(`dot${path.sep}`) ? `.${name.slice(4)}` : name;
+
+  /** Replaces `$MODULE` with the actual module name. */
+  const templatify = (/** @type {string} */ str) => str.replaceAll("$MODULE", module);
+
+  // Copy the template to the output directory
+  const input = fileURLToPath(new URL("template/", import.meta.url));
+  for (const entry of fs.readdirSync(input, { recursive: true, withFileTypes: true })) {
+    if (entry.isDirectory()) continue;
+
+    const from = path.join(entry.parentPath, entry.name);
+    const to = path.join(output, templatify(renameDot(path.relative(input, from))));
+
+    // Ensure the parent directory exists
+    fs.mkdirSync(path.dirname(to), { recursive: true });
+
+    // Binary files are copied as is, text files are templated
+    if (entry.name.endsWith(".png")) {
+      fs.copyFileSync(from, to);
+    } else {
+      const contents = fs.readFileSync(from, "utf-8");
+      fs.writeFileSync(to, templatify(contents));
+    }
+  }
+
+  console.log(`${styleText("greenBright", "Successfully created a new Jahia module project!")}
+
+Next steps:
+  ${styleText("magentaBright", `cd ${name}`)}
+  ${styleText("magentaBright", "yarn")}  ${styleText("dim", "# Install dependencies")}
+  ${styleText("magentaBright", 'git init && git add . && git commit -m "chore: create module"')}  ${styleText(
+    "dim",
+    "# Commit all files",
+  )}
+  ${styleText("magentaBright", "code .")}  ${styleText("dim", "# Open the project in VSCode")}
+  ${styleText("magentaBright", "yarn dev")}  ${styleText("dim", "# Start the development server")}
+`);
 } catch (error) {
-  console.error("Error occurred:", error);
+  console.error(
+    `${styleText("bgRedBright", "Something went wrong")}
+
+If you believe this is a bug, please report it at:
+  ${styleText("underline", "https://github.com/Jahia/javascript-modules/issues")}
+`,
+    error,
+  );
 }
-
-// It is good practice to have dotfiles stored in the
-// template without the dot (so they do not get picked
-// up by the starter template repository). We can rename
-// the dotfiles after we have copied them over to the
-// new project directory.
-fs.renameSync(path.join(projectDir, "dotenv"), path.join(projectDir, ".env"));
-fs.renameSync(path.join(projectDir, "dotgitignore"), path.join(projectDir, ".gitignore"));
-fs.renameSync(path.join(projectDir, "dotprettierignore"), path.join(projectDir, ".prettierignore"));
-fs.renameSync(path.join(projectDir, "dotyarnrc.yml"), path.join(projectDir, ".yarnrc.yml"));
-fs.renameSync(path.join(projectDir, "dotgithub"), path.join(projectDir, ".github"));
-fs.renameSync(path.join(projectDir, "dotidea"), path.join(projectDir, ".idea"));
-fs.renameSync(path.join(projectDir, "dotvscode"), path.join(projectDir, ".vscode"));
-
-// Rename the resource file to use the project name
-fs.renameSync(
-  path.join(projectDir, "settings", "resources", "MODULE_NAME.properties"),
-  path.join(projectDir, "settings", "resources", projectName + ".properties"),
-);
-
-fs.renameSync(
-  path.join(projectDir, "settings", "resources", "MODULE_NAME_fr.properties"),
-  path.join(projectDir, "settings", "resources", projectName + "_fr.properties"),
-);
-
-fs.renameSync(
-  path.join(projectDir, "settings", "content-types-icons", "MODULE_NAMESPACE_simpleContent.png"),
-  path.join(projectDir, "settings", "content-types-icons", namespace + "_simpleContent.png"),
-);
-
-// Create empty directories for static resources and configurations
-fs.mkdirSync(path.join(projectDir, "static", "css"), { recursive: true });
-fs.mkdirSync(path.join(projectDir, "static", "images"), { recursive: true });
-fs.mkdirSync(path.join(projectDir, "static", "javascript"), { recursive: true });
-fs.mkdirSync(path.join(projectDir, "settings", "configurations"), { recursive: true });
-fs.mkdirSync(path.join(projectDir, "settings", "content-editor-forms"), { recursive: true });
-fs.mkdirSync(path.join(projectDir, "settings", "content-editor-forms", "forms"), {
-  recursive: true,
-});
-fs.mkdirSync(path.join(projectDir, "settings", "content-editor-forms", "fieldsets"), {
-  recursive: true,
-});
-
-// Add an empty yarn.lock in case any parent folder is using yarn
-fs.writeFileSync(path.join(projectDir, "yarn.lock"), "", "utf8");
-
-console.log(`Created \x1B[1m${projectName}\x1B[0m at \x1B[1m${projectDir}\x1B[0m`);
-console.log("Success! Your new project is ready.");
-console.log(
-  'You can now change into your project and launch "yarn" to install everything to get started.',
-);
-console.log("---");
-console.log("Available project scripts will then be :");
-console.log("  - yarn build : build the project");
-console.log(
-  "  - yarn deploy : deploy the project. Make sure you have updated the .env file to match your setup if needed.",
-);
-console.log(
-  "  - yarn watch : will build and watch for file modifications, and deploy automatically when changes are detected. Use CTRL+C to stop watching.",
-);
-console.log(
-  "  - yarn lint : use to check that your code follows the recommended syntax guidelines. Append --fix to automatically fix most problems.",
-);
-console.log(
-  "  - yarn test : to test your project. By default only performs yarn lint but you are encouraged to add your own testing system here.",
-);
-console.log("---");
-console.log(
-  "You can also check the documentation available here for more details: https://academy.jahia.com/get-started/developers/templating",
-);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@jahia/create-module",
-  "version": "0.5.3",
+  "version": "0.5.4",
   "keywords": [
     "template"
   ],
@@ -17,31 +17,23 @@
   "author": "Jahia <support@jahia.com>",
   "type": "module",
   "bin": "./index.js",
+  "files": [
+    "template"
+  ],
   "scripts": {
+    "build": "yarn pack --out dist/package.tgz && publint",
     "lint": "yarn run --top-level lint",
-    "test": "node --test",
-    "build": "mkdir -p dist && yarn pack --out dist/package.tgz && publint",
-    "posttest": "yarn lint"
+    "playground-to-template": "rm -rf template && node ./playground-to-template.js",
+    "template-to-playground": "rm -rf playground && create-module playground",
+    "test": "node --test"
   },
   "dependencies": {
-    "camelcase": "^8.0.0",
-    "path": "^0.12.7",
-    "replace-in-file": "^8.2.0",
-    "semver": "^7.5.4",
-    "url": "^0.11.1"
+    "camelcase": "^8.0.0"
   },
   "devDependencies": {
-    "@jahia/eslint-config": "^2.1.2",
-    "@jahia/scripts": "^1.3.7",
-    "eslint": "^8.43.0",
-    "eslint-plugin-jest": "latest",
-    "eslint-plugin-react": "latest",
-    "eslint-plugin-react-hooks": "latest",
-    "publint": "^0.3.6",
-    "tar": "^7.4.3"
+    "publint": "^0.3.6"
   },
   "engines": {
-    "node": ">=18.0.0",
-    "yarn": ">=4.0.0"
+    "node": ">=22.0.0"
   }
 }

package/template/README.md

@@ -1,4 +1,4 @@
-# $$MODULE_NAME$$
+# Jahia Javascript Module
 
 A simple Jahia Javascript module created using the Javascript module starter project template
 

package/template/{dotenv → dot/env}

@@ -1,4 +1,4 @@
 JAHIA_USER=root:root1234
 JAHIA_HOST=http://localhost:8080
 # JAHIA_DOCKER_NAME=jahia-ee-dev
-JAHIA_DEPLOY_METHOD=curl
+JAHIA_DEPLOY_METHOD=curl

package/template/dot/github/workflows/build.yml

@@ -0,0 +1,18 @@
+# Build and upload the package on every push
+name: Build
+
+on: push
+
+jobs:
+  build-and-upload:
+    runs-on: ubuntu-latest
+    steps:
+      - uses: actions/checkout@v4
+      - uses: actions/setup-node@v4
+      - run: corepack enable
+      - run: yarn install
+      - run: yarn build
+      - uses: actions/upload-artifact@v4
+        with:
+          name: package.tgz
+          path: dist/package.tgz

package/template/dot/node-version

@@ -0,0 +1 @@
+v22

package/template/dot/vscode/extensions.json

@@ -0,0 +1,3 @@
+{
+  "recommendations": ["dbaeumer.vscode-eslint", "esbenp.prettier-vscode", "lokalise.i18n-ally"]
+}

package/template/dot/vscode/settings.json

@@ -0,0 +1,8 @@
+{
+  "editor.defaultFormatter": "esbenp.prettier-vscode",
+  "editor.formatOnSave": true,
+  "i18n-ally.extract.keygenStrategy": "random",
+  "i18n-ally.keystyle": "flat",
+  "i18n-ally.localesPaths": ["settings/locales"],
+  "typescript.tsdk": "node_modules/typescript/lib"
+}

package/template/dot/yarnrc.yml

@@ -0,0 +1 @@
+nodeLinker: node-modules

package/template/package.json

@@ -1,12 +1,10 @@
 {
-  "name": "$$MODULE_NAME$$",
-  "version": "0.1.0",
-  "license": "MIT",
+  "name": "$MODULE",
+  "version": "0.0.1",
   "type": "module",
-  "main": "dist/server/index.js",
   "files": [
-    "dist/client/**/*",
-    "dist/server/**/*",
+    "dist",
+    "src/**/*.cnd",
     "settings",
     "static"
   ],
@@ -16,43 +14,45 @@
     "deploy": "jahia-deploy",
     "format": "prettier --write --list-different .",
     "lint": "eslint .",
-    "package": "mkdir -p dist && yarn pack --out dist/package.tgz",
-    "watch": "vite build --watch",
+    "package": "yarn pack --out dist/package.tgz",
+    "dev": "vite build --watch",
+    "watch": "run dev",
     "watch:callback": "run package && run deploy"
   },
+  "dependencies": {
+    "canvas-confetti": "^1.9.3",
+    "clsx": "^2.1.1",
+    "modern-normalize": "^3.0.1"
+  },
   "devDependencies": {
     "@eslint-react/eslint-plugin": "^1.26.2",
     "@eslint/compat": "^1.2.6",
     "@eslint/js": "^9.20.0",
-    "@jahia/javascript-modules-library": "0.x || ^1.0.0",
-    "@jahia/vite-plugin": "^0.5.1",
+    "@jahia/javascript-modules-library": "latest",
+    "@jahia/vite-plugin": "latest",
+    "@types/canvas-confetti": "^1.9.0",
     "@types/react": "^19.0.0",
     "eslint": "^9.20.1",
     "eslint-plugin-cypress": "^4.1.0",
     "globals": "^15.15.0",
     "i18next": "^23.10.1",
     "prettier": "^3.5.1",
-    "prettier-plugin-jsdoc": "^1.3.2",
-    "prettier-plugin-packagejson": "^2.5.8",
     "react-i18next": "^15.4.0",
     "typescript": "^5.7.3",
     "typescript-eslint": "^8.24.0",
+    "typescript-plugin-css-modules": "^5.1.0",
     "vite": "^6.1.0"
   },
-  "packageManager": "yarn@4.3.1",
+  "packageManager": "yarn@4.7.0",
   "engines": {
-    "node": ">=18.0.0",
+    "node": ">=22.0.0",
     "yarn": ">=4.0.0"
   },
   "jahia": {
     "snapshot": true,
     "module-dependencies": "default",
-    "module-type": "$$MODULE_TYPE$$",
-    "module-type-comment": "Use templatesSet in the module type to declare a template set",
+    "module-type": "templatesSet",
     "server": "dist/server/index.js",
-    "static-resources": "/icons,/images,/javascript,/locales"
-  },
-  "dependencies": {
-    "modern-normalize": "^3.0.1"
+    "static-resources": "/dist,/locales,/images,/icons"
   }
 }

package/template/prettier.config.js

@@ -5,5 +5,4 @@
 export default {
   quoteProps: "consistent",
   printWidth: 100,
-  plugins: ["prettier-plugin-jsdoc", "prettier-plugin-packagejson"],
 };

package/template/settings/definitions.cnd

@@ -1,17 +1,12 @@
 <jnt = 'http://www.jahia.org/jahia/nt/1.0'>
 <jmix = 'http://www.jahia.org/jahia/mix/1.0'>
-<$$MODULE_NAMESPACE$$ = 'http://www.acme.org/$$MODULE_NAME$$/nt/1.0'>
-<$$MODULE_NAMESPACE$$mix = 'http://www.acme.org/$$MODULE_NAME$$/mix/1.0'>
+<$MODULE = 'https://example.com/$MODULE/1.0'>
 
 // Defining the content types is similar to defining a data model: once deployed, you cannot change the type of a property.
 // If you need to do changes during the development phase, it is possible to remove the definitions from the tools:
 // http://localhost:8080/cms/login?redirect=/modules/tools/definitionsBrowser.jsp however that will remove content created with this type.
 // Learn more about content types definitions here: https://academy.jahia.com/developer/content-types"
 
-
 // This mixin creates a category to regroup types in the content type selector UI. Apply it to any definition you want
 // to see in this category.
-[$$MODULE_NAMESPACE$$mix:$$MODULE_NAMESPACE$$Components] > jmix:droppableContent, jmix:accessControllableContent mixin
-
-[$$MODULE_NAMESPACE$$:simpleContent] > jnt:content, $$MODULE_NAMESPACE$$mix:$$MODULE_NAMESPACE$$Components
- - title (string) = 'Hello world !' i18n
+[$MODULE:component] > jmix:droppableContent, jmix:accessControllableContent mixin

package/template/settings/import.xml

@@ -1,13 +1,105 @@
 <?xml version="1.0" encoding="UTF-8"?>
-<content xmlns:j="http://www.jahia.org/jahia/1.0" xmlns:jcr="http://www.jcp.org/jcr/1.0">
-    <modules jcr:primaryType="jnt:modules">
-        <$$MODULE_NAME$$>
-            <home j:isHomePage="true" j:templateName="home" jcr:primaryType="jnt:page">
-                <j:translation_en jcr:language="en"
-                              jcr:mixinTypes="mix:title"
-                              jcr:primaryType="jnt:translation"
-                              jcr:title="Home"/>
-            </home>
-        </$$MODULE_NAME$$>
-    </modules>
+<content
+  xmlns:j="http://www.jahia.org/jahia/1.0"
+  xmlns:jcr="http://www.jcp.org/jcr/1.0"
+  >
+  <modules jcr:primaryType="jnt:modules">
+    <$MODULE>
+      <home
+        j:isHomePage="true"
+        j:templateName="basic"
+        jcr:primaryType="jnt:page"
+        >
+        <j:translation_en
+          jcr:language="en"
+          jcr:mixinTypes="mix:title"
+          jcr:primaryType="jnt:translation"
+          jcr:title="Home"
+          />
+        <j:translation_fr
+          jcr:language="fr"
+          jcr:mixinTypes="mix:title"
+          jcr:primaryType="jnt:translation"
+          jcr:title="Accueil"
+          />
+        <main
+          jcr:mixinTypes="jmix:isAreaList"
+          jcr:primaryType="jnt:contentList"
+          >
+          <hello-world jcr:primaryType="$MODULE:HelloWorld">
+            <j:translation_en
+              jcr:language="en"
+              jcr:primaryType="jnt:translation"
+              name="World"
+              />
+            <j:translation_fr
+              jcr:language="fr"
+              jcr:primaryType="jnt:translation"
+              name="le monde"
+              />
+            <read-the-documentation
+              jcr:primaryType="$MODULE:HelloCard"
+              illustration="read"
+              >
+              <j:translation_en
+                jcr:language="en"
+                jcr:primaryType="jnt:translation"
+                title="Read the documentation"
+                />
+              <j:translation_fr
+                jcr:language="fr"
+                jcr:primaryType="jnt:translation"
+                title="Lire la documentation"
+                />
+            </read-the-documentation>
+            <code-a-new-component
+              jcr:primaryType="$MODULE:HelloCard"
+              illustration="code"
+              >
+              <j:translation_en
+                jcr:language="en"
+                jcr:primaryType="jnt:translation"
+                title="Code a new component"
+                />
+              <j:translation_fr
+                jcr:language="fr"
+                jcr:primaryType="jnt:translation"
+                title="Coder un nouveau composant"
+                />
+            </code-a-new-component>
+            <explore-the-interface
+              jcr:primaryType="$MODULE:HelloCard"
+              illustration="interface"
+              >
+              <j:translation_en
+                jcr:language="en"
+                jcr:primaryType="jnt:translation"
+                title="Explore the interface"
+                />
+              <j:translation_fr
+                jcr:language="fr"
+                jcr:primaryType="jnt:translation"
+                title="Explorer l'interface"
+                />
+            </explore-the-interface>
+            <create-content
+              jcr:primaryType="$MODULE:HelloCard"
+              illustration="write"
+              >
+              <j:translation_en
+                jcr:language="en"
+                jcr:primaryType="jnt:translation"
+                title="Create content"
+                />
+              <j:translation_fr
+                jcr:language="fr"
+                jcr:primaryType="jnt:translation"
+                title="Créer du contenu"
+                />
+            </create-content>
+          </hello-world>
+        </main>
+      </home>
+    </$MODULE>
+  </modules>
 </content>

package/template/settings/locales/en.json

@@ -1,5 +1,12 @@
 {
-  "greeting": "Hello !",
-  "welcomeTitle": "Welcome to Jahia !",
-  "homeTitle": "Home Template"
+  "Mbvdf2LrCB5sW9PUFXO48": "Hello <mark>{{name}}</mark>!",
+  "0U2mp51dWjqWXje4x-eUV": "Double-click to edit the name",
+  "7l9zetMbU4cKpL4NxSOtL": "Welcome to Jahia! You successfully created a new JavaScript Module and a Jahia Website built with it. Here are a few things you can do now:",
+  "8S0DVCRSnmQRKF9lZnNGj": "Illustrations by <a>Katerina Limpitsouni</a>",
+  "89D3xFLMZmCAencaqw68C": "Click this button to add a new content node",
+  "hBBhbeE0-a4KS9HVFPsOz": "Hydrated client-side",
+  "AI95bg1EJsr48SR-4f_pl": "Rendered server-side",
+  "OfBsezopuIko8aJ6X3kpw": "Despite being written with React, this page is fully rendered server-side. No JavaScript is sent to the client by default! This does not mean you cannot use client-side code:",
+  "nr31fYHB-RqO06BCl4rYO": "This pattern is named <a>Islands Architecture.</a>",
+  "JI87mYV8J5pAEST4RIUcb": "This page is available in:"
 }

package/template/settings/locales/fr.json

@@ -1,5 +1,12 @@
 {
-  "greeting": "Salut !",
-  "welcomeTitle": "Bienvenue chez Jahia !",
-  "homeTitle": "Template Accueil"
+  "Mbvdf2LrCB5sW9PUFXO48": "Bonjour <mark>{{name}}</mark> !",
+  "0U2mp51dWjqWXje4x-eUV": "Double-cliquez pour changer le nom",
+  "7l9zetMbU4cKpL4NxSOtL": "Bienvenue sur Jahia! Votre module JavaScript a été créé avec succès et avec lui un site Jahia. Voici ce que vous pouvez faire à partir de là :",
+  "8S0DVCRSnmQRKF9lZnNGj": "Illustrations par <a>Katerina Limpitsouni</a>",
+  "89D3xFLMZmCAencaqw68C": "Cliquez ce bouton pour ajouter un nouveau contenu",
+  "AI95bg1EJsr48SR-4f_pl": "Rendu par le serveur",
+  "OfBsezopuIko8aJ6X3kpw": "Bien que cette page soit codée avec React, elle est entièrement rendue par le serveur. Le JavaScript côté client n'est pas nécessaire par défaut ! Vous pouvez tout de même vous en servir quand vous le souhaitez :",
+  "hBBhbeE0-a4KS9HVFPsOz": "Hydraté côté client",
+  "nr31fYHB-RqO06BCl4rYO": "Cela s'appelle la <a>Conception en archipel (en)</a>.",
+  "JI87mYV8J5pAEST4RIUcb": "Cette page est disponible en :"
 }

package/template/settings/resources/$MODULE.properties

@@ -0,0 +1,15 @@
+$MODULE_component=$MODULE - Components
+
+$MODULE_HelloWorld=Hello World
+$MODULE_HelloWorld.name=Name
+
+$MODULE_HelloCard=Hello Card
+$MODULE_HelloCard.title=Title
+$MODULE_HelloCard.illustration=Illustration
+$MODULE_HelloCard.illustration.code=A developer coding
+$MODULE_HelloCard.illustration.coffee=Buying coffee
+$MODULE_HelloCard.illustration.interface=Consulting an interface
+$MODULE_HelloCard.illustration.read=Looking at a bookshelf
+$MODULE_HelloCard.illustration.write=Writing with a typewriter
+
+$MODULE_LanguageSwitcher=Language Switcher

package/template/settings/resources/$MODULE_fr.properties

@@ -0,0 +1,15 @@
+$MODULE_component=$MODULE - Composants
+
+$MODULE_HelloWorld=Bienvenue
+$MODULE_HelloWorld.name=Nom
+
+$MODULE_HelloCard=Carte de bienvenue
+$MODULE_HelloCard.title=Titre
+$MODULE_HelloCard.illustration=Illustration
+$MODULE_HelloCard.illustration.code=Un développeur qui code
+$MODULE_HelloCard.illustration.coffee=Acheter un café
+$MODULE_HelloCard.illustration.interface=Observer une interface
+$MODULE_HelloCard.illustration.read=Consulter une bibliothèque
+$MODULE_HelloCard.illustration.write=Écrire avec une machine à écrire
+
+$MODULE_LanguageSwitcher=Changeur de langue