@common-stack/rollup-vite-utils 6.0.6-alpha.5 → 6.0.6-alpha.52

package/lib/vite-wrappers/custom-routes.cjs

@@ -0,0 +1,43 @@
+'use strict';var fs=require('fs'),path=require('path'),handleComponentOrDialog=require('../rollup/modifyLibFiles/handleComponentOrDialog.cjs');function _interopNamespaceDefault(e){var n=Object.create(null);if(e){Object.keys(e).forEach(function(k){if(k!=='default'){var d=Object.getOwnPropertyDescriptor(e,k);Object.defineProperty(n,k,d.get?d:{enumerable:true,get:function(){return e[k]}});}})}n.default=e;return Object.freeze(n)}var fs__namespace=/*#__PURE__*/_interopNamespaceDefault(fs);var path__namespace=/*#__PURE__*/_interopNamespaceDefault(path);// import { getHash } from './json-wrappers';
+function getRootPath() {
+    return process.cwd();
+}
+function generateRoute(filePath) {
+    const { loaderInfo } = handleComponentOrDialog.extractLoaderInfoFromFile(filePath);
+    return { loaderInfo };
+}
+function createDummyFile(route) {
+    const routeStr = `${route.id}/${route.path}`;
+    const fileName = `DummyRoute-${routeStr}.tsx`;
+    const newFilePath = path__namespace.join(getRootPath(), 'app', fileName);
+    const dummyComponent = createDummyComponent(route);
+    fs__namespace.writeFileSync(newFilePath, dummyComponent, { encoding: 'utf8', flag: 'w' });
+    return newFilePath;
+}
+function createDummyComponent(options) {
+    const template = `
+import * as React from 'react';
+
+export const loader = () => {
+  return {
+    title: '${options.name ?? 'Test Component'}'
+  };
+};
+
+export const action = () => {
+  return {};
+};
+
+export const Component = props => {
+  const { loaderData } = props;
+  return (
+    <>
+      <h1>{loaderData?.title}</h1>
+      <p>props:</p>
+      <code>{JSON.stringify(props, null, 2)}</code>
+    </>
+  );
+};
+    `;
+    return template;
+}exports.createDummyFile=createDummyFile;exports.generateRoute=generateRoute;//# sourceMappingURL=custom-routes.cjs.map

package/lib/vite-wrappers/custom-routes.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"custom-routes.cjs","sources":["../../src/vite-wrappers/custom-routes.ts"],"sourcesContent":[null],"names":["extractLoaderInfoFromFile","path","fs"],"mappings":"yiBAGA;AAEA,SAAS,WAAW,GAAA;AAChB,IAAA,OAAO,OAAO,CAAC,GAAG,EAAE,CAAC;AACzB,CAAC;AAEK,SAAU,aAAa,CAAC,QAAgB,EAAA;IAC1C,MAAM,EAAE,UAAU,EAAE,GAAGA,iDAAyB,CAAC,QAAQ,CAAC,CAAC;IAC3D,OAAO,EAAE,UAAU,EAAE,CAAC;AAC1B,CAAC;AAEK,SAAU,eAAe,CAAC,KAAU,EAAA;IACtC,MAAM,QAAQ,GAAG,CAAA,EAAG,KAAK,CAAC,EAAE,CAAA,CAAA,EAAI,KAAK,CAAC,IAAI,CAAA,CAAE,CAAC;AAC7C,IAAA,MAAM,QAAQ,GAAG,CAAc,WAAA,EAAA,QAAQ,MAAM,CAAC;AAC9C,IAAA,MAAM,WAAW,GAAGC,eAAI,CAAC,IAAI,CAAC,WAAW,EAAE,EAAE,KAAK,EAAE,QAAQ,CAAC,CAAC;AAC9D,IAAA,MAAM,cAAc,GAAG,oBAAoB,CAAC,KAAK,CAAC,CAAC;AAEnD,IAAAC,aAAE,CAAC,aAAa,CAAC,WAAW,EAAE,cAAc,EAAE,EAAE,QAAQ,EAAE,MAAM,EAAE,IAAI,EAAE,GAAG,EAAE,CAAC,CAAC;AAC/E,IAAA,OAAO,WAAW,CAAC;AACvB,CAAC;AAED,SAAS,oBAAoB,CAAC,OAAY,EAAA;AACtC,IAAA,MAAM,QAAQ,GAAG,CAAA;;;;;cAKP,OAAO,CAAC,IAAI,IAAI,gBAAgB,CAAA;;;;;;;;;;;;;;;;;;KAkBzC,CAAC;AAEF,IAAA,OAAO,QAAQ,CAAC;AACpB"}

package/lib/vite-wrappers/custom-routes.d.ts

@@ -0,0 +1,2 @@
+export declare function generateRoute(filePath: string): any;
+export declare function createDummyFile(route: any): string;

package/lib/vite-wrappers/custom-routes.js

@@ -0,0 +1,43 @@
+import*as fs from'fs';import*as path from'path';import {extractLoaderInfoFromFile}from'../rollup/modifyLibFiles/handleComponentOrDialog.js';// import { getHash } from './json-wrappers';
+function getRootPath() {
+    return process.cwd();
+}
+function generateRoute(filePath) {
+    const { loaderInfo } = extractLoaderInfoFromFile(filePath);
+    return { loaderInfo };
+}
+function createDummyFile(route) {
+    const routeStr = `${route.id}/${route.path}`;
+    const fileName = `DummyRoute-${routeStr}.tsx`;
+    const newFilePath = path.join(getRootPath(), 'app', fileName);
+    const dummyComponent = createDummyComponent(route);
+    fs.writeFileSync(newFilePath, dummyComponent, { encoding: 'utf8', flag: 'w' });
+    return newFilePath;
+}
+function createDummyComponent(options) {
+    const template = `
+import * as React from 'react';
+
+export const loader = () => {
+  return {
+    title: '${options.name ?? 'Test Component'}'
+  };
+};
+
+export const action = () => {
+  return {};
+};
+
+export const Component = props => {
+  const { loaderData } = props;
+  return (
+    <>
+      <h1>{loaderData?.title}</h1>
+      <p>props:</p>
+      <code>{JSON.stringify(props, null, 2)}</code>
+    </>
+  );
+};
+    `;
+    return template;
+}export{createDummyFile,generateRoute};//# sourceMappingURL=custom-routes.js.map

package/lib/vite-wrappers/custom-routes.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"custom-routes.js","sources":["../../src/vite-wrappers/custom-routes.ts"],"sourcesContent":[null],"names":[],"mappings":"4IAGA;AAEA,SAAS,WAAW,GAAA;AAChB,IAAA,OAAO,OAAO,CAAC,GAAG,EAAE,CAAC;AACzB,CAAC;AAEK,SAAU,aAAa,CAAC,QAAgB,EAAA;IAC1C,MAAM,EAAE,UAAU,EAAE,GAAG,yBAAyB,CAAC,QAAQ,CAAC,CAAC;IAC3D,OAAO,EAAE,UAAU,EAAE,CAAC;AAC1B,CAAC;AAEK,SAAU,eAAe,CAAC,KAAU,EAAA;IACtC,MAAM,QAAQ,GAAG,CAAA,EAAG,KAAK,CAAC,EAAE,CAAA,CAAA,EAAI,KAAK,CAAC,IAAI,CAAA,CAAE,CAAC;AAC7C,IAAA,MAAM,QAAQ,GAAG,CAAc,WAAA,EAAA,QAAQ,MAAM,CAAC;AAC9C,IAAA,MAAM,WAAW,GAAG,IAAI,CAAC,IAAI,CAAC,WAAW,EAAE,EAAE,KAAK,EAAE,QAAQ,CAAC,CAAC;AAC9D,IAAA,MAAM,cAAc,GAAG,oBAAoB,CAAC,KAAK,CAAC,CAAC;AAEnD,IAAA,EAAE,CAAC,aAAa,CAAC,WAAW,EAAE,cAAc,EAAE,EAAE,QAAQ,EAAE,MAAM,EAAE,IAAI,EAAE,GAAG,EAAE,CAAC,CAAC;AAC/E,IAAA,OAAO,WAAW,CAAC;AACvB,CAAC;AAED,SAAS,oBAAoB,CAAC,OAAY,EAAA;AACtC,IAAA,MAAM,QAAQ,GAAG,CAAA;;;;;cAKP,OAAO,CAAC,IAAI,IAAI,gBAAgB,CAAA;;;;;;;;;;;;;;;;;;KAkBzC,CAAC;AAEF,IAAA,OAAO,QAAQ,CAAC;AACpB"}

package/lib/vite-wrappers/generators/clientLoaderGenerator.cjs

@@ -0,0 +1,149 @@
+'use strict';var lodashEs=require('lodash-es'),generateHasPermission=require('./generateHasPermission.cjs');/**
+ * Generates the client-side loader logic for fetching data on the client-side, including caching mechanisms.
+ *
+ * @param options - The options including GraphQL queries to fetch on the client-side.
+ * @returns The generated client loader function string.
+ */
+const generateClientLoader = ({ queries }) => {
+    if (Object.keys(queries ?? {}).length === 0) {
+        return '';
+    }
+    return `
+ const defaultClientLoader = async ({ params, serverLoader, _dataContext = {} }) => {
+    const client = window.__CLIENT_SERVICE__?.apolloClient;
+    const container = window.__CLIENT_SERVICE__?.container;
+
+    try {
+        // Generate queries object with correct variables
+        const queries = ${Object.entries(queries).reduce((acc, [key, value], index) => {
+        const formattedValue = value.includes('queryParamsGenerator_')
+            ? `queryGeneratorFunc({...params, _dataContext}).${value.split('queryParamsGenerator_')[1]}`
+            : value;
+        return `${acc}${key}:${formattedValue}${index + 1 === Object.keys(queries).length ? '}' : ','}`;
+    }, '{')};
+
+        // Generate expected query keys
+        const queryKeys: string[] = [${Object.keys(queries)
+        .map((key) => lodashEs.camelCase(key.replace('Get', '')).replace('Document', 'Query'))
+        .map((key) => `'${key}'`)}];
+
+        let shouldCallServerLoader = false;
+        let response = {};
+        let cachedData, cacheKey;
+
+        ${Object.keys(queries)
+        .map((queryDoc, index) => `
+           // Read from cache using the actual query and variables
+           cachedData = client.cache.readQuery({
+                query: ${queryDoc},
+                variables: queries['${queryDoc}'],
+           });
+
+           // Use the response structure as cacheKey, instead of relying on manually generated cache keys
+           cacheKey = cachedData ? [...Object.keys(cachedData)][0] : undefined;
+           if (!cachedData) {
+               shouldCallServerLoader = true;
+           }
+           if (cachedData && cacheKey) {
+           // If cache is not empty, return the cached data and matches the same structure as the server response
+               response[queryKeys[${index}]] = Promise.resolve({ data: { [cacheKey]: cachedData[cacheKey] } });           
+           }
+         `)
+        .join('')}
+
+        if (!shouldCallServerLoader) return response;
+
+        // If cache is empty, call server loader
+        // find a way to avoid looping
+        const serverData = await serverLoader();
+
+        if (serverData?.errors?.length) {
+            const store = container.get(ClientTypes.ReduxStore);
+            serverData?.errors?.forEach((error) => {
+                store.dispatch(error);
+            });
+        }
+
+        let queryKey;
+        ${Object.keys(queries)
+        .map((queryDoc, index) => `
+            queryKey = queryKeys[${index}];
+            if (!serverData[queryKey].then) return;
+            // Write the data back to the cache and use the correct key from the server response
+            serverData[queryKey].then(({ data: serverData }) => {
+                client.cache.writeQuery({
+                    query: ${queryDoc},
+                    variables: queries['${queryDoc}'],
+                    data: serverData,  // Use the server response structure as the data
+                });
+            });
+        `)
+        .join('')}
+
+        return serverData;
+
+    } catch (err) {
+        console.error('Error in defaultClientLoader', err);
+    }
+};
+`;
+};
+/**
+ * Generates the client-side loader export statements for client-side data fetching and caching.
+ *
+ * @param options - The component options that control the generation of the loader exports.
+ * @param hasMiddleware - A boolean flag to determine if the middleware is included.
+ * @param hasQueries - A boolean flag to determine if the component has queries.
+ * @returns {string} - The generated client loader export statement.
+ */
+function generateClientLoaderExports(options, hasMiddleware, hasQueries) {
+    let clientLoaderExport = '';
+    clientLoaderExport += generateClientLoader(options);
+    clientLoaderExport += `
+export async function clientLoader(params) {
+  ${hasMiddleware ? 'const middlewareStack = [];' : ''}
+  ${options.authority?.length > 0 || options.extraPermissions?.length > 0 ? 'middlewareStack.push({ name: "permissions", func: permissionMiddleware });\n' : ''}
+  ${(options.configurations ?? []).length > 0 ? 'middlewareStack.push({ name: "configurations", func: configurationMiddleware });\n' : ''}
+  ${(options.clientMiddlewares ?? [])
+        ?.map((_, index) => `middlewareStack.push({ name: "middleware${index + 1}" , func: clientMiddleware${index + 1} });\n`)
+        .join('')}
+
+        // Create resourceParams from extraParams if available, with dynamic resolution of path parameters.
+        const resourceParams = ${options.configurations?.length > 0
+        ? `
+            resolveResourceParamsPlaceholders(
+                ${JSON.stringify(options.extraParams?.resourceParams ?? {})},
+                params.params || {}
+            )`
+        : '{}'}; 
+
+    
+      const paramsWithResource = {
+        ...params,
+        resourceParams,
+        configurations: ${JSON.stringify(options.configurations ?? [])},
+      };
+            
+  ${hasMiddleware
+        ? `
+    const apolloClient = window.__CLIENT_SERVICE__?.apolloClient;
+    let middlewareData = {};
+    if (middlewareStack.length > 0) {
+      middlewareData = await clientLoaderWithMiddleware({...paramsWithResource, context:{ apolloClient }}, {}, middlewareStack) || {};
+    }
+    let { permissions = null, configurations = null, ...rest } = middlewareData;\n`
+        : ''}
+  let hasPermissions = true;
+  ${generateHasPermission.generateHasPermission(options, true)}
+
+  const paramsWithMiddlewareData = ${hasMiddleware ? `{ ...paramsWithResource, _dataContext: middlewareData }` : '{ ...params }'};
+
+  let defaultLoaderData = ${hasQueries ? `hasPermissions ? await defaultClientLoader(paramsWithMiddlewareData) : {}` : '{}'};
+  let loaderData = ${options.hasClientLoader ? ` hasPermissions ? await clientLoaderFunc(params) : {}` : '{}'};
+  
+  return { ...${hasMiddleware ? `{ permissions, configurations, dataContext: rest }` : `{}`}, ...defaultLoaderData, ...loaderData };
+}
+clientLoader.hydrate = true;
+`;
+    return clientLoaderExport;
+}exports.generateClientLoader=generateClientLoader;exports.generateClientLoaderExports=generateClientLoaderExports;//# sourceMappingURL=clientLoaderGenerator.cjs.map

package/lib/vite-wrappers/generators/clientLoaderGenerator.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"clientLoaderGenerator.cjs","sources":["../../../src/vite-wrappers/generators/clientLoaderGenerator.ts"],"sourcesContent":[null],"names":["camelCase","generateHasPermission"],"mappings":"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"}

package/lib/vite-wrappers/generators/clientLoaderGenerator.d.ts

@@ -0,0 +1,17 @@
+import { IOptions } from '../../interfaces/types';
+/**
+ * Generates the client-side loader logic for fetching data on the client-side, including caching mechanisms.
+ *
+ * @param options - The options including GraphQL queries to fetch on the client-side.
+ * @returns The generated client loader function string.
+ */
+export declare const generateClientLoader: ({ queries }: Pick<IOptions, "queries">) => string;
+/**
+ * Generates the client-side loader export statements for client-side data fetching and caching.
+ *
+ * @param options - The component options that control the generation of the loader exports.
+ * @param hasMiddleware - A boolean flag to determine if the middleware is included.
+ * @param hasQueries - A boolean flag to determine if the component has queries.
+ * @returns {string} - The generated client loader export statement.
+ */
+export declare function generateClientLoaderExports(options: IOptions, hasMiddleware: boolean, hasQueries: boolean): string;

package/lib/vite-wrappers/generators/clientLoaderGenerator.js

@@ -0,0 +1,149 @@
+import {camelCase}from'lodash-es';import {generateHasPermission}from'./generateHasPermission.js';/**
+ * Generates the client-side loader logic for fetching data on the client-side, including caching mechanisms.
+ *
+ * @param options - The options including GraphQL queries to fetch on the client-side.
+ * @returns The generated client loader function string.
+ */
+const generateClientLoader = ({ queries }) => {
+    if (Object.keys(queries ?? {}).length === 0) {
+        return '';
+    }
+    return `
+ const defaultClientLoader = async ({ params, serverLoader, _dataContext = {} }) => {
+    const client = window.__CLIENT_SERVICE__?.apolloClient;
+    const container = window.__CLIENT_SERVICE__?.container;
+
+    try {
+        // Generate queries object with correct variables
+        const queries = ${Object.entries(queries).reduce((acc, [key, value], index) => {
+        const formattedValue = value.includes('queryParamsGenerator_')
+            ? `queryGeneratorFunc({...params, _dataContext}).${value.split('queryParamsGenerator_')[1]}`
+            : value;
+        return `${acc}${key}:${formattedValue}${index + 1 === Object.keys(queries).length ? '}' : ','}`;
+    }, '{')};
+
+        // Generate expected query keys
+        const queryKeys: string[] = [${Object.keys(queries)
+        .map((key) => camelCase(key.replace('Get', '')).replace('Document', 'Query'))
+        .map((key) => `'${key}'`)}];
+
+        let shouldCallServerLoader = false;
+        let response = {};
+        let cachedData, cacheKey;
+
+        ${Object.keys(queries)
+        .map((queryDoc, index) => `
+           // Read from cache using the actual query and variables
+           cachedData = client.cache.readQuery({
+                query: ${queryDoc},
+                variables: queries['${queryDoc}'],
+           });
+
+           // Use the response structure as cacheKey, instead of relying on manually generated cache keys
+           cacheKey = cachedData ? [...Object.keys(cachedData)][0] : undefined;
+           if (!cachedData) {
+               shouldCallServerLoader = true;
+           }
+           if (cachedData && cacheKey) {
+           // If cache is not empty, return the cached data and matches the same structure as the server response
+               response[queryKeys[${index}]] = Promise.resolve({ data: { [cacheKey]: cachedData[cacheKey] } });           
+           }
+         `)
+        .join('')}
+
+        if (!shouldCallServerLoader) return response;
+
+        // If cache is empty, call server loader
+        // find a way to avoid looping
+        const serverData = await serverLoader();
+
+        if (serverData?.errors?.length) {
+            const store = container.get(ClientTypes.ReduxStore);
+            serverData?.errors?.forEach((error) => {
+                store.dispatch(error);
+            });
+        }
+
+        let queryKey;
+        ${Object.keys(queries)
+        .map((queryDoc, index) => `
+            queryKey = queryKeys[${index}];
+            if (!serverData[queryKey].then) return;
+            // Write the data back to the cache and use the correct key from the server response
+            serverData[queryKey].then(({ data: serverData }) => {
+                client.cache.writeQuery({
+                    query: ${queryDoc},
+                    variables: queries['${queryDoc}'],
+                    data: serverData,  // Use the server response structure as the data
+                });
+            });
+        `)
+        .join('')}
+
+        return serverData;
+
+    } catch (err) {
+        console.error('Error in defaultClientLoader', err);
+    }
+};
+`;
+};
+/**
+ * Generates the client-side loader export statements for client-side data fetching and caching.
+ *
+ * @param options - The component options that control the generation of the loader exports.
+ * @param hasMiddleware - A boolean flag to determine if the middleware is included.
+ * @param hasQueries - A boolean flag to determine if the component has queries.
+ * @returns {string} - The generated client loader export statement.
+ */
+function generateClientLoaderExports(options, hasMiddleware, hasQueries) {
+    let clientLoaderExport = '';
+    clientLoaderExport += generateClientLoader(options);
+    clientLoaderExport += `
+export async function clientLoader(params) {
+  ${hasMiddleware ? 'const middlewareStack = [];' : ''}
+  ${options.authority?.length > 0 || options.extraPermissions?.length > 0 ? 'middlewareStack.push({ name: "permissions", func: permissionMiddleware });\n' : ''}
+  ${(options.configurations ?? []).length > 0 ? 'middlewareStack.push({ name: "configurations", func: configurationMiddleware });\n' : ''}
+  ${(options.clientMiddlewares ?? [])
+        ?.map((_, index) => `middlewareStack.push({ name: "middleware${index + 1}" , func: clientMiddleware${index + 1} });\n`)
+        .join('')}
+
+        // Create resourceParams from extraParams if available, with dynamic resolution of path parameters.
+        const resourceParams = ${options.configurations?.length > 0
+        ? `
+            resolveResourceParamsPlaceholders(
+                ${JSON.stringify(options.extraParams?.resourceParams ?? {})},
+                params.params || {}
+            )`
+        : '{}'}; 
+
+    
+      const paramsWithResource = {
+        ...params,
+        resourceParams,
+        configurations: ${JSON.stringify(options.configurations ?? [])},
+      };
+            
+  ${hasMiddleware
+        ? `
+    const apolloClient = window.__CLIENT_SERVICE__?.apolloClient;
+    let middlewareData = {};
+    if (middlewareStack.length > 0) {
+      middlewareData = await clientLoaderWithMiddleware({...paramsWithResource, context:{ apolloClient }}, {}, middlewareStack) || {};
+    }
+    let { permissions = null, configurations = null, ...rest } = middlewareData;\n`
+        : ''}
+  let hasPermissions = true;
+  ${generateHasPermission(options, true)}
+
+  const paramsWithMiddlewareData = ${hasMiddleware ? `{ ...paramsWithResource, _dataContext: middlewareData }` : '{ ...params }'};
+
+  let defaultLoaderData = ${hasQueries ? `hasPermissions ? await defaultClientLoader(paramsWithMiddlewareData) : {}` : '{}'};
+  let loaderData = ${options.hasClientLoader ? ` hasPermissions ? await clientLoaderFunc(params) : {}` : '{}'};
+  
+  return { ...${hasMiddleware ? `{ permissions, configurations, dataContext: rest }` : `{}`}, ...defaultLoaderData, ...loaderData };
+}
+clientLoader.hydrate = true;
+`;
+    return clientLoaderExport;
+}export{generateClientLoader,generateClientLoaderExports};//# sourceMappingURL=clientLoaderGenerator.js.map

package/lib/vite-wrappers/generators/clientLoaderGenerator.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"clientLoaderGenerator.js","sources":["../../../src/vite-wrappers/generators/clientLoaderGenerator.ts"],"sourcesContent":[null],"names":[],"mappings":"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"}

package/lib/vite-wrappers/generators/clientLoaderGenerator.test.d.ts

@@ -0,0 +1 @@
+export {};

package/lib/vite-wrappers/generators/generateHasConfiguration.cjs

@@ -0,0 +1,20 @@
+'use strict';/**
+ * Generates the configuration-picking logic for loaders.
+ * Filters configurations based on provided configuration keys.
+ *
+ * @param options - The options containing configuration keys to pick.
+ * @param isClient - A flag to specify if it's for client-side loading (default: false).
+ * @returns The configuration-picking logic string.
+ */
+function generateConfigurationLogic(options, isClient = false) {
+    let generates = '';
+    // Check if configurations are provided and generate logic for picking configurations based on keys
+    if (options.configurations?.length > 0) {
+        generates = `
+        if (configurations !== null) {
+            configurations = pickValues(configurations, ${JSON.stringify(options.configurations)});
+        }
+        `;
+    }
+    return generates;
+}exports.generateConfigurationLogic=generateConfigurationLogic;//# sourceMappingURL=generateHasConfiguration.cjs.map

package/lib/vite-wrappers/generators/generateHasConfiguration.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"generateHasConfiguration.cjs","sources":["../../../src/vite-wrappers/generators/generateHasConfiguration.ts"],"sourcesContent":[null],"names":[],"mappings":"aAGA;;;;;;;AAOG;SACa,0BAA0B,CAAC,OAAiB,EAAE,WAAoB,KAAK,EAAA;IACnF,IAAI,SAAS,GAAG,EAAE,CAAC;;IAGnB,IAAI,OAAO,CAAC,cAAc,EAAE,MAAM,GAAG,CAAC,EAAE;AACpC,QAAA,SAAS,GAAG,CAAA;;AAEsC,wDAAA,EAAA,IAAI,CAAC,SAAS,CAAC,OAAO,CAAC,cAAc,CAAC,CAAA;;SAEvF,CAAC;KACL;AACD,IAAA,OAAO,SAAS,CAAC;AACrB"}

package/lib/vite-wrappers/generators/generateHasConfiguration.d.ts

@@ -0,0 +1,10 @@
+import { IOptions } from '../../interfaces/types';
+/**
+ * Generates the configuration-picking logic for loaders.
+ * Filters configurations based on provided configuration keys.
+ *
+ * @param options - The options containing configuration keys to pick.
+ * @param isClient - A flag to specify if it's for client-side loading (default: false).
+ * @returns The configuration-picking logic string.
+ */
+export declare function generateConfigurationLogic(options: IOptions, isClient?: boolean): string;

package/lib/vite-wrappers/generators/generateHasConfiguration.js

@@ -0,0 +1,20 @@
+/**
+ * Generates the configuration-picking logic for loaders.
+ * Filters configurations based on provided configuration keys.
+ *
+ * @param options - The options containing configuration keys to pick.
+ * @param isClient - A flag to specify if it's for client-side loading (default: false).
+ * @returns The configuration-picking logic string.
+ */
+function generateConfigurationLogic(options, isClient = false) {
+    let generates = '';
+    // Check if configurations are provided and generate logic for picking configurations based on keys
+    if (options.configurations?.length > 0) {
+        generates = `
+        if (configurations !== null) {
+            configurations = pickValues(configurations, ${JSON.stringify(options.configurations)});
+        }
+        `;
+    }
+    return generates;
+}export{generateConfigurationLogic};//# sourceMappingURL=generateHasConfiguration.js.map

package/lib/vite-wrappers/generators/generateHasConfiguration.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"generateHasConfiguration.js","sources":["../../../src/vite-wrappers/generators/generateHasConfiguration.ts"],"sourcesContent":[null],"names":[],"mappings":"AAGA;;;;;;;AAOG;SACa,0BAA0B,CAAC,OAAiB,EAAE,WAAoB,KAAK,EAAA;IACnF,IAAI,SAAS,GAAG,EAAE,CAAC;;IAGnB,IAAI,OAAO,CAAC,cAAc,EAAE,MAAM,GAAG,CAAC,EAAE;AACpC,QAAA,SAAS,GAAG,CAAA;;AAEsC,wDAAA,EAAA,IAAI,CAAC,SAAS,CAAC,OAAO,CAAC,cAAc,CAAC,CAAA;;SAEvF,CAAC;KACL;AACD,IAAA,OAAO,SAAS,CAAC;AACrB"}

package/lib/vite-wrappers/generators/generateHasPermission.cjs

@@ -0,0 +1,29 @@
+'use strict';/**
+ * Generates the permission-check logic for loaders, filtering permissions based on authority keys.
+ *
+ * @param options - The options containing the authority and extraPermissions to check.
+ * @param isClient - A flag to specify if it's for client-side loading (default: false).
+ * @returns The permission-check logic string.
+ */
+function generateHasPermission(options, isClient = false) {
+    const hasLoader = isClient ? options.hasClientLoader : options.hasLoader;
+    let generates = '';
+    // Check if authority or extraPermissions are provided and generate logic for permission checks
+    if (options.authority?.length > 0 || options.extraPermissions?.length > 0) {
+        generates = `
+        if (permissions !== null) {
+            const permissionKeys = ${JSON.stringify(options.authority)} || [];
+            let extraPermissions = ${JSON.stringify(options.extraPermissions)} || [];
+            extraPermissions = permissionKeys.concat(extraPermissions);
+            permissions = pickValues(permissions, extraPermissions);
+        `;
+        // If loader is present, generate logic to determine if required permissions are allowed
+        if (hasLoader) {
+            generates += `
+                hasPermissions = permissionKeys.some(key => ['Allow'].includes(get(permissions.resolveConfiguration, key)));
+            `;
+        }
+        generates += `}`;
+    }
+    return generates;
+}exports.generateHasPermission=generateHasPermission;//# sourceMappingURL=generateHasPermission.cjs.map

package/lib/vite-wrappers/generators/generateHasPermission.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"generateHasPermission.cjs","sources":["../../../src/vite-wrappers/generators/generateHasPermission.ts"],"sourcesContent":[null],"names":[],"mappings":"aAGA;;;;;;AAMG;SACa,qBAAqB,CAAC,OAAiB,EAAE,WAAoB,KAAK,EAAA;AAC9E,IAAA,MAAM,SAAS,GAAG,QAAQ,GAAG,OAAO,CAAC,eAAe,GAAG,OAAO,CAAC,SAAS,CAAC;IACzE,IAAI,SAAS,GAAG,EAAE,CAAC;;AAGnB,IAAA,IAAI,OAAO,CAAC,SAAS,EAAE,MAAM,GAAG,CAAC,IAAI,OAAO,CAAC,gBAAgB,EAAE,MAAM,GAAG,CAAC,EAAE;AACvE,QAAA,SAAS,GAAG,CAAA;;AAEiB,mCAAA,EAAA,IAAI,CAAC,SAAS,CAAC,OAAO,CAAC,SAAS,CAAC,CAAA;AACjC,mCAAA,EAAA,IAAI,CAAC,SAAS,CAAC,OAAO,CAAC,gBAAgB,CAAC,CAAA;;;SAGpE,CAAC;;QAGF,IAAI,SAAS,EAAE;AACX,YAAA,SAAS,IAAI,CAAA;;aAEZ,CAAC;SACL;QACD,SAAS,IAAI,GAAG,CAAC;KACpB;AACD,IAAA,OAAO,SAAS,CAAC;AACrB"}

package/lib/vite-wrappers/generators/generateHasPermission.d.ts

@@ -0,0 +1,9 @@
+import { IOptions } from '../../interfaces/types';
+/**
+ * Generates the permission-check logic for loaders, filtering permissions based on authority keys.
+ *
+ * @param options - The options containing the authority and extraPermissions to check.
+ * @param isClient - A flag to specify if it's for client-side loading (default: false).
+ * @returns The permission-check logic string.
+ */
+export declare function generateHasPermission(options: IOptions, isClient?: boolean): string;

package/lib/vite-wrappers/generators/generateHasPermission.js

@@ -0,0 +1,29 @@
+/**
+ * Generates the permission-check logic for loaders, filtering permissions based on authority keys.
+ *
+ * @param options - The options containing the authority and extraPermissions to check.
+ * @param isClient - A flag to specify if it's for client-side loading (default: false).
+ * @returns The permission-check logic string.
+ */
+function generateHasPermission(options, isClient = false) {
+    const hasLoader = isClient ? options.hasClientLoader : options.hasLoader;
+    let generates = '';
+    // Check if authority or extraPermissions are provided and generate logic for permission checks
+    if (options.authority?.length > 0 || options.extraPermissions?.length > 0) {
+        generates = `
+        if (permissions !== null) {
+            const permissionKeys = ${JSON.stringify(options.authority)} || [];
+            let extraPermissions = ${JSON.stringify(options.extraPermissions)} || [];
+            extraPermissions = permissionKeys.concat(extraPermissions);
+            permissions = pickValues(permissions, extraPermissions);
+        `;
+        // If loader is present, generate logic to determine if required permissions are allowed
+        if (hasLoader) {
+            generates += `
+                hasPermissions = permissionKeys.some(key => ['Allow'].includes(get(permissions.resolveConfiguration, key)));
+            `;
+        }
+        generates += `}`;
+    }
+    return generates;
+}export{generateHasPermission};//# sourceMappingURL=generateHasPermission.js.map

package/lib/vite-wrappers/generators/generateHasPermission.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"generateHasPermission.js","sources":["../../../src/vite-wrappers/generators/generateHasPermission.ts"],"sourcesContent":[null],"names":[],"mappings":"AAGA;;;;;;AAMG;SACa,qBAAqB,CAAC,OAAiB,EAAE,WAAoB,KAAK,EAAA;AAC9E,IAAA,MAAM,SAAS,GAAG,QAAQ,GAAG,OAAO,CAAC,eAAe,GAAG,OAAO,CAAC,SAAS,CAAC;IACzE,IAAI,SAAS,GAAG,EAAE,CAAC;;AAGnB,IAAA,IAAI,OAAO,CAAC,SAAS,EAAE,MAAM,GAAG,CAAC,IAAI,OAAO,CAAC,gBAAgB,EAAE,MAAM,GAAG,CAAC,EAAE;AACvE,QAAA,SAAS,GAAG,CAAA;;AAEiB,mCAAA,EAAA,IAAI,CAAC,SAAS,CAAC,OAAO,CAAC,SAAS,CAAC,CAAA;AACjC,mCAAA,EAAA,IAAI,CAAC,SAAS,CAAC,OAAO,CAAC,gBAAgB,CAAC,CAAA;;;SAGpE,CAAC;;QAGF,IAAI,SAAS,EAAE;AACX,YAAA,SAAS,IAAI,CAAA;;aAEZ,CAAC;SACL;QACD,SAAS,IAAI,GAAG,CAAC;KACpB;AACD,IAAA,OAAO,SAAS,CAAC;AACrB"}

package/lib/vite-wrappers/generators/generateHasPermission.test.d.ts

@@ -0,0 +1 @@
+export {};