dynamic imports come from getAdaptedUrl from path.import.dev or path.…

…import.release

.gitignore

@@ -4,4 +4,6 @@ package-lock.json
 dist
 dist/*
 lib
-lib/*
+lib/*
+.vscode/*
+.vscode/

README.md

@@ -1,7 +1,7 @@
+<!-- markdownlint-disable-next-line -->
 <div align="center">
   <img src="https://raw.githubusercontent.com/hdrdevs/cedro/main/public/cedro-logo.svg" alt="Cedro" width="170">
   <h1>cedro</h1>
-
 </div>
 <h6>Javascript library to build user interfece based on widgets.</h6>
 

src/core/application.builder.tsx

@@ -2,6 +2,7 @@ import { Widget, WidgetAlignTypes } from "../ui";
 import { createWidget } from "../ui/widget.builder";
 import Application, { ApplicationProps } from "./application.core";
 import { decode } from "./html.entities";
+import { getAdaptedUrl } from "./path.import.dev";
 
 function getApplicationProps(content: any): ApplicationProps {
     let props: ApplicationProps = {
@@ -66,32 +67,8 @@ export function createApplication(content: any): Application {
                 if (ietmRoute.getAttribute("w-route-path") && ietmRoute.getAttribute("href")) {
                     newApp.router.on(decode(ietmRoute.getAttribute("href")), () => {
                         const url = decode(ietmRoute.getAttribute("href"));
-                        const timestamp = new Date().getTime();
                         const isProduction = process.env.NODE_ENV === "production";
-
-                        /*
-                        //DEVELOPMENT
-
-                        const pathDev = ".." + url + "?ts=" + timestamp;
-
-                        const pathProduction = `../../assets${decode(
-                            ietmRoute.getAttribute("href")
-                        )}/index.js?ts=${timestamp}`;
-
-                        //FIN DEVELOPMENT
-*/
-                        //PUBLISH
-
-                        const pathDev = "../../../../src" + url + "?ts=" + timestamp;
-
-                        const pathProduction = `/assets${decode(
-                            ietmRoute.getAttribute("href")
-                        )}index.js?ts=${timestamp}`;
-
-                        //FIN PUBLISH
-
-                        const path = isProduction ? pathProduction : pathDev;
-
+                        const path = getAdaptedUrl(url);
                         import(/*@vite-ignore*/ path).then((module) => {
                             newApp.clearLoadedModule();
                             newApp.setLoadedModule(module.default);

src/core/path.import.dev.ts

@@ -0,0 +1,7 @@
+export const getAdaptedUrl = (url: string) => {
+    const timestamp = new Date().getTime();
+    const isProduction = process.env.NODE_ENV === "production";
+    const pathDev = ".." + url + "?ts=" + timestamp;
+    const pathProduction = `../../assets${url}/index.js?ts=${timestamp}`;
+    return isProduction ? pathProduction : pathDev;
+};

src/core/path.import.release.ts

@@ -0,0 +1,7 @@
+export const getAdaptedUrl = (url: string) => {
+    const timestamp = new Date().getTime();
+    const isProduction = process.env.NODE_ENV === "production";
+    const pathDev = "../../../../src" + url + "?ts=" + timestamp;
+    const pathProduction = `/assets${url}index.js?ts=${timestamp}`;
+    return isProduction ? pathProduction : pathDev;
+};