@chocodrop/mcp 0.1.0-alpha.0

package/runtime/site/public/index.js

@@ -0,0 +1,9 @@
+/**
+ * ChocoDrop - Client Components
+ * Browser-side components for 3D scene integration
+ */
+
+export { ChocoDropClient, ChocoDroClient, LiveCommandClient } from './LiveCommandClient.js';
+export { SceneManager } from './SceneManager.js';
+export { CommandUI } from './CommandUI.js';
+export { createChocoDrop, createChocoDro, createLiveCommand } from './bootstrap.js';

package/runtime/site/public/load-chocodrop.js

@@ -0,0 +1,25 @@
+import ensureThree from './load-three.js';
+
+const BUNDLE_VERSION = '20260916-local-tools';
+const BUNDLE_URL = new URL(`./chocodrop-demo.umd.min.js?v=${BUNDLE_VERSION}`, import.meta.url).href;
+
+async function ensureChocoDrop() {
+  await ensureThree;
+
+  if (!window.__chocodropUmdPromise || window.__chocodropUmdPromise.version !== BUNDLE_VERSION) {
+    window.__chocodropUmdPromise = new Promise((resolve, reject) => {
+      const script = document.createElement('script');
+      script.src = BUNDLE_URL;
+      script.onload = () => resolve(window.ChocoDrop);
+      script.onerror = reject;
+      document.head.appendChild(script);
+    });
+    window.__chocodropUmdPromise.version = BUNDLE_VERSION;
+  }
+
+  await window.__chocodropUmdPromise;
+  return window.ChocoDrop;
+}
+
+export { ensureChocoDrop };
+export default ensureChocoDrop;

package/runtime/site/public/load-three.js

@@ -0,0 +1,26 @@
+const THREE_VERSION = '0.170.0';
+
+if (!window.__chocodropThreePromise) {
+  window.__chocodropThreePromise = (async () => {
+    if (window.THREE && window.THREE.GLTFLoader && window.THREE.OrbitControls) {
+      return window.THREE;
+    }
+
+    const THREE_MODULE = await import(`https://cdn.jsdelivr.net/npm/three@${THREE_VERSION}/build/three.module.js`);
+    const [{ OrbitControls }, { GLTFLoader }] = await Promise.all([
+      import(`https://cdn.jsdelivr.net/npm/three@${THREE_VERSION}/examples/jsm/controls/OrbitControls.js`),
+      import(`https://cdn.jsdelivr.net/npm/three@${THREE_VERSION}/examples/jsm/loaders/GLTFLoader.js`)
+    ]);
+
+    // Create extensible THREE object with all exports
+    window.THREE = {
+      ...THREE_MODULE,
+      OrbitControls,
+      GLTFLoader
+    };
+
+    return window.THREE;
+  })();
+}
+
+export default window.__chocodropThreePromise;

package/runtime/site/public/manifest.webmanifest

@@ -0,0 +1,59 @@
+{
+  "name": "ChocoDrop Immersive Studio",
+  "short_name": "ChocoDrop",
+  "description": "自然言語で3Dシーンに魔法をかける ChocoDrop の没入体験を、ホーム画面からワンタップで起動します。",
+  "lang": "ja",
+  "start_url": "/immersive.html",
+  "scope": "/",
+  "display": "standalone",
+  "display_override": [
+    "fullscreen",
+    "standalone"
+  ],
+  "background_color": "#0f172a",
+  "theme_color": "#6f35bc",
+  "orientation": "landscape",
+  "icons": [
+    {
+      "src": "/icons/icon-192.png",
+      "sizes": "192x192",
+      "type": "image/png"
+    },
+    {
+      "src": "/icons/icon-512.png",
+      "sizes": "512x512",
+      "type": "image/png"
+    },
+    {
+      "src": "/icons/icon-maskable-512.png",
+      "sizes": "512x512",
+      "type": "image/png",
+      "purpose": "maskable"
+    }
+  ],
+  "categories": [
+    "productivity",
+    "xr"
+  ],
+  "shortcuts": [
+    {
+      "name": "没入ビューを開く",
+      "short_name": "没入開始",
+      "description": "XRビューをすぐに立ち上げます",
+      "url": "/immersive.html#autoplay",
+      "icons": [
+        {
+          "src": "/icons/icon-192.png",
+          "sizes": "192x192",
+          "type": "image/png"
+        }
+      ]
+    },
+    {
+      "name": "コントロールパネル",
+      "short_name": "管理UI",
+      "description": "サーバーの状態を確認してAI生成を操作します",
+      "url": "/index.html"
+    }
+  ]
+}

package/runtime/site/public/pwa-bootstrap.js

@@ -0,0 +1,128 @@
+const SW_PATH = '/service-worker.js';
+const SW_SCOPE = '/';
+const SESSION_FILE = 'session.json';
+const MODELS_FILE = 'models.json';
+const LOG_FILE = 'chocodrop-dev.log';
+
+const supportsOPFS = Boolean(navigator.storage && navigator.storage.getDirectory);
+
+const opfs = {
+  supported: supportsOPFS,
+  rootPromise: null,
+  async getDirectory() {
+    if (!this.supported) {
+      return null;
+    }
+    if (!this.rootPromise) {
+      this.rootPromise = (async () => {
+        try {
+          const root = await navigator.storage.getDirectory();
+          return root.getDirectoryHandle('chocodrop-cache', { create: true });
+        } catch (error) {
+          console.warn('⚠️ OPFS初期化に失敗しました', error);
+          this.supported = false;
+          return null;
+        }
+      })();
+    }
+    return this.rootPromise;
+  }
+};
+
+async function writeFile(handle, text) {
+  const writable = await handle.createWritable();
+  await writable.write(text);
+  await writable.close();
+}
+
+async function saveJSON(filename, data) {
+  const dir = await opfs.getDirectory();
+  if (!dir) return false;
+  const handle = await dir.getFileHandle(filename, { create: true });
+  await writeFile(handle, JSON.stringify(data, null, 2));
+  return true;
+}
+
+async function readJSON(filename, fallback = null) {
+  const dir = await opfs.getDirectory();
+  if (!dir) return fallback;
+  try {
+    const handle = await dir.getFileHandle(filename, { create: true });
+    const file = await handle.getFile();
+    const text = await file.text();
+    return text ? JSON.parse(text) : fallback;
+  } catch (error) {
+    console.warn('⚠️ OPFS読み込みに失敗しました', error);
+    return fallback;
+  }
+}
+
+async function appendLogLine(text) {
+  const dir = await opfs.getDirectory();
+  if (!dir) return false;
+  const handle = await dir.getFileHandle(LOG_FILE, { create: true });
+  const timestamp = new Date().toISOString();
+  const file = await handle.getFile();
+  const existing = await file.text();
+  const next = `${existing || ''}${timestamp} ${text}\n`;
+  await writeFile(handle, next);
+  return true;
+}
+
+async function registerServiceWorker() {
+  if (!('serviceWorker' in navigator)) {
+    return null;
+  }
+  try {
+    const registration = await navigator.serviceWorker.register(SW_PATH, { scope: SW_SCOPE });
+    navigator.serviceWorker.addEventListener('controllerchange', () => {
+      console.info('🔄 Service Worker controller changed (更新適用)');
+    });
+    return registration;
+  } catch (error) {
+    console.error('❌ Service Worker登録に失敗しました', error);
+    await appendLogLine(`[sw-error] ${error.message || error}`);
+    return null;
+  }
+}
+
+async function ensureOpfsBootstrap() {
+  await opfs.getDirectory();
+}
+
+if (!window.chocoPWA) {
+  window.chocoPWA = {
+    supportsOPFS,
+    ready: ensureOpfsBootstrap(),
+    async saveSession(session) {
+      if (!supportsOPFS) return false;
+      const payload = {
+        ...session,
+        savedAt: new Date().toISOString()
+      };
+      return saveJSON(SESSION_FILE, payload);
+    },
+    async loadSession() {
+      if (!supportsOPFS) return null;
+      return readJSON(SESSION_FILE, null);
+    },
+    async saveModels(models) {
+      if (!supportsOPFS) return false;
+      return saveJSON(MODELS_FILE, {
+        models,
+        savedAt: new Date().toISOString()
+      });
+    },
+    async loadModels() {
+      if (!supportsOPFS) return null;
+      return readJSON(MODELS_FILE, null);
+    },
+    async appendLog(entry) {
+      if (!supportsOPFS) return false;
+      const text = typeof entry === 'string' ? entry : JSON.stringify(entry);
+      return appendLogLine(text);
+    }
+  };
+}
+
+registerServiceWorker();

package/runtime/site/public/sample-card.svg

@@ -0,0 +1,15 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="640" height="480" viewBox="0 0 640 480">
+  <rect width="640" height="480" rx="36" fill="#fff5df"/>
+  <rect x="24" y="24" width="592" height="432" rx="24" fill="none" stroke="#b18a5c" stroke-width="2"/>
+  <g fill="#674331" stroke="#9d7250" stroke-width="4">
+    <rect x="254" y="84" width="58" height="58" rx="9"/>
+    <rect x="326" y="84" width="58" height="58" rx="9"/>
+    <rect x="254" y="156" width="58" height="58" rx="9"/>
+    <rect x="326" y="156" width="58" height="58" rx="9"/>
+  </g>
+  <text x="320" y="296" text-anchor="middle" font-family="sans-serif" font-size="48" font-weight="bold" fill="#493322">ChocoDrop</text>
+  <text x="320" y="346" text-anchor="middle" font-family="sans-serif" font-size="22" fill="#765f49">Your first drop.</text>
+  <circle cx="268" cy="395" r="7" fill="#ae7cbd"/>
+  <circle cx="320" cy="395" r="7" fill="#e1aa57"/>
+  <circle cx="372" cy="395" r="7" fill="#92b5a0"/>
+</svg>

package/runtime/site/public/service-worker.js

@@ -0,0 +1,117 @@
+const CACHE_VERSION = 'chocodrop-pwa-v1';
+const BUNDLE_VERSION = '20251011025008';
+
+const APP_SHELL = [
+  '/',
+  '/index.html',
+  '/immersive.html',
+  '/manifest.webmanifest',
+  '/pwa-bootstrap.js',
+  '/immersive-launcher.js',
+  '/load-chocodrop.js',
+  '/load-three.js',
+  '/bootstrap.js',
+  '/CommandUI.js',
+  '/SceneManager.js',
+  '/LiveCommandClient.js',
+  '/translation-dictionary.js',
+  '/index.js',
+  `/chocodrop-demo.umd.min.js?v=${BUNDLE_VERSION}`,
+  '/icons/icon-192.png',
+  '/icons/icon-512.png',
+  '/icons/icon-maskable-512.png'
+];
+
+self.addEventListener('install', (event) => {
+  event.waitUntil(
+    caches.open(CACHE_VERSION).then((cache) => cache.addAll(APP_SHELL)).then(() => self.skipWaiting())
+  );
+});
+
+self.addEventListener('activate', (event) => {
+  event.waitUntil(
+    caches.keys().then((keys) =>
+      Promise.all(keys.filter((key) => key !== CACHE_VERSION).map((key) => caches.delete(key)))
+    ).then(() => self.clients.claim())
+  );
+});
+
+function isNavigationRequest(request) {
+  return request.mode === 'navigate' ||
+    (request.method === 'GET' && request.headers.get('accept')?.includes('text/html'));
+}
+
+async function cacheFirst(request) {
+  const cache = await caches.open(CACHE_VERSION);
+  const cached = await cache.match(request);
+  if (cached) {
+    return cached;
+  }
+  const response = await fetch(request);
+  cache.put(request, response.clone());
+  return response;
+}
+
+async function networkFirst(request) {
+  const cache = await caches.open(CACHE_VERSION);
+  try {
+    const response = await fetch(request);
+    cache.put(request, response.clone());
+    return response;
+  } catch (error) {
+    const cached = await cache.match(request);
+    if (cached) {
+      return cached;
+    }
+    if (isNavigationRequest(request)) {
+      return cache.match('/immersive.html') || cache.match('/index.html');
+    }
+    throw error;
+  }
+}
+
+self.addEventListener('fetch', (event) => {
+  const { request } = event;
+  if (request.method !== 'GET') {
+    return;
+  }
+
+  const url = new URL(request.url);
+
+  if (url.origin === self.location.origin) {
+    if (isNavigationRequest(request)) {
+      event.respondWith(networkFirst(request));
+      return;
+    }
+
+    if (APP_SHELL.includes(url.pathname) || APP_SHELL.includes(url.pathname + url.search)) {
+      event.respondWith(cacheFirst(request));
+      return;
+    }
+
+    event.respondWith(cacheFirst(request));
+    return;
+  }
+
+  event.respondWith(
+    caches.open(CACHE_VERSION).then((cache) =>
+      cache.match(request).then((cached) => {
+        const networkFetch = fetch(request)
+          .then((response) => {
+            if (response && response.status === 200) {
+              cache.put(request, response.clone());
+            }
+            return response;
+          })
+          .catch(() => cached);
+        return cached || networkFetch;
+      })
+    )
+  );
+});
+
+self.addEventListener('message', (event) => {
+  if (event.data && event.data.type === 'SKIP_WAITING') {
+    self.skipWaiting();
+  }
+});

package/runtime/site/public/translation-dictionary.js

@@ -0,0 +1,257 @@
+/**
+ * ChocoDrop 共通翻訳辞書
+ * サーバー・クライアント共通で使用する日本語→英語翻訳辞書
+ */
+
+const TRANSLATION_DICTIONARY = {
+  // ファンタジー・魔法系
+  'ユニコーン': 'unicorn',
+  'ドラゴン': 'dragon',
+  '龍': 'dragon',
+  '怪獣': 'monster',
+  'モンスター': 'monster',
+  '魔法使い': 'wizard',
+  '魔術師': 'sorcerer',
+  '魔女': 'witch',
+  '妖精': 'fairy',
+  '🧚': 'fairy',
+  '🧙': 'wizard',
+  '魔法杖': 'magic wand',
+  '杖': 'wand',
+  'スタッフ': 'staff',
+  '魔法': 'magic',
+  '呪文': 'spell',
+  '魔法陣': 'magic circle',
+  '水晶玉': 'crystal ball',
+  '薬瓶': 'potion bottle',
+  '魔導書': 'grimoire',
+  'フェニックス': 'phoenix',
+  'グリフィン': 'griffin',
+  'ペガサス': 'pegasus',
+  'ケルベロス': 'cerberus',
+
+  // 動物
+  '画像': 'image',
+  '写真': 'photo',
+  'イメージ': 'image',
+  '絵': 'picture',
+  'ファイル': 'file',
+  'メディア': 'media',
+  '素材': 'asset',
+  '動画': 'video',
+  'ビデオ': 'video',
+  'ムービー': 'movie',
+  '映像': 'video',
+  'クリップ': 'clip',
+  '猫': 'cat',
+  'ネコ': 'cat',
+  'ねこ': 'cat',
+  '犬': 'dog',
+  'イヌ': 'dog',
+  'いぬ': 'dog',
+  '狼': 'wolf',
+  '熊': 'bear',
+  'ライオン': 'lion',
+  'トラ': 'tiger',
+  '象': 'elephant',
+  'キリン': 'giraffe',
+  'シマウマ': 'zebra',
+  'パンダ': 'panda',
+  'ウサギ': 'rabbit',
+  'リス': 'squirrel',
+  'ハムスター': 'hamster',
+  'フクロウ': 'owl',
+  'ワシ': 'eagle',
+  'カラス': 'crow',
+  'ハト': 'dove',
+  'ペンギン': 'penguin',
+  'イルカ': 'dolphin',
+  'クジラ': 'whale',
+  'サメ': 'shark',
+  'タコ': 'octopus',
+  'カニ': 'crab',
+  'エビ': 'shrimp',
+
+  // 自然・風景
+  '花': 'flower',
+  'はな': 'flower',
+  'ハナ': 'flower',
+  '桜': 'cherry blossom',
+  'バラ': 'rose',
+  'ひまわり': 'sunflower',
+  'チューリップ': 'tulip',
+  '雲': 'cloud',
+  '空': 'sky',
+  '海': 'ocean',
+  '湖': 'lake',
+  '川': 'river',
+  '山': 'mountain',
+  'やま': 'mountain',
+  'ヤマ': 'mountain',
+  '森': 'forest',
+  '木': 'tree',
+  'き': 'tree',
+  'キ': 'tree',
+  '草原': 'meadow',
+  '砂漠': 'desert',
+  '滝': 'waterfall',
+  '洞窟': 'cave',
+  '島': 'island',
+  '星座': 'constellation',
+  '銀河': 'galaxy',
+  '惑星': 'planet',
+
+  // 建物・場所
+  '城': 'castle',
+  'しろ': 'castle',
+  'シロ': 'castle',
+  '宮殿': 'palace',
+  '家': 'house',
+  '塔': 'tower',
+  '教会': 'church',
+  '神殿': 'temple',
+  '図書館': 'library',
+  '学校': 'school',
+  '病院': 'hospital',
+  '駅': 'station',
+  '空港': 'airport',
+  '港': 'port',
+  '橋': 'bridge',
+  '灯台': 'lighthouse',
+  '風車': 'windmill',
+  '庭': 'garden',
+  '公園': 'park',
+  '遊園地': 'amusement park',
+
+  // 乗り物
+  '車': 'car',
+  '電車': 'train',
+  'バス': 'bus',
+  '飛行機': 'airplane',
+  'ヘリコプター': 'helicopter',
+  '船': 'ship',
+  'ヨット': 'yacht',
+  '自転車': 'bicycle',
+  'バイク': 'motorcycle',
+  'ロケット': 'rocket',
+
+  // 天体・時間
+  '月': 'moon',
+  '太陽': 'sun',
+  '星': 'star',
+  '彗星': 'comet',
+  '流れ星': 'shooting star',
+  '虹': 'rainbow',
+  '雷': 'lightning',
+  '雪': 'snow',
+  '雨': 'rain',
+  '嵐': 'storm',
+  '霧': 'fog',
+  '氷': 'ice',
+  '火': 'fire',
+  '水': 'water',
+  '風': 'wind',
+  '光': 'light',
+  '影': 'shadow',
+  '夜': 'night',
+  '朝': 'morning',
+  '夕方': 'evening',
+
+  // 色・素材
+  '赤': 'red',
+  '青': 'blue',
+  '緑': 'green',
+  '黄色': 'yellow',
+  '白': 'white',
+  '黒': 'black',
+  '紫': 'purple',
+  'ピンク': 'pink',
+  'オレンジ': 'orange',
+  '茶色': 'brown',
+  'グレー': 'gray',
+  '金': 'gold',
+  '銀': 'silver',
+  'プラチナ': 'platinum',
+  '銅': 'copper',
+  '鉄': 'iron',
+  '石': 'stone',
+  '木材': 'wood',
+  'ガラス': 'glass',
+  '水晶': 'crystal',
+  'ダイヤモンド': 'diamond',
+
+  // 鳥類
+  '鳥': 'bird',
+  'とり': 'bird',
+  'トリ': 'bird'
+};
+
+/**
+ * オブジェクト識別用のエイリアス辞書（拡張版）
+ * 翻訳辞書から逆マッピングを生成し、エイリアスも含める
+ */
+function createObjectKeywords() {
+  const keywords = {};
+
+  // 翻訳辞書から逆マッピングを作成
+  for (const [japanese, english] of Object.entries(TRANSLATION_DICTIONARY)) {
+    // 英語をキーとして日本語とエイリアスを格納
+    if (!keywords[japanese]) {
+      keywords[japanese] = [];
+    }
+
+    // 英語の翻訳を追加
+    if (!keywords[japanese].includes(english)) {
+      keywords[japanese].push(english);
+    }
+  }
+
+  return keywords;
+}
+
+/**
+ * 日本語キーワードを英語に翻訳
+ */
+function translateKeyword(japanese) {
+  return TRANSLATION_DICTIONARY[japanese] || japanese;
+}
+
+/**
+ * ファイル名と日本語キーワードをマッチング
+ */
+function matchKeywordWithFilename(keyword, filename, keywords) {
+  const lowerFilename = filename.toLowerCase();
+
+  // 直接マッチ
+  if (lowerFilename.includes(keyword.toLowerCase())) {
+    return true;
+  }
+
+  // キーワード辞書での相互マッチ
+  for (const [jp, aliases] of Object.entries(keywords)) {
+    // キーワードが日本語の場合、対応する英語エイリアスをファイル名で探す
+    if (keyword.includes(jp)) {
+      for (const alias of aliases) {
+        if (lowerFilename.includes(alias.toLowerCase())) {
+          return true;
+        }
+      }
+    }
+  }
+
+  // 翻訳辞書での直接マッチ
+  const englishKeyword = translateKeyword(keyword);
+  if (englishKeyword !== keyword && lowerFilename.includes(englishKeyword.toLowerCase())) {
+    return true;
+  }
+
+  return false;
+}
+
+// ES6 Modules (クライアント用)
+export { TRANSLATION_DICTIONARY, createObjectKeywords, translateKeyword, matchKeywordWithFilename };
+
+// CommonJS (サーバー用)
+if (typeof module !== 'undefined' && module.exports) {
+  module.exports = { TRANSLATION_DICTIONARY, createObjectKeywords, translateKeyword, matchKeywordWithFilename };
+}