Claude/create di core playground 01 qh r kpa f9 bht4x la2 bxs jbr

.github/workflows/ci.yml

@@ -52,6 +52,12 @@ jobs:
           bun install
           bun run build
 
+      - name: Build playground
+        run: |
+          cd monorepo/apps/di-playground
+          bun install
+          bun run build
+
       - name: Upload test harness for Pages
         uses: actions/upload-artifact@v4
         with:
@@ -64,6 +70,12 @@ jobs:
           name: docs-dist
           path: monorepo/apps/docs-starlight/dist/
 
+      - name: Upload playground for Pages
+        uses: actions/upload-artifact@v4
+        with:
+          name: playground-dist
+          path: monorepo/apps/di-playground/dist/
+
   # Deploy to GitHub Pages
   deploy-pages:
     name: Deploy to GitHub Pages
@@ -89,6 +101,12 @@ jobs:
           name: test-harness-dist
           path: ./pages-site/test-harness
 
+      - name: Download playground build
+        uses: actions/download-artifact@v4
+        with:
+          name: playground-dist
+          path: ./pages-site/playground
+
       - name: Create root index page
         run: |
           cat > ./pages-site/index.html << 'EOF'
@@ -130,7 +148,7 @@ jobs:
               }
               .links {
                 display: grid;
-                grid-template-columns: 1fr 1fr;
+                grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
                 gap: 2rem;
                 margin-top: 2rem;
               }
@@ -184,6 +202,10 @@ jobs:
                   <h2>🧪 Interactive Examples</h2>
                   <p>Live demos and transformations you can try right now</p>
                 </a>
+                <a href="./playground/" class="link-card">
+                  <h2>🎮 Playground</h2>
+                  <p>Interactive code editor with live transformation preview</p>
+                </a>
               </div>
 
               <div class="github-link">

Backlog.md

@@ -2,85 +2,26 @@
 
 ## ordered log (for production release)
 
-### console log in di-core and vite-plugin
+### fix interface collision & test case
 
-### remove magic strings
+two interface of the same name and in different files are resolved inproperly
 
-see `.includes('` `*.*js*,*.md,*.test.ts`
+`should fail with current implementation - interface name collision`
 
-Magic strings that will cause plugin failures for users and need to be made configurable:
+### [✅] playground
 
-#### 🔴 HIGH PRIORITY - Will break plugin functionality:
+> ✅ use vite plugin in playground application similarly to https://typia.io/playground/ or others
 
-**1. File path filtering (affects all users):**
+- ✅ fix all builds
+- ✅ fix all tests
+- ✅ add playground delpoyment to github pages
+- ✅ add build and ALL tests to CI
+  - ✅ dicore unit & e2e
+  - ✅ cross package
+  - ✅ e2e
 
-- `shouldSkipFile` / `shouldProcessFile` in multiple locations:
-  - [functional-di-enhanced-transformer.ts:468-471](monorepo/packages/di-core/tools/functional-di-enhanced-transformer/functional-di-enhanced-transformer.ts#L468-L471) - `'generated'`, `'node_modules'`, `'.d.ts'`, `'.tdi2'`
-  - [utils.ts:10-15](monorepo/packages/di-core/tools/functional-di-enhanced-transformer/utils.ts#L10-L15) - `'generated'`, `'node_modules'`, `'.d.ts'`, `'.tdi2'`, `'.test.'`, `'.spec.'`
-  - [integrated-interface-resolver.ts:346-349](monorepo/packages/di-core/tools/interface-resolver/integrated-interface-resolver.ts#L346-L349) - Same patterns
-  - [enhanced-di-transformer.ts:314-317](monorepo/packages/di-core/tools/enhanced-di-transformer.ts#L314-L317) - Same patterns
-  - [plugin-core/config.ts:127,132](monorepo/packages/plugin-core/src/config.ts#L127,132) - `'node_modules'`, `'.tdi2'`, `'/generated/'`
-
-  **Issue**: Users with custom output directories or non-standard project structures will have their files incorrectly filtered
-  **Solution**: Add `excludePatterns?: string[]` to plugin options
-
-**2. DI pattern detection (affects pattern matching):**
-
-- [pattern-detection.ts:36-82](monorepo/packages/plugin-core/src/pattern-detection.ts#L36-L82):
-  - Service patterns: `'@Service'`, `'Inject<'`, `'@Inject'`, `'implements'`, `'Interface'`
-  - File naming: `'.service.'`, `'/services/'`, `'\\services\\'`, `'.component.'`, `'/components/'`, `'\\components\\'`
-
-  **Issue**: Users with different naming conventions won't be detected
-  **Solution**: Make pattern detection configurable via plugin options (already partially done via `advanced.diPatterns`)
-
-**3. Marker detection hardcoded strings:**
-
-- [utils.ts:41,88](monorepo/packages/di-core/tools/functional-di-enhanced-transformer/utils.ts#L41,88) - `'Inject<'`, `'InjectOptional<'`
-- [debug-file-generator.ts:144-170](monorepo/packages/di-core/tools/functional-di-enhanced-transformer/debug-file-generator.ts#L144-L170) - `'useService('`, `'useOptionalService('`, `'import'`, `'const {'`, `'} = props'`, etc.
-
-  **Issue**: Users with custom DI markers won't be detected
-  **Solution**: Already configurable via `advanced.diPatterns.interfaceMarker`
-
-#### 🟡 MEDIUM PRIORITY - May affect some users:
-
-**4. Vite plugin-specific patterns:**
-
-- [vite-plugin-di/plugin.ts:405,494](monorepo/packages/vite-plugin-di/src/plugin.ts#L405,494) - `'.tdi2'` for HMR filtering
-
-  **Issue**: Users with custom outputDir won't get proper HMR
-  **Solution**: Use `options.outputDir` instead of hardcoded `.tdi2`
-
-**5. HMR message detection:**
-
-- [vite-plugin-di/e2e/helpers.ts:198,217-218](monorepo/packages/vite-plugin-di/e2e/helpers.ts#L198,217-218) - `'[vite] hmr update'`, `'[vite] hot updated'`, `'[vite] page reload'`, `'full-reload'`
-
-  **Issue**: Tests only - false positive
-
-#### ACTION ITEMS:
-
-1. **Add to plugin options**:
-
-   ```typescript
-   export interface DIPluginOptions {
-     // ... existing options
-     excludePatterns?: string[]; // Default: ['node_modules', '.d.ts', '.test.', '.spec.']
-     excludeDirs?: string[]; // Default: ['node_modules']
-     // Note: outputDir already configurable, should be used instead of hardcoded '.tdi2'
-   }
-   ```
-
-2. **Files to update**:
-   - Replace hardcoded `'.tdi2'` checks with `options.outputDir` in vite-plugin HMR code
-   - Replace hardcoded exclude patterns with `options.excludePatterns` in all `shouldSkipFile` functions
-   - Document that `advanced.diPatterns` is available for custom marker detection
-
-3. **Testing**:
-   - Add tests for custom `outputDir` with HMR
-   - Add tests for custom `excludePatterns`
-
-### [❌] playground
-
-> use vite plugin in playground application similarly to https://typia.io/playground/ or others
+✅ fix preview  
+✅ fix comments in PR
 
 ### [❌] write state ownership docs section
 
@@ -756,6 +697,84 @@ evaluate scenarios
 
 ## Done
 
+### ✅ console log in di-core and vite-plugin
+
+improve logging with DEBUG and LOG_LEVEL
+
+### ✅ remove magic strings
+
+see `.includes('` `*.*js*,*.md,*.test.ts`
+
+Magic strings that will cause plugin failures for users and need to be made configurable:
+
+#### 🔴 HIGH PRIORITY - Will break plugin functionality:
+
+**1. File path filtering (affects all users):**
+
+- `shouldSkipFile` / `shouldProcessFile` in multiple locations:
+  - [functional-di-enhanced-transformer.ts:468-471](monorepo/packages/di-core/tools/functional-di-enhanced-transformer/functional-di-enhanced-transformer.ts#L468-L471) - `'generated'`, `'node_modules'`, `'.d.ts'`, `'.tdi2'`
+  - [utils.ts:10-15](monorepo/packages/di-core/tools/functional-di-enhanced-transformer/utils.ts#L10-L15) - `'generated'`, `'node_modules'`, `'.d.ts'`, `'.tdi2'`, `'.test.'`, `'.spec.'`
+  - [integrated-interface-resolver.ts:346-349](monorepo/packages/di-core/tools/interface-resolver/integrated-interface-resolver.ts#L346-L349) - Same patterns
+  - [enhanced-di-transformer.ts:314-317](monorepo/packages/di-core/tools/enhanced-di-transformer.ts#L314-L317) - Same patterns
+  - [plugin-core/config.ts:127,132](monorepo/packages/plugin-core/src/config.ts#L127,132) - `'node_modules'`, `'.tdi2'`, `'/generated/'`
+
+  **Issue**: Users with custom output directories or non-standard project structures will have their files incorrectly filtered
+  **Solution**: Add `excludePatterns?: string[]` to plugin options
+
+**2. DI pattern detection (affects pattern matching):**
+
+- [pattern-detection.ts:36-82](monorepo/packages/plugin-core/src/pattern-detection.ts#L36-L82):
+  - Service patterns: `'@Service'`, `'Inject<'`, `'@Inject'`, `'implements'`, `'Interface'`
+  - File naming: `'.service.'`, `'/services/'`, `'\\services\\'`, `'.component.'`, `'/components/'`, `'\\components\\'`
+
+  **Issue**: Users with different naming conventions won't be detected
+  **Solution**: Make pattern detection configurable via plugin options (already partially done via `advanced.diPatterns`)
+
+**3. Marker detection hardcoded strings:**
+
+- [utils.ts:41,88](monorepo/packages/di-core/tools/functional-di-enhanced-transformer/utils.ts#L41,88) - `'Inject<'`, `'InjectOptional<'`
+- [debug-file-generator.ts:144-170](monorepo/packages/di-core/tools/functional-di-enhanced-transformer/debug-file-generator.ts#L144-L170) - `'useService('`, `'useOptionalService('`, `'import'`, `'const {'`, `'} = props'`, etc.
+
+  **Issue**: Users with custom DI markers won't be detected
+  **Solution**: Already configurable via `advanced.diPatterns.interfaceMarker`
+
+#### 🟡 MEDIUM PRIORITY - May affect some users:
+
+**4. Vite plugin-specific patterns:**
+
+- [vite-plugin-di/plugin.ts:405,494](monorepo/packages/vite-plugin-di/src/plugin.ts#L405,494) - `'.tdi2'` for HMR filtering
+
+  **Issue**: Users with custom outputDir won't get proper HMR
+  **Solution**: Use `options.outputDir` instead of hardcoded `.tdi2`
+
+**5. HMR message detection:**
+
+- [vite-plugin-di/e2e/helpers.ts:198,217-218](monorepo/packages/vite-plugin-di/e2e/helpers.ts#L198,217-218) - `'[vite] hmr update'`, `'[vite] hot updated'`, `'[vite] page reload'`, `'full-reload'`
+
+  **Issue**: Tests only - false positive
+
+#### ACTION ITEMS:
+
+1. **Add to plugin options**:
+
+   ```typescript
+   export interface DIPluginOptions {
+     // ... existing options
+     excludePatterns?: string[]; // Default: ['node_modules', '.d.ts', '.test.', '.spec.']
+     excludeDirs?: string[]; // Default: ['node_modules']
+     // Note: outputDir already configurable, should be used instead of hardcoded '.tdi2'
+   }
+   ```
+
+2. **Files to update**:
+   - Replace hardcoded `'.tdi2'` checks with `options.outputDir` in vite-plugin HMR code
+   - Replace hardcoded exclude patterns with `options.excludePatterns` in all `shouldSkipFile` functions
+   - Document that `advanced.diPatterns` is available for custom marker detection
+
+3. **Testing**:
+   - Add tests for custom `outputDir` with HMR
+   - Add tests for custom `excludePatterns`
+
 ### ✅ hot reload fixes added path issue
 
 see `src/generated` to src/.tdi2