viewlogic 1.0.1 → 1.0.3

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "viewlogic",
-  "version": "1.0.1",
+  "version": "1.0.3",
   "description": "A lightweight, file-based routing system for Vue 3 applications with zero build configuration",
   "main": "dist/viewlogic-router.umd.js",
   "module": "src/viewlogic-router.js",

package/src/core/RouteLoader.js

@@ -32,7 +32,7 @@ export class RouteLoader {
                 const module = await import(importPath);
                 script = module.default;
             } else {
-                // 개발 모드: src 폴더에서 로드 (절대 경로)
+                // 개발 모드: basePath는 이미 origin이 포함되어 있음
                 const importPath = `${this.config.basePath}/logic/${routeName}.js`;
                 this.log('debug', `Loading development route: ${importPath}`);
                 const module = await import(importPath);
@@ -63,7 +63,8 @@ export class RouteLoader {
      */
     async loadTemplate(routeName) {
         try {
-            const response = await fetch(`${this.config.basePath}/views/${routeName}.html`);
+            const templatePath = `${this.config.basePath}/views/${routeName}.html`;
+            const response = await fetch(templatePath);
             if (!response.ok) throw new Error(`Template not found: ${response.status}`);
             const template = await response.text();
             this.log('debug', `Template '${routeName}' loaded successfully`);
@@ -80,7 +81,8 @@ export class RouteLoader {
      */
     async loadStyle(routeName) {
         try {
-            const response = await fetch(`${this.config.basePath}/styles/${routeName}.css`);
+            const stylePath = `${this.config.basePath}/styles/${routeName}.css`;
+            const response = await fetch(stylePath);
             if (!response.ok) throw new Error(`Style not found: ${response.status}`);
             const style = await response.text();
             this.log('debug', `Style '${routeName}' loaded successfully`);
@@ -97,7 +99,8 @@ export class RouteLoader {
      */
     async loadLayout(layoutName) {
         try {
-            const response = await fetch(`${this.config.basePath}/layouts/${layoutName}.html`);
+            const layoutPath = `${this.config.basePath}/layouts/${layoutName}.html`;
+            const response = await fetch(layoutPath);
             if (!response.ok) throw new Error(`Layout not found: ${response.status}`);
             const layout = await response.text();
             

package/src/plugins/I18nManager.js

@@ -188,8 +188,9 @@ export class I18nManager {
         }
         
         try {
-            // JSON 파일로 변경
-            const response = await fetch(`../i18n/${language}.json`);
+            // JSON 파일로 변경 - config의 i18nPath 사용
+            const i18nPath = `${this.router.config.i18nPath}/${language}.json`;
+            const response = await fetch(i18nPath);
             if (!response.ok) {
                 throw new Error(`HTTP error! status: ${response.status}`);
             }

package/src/viewlogic-router.js

@@ -38,8 +38,10 @@ export class ViewLogicRouter {
      * 설정 빌드 (분리하여 가독성 향상)
      */
     _buildConfig(options) {
+        const currentOrigin = window.location.origin;
+        
         const defaults = {
-            basePath: '/src',
+            basePath: `${currentOrigin}/src`,
             mode: 'hash',
             cacheMode: 'memory',
             cacheTTL: 300000,
@@ -47,12 +49,13 @@ export class ViewLogicRouter {
             useLayout: true,
             defaultLayout: 'default',
             environment: 'development',
-            routesPath: '/routes',
+            routesPath: `${currentOrigin}/routes`,
             enableErrorReporting: true,
             useComponents: true,
             componentNames: ['Button', 'Modal', 'Card', 'Toast', 'Input', 'Tabs', 'Checkbox', 'Alert', 'DynamicInclude', 'HtmlInclude'],
             useI18n: true,
             defaultLanguage: 'ko',
+            i18nPath: `${currentOrigin}/i18n`,
             logLevel: 'info',
             authEnabled: false,
             loginRoute: 'login',
@@ -74,7 +77,20 @@ export class ViewLogicRouter {
             logSecurityWarnings: true
         };
         
-        return { ...defaults, ...options };
+        const config = { ...defaults, ...options };
+        
+        // 사용자가 제공한 basePath와 routesPath에 origin이 없으면 추가
+        if (options.basePath && !options.basePath.startsWith('http')) {
+            config.basePath = `${currentOrigin}${options.basePath}`;
+        }
+        if (options.routesPath && !options.routesPath.startsWith('http')) {
+            config.routesPath = `${currentOrigin}${options.routesPath}`;
+        }
+        if (options.i18nPath && !options.i18nPath.startsWith('http')) {
+            config.i18nPath = `${currentOrigin}${options.i18nPath}`;
+        }
+        
+        return config;
     }
 
 
@@ -114,7 +130,7 @@ export class ViewLogicRouter {
             if (this.config.useComponents) {
                 this.componentLoader = new ComponentLoader(this, {
                     ...this.config,
-                    basePath: this.config.basePath + '/components',
+                    basePath: `${this.config.basePath}/components`,
                     cache: true,
                     componentNames: this.config.componentNames
                 });