npm - craft-native - Versions diffs - 0.0.37 → 0.0.49 - Mend

craft-native 0.0.37 → 0.0.49

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (89) hide show

package/dist/android/src/index.js +268 -0
package/dist/android/src/index.js.map +10 -0
package/dist/android/templates/AndroidManifest.xml.template +69 -0
package/dist/android/templates/CraftBridge.kt.template +3748 -0
package/dist/android/templates/CraftBridgeExtensions.kt.template +383 -0
package/dist/android/templates/CraftWidgetProvider.kt.template +246 -0
package/dist/android/templates/MainActivity.kt.template +109 -0
package/dist/android/templates/build.gradle.kts.app.template +80 -0
package/dist/android/templates/build.gradle.kts.project.template +5 -0
package/dist/android/templates/fastlane/Appfile +25 -0
package/dist/android/templates/fastlane/Fastfile +192 -0
package/dist/android/templates/fastlane/Gemfile +7 -0
package/dist/android/templates/github-workflow-android.yml +248 -0
package/dist/android/templates/github-workflow-test.yml +329 -0
package/dist/android/templates/settings.gradle.kts.template +18 -0
package/dist/android/templates/test-bridges.html +1463 -0
package/dist/api/window.d.ts +18 -0
package/dist/api/window.d.ts.map +1 -1
package/dist/assets/index.d.ts.map +1 -1
package/dist/bridge/core.d.ts +2 -0
package/dist/bridge/core.d.ts.map +1 -1
package/dist/cli.js +4168 -0
package/dist/components/sidebar.d.ts +5 -1
package/dist/components/sidebar.d.ts.map +1 -1
package/dist/dev/devtools.d.ts +1 -1
package/dist/dev/devtools.d.ts.map +1 -1
package/dist/dev/hot-reload.d.ts +12 -3
package/dist/dev/hot-reload.d.ts.map +1 -1
package/dist/index.cjs +573 -208
package/dist/index.d.ts.map +1 -1
package/dist/index.js +585 -216
package/dist/index.js.map +45 -0
package/dist/ios/src/index.js +186 -0
package/dist/ios/src/index.js.map +10 -0
package/dist/ios/templates/CraftApp.swift +4241 -0
package/dist/ios/templates/CraftAppExtensions.swift +361 -0
package/dist/ios/templates/CraftWidget.swift +247 -0
package/dist/ios/templates/Info.plist.template +65 -0
package/dist/ios/templates/fastlane/Appfile +45 -0
package/dist/ios/templates/fastlane/Fastfile +189 -0
package/dist/ios/templates/fastlane/Gemfile +7 -0
package/dist/ios/templates/fastlane/Matchfile +58 -0
package/dist/ios/templates/github-workflow-ios.yml +192 -0
package/dist/ios/templates/github-workflow-release.yml +175 -0
package/dist/ios/templates/github-workflow-test.yml +272 -0
package/dist/ios/templates/project.yml.template +25 -0
package/dist/ios/templates/test-bridges.html +1463 -0
package/dist/package.d.ts +106 -2
package/dist/package.d.ts.map +1 -1
package/dist/package.test.d.ts +2 -0
package/dist/package.test.d.ts.map +1 -0
package/dist/styles/sidebar-templates.d.ts.map +1 -1
package/dist/styles/sidebars.d.ts +12 -8
package/dist/styles/sidebars.d.ts.map +1 -1
package/dist/templates/projects/blank/craft.config.ts +19 -0
package/dist/templates/projects/blank/index.html +27 -0
package/dist/templates/projects/blank/package.json +19 -0
package/dist/templates/projects/blank/src/main.ts +26 -0
package/dist/templates/projects/dashboard/craft.config.ts +42 -0
package/dist/templates/projects/dashboard/index.html +13 -0
package/dist/templates/projects/dashboard/package.json +20 -0
package/dist/templates/projects/dashboard/src/main.ts +163 -0
package/dist/templates/projects/dashboard/src/styles.css +280 -0
package/dist/templates/projects/drawer/craft.config.ts +47 -0
package/dist/templates/projects/drawer/index.html +13 -0
package/dist/templates/projects/drawer/package.json +21 -0
package/dist/templates/projects/drawer/src/main.ts +406 -0
package/dist/templates/projects/drawer/src/styles.css +468 -0
package/dist/templates/projects/ecommerce/craft.config.ts +32 -0
package/dist/templates/projects/ecommerce/index.html +13 -0
package/dist/templates/projects/ecommerce/package.json +19 -0
package/dist/templates/projects/ecommerce/src/main.ts +194 -0
package/dist/templates/projects/ecommerce/src/styles.css +169 -0
package/dist/templates/projects/social/craft.config.ts +32 -0
package/dist/templates/projects/social/index.html +13 -0
package/dist/templates/projects/social/package.json +19 -0
package/dist/templates/projects/social/src/main.ts +270 -0
package/dist/templates/projects/social/src/styles.css +216 -0
package/dist/templates/projects/tabs/craft.config.ts +47 -0
package/dist/templates/projects/tabs/index.html +13 -0
package/dist/templates/projects/tabs/package.json +21 -0
package/dist/templates/projects/tabs/src/main.ts +177 -0
package/dist/templates/projects/tabs/src/styles.css +163 -0
package/dist/types.d.ts +29 -0
package/dist/types.d.ts.map +1 -1
package/dist/updater/index.d.ts +1 -0
package/dist/updater/index.d.ts.map +1 -1
package/package.json +5 -12
package/bin/cli.ts +0 -937

package/dist/templates/projects/ecommerce/src/styles.css ADDED Viewed

@@ -0,0 +1,169 @@
+/* E-commerce Template Styles */
+:root {
+  --bg: #ffffff;
+  --text: #1a1a1a;
+  --accent: #0071e3;
+  --border: #e5e5e5;
+  --secondary: #f5f5f7;
+}
+@media (prefers-color-scheme: dark) {
+  :root {
+    --bg: #000000;
+    --text: #f5f5f7;
+    --border: #333;
+    --secondary: #1c1c1e;
+  }
+}
+* { margin: 0; padding: 0; box-sizing: border-box; }
+body {
+  font-family: system-ui, -apple-system, sans-serif;
+  background: var(--bg);
+  color: var(--text);
+}
+.app {
+  min-height: 100vh;
+  display: flex;
+  flex-direction: column;
+}
+.header {
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+  padding: 16px;
+  border-bottom: 1px solid var(--border);
+  position: sticky;
+  top: 0;
+  background: var(--bg);
+}
+.header h1 { font-size: 20px; }
+.cart-btn {
+  background: var(--secondary);
+  border: none;
+  padding: 8px 16px;
+  border-radius: 20px;
+  cursor: pointer;
+}
+main {
+  flex: 1;
+  padding: 16px;
+  padding-bottom: 80px;
+}
+.products-grid {
+  display: grid;
+  grid-template-columns: repeat(2, 1fr);
+  gap: 16px;
+}
+.product-card {
+  background: var(--secondary);
+  border-radius: 12px;
+  padding: 12px;
+  cursor: pointer;
+}
+.product-image {
+  aspect-ratio: 1;
+  background: linear-gradient(135deg, #667eea, #764ba2);
+  border-radius: 8px;
+  margin-bottom: 8px;
+}
+.product-image.large {
+  aspect-ratio: 4/3;
+}
+.product-card h3 { font-size: 14px; margin-bottom: 4px; }
+.price {
+  font-weight: 600;
+  color: var(--accent);
+  margin-bottom: 8px;
+}
+button {
+  background: var(--accent);
+  color: white;
+  border: none;
+  padding: 10px 16px;
+  border-radius: 8px;
+  width: 100%;
+  cursor: pointer;
+  font-weight: 600;
+}
+button:disabled {
+  opacity: 0.5;
+  cursor: not-allowed;
+}
+.cart-item {
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+  padding: 12px;
+  background: var(--secondary);
+  border-radius: 8px;
+  margin-bottom: 8px;
+}
+.cart-item button {
+  width: auto;
+  background: #ff3b30;
+}
+.cart-total {
+  text-align: right;
+  padding: 16px 0;
+  font-size: 18px;
+}
+.checkout-btn {
+  background: #34c759;
+}
+.product-detail { padding: 16px; }
+.product-detail button:first-child {
+  background: transparent;
+  color: var(--accent);
+  width: auto;
+  padding: 8px 0;
+  margin-bottom: 16px;
+}
+.empty-state {
+  text-align: center;
+  padding: 48px;
+  color: var(--text);
+  opacity: 0.6;
+}
+.bottom-nav {
+  position: fixed;
+  bottom: 0;
+  left: 0;
+  right: 0;
+  display: flex;
+  background: var(--bg);
+  border-top: 1px solid var(--border);
+  padding: 8px;
+}
+.bottom-nav button {
+  flex: 1;
+  background: transparent;
+  color: var(--text);
+}
+.bottom-nav button.active {
+  color: var(--accent);
+}

package/dist/templates/projects/social/craft.config.ts ADDED Viewed

@@ -0,0 +1,32 @@
+import type { CraftConfig } from 'craft-native'
+export default {
+  name: '{{appName}}',
+  version: '0.1.0',
+  platforms: {
+    ios: {
+      bundleId: '{{bundleId}}',
+      minimumVersion: '15.0',
+      capabilities: ['push-notifications', 'camera', 'photo-library'],
+    },
+    android: {
+      packageName: '{{packageName}}',
+      minSdk: 24,
+      permissions: ['INTERNET', 'CAMERA', 'READ_MEDIA_IMAGES', 'POST_NOTIFICATIONS'],
+    },
+    macos: {
+      bundleId: '{{bundleId}}',
+      category: 'social-networking',
+    },
+    windows: {
+      packageName: '{{packageName}}',
+    },
+  },
+  build: {
+    outDir: 'dist',
+    minify: true,
+    sourcemap: true,
+  },
+} satisfies CraftConfig

package/dist/templates/projects/social/index.html ADDED Viewed

@@ -0,0 +1,13 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <meta charset="UTF-8">
+  <meta name="viewport" content="width=device-width, initial-scale=1.0, viewport-fit=cover">
+  <title>{{appName}}</title>
+  <link rel="stylesheet" href="src/styles.css">
+</head>
+<body>
+  <div id="app"></div>
+  <script type="module" src="src/main.ts"></script>
+</body>
+</html>

package/dist/templates/projects/social/package.json ADDED Viewed

@@ -0,0 +1,19 @@
+{
+  "name": "{{projectName}}",
+  "version": "0.1.0",
+  "description": "Social media app built with Craft",
+  "main": "src/main.ts",
+  "scripts": {
+    "dev": "craft dev",
+    "build": "craft build",
+    "build:ios": "craft build --platform ios",
+    "build:android": "craft build --platform android",
+    "build:all": "craft build --platform ios,android,macos,windows"
+  },
+  "dependencies": {
+    "craft-native": "workspace:*"
+  },
+  "devDependencies": {
+    "typescript": "^5.0.0"
+  }
+}

package/dist/templates/projects/social/src/main.ts ADDED Viewed

@@ -0,0 +1,270 @@
+/**
+ * Social Template - {{appName}}
+ * A cross-platform social app built with Craft
+ */
+import { db, win, isMobile, haptics, share } from 'craft-native'
+// Types
+interface Post {
+  id: string
+  userId: string
+  userName: string
+  content: string
+  likes: number
+  comments: number
+  isLiked: boolean
+  createdAt: string
+}
+interface User {
+  id: string
+  name: string
+  username: string
+  followers: number
+  following: number
+}
+// State
+let posts: Post[] = []
+let currentUser: User | null = null
+let currentView: 'feed' | 'create' | 'profile' | 'notifications' = 'feed'
+// Initialize
+async function init(): Promise<void> {
+  await initDatabase()
+  loadMockData()
+  win.setTitle('{{appName}}')
+  win.setSize(400, 800)
+  render()
+}
+async function initDatabase(): Promise<void> {
+  await db.execute(`
+    CREATE TABLE IF NOT EXISTS posts (
+      id TEXT PRIMARY KEY,
+      content TEXT NOT NULL,
+      createdAt TEXT NOT NULL
+    )
+  `)
+}
+function loadMockData(): void {
+  currentUser = {
+    id: 'user-1',
+    name: 'You',
+    username: 'you',
+    followers: 100,
+    following: 50,
+  }
+  posts = [
+    { id: '1', userId: 'user-2', userName: 'John', content: 'Hello world! 👋', likes: 42, comments: 5, isLiked: false, createdAt: new Date(Date.now() - 3600000).toISOString() },
+    { id: '2', userId: 'user-3', userName: 'Jane', content: 'Building something cool with Craft! 🚀', likes: 128, comments: 12, isLiked: true, createdAt: new Date(Date.now() - 7200000).toISOString() },
+    { id: '3', userId: 'user-4', userName: 'Bob', content: 'Great day for coding ☀️', likes: 23, comments: 2, isLiked: false, createdAt: new Date(Date.now() - 86400000).toISOString() },
+  ]
+}
+// Actions
+function toggleLike(postId: string): void {
+  const post = posts.find(p => p.id === postId)
+  if (post) {
+    post.isLiked = !post.isLiked
+    post.likes += post.isLiked ? 1 : -1
+    if (isMobile()) {
+      haptics.impact('light')
+    }
+    render()
+  }
+}
+async function sharePost(postId: string): Promise<void> {
+  const post = posts.find(p => p.id === postId)
+  if (post) {
+    await share.share({
+      text: post.content,
+      url: `https://example.com/post/${postId}`,
+    })
+  }
+}
+async function createPost(content: string): Promise<void> {
+  const post: Post = {
+    id: Date.now().toString(),
+    userId: currentUser!.id,
+    userName: currentUser!.name,
+    content,
+    likes: 0,
+    comments: 0,
+    isLiked: false,
+    createdAt: new Date().toISOString(),
+  }
+  posts.unshift(post)
+  await db.execute('INSERT INTO posts (id, content, createdAt) VALUES (?, ?, ?)', [post.id, post.content, post.createdAt])
+  if (isMobile()) {
+    haptics.notification('success')
+  }
+  navigate('feed')
+}
+// Navigation
+function navigate(view: typeof currentView): void {
+  currentView = view
+  render()
+}
+// Utilities
+function formatTime(timestamp: string): string {
+  const diff = Date.now() - new Date(timestamp).getTime()
+  if (diff < 60000) return 'now'
+  if (diff < 3600000) return `${Math.floor(diff / 60000)}m`
+  if (diff < 86400000) return `${Math.floor(diff / 3600000)}h`
+  return `${Math.floor(diff / 86400000)}d`
+}
+// Render
+function render(): void {
+  const app = document.getElementById('app')
+  if (!app) return
+  let content = ''
+  switch (currentView) {
+    case 'feed':
+      content = renderFeed()
+      break
+    case 'create':
+      content = renderCreate()
+      break
+    case 'profile':
+      content = renderProfile()
+      break
+    case 'notifications':
+      content = renderNotifications()
+      break
+  }
+  app.innerHTML = `
+    <div class="app">
+      <header class="header">
+        <h1>{{appName}}</h1>
+      </header>
+      <main>${content}</main>
+      <nav class="bottom-nav">
+        <button onclick="navigate('feed')" class="${currentView === 'feed' ? 'active' : ''}">🏠</button>
+        <button onclick="navigate('create')" class="${currentView === 'create' ? 'active' : ''}">➕</button>
+        <button onclick="navigate('notifications')" class="${currentView === 'notifications' ? 'active' : ''}">🔔</button>
+        <button onclick="navigate('profile')" class="${currentView === 'profile' ? 'active' : ''}">👤</button>
+      </nav>
+    </div>
+  `
+}
+function renderFeed(): string {
+  return `
+    <div class="feed">
+      ${posts.map(post => `
+        <article class="post">
+          <header class="post-header">
+            <div class="avatar">${post.userName.charAt(0)}</div>
+            <div class="post-meta">
+              <strong>${post.userName}</strong>
+              <span class="time">${formatTime(post.createdAt)}</span>
+            </div>
+          </header>
+          <p class="post-content">${post.content}</p>
+          <footer class="post-actions">
+            <button onclick="toggleLike('${post.id}')" class="${post.isLiked ? 'liked' : ''}">
+              ${post.isLiked ? '❤️' : '🤍'} ${post.likes}
+            </button>
+            <button>💬 ${post.comments}</button>
+            <button onclick="sharePost('${post.id}')">🔄</button>
+          </footer>
+        </article>
+      `).join('')}
+    </div>
+  `
+}
+function renderCreate(): string {
+  return `
+    <div class="create-post">
+      <div class="create-header">
+        <div class="avatar">${currentUser?.name.charAt(0)}</div>
+        <span>@${currentUser?.username}</span>
+      </div>
+      <textarea id="post-content" placeholder="What's on your mind?" rows="5"></textarea>
+      <button onclick="submitPost()">Post</button>
+    </div>
+  `
+}
+function renderProfile(): string {
+  return `
+    <div class="profile">
+      <div class="profile-header">
+        <div class="avatar large">${currentUser?.name.charAt(0)}</div>
+        <h2>${currentUser?.name}</h2>
+        <p>@${currentUser?.username}</p>
+        <div class="stats">
+          <div class="stat"><strong>${currentUser?.followers}</strong><span>Followers</span></div>
+          <div class="stat"><strong>${currentUser?.following}</strong><span>Following</span></div>
+        </div>
+      </div>
+      <h3>Your Posts</h3>
+      <div class="user-posts">
+        ${posts.filter(p => p.userId === currentUser?.id).map(post => `
+          <article class="post">
+            <p>${post.content}</p>
+            <span class="time">${formatTime(post.createdAt)}</span>
+          </article>
+        `).join('') || '<p class="empty">No posts yet</p>'}
+      </div>
+    </div>
+  `
+}
+function renderNotifications(): string {
+  return `
+    <div class="notifications">
+      <div class="notification">
+        <span class="notif-icon">❤️</span>
+        <p><strong>John</strong> liked your post</p>
+        <span class="time">2h</span>
+      </div>
+      <div class="notification">
+        <span class="notif-icon">👤</span>
+        <p><strong>Jane</strong> started following you</p>
+        <span class="time">5h</span>
+      </div>
+      <div class="notification">
+        <span class="notif-icon">💬</span>
+        <p><strong>Bob</strong> commented on your post</p>
+        <span class="time">1d</span>
+      </div>
+    </div>
+  `
+}
+function submitPost(): void {
+  const textarea = document.getElementById('post-content') as HTMLTextAreaElement
+  const content = textarea?.value.trim()
+  if (content) {
+    createPost(content)
+  }
+}
+// Expose functions globally
+(window as any).navigate = navigate
+;(window as any).toggleLike = toggleLike
+;(window as any).sharePost = sharePost
+;(window as any).submitPost = submitPost
+// Start app
+init()

package/dist/templates/projects/social/src/styles.css ADDED Viewed

@@ -0,0 +1,216 @@
+/* Social Template Styles */
+:root {
+  --bg: #ffffff;
+  --text: #0f1419;
+  --secondary: #536471;
+  --accent: #1d9bf0;
+  --border: #eff3f4;
+  --like: #f91880;
+}
+@media (prefers-color-scheme: dark) {
+  :root {
+    --bg: #000000;
+    --text: #e7e9ea;
+    --secondary: #71767b;
+    --border: #2f3336;
+  }
+}
+* { margin: 0; padding: 0; box-sizing: border-box; }
+body {
+  font-family: system-ui, -apple-system, sans-serif;
+  background: var(--bg);
+  color: var(--text);
+}
+.app {
+  min-height: 100vh;
+  display: flex;
+  flex-direction: column;
+}
+.header {
+  padding: 16px;
+  border-bottom: 1px solid var(--border);
+  position: sticky;
+  top: 0;
+  background: var(--bg);
+  z-index: 100;
+}
+.header h1 { font-size: 20px; }
+main {
+  flex: 1;
+  padding-bottom: 60px;
+}
+/* Feed */
+.feed { display: flex; flex-direction: column; }
+.post {
+  padding: 16px;
+  border-bottom: 1px solid var(--border);
+}
+.post-header {
+  display: flex;
+  gap: 12px;
+  margin-bottom: 8px;
+}
+.avatar {
+  width: 40px;
+  height: 40px;
+  border-radius: 50%;
+  background: linear-gradient(135deg, #667eea, #764ba2);
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  color: white;
+  font-weight: 600;
+}
+.avatar.large {
+  width: 80px;
+  height: 80px;
+  font-size: 32px;
+}
+.post-meta { display: flex; flex-direction: column; }
+.post-meta strong { font-size: 15px; }
+.time { font-size: 13px; color: var(--secondary); }
+.post-content {
+  font-size: 15px;
+  line-height: 1.4;
+  margin-bottom: 12px;
+}
+.post-actions {
+  display: flex;
+  gap: 32px;
+}
+.post-actions button {
+  background: none;
+  border: none;
+  color: var(--secondary);
+  font-size: 14px;
+  cursor: pointer;
+  display: flex;
+  align-items: center;
+  gap: 4px;
+}
+.post-actions button.liked { color: var(--like); }
+/* Create */
+.create-post { padding: 16px; }
+.create-header {
+  display: flex;
+  align-items: center;
+  gap: 12px;
+  margin-bottom: 16px;
+}
+.create-post textarea {
+  width: 100%;
+  padding: 12px;
+  border: 1px solid var(--border);
+  border-radius: 8px;
+  font-size: 16px;
+  resize: none;
+  background: var(--bg);
+  color: var(--text);
+  margin-bottom: 16px;
+}
+.create-post button {
+  background: var(--accent);
+  color: white;
+  border: none;
+  padding: 12px 24px;
+  border-radius: 24px;
+  font-weight: 600;
+  cursor: pointer;
+  float: right;
+}
+/* Profile */
+.profile { padding: 16px; }
+.profile-header {
+  text-align: center;
+  padding: 24px 0;
+  border-bottom: 1px solid var(--border);
+  margin-bottom: 16px;
+}
+.profile-header h2 { margin: 12px 0 4px; }
+.profile-header p { color: var(--secondary); margin-bottom: 16px; }
+.stats {
+  display: flex;
+  justify-content: center;
+  gap: 32px;
+}
+.stat {
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+}
+.stat strong { font-size: 18px; }
+.stat span { font-size: 13px; color: var(--secondary); }
+.user-posts h3 { margin: 16px 0; }
+.user-posts .post { padding: 12px 0; }
+.empty {
+  text-align: center;
+  color: var(--secondary);
+  padding: 24px;
+}
+/* Notifications */
+.notifications { padding: 16px; }
+.notification {
+  display: flex;
+  align-items: center;
+  gap: 12px;
+  padding: 12px 0;
+  border-bottom: 1px solid var(--border);
+}
+.notif-icon { font-size: 20px; }
+.notification p { flex: 1; font-size: 14px; }
+/* Bottom Nav */
+.bottom-nav {
+  position: fixed;
+  bottom: 0;
+  left: 0;
+  right: 0;
+  display: flex;
+  background: var(--bg);
+  border-top: 1px solid var(--border);
+  padding: 8px;
+}
+.bottom-nav button {
+  flex: 1;
+  background: none;
+  border: none;
+  font-size: 24px;
+  padding: 8px;
+  cursor: pointer;
+  opacity: 0.5;
+}
+.bottom-nav button.active { opacity: 1; }