@common-stack/generate-plugin 6.0.8-alpha.8 → 7.0.2-alpha.0

package/{lib/generators/add-frontend/frameworks/antui → src/generators/add-frontend/frameworks/antui/src}/entry.server.tsx.template

@@ -27,10 +27,14 @@ import Backend from 'i18next-fs-backend';
 import { resolve } from 'node:path';
 // @ts-ignore
 import { i18nextInstance as i18next } from '@app/frontend-stack-react/i18n-localization/i18next.server.js';
+// @ts-ignore
 import config from '@app/cde-webconfig.json';
 // @ts-ignore
 import createEmotionCache from '@app/frontend-stack-react/entries/common/createEmotionCache';
 import type { IAppLoadContext } from '@common-stack/client-core';
+// @ts-ignore
+import publicEnv from '@src/config/public-config';
+import { LocaleContext } from './context';
 
 const ABORT_DELAY = 5_000;
 const antdCache = createAntdCache();
@@ -41,18 +45,23 @@ class ConstantsTransform extends Transform {
     _apolloState: any;
     _reduxState: any;
     _styleSheet: string;
+    _lng: string;
 
-    constructor(fills: string[], apolloState: any, reduxState: any, styleSheet: any) {
+    constructor(fills: string[], apolloState: any, reduxState: any, styleSheet: any, lng: string) {
         super();
         this._fills = fills;
         this._apolloState = apolloState;
         this._reduxState = reduxState;
         this._styleSheet = styleSheet;
+        this._lng = lng;
     }
 
     _transform(chunk, encoding, callback) {
         let transformedChunk = chunk.toString();
 
+        if (transformedChunk.includes('[__ENV__]')) {
+            transformedChunk = transformedChunk.replace('[__ENV__]', JSON.stringify(publicEnv));
+        }
         if (transformedChunk.includes('[__APOLLO_STATE__]')) {
             transformedChunk = transformedChunk.replace(
                 '[__APOLLO_STATE__]',
@@ -71,6 +80,9 @@ class ConstantsTransform extends Transform {
         if (transformedChunk.includes('[__STYLESHEET__]')) {
             transformedChunk = transformedChunk.replace('[__STYLESHEET__]', this._styleSheet);
         }
+        if (transformedChunk.includes('[__LOCALE__]')) {
+            transformedChunk = transformedChunk.replace('[__LOCALE__]', `"${this._lng}"`);
+        }
 
         callback(null, transformedChunk);
     }
@@ -86,32 +98,9 @@ export default async function handleRequest(
     // eslint-disable-next-line @typescript-eslint/no-unused-vars
     loadContext: IAppLoadContext,
 ) {
-    const instance = createInstance();
-    const lng = await i18next.getLocale(request);
-    const ns = i18next.getRouteNamespaces(remixContext);
-
-    // First, we create a new instance of i18next so every request will have a
-    // completely unique instance and not share any state.
-    if (config.i18n.enabled) {
-        await instance
-            .use(initReactI18next) // Tell our instance to use react-i18next
-            .use(Backend) // Setup our backend.init({
-            .init({
-                fallbackLng: config.i18n.fallbackLng,
-                defaultNS: config.i18n.defaultNS,
-                react: config.i18n.react,
-                supportedLngs: config.i18n.supportedLngs,
-                lng, // The locale we detected above
-                ns, // The namespaces the routes about to render want to use
-                backend: {
-                    loadPath: resolve(config.i18n.backend.loadServerPath),
-                },
-            });
-    }
-
     return isbot(request.headers.get('user-agent') || '')
-        ? handleBotRequest(request, responseStatusCode, responseHeaders, remixContext, loadContext, instance)
-        : handleBrowserRequest(request, responseStatusCode, responseHeaders, remixContext, loadContext, instance);
+        ? handleBotRequest(request, responseStatusCode, responseHeaders, remixContext, loadContext)
+        : handleBrowserRequest(request, responseStatusCode, responseHeaders, remixContext, loadContext);
 }
 
 function handleBotRequest(
@@ -120,14 +109,11 @@ function handleBotRequest(
     responseHeaders: Headers,
     remixContext: EntryContext,
     loadContext: IAppLoadContext,
-    i18nInstance: i18next,
 ) {
     return new Promise((resolve, reject) => {
         let shellRendered = false;
         const { pipe, abort } = renderToPipeableStream(
-            <I18nextProvider i18n={i18nInstance}>
-                <RemixServer context={remixContext} url={request.url} abortDelay={ABORT_DELAY} />
-            </I18nextProvider>,
+            <RemixServer context={remixContext} url={request.url} abortDelay={ABORT_DELAY} />,
             {
                 onAllReady() {
                     shellRendered = true;
@@ -164,14 +150,36 @@ function handleBotRequest(
     });
 }
 
-function handleBrowserRequest(
+async function handleBrowserRequest(
     request: Request,
     responseStatusCode: number,
     responseHeaders: Headers,
     remixContext: EntryContext,
     loadContext: IAppLoadContext,
-    i18nInstance: i18next,
 ) {
+    const instance = createInstance();
+    const lng = await i18next.getLocale(request);
+    const ns = i18next.getRouteNamespaces(remixContext);
+
+    // First, we create a new instance of i18next so every request will have a
+    // completely unique instance and not share any state.
+    if (config.i18n.enabled) {
+        await instance
+            .use(initReactI18next) // Tell our instance to use react-i18next
+            .use(Backend) // Setup our backend.init({
+            .init({
+                fallbackLng: config.i18n.fallbackLng,
+                defaultNS: config.i18n.defaultNS,
+                react: config.i18n.react,
+                supportedLngs: config.i18n.supportedLngs,
+                lng, // The locale we detected above
+                ns, // The namespaces the routes about to render want to use
+                backend: {
+                    loadPath: resolve(config.i18n.backend.loadServerPath),
+                },
+            });
+    }
+
     return new Promise((resolve, reject) => {
         let shellRendered = false;
         const slotFillContext = { fills: {} };
@@ -190,24 +198,26 @@ function handleBrowserRequest(
 
         const { pipe, abort } = renderToPipeableStream(
             (
-                <I18nextProvider i18n={i18nInstance}>
-                    <CacheProvider value={cache}>
-                        <StyleProvider cache={antdCache}>
-                            <ReduxProvider store={store}>
-                                <SlotFillProvider context={slotFillContext}>
-                                    <InversifyProvider container={container} modules={clientModules as any}>
-                                        <ApolloProvider client={client}>
-                                            <RemixServer
-                                                context={remixContext}
-                                                url={request.url}
-                                                abortDelay={ABORT_DELAY}
-                                            />
-                                        </ApolloProvider>
-                                    </InversifyProvider>
-                                </SlotFillProvider>
-                            </ReduxProvider>
-                        </StyleProvider>
-                    </CacheProvider>
+                <I18nextProvider i18n={instance}>
+                    <LocaleContext.Provider value={lng}>
+                        <CacheProvider value={cache}>
+                            <StyleProvider cache={antdCache}>
+                                <ReduxProvider store={store}>
+                                    <SlotFillProvider context={slotFillContext}>
+                                        <InversifyProvider container={container} modules={clientModules as any}>
+                                            <ApolloProvider client={client}>
+                                                <RemixServer
+                                                    context={remixContext}
+                                                    url={request.url}
+                                                    abortDelay={ABORT_DELAY}
+                                                />
+                                            </ApolloProvider>
+                                        </InversifyProvider>
+                                    </SlotFillProvider>
+                                </ReduxProvider>
+                            </StyleProvider>
+                        </CacheProvider>
+                    </LocaleContext.Provider>
                 </I18nextProvider>
             ) as any,
             {
@@ -220,7 +230,7 @@ function handleBrowserRequest(
                     const fills = Object.keys(slotFillContext.fills);
                     const styleSheet = extractStyle(antdCache);
 
-                    const transform = new ConstantsTransform(fills, apolloState, reduxState, styleSheet);
+                    const transform = new ConstantsTransform(fills, apolloState, reduxState, styleSheet, lng);
 
                     responseHeaders.set('Content-Type', 'text/html');
 

package/{lib/generators/add-frontend/frameworks/antui → src/generators/add-frontend/frameworks/antui/src}/root.tsx.template

@@ -1,8 +1,6 @@
 import 'reflect-metadata';
 import * as React from 'react';
 import { Links, Meta, Outlet, Scripts, ScrollRestoration, useRouteLoaderData, useRouteError, json } from '@remix-run/react';
-// @ts-ignore
-import publicEnv from '@src/config/public-config';
 import { PluginArea } from '@common-stack/client-react';
 import { subscribeReduxRouter } from '@common-stack/remix-router-redux';
 import { ApplicationErrorHandler } from '@admin-layout/ant-ui';
@@ -13,17 +11,8 @@ import clientModules, { plugins } from '@app/frontend-stack-react/modules.js';
 import { useChangeLanguage } from 'remix-i18next/react';
 import { useTranslation } from 'react-i18next';
 // @ts-ignore
-import { i18nextInstance as i18next } from '@app/frontend-stack-react/i18n-localization/i18next.server.js';
-// @ts-ignore
 import { ErrorBoundary } from '@app/frontend-stack-react/entries/antui/components/ErrorBoundary';
-
-export const loader = async ({ request }) => {
-    const locale = await i18next.getLocale(request);
-    return json({
-        __ENV__: publicEnv,
-        locale,
-    });
-};
+import { LocaleContext } from './context';
 
 export const handle = {
     i18n: 'common',
@@ -34,8 +23,8 @@ export function shouldRevalidate(params: any) {
 }
 
 export function Layout({ children }: { children: React.ReactNode }) {
-    const data = useRouteLoaderData<{ locale: any }>('root');
-    const locale = data?.locale;
+    // const data = useRouteLoaderData<{ locale: any }>('root');
+    const locale: any = React.useContext(LocaleContext);
 
     const { i18n } = useTranslation();
 
@@ -49,9 +38,10 @@ export function Layout({ children }: { children: React.ReactNode }) {
         if (typeof window === 'undefined') {
             return (
                 <>
+                    <script>window.__ENV__=[__ENV__]</script>
                     <script
                         dangerouslySetInnerHTML={{
-                            __html: `window.__ENV__ = ${JSON.stringify((data as any)?.__ENV__)}`,
+                            __html: `window.process = {} `,
                         }}
                     />
                     <script
@@ -68,6 +58,7 @@ export function Layout({ children }: { children: React.ReactNode }) {
                             __html: `if (global === undefined) { var global = window; }`,
                         }}
                     />
+                    <script>window.__LOCALE__=[__LOCALE__]</script>
                 </>
             );
         }

package/src/generators/add-frontend/frameworks/chakraui/{context.tsx.template → src/context.tsx.template}

@@ -18,3 +18,9 @@ export interface ClientStyleContextData {
 export const ClientStyleContext = createContext<ClientStyleContextData | null>(
   null,
 );
+
+export interface LocaleContextData {
+    locale: string;
+}
+
+export const LocaleContext = createContext<LocaleContextData | null>(null);

package/src/generators/add-frontend/frameworks/chakraui/{entry.client.tsx.template → src/entry.client.tsx.template}

@@ -6,8 +6,6 @@ import { ApolloProvider } from '@apollo/client/index.js';
 import { SlotFillProvider, removeUniversalPortals } from '@common-stack/components-pro';
 import { InversifyProvider, PluginArea } from '@common-stack/client-react';
 import { Provider as ReduxProvider } from 'react-redux';
-import { PersistGate } from 'redux-persist/integration/react';
-import { persistStore } from 'redux-persist';
 import { CacheProvider } from '@emotion/react';
 
 // @ts-ignore
@@ -27,12 +25,10 @@ import Backend from 'i18next-http-backend';
 import { getInitialNamespaces } from 'remix-i18next/client';
 import config from '@app/cde-webconfig.json';
 // @ts-ignore
-// import { ClientStyleContext } from '@app/frontend-stack-react/entries/chakraui/context.js';
-import { ClientStyleContext } from './context';
+import { ClientStyleContext, LocaleContext } from './context';
 
 const { apolloClient: client, container, serviceFunc } = createClientContainer();
 const { store } = createReduxStore(client, serviceFunc(), container);
-const persistor = persistStore(store);
 
 (window as any).__remixStore = store;
 removeUniversalPortals((window as any).__SLOT_FILLS__ || []);
@@ -60,6 +56,13 @@ function ClientCacheProvider({ children }: ClientCacheProviderProps) {
     );
 }
 
+function LocaleProvider({ children }: ClientCacheProviderProps) {
+    const el = (document as any).querySelector('html');
+    const locale = el?.getAttribute('lng') || '';
+
+    return <LocaleContext.Provider value={locale}>{children}</LocaleContext.Provider>;
+}
+
 async function hydrate() {
     if (!i18next.isInitialized && config.i18n.enabled) {
         await i18next
@@ -83,19 +86,19 @@ async function hydrate() {
         document.getElementById('root')!,
         // <StrictMode>
         <I18nextProvider i18n={i18next}>
-            <ClientCacheProvider>
-                <ApolloProvider client={client}>
-                    <ReduxProvider store={store}>
-                        <SlotFillProvider>
-                            <InversifyProvider container={container} modules={clientModules}>
-                                <PersistGate loading={null} persistor={persistor}>
-                                    {() => <RemixBrowser />}
-                                </PersistGate>
-                            </InversifyProvider>
-                        </SlotFillProvider>
-                    </ReduxProvider>
-                </ApolloProvider>
-            </ClientCacheProvider>
+            <LocaleProvider>
+                <ClientCacheProvider>
+                    <ApolloProvider client={client}>
+                        <ReduxProvider store={store}>
+                            <SlotFillProvider>
+                                <InversifyProvider container={container} modules={clientModules}>
+                                    <RemixBrowser />
+                                </InversifyProvider>
+                            </SlotFillProvider>
+                        </ReduxProvider>
+                    </ApolloProvider>
+                </ClientCacheProvider>
+            </LocaleProvider>
         </I18nextProvider>,
         // </StrictMode>,
     );

package/{lib/generators/add-frontend/frameworks/chakraui → src/generators/add-frontend/frameworks/chakraui/src}/entry.server.tsx.template

@@ -36,8 +36,7 @@ import config from '@app/cde-webconfig.json';
 
 import { Head } from './root';
 import type { IAppLoadContext } from '@common-stack/client-core';
-// import { ServerStyleContext } from '@app/frontend-stack-react/entries/chakraui/context.js';
-import { ServerStyleContext } from './context';
+import { ServerStyleContext, LocaleContext } from './context';
 import { i18nextInstance as i18next } from '@app/frontend-stack-react/i18n-localization/i18next.server.js';
 
 const { extractCriticalToChunks } = createEmotionServer(defaultCache);
@@ -149,17 +148,19 @@ async function handleBrowserRequest(
 
     const html = renderToString(
         <I18nextProvider i18n={instance}>
-            <CacheProvider value={defaultCache}>
-                <ApolloProvider client={client}>
-                    <ReduxProvider store={store}>
-                        <SlotFillProvider context={slotFillContext}>
-                            <InversifyProvider container={container} modules={clientModules}>
-                                <RemixServer context={remixContext} url={request.url} />
-                            </InversifyProvider>
-                        </SlotFillProvider>
-                    </ReduxProvider>
-                </ApolloProvider>
-            </CacheProvider>
+            <LocaleContext.Provider value={lng}>
+                <CacheProvider value={defaultCache}>
+                    <ApolloProvider client={client}>
+                        <ReduxProvider store={store}>
+                            <SlotFillProvider context={slotFillContext}>
+                                <InversifyProvider container={container} modules={clientModules}>
+                                    <RemixServer context={remixContext} url={request.url} />
+                                </InversifyProvider>
+                            </SlotFillProvider>
+                        </ReduxProvider>
+                    </ApolloProvider>
+                </CacheProvider>
+            </LocaleContext.Provider>
         </I18nextProvider>,
     );
 
@@ -177,23 +178,25 @@ async function handleBrowserRequest(
         const { pipe, abort } = renderToPipeableStream(
             (
                 <I18nextProvider i18n={instance}>
-                    <ServerStyleContext.Provider value={chunks.styles}>
-                        <CacheProvider value={defaultCache}>
-                            <ApolloProvider client={client}>
-                                <ReduxProvider store={store}>
-                                    <SlotFillProvider context={slotFillContext}>
-                                        <InversifyProvider container={container} modules={clientModules}>
-                                            <RemixServer
-                                                context={remixContext}
-                                                url={request.url}
-                                                abortDelay={ABORT_DELAY}
-                                            />
-                                        </InversifyProvider>
-                                    </SlotFillProvider>
-                                </ReduxProvider>
-                            </ApolloProvider>
-                        </CacheProvider>
-                    </ServerStyleContext.Provider>
+                    <LocaleContext.Provider value={lng}>
+                        <ServerStyleContext.Provider value={chunks.styles}>
+                            <CacheProvider value={defaultCache}>
+                                <ApolloProvider client={client}>
+                                    <ReduxProvider store={store}>
+                                        <SlotFillProvider context={slotFillContext}>
+                                            <InversifyProvider container={container} modules={clientModules}>
+                                                <RemixServer
+                                                    context={remixContext}
+                                                    url={request.url}
+                                                    abortDelay={ABORT_DELAY}
+                                                />
+                                            </InversifyProvider>
+                                        </SlotFillProvider>
+                                    </ReduxProvider>
+                                </ApolloProvider>
+                            </CacheProvider>
+                        </ServerStyleContext.Provider>
+                    </LocaleContext.Provider>
                 </I18nextProvider>
             ) as any,
             {

package/src/generators/add-frontend/frameworks/chakraui/{root.tsx.template → src/root.tsx.template}

@@ -11,7 +11,7 @@ import { ApplicationErrorHandler } from '@admin-layout/chakra-ui';
 import clientModules, { plugins } from '@app/frontend-stack-react/modules.js';
 import { createHead } from 'remix-island';
 import { useContext } from 'react';
-import { ServerStyleContext, ClientStyleContext } from './context';
+import { ServerStyleContext, ClientStyleContext, LocaleContext } from './context';
 import { withEmotionCache } from '@emotion/react';
 import { useChangeLanguage } from 'remix-i18next/react';
 import { i18nextInstance as i18next } from '@app/frontend-stack-react/i18n-localization/i18next.server.js';
@@ -31,6 +31,9 @@ export const Head = createHead(() => (
 export const Document = withEmotionCache(({ children }: DocumentProps, emotionCache) => {
     const serverStyleData = useContext(ServerStyleContext);
     const clientStyleData = useContext(ClientStyleContext);
+    const locale = useContext(LocaleContext);
+
+    useChangeLanguage(locale);
 
     React.useEffect(() => {
         // re-link sheet container
@@ -64,12 +67,12 @@ export const Document = withEmotionCache(({ children }: DocumentProps, emotionCa
         </>
     );
 });
-
+/*
 export let loader = async ({ request }) => {
     let locale = await i18next.getLocale(request);
     return json({ locale });
 };
-
+*/
 export let handle = {
     i18n: 'common',
 };
@@ -79,11 +82,12 @@ export function shouldRevalidate(params: any) {
 }
 
 export default function App() {
+    /*
     const data = useRouteLoaderData<{ locale: any }>('root');
     const locale = data?.locale;
     
     useChangeLanguage(locale);
-
+    */
     React.useEffect(() => {
         subscribeReduxRouter({ store: window.__remixStore, router: window.__remixRouter } as any);
     }, []);

package/src/generators/add-frontend/frameworks/tailwindui/postcss.config.js

@@ -0,0 +1,6 @@
+export default {
+  plugins: {
+    tailwindcss: {},
+    autoprefixer: {},
+  },
+}

package/{lib/generators/add-frontend/frameworks/tailwindui → src/generators/add-frontend/frameworks/tailwindui/src}/entry.client.tsx.template

@@ -12,8 +12,6 @@ import { ApolloProvider } from '@apollo/client/index.js';
 import { SlotFillProvider, removeUniversalPortals } from '@common-stack/components-pro';
 import { InversifyProvider } from '@common-stack/client-react';
 import { Provider as ReduxProvider } from 'react-redux';
-import { PersistGate } from 'redux-persist/integration/react';
-import { persistStore } from 'redux-persist';
 import i18next from 'i18next';
 import { I18nextProvider, initReactI18next } from 'react-i18next';
 import LanguageDetector from 'i18next-browser-languagedetector';
@@ -31,7 +29,6 @@ import config from '@app/cde-webconfig.json';
 
 const { apolloClient: client, container, serviceFunc } = createClientContainer();
 const { store } = createReduxStore(client, serviceFunc(), container);
-const persistor = persistStore(store);
 
 (window as any).__remixStore = store;
 removeUniversalPortals((window as any).__SLOT_FILLS__ || []);
@@ -64,13 +61,9 @@ async function hydrate() {
                         <ReduxProvider store={store}>
                             <SlotFillProvider>
                                 <InversifyProvider container={container} modules={clientModules}>
-                                    <PersistGate loading={null} persistor={persistor}>
-                                        {() => (
-                                            <ApolloProvider client={client}>
-                                                <RemixBrowser />
-                                            </ApolloProvider>
-                                        )}
-                                    </PersistGate>
+                                    <ApolloProvider client={client}>
+                                        <RemixBrowser />
+                                    </ApolloProvider>
                                 </InversifyProvider>
                             </SlotFillProvider>
                         </ReduxProvider>

package/src/generators/add-frontend/frameworks/tailwindui/tailwind.config.ts.template

@@ -0,0 +1,12 @@
+import type { Config } from 'tailwindcss'
+
+export default {
+  content: [
+    "./src/**/{**,.client,.server}/**/*.{js,jsx,ts,tsx}",
+  ],
+  theme: {
+    extend: {},
+  },
+  plugins: [],
+} satisfies Config
+

package/src/generators/add-frontend/generator.test.ts

@@ -0,0 +1,79 @@
+/* eslint-disable jest/no-hooks */
+/* eslint-disable import/no-extraneous-dependencies */
+import { beforeEach, describe, expect, it, jest } from '@jest/globals';
+import { createTreeWithEmptyWorkspace } from '@nx/devkit/testing';
+import { readJson, Tree, writeJson } from '@nx/devkit';
+import * as devkit from '@nx/devkit';
+import { addFrontendGenerator } from './generator';
+import { FRAMEWORK_ANTUI } from '../../common/constants';
+
+describe('addFrontendGenerator', () => {
+    let tree: Tree;
+    const options = { name: 'demo', framework: FRAMEWORK_ANTUI, ns: '', directory: '' };
+
+    const projectRoot = 'frontend-demo-server';
+
+    beforeEach(() => {
+        // Create an in-memory workspace
+        tree = createTreeWithEmptyWorkspace();
+
+        // Stub out generateFiles so we don't trigger file reading from the real templates folders.
+        jest.spyOn(devkit, 'generateFiles').mockImplementation(() => {});
+    });
+
+    it('should add missing dependencies and update config.json for antui', async () => {
+        // Simulate an existing package.json with no dependencies.
+        writeJson(tree, `${projectRoot}/package.json`, {
+            name: 'demo',
+            dependencies: {},
+        });
+        // Simulate an existing config.json with an empty modules array.
+        writeJson(tree, `${projectRoot}/config.json`, {
+            modules: [],
+        });
+
+        await addFrontendGenerator(tree, options);
+
+        // Read and verify package.json updates.
+        const pkg = readJson(tree, `${projectRoot}/package.json`);
+
+        expect(pkg.name).toBe('frontend-demo-server');
+        // Check that the key dependency is added.
+        expect(pkg.dependencies['@admin-layout/ant-design-pro']).toBeDefined();
+        expect(pkg.dependencies['@ant-design/static-style-extract']).toBeDefined();
+        expect(pkg.dependencies['@emotion/react']).toBeDefined();
+        expect(pkg.dependencies['antd']).toBeDefined();
+        expect(pkg).toMatchSnapshot();
+
+        // Read and verify config.json updates.
+        const config = readJson(tree, `${projectRoot}/config.json`);
+
+        expect(config.uiFramework).toBe(FRAMEWORK_ANTUI);
+        // Ensure that the module is added only once.
+        expect(config.modules.includes('@admin-layout/ant-design-pro')).toBeTruthy();
+    });
+
+    it('should not override an already existing dependency version', async () => {
+        // Create an initial package.json that already defines a version for a dependency.
+        writeJson(tree, `${projectRoot}/package.json`, {
+            name: 'demo',
+            dependencies: {
+                antd: '1.0.0', // Already defined version
+            },
+        });
+        // Create a minimal config.json.
+        writeJson(tree, `${projectRoot}/config.json`, {
+            modules: [],
+        });
+
+        await addFrontendGenerator(tree, options);
+
+        const pkg = readJson(tree, `${projectRoot}/package.json`);
+
+        // Make sure the dependency already there was not overridden.
+        expect(pkg.dependencies.antd).toEqual('1.0.0');
+        // Ensure other expected dependencies have been added.
+        expect(pkg.dependencies['@admin-layout/ant-design-pro']).toBeDefined();
+        expect(pkg).toMatchSnapshot();
+    });
+});