cedro 0.1.21 → 0.1.23

package/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>
 

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "cedro",
-    "version": "0.1.21",
+    "version": "0.1.23",
     "type": "module",
     "devDependencies": {
         "@types/node": "^20.4.4",

package/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.release";
 
 function getApplicationProps(content: any): ApplicationProps {
     let props: ApplicationProps = {
@@ -66,31 +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 = url + "index.tsx" + "?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);

package/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;
+};

package/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;
+};

package/rollup.config.js

@@ -1,35 +0,0 @@
-import resolve from "@rollup/plugin-node-resolve";
-import typescript from "rollup-plugin-typescript2";
-import postcss from "rollup-plugin-postcss";
-import inject from "@rollup/plugin-inject";
-
-export default {
-    input: "src/index.ts",
-    output: [
-        {
-            file: "lib/index.js",
-            format: "cjs",
-        },
-        {
-            file: "lib/index.esm.js",
-            format: "esm",
-        },
-    ],
-    plugins: [
-        resolve({
-            extensions: [".js", ".jsx", ".ts", ".tsx"],
-        }),
-        inject({
-            DOMcreateElement: ["@root/core/jsxsupport", "DOMcreateElement"],
-            DOMcreateFragment: ["@root/core/jsxsupport", "DOMcreateFragment"],
-        }),
-        typescript({
-            tsconfig: "./tsconfig.json", // Asegúrate de que esta ruta sea correcta
-        }),
-        postcss({
-            extract: true,
-            minimize: true,
-        }),
-    ],
-    external: ["react", "react-dom"],
-};

package/tsconfig.publish.json

@@ -1,36 +0,0 @@
-{
-  "compilerOptions": {
-    "jsx": "preserve",
-    "jsxFactory": "DOMcreateElement",
-    "jsxFragmentFactory": "DOMcreateFragment",
-    
-    "target": "ES2020",
-    "sourceMap": true,
-
-    "useDefineForClassFields": true,
-    "module": "ESNext",
-    "lib": ["ES2020", "DOM", "DOM.Iterable"],
-    "outDir": "lib",
-    "declaration": true,
-    "skipLibCheck": true,
-
-    /* Bundler mode */
-    "moduleResolution": "Node",
-    "resolveJsonModule": true,
-    "isolatedModules": true,
-
-    /* Linting */
-    "strict": true,
-    "esModuleInterop": true,
-    "noUnusedLocals": true,
-    "noUnusedParameters": true,
-    "noFallthroughCasesInSwitch": true,
-
-    "baseUrl": ".",
-    "paths": {
-      "@root/*": ["src/*"]
-    }
-  },
-  "include": ["src"],
-  "exclude": ["node_modules", "src/working"]
-}

package/vite.publish.config.ts

@@ -1,41 +0,0 @@
-import path, { resolve } from "path";
-import { defineConfig } from "vite";
-import { glob } from "glob";
-
-// Encuentra todos los archivos index.tsx dentro de la carpeta 'working'
-const entries = glob.sync("src/**/index.tsx").reduce((acc, file) => {
-    const entryName = file.replace("src/", "").replace(".tsx", "");
-    acc[entryName] = resolve(__dirname, file);
-    return acc;
-}, {});
-
-export default defineConfig({
-    plugins: [],
-    esbuild: {
-        jsxFactory: "DOMcreateElement",
-        jsxFragment: "DOMcreateFragment",
-        jsxInject: "import { DOMcreateElement, DOMcreateFragment } from '@root/core/jsxsupport';",
-    },
-    build: {
-        rollupOptions: {
-            input: { ...entries, main: resolve(__dirname, "index.html") },
-            output: {
-                entryFileNames: (chunkInfo) => {
-                    // Genera una estructura de nombres de archivo basada en la ubicación original
-                    const name = chunkInfo.name.replace(/src\//, "");
-                    return `assets/${name}.js`;
-                },
-                chunkFileNames: "assets/[name].js",
-                assetFileNames: "assets/[name].[ext]",
-                preserveModules: true,
-                preserveModulesRoot: "src",
-            },
-            preserveEntrySignatures: "allow-extension",
-        },
-    },
-    resolve: {
-        alias: {
-            "@root": path.resolve(__dirname, "./src/"),
-        },
-    },
-});