BACKLOG-23366: Migrate to @jahia/javascript-modules-library (#61)

Migrate from using @jahia/js-server-core to using @jahia/javascript-modules-library NPM package dependency (for the skeleton generated with a npx @jahia/create-module@latest command)

Author: baptistegrimaud

template/package.json

@@ -22,7 +22,7 @@
     "static-resources": "/icons,/images,/javascript,/locales"
   },
   "dependencies": {
-    "@jahia/js-server-core": "^0.0.15",
+    "@jahia/javascript-modules-library": "^0.0.4",
     "graphql": "^16.7.1",
     "i18next": "^23.10.1",
     "react": "^18.2.0",

template/src/server/index.js

@@ -1,6 +1,6 @@
 import * as jahiaTemplates from './templates';
 import * as jahiaViews from './views';
-import {registerJahiaComponents} from '@jahia/js-server-core';
+import {registerJahiaComponents} from '@jahia/javascript-modules-library';
 
 registerJahiaComponents(jahiaTemplates);
 registerJahiaComponents(jahiaViews);

template/src/server/templates/page/PageHome.jsx

@@ -1,5 +1,5 @@
 import React from 'react';
-import {AddResources, Area, defineJahiaComponent, useServerContext, useUrlBuilder} from '@jahia/js-server-core';
+import {AddResources, Area, defineJahiaComponent, useServerContext, useUrlBuilder} from '@jahia/javascript-modules-library';
 import {useTranslation} from 'react-i18next';
 
 export const PageHome = () => {

template/src/server/views/simpleContent/SimpleContentDefault.jsx

@@ -1,5 +1,5 @@
 import React from 'react';
-import {useServerContext, getNodeProps, defineJahiaComponent} from '@jahia/js-server-core';
+import {useServerContext, getNodeProps, defineJahiaComponent} from '@jahia/javascript-modules-library';
 
 export const SimpleContentDefault = () => {
     const {currentNode} = useServerContext();

template/webpack.config.js

@@ -34,7 +34,7 @@ module.exports = (env, argv) => {
     let optimization = isDevelopment ? {} : {
         minimizer: [
             // This is required to make hydration working, as its implementation relies on the class name of the React component.
-            // See InBrowser.jsx in js-server-core for details
+            // See InBrowser.jsx in javascript-modules-library for details
             new TerserPlugin({
                 terserOptions: {
                     // eslint-disable-next-line camelcase
@@ -121,11 +121,11 @@ module.exports = (env, argv) => {
             },
             externals: {
                 // Those libraries are supplied to webpack at runtime (by the npm-module-engine project), and are not packaged in the output bundle
-                '@jahia/js-server-core': 'jsServerCoreLibraryBuilder.getLibrary()',
-                react: 'jsServerCoreLibraryBuilder.getSharedLibrary(\'react\')',
-                'react-i18next': 'jsServerCoreLibraryBuilder.getSharedLibrary(\'react-i18next\')',
-                i18next: 'jsServerCoreLibraryBuilder.getSharedLibrary(\'i18next\')',
-                'styled-jsx/style': 'jsServerCoreLibraryBuilder.getSharedLibrary(\'styled-jsx\')'
+                '@jahia/javascript-modules-library': 'javascriptModulesLibraryBuilder.getLibrary()',
+                react: 'javascriptModulesLibraryBuilder.getSharedLibrary(\'react\')',
+                'react-i18next': 'javascriptModulesLibraryBuilder.getSharedLibrary(\'react-i18next\')',
+                i18next: 'javascriptModulesLibraryBuilder.getSharedLibrary(\'i18next\')',
+                'styled-jsx/style': 'javascriptModulesLibraryBuilder.getSharedLibrary(\'styled-jsx\')'
             },
             resolve: {
                 mainFields: ['module', 'main'],