create-definedmotion 0.1.0

package/bin/index.js

@@ -0,0 +1,3 @@
+#!/usr/bin/env node
+
+import '../src/cli.js';

package/package.json

@@ -0,0 +1,37 @@
+{
+  "name": "create-definedmotion",
+  "version": "0.1.0",
+  "description": "Create a new DefinedMotion animation project",
+  "author": "Hugo Olsson",
+  "license": "MIT",
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/HugoOlsson/DefinedMotion"
+  },
+  "type": "module",
+  "bin": {
+    "create-definedmotion": "./bin/index.js"
+  },
+  "files": [
+    "bin",
+    "src",
+    "template"
+  ],
+  "engines": {
+    "node": ">=18.0.0"
+  },
+  "scripts": {
+    "test": "node bin/index.js test-project --skip-install"
+  },
+  "dependencies": {
+    "chalk": "^5.3.0",
+    "fs-extra": "^11.2.0",
+    "minimist": "^1.2.8"
+  },
+  "keywords": [
+    "definedmotion",
+    "animation",
+    "three.js",
+    "motion-graphics"
+  ]
+}

package/src/cli.js

@@ -0,0 +1,100 @@
+import fs from 'fs-extra';
+import path from 'path';
+import { fileURLToPath } from 'url';
+import chalk from 'chalk';
+import minimist from 'minimist';
+import { execSync } from 'child_process';
+
+const __dirname = path.dirname(fileURLToPath(import.meta.url));
+const argv = minimist(process.argv.slice(2));
+
+async function createProject() {
+  const projectName = argv._[0];
+
+  if (!projectName) {
+    console.error(chalk.red('Error: Please provide a project name'));
+    console.log('\nUsage:');
+    console.log('  ' + chalk.cyan('create-definedmotion <project-name>'));
+    console.log('\nExample:');
+    console.log('  ' + chalk.cyan('create-definedmotion my-animation'));
+    process.exit(1);
+  }
+
+  const targetDir = path.join(process.cwd(), projectName);
+
+  // Check if directory exists
+  if (fs.existsSync(targetDir)) {
+    console.error(chalk.red(`Error: Directory ${projectName} already exists`));
+    process.exit(1);
+  }
+
+  console.log(chalk.blue('\n🎬 Creating DefinedMotion project...\n'));
+
+  // Copy template
+  const templateDir = path.join(__dirname, '..', 'template');
+  
+  console.log(chalk.gray('Creating project structure...'));
+  fs.copySync(templateDir, targetDir);
+
+  // Update package.json with project name
+  const pkgPath = path.join(targetDir, 'package.json');
+  if (fs.existsSync(pkgPath)) {
+    const pkg = fs.readJsonSync(pkgPath);
+    pkg.name = projectName;
+    fs.writeJsonSync(pkgPath, pkg, { spaces: 2 });
+  }
+
+  // Rename _gitignore to .gitignore if it exists
+  const gitignorePath = path.join(targetDir, '_gitignore');
+  if (fs.existsSync(gitignorePath)) {
+    fs.renameSync(gitignorePath, path.join(targetDir, '.gitignore'));
+  }
+
+  console.log(chalk.green('✓') + ' Project structure created');
+
+  // Install dependencies (unless skipped)
+  if (!argv['skip-install']) {
+    console.log(chalk.gray('\nInstalling dependencies (this may take a minute)...\n'));
+    
+    try {
+      execSync('npm install', {
+        cwd: targetDir,
+        stdio: 'inherit'
+      });
+      console.log('\n' + chalk.green('✓') + ' Dependencies installed');
+    } catch (error) {
+      console.log('\n' + chalk.yellow('⚠') + ' Failed to install dependencies');
+      console.log(chalk.gray('  You can install them manually:'));
+      console.log('  ' + chalk.cyan(`cd ${projectName}`));
+      console.log('  ' + chalk.cyan('npm install'));
+    }
+  }
+
+  // Success message
+  console.log('\n' + chalk.bold.green('✨ Success!') + ' Created ' + chalk.cyan(projectName));
+  console.log('\n' + chalk.bold('Next steps:'));
+  console.log(chalk.gray('\n  Navigate to your project:'));
+  console.log('  ' + chalk.cyan(`cd ${projectName}`));
+  
+  if (argv['skip-install']) {
+    console.log(chalk.gray('\n  Install dependencies:'));
+    console.log('  ' + chalk.cyan('npm install'));
+  }
+  
+  console.log(chalk.gray('\n  Start development:'));
+  console.log('  ' + chalk.cyan('npm run dev'));
+  
+  console.log(chalk.gray('\n  Create your animations in:'));
+  console.log('  ' + chalk.cyan('src/renderer/src/scenes/'));
+  
+  console.log('\n' + chalk.gray('Need help? Check out the docs:'));
+  console.log('  ' + chalk.cyan('https://github.com/HugoOlsson/DefinedMotion'));
+  
+  console.log('\n' + chalk.bold('Happy animating! 🚀\n'));
+}
+
+// Run
+createProject().catch(error => {
+  console.error(chalk.red('Error:'), error.message);
+  process.exit(1);
+});

package/template/.editorconfig

@@ -0,0 +1,9 @@
+root = true
+
+[*]
+charset = utf-8
+indent_style = space
+indent_size = 2
+end_of_line = lf
+insert_final_newline = true
+trim_trailing_whitespace = true

package/template/.prettierignore

@@ -0,0 +1,6 @@
+out
+dist
+pnpm-lock.yaml
+LICENSE.md
+tsconfig.json
+tsconfig.*.json

package/template/.prettierrc.yaml

@@ -0,0 +1,10 @@
+singleQuote: true
+semi: false
+printWidth: 100
+trailingComma: none
+plugins:
+  - prettier-plugin-svelte
+overrides:
+  - files: '*.svelte'
+    options:
+      parser: svelte

package/template/_gitignore

@@ -0,0 +1,10 @@
+node_modules
+dist
+out
+.DS_Store
+.eslintcache
+*.log*
+/image_renders
+/rendered_videos
+/audio_renders
+/src/renderer/src/scenes/hugoScenes

package/template/build/entitlements.mac.plist

@@ -0,0 +1,12 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<!DOCTYPE plist PUBLIC "-//Apple//DTD PLIST 1.0//EN" "http://www.apple.com/DTDs/PropertyList-1.0.dtd">
+<plist version="1.0">
+  <dict>
+    <key>com.apple.security.cs.allow-jit</key>
+    <true/>
+    <key>com.apple.security.cs.allow-unsigned-executable-memory</key>
+    <true/>
+    <key>com.apple.security.cs.allow-dyld-environment-variables</key>
+    <true/>
+  </dict>
+</plist>

package/template/electron-builder.yml

@@ -0,0 +1,43 @@
+appId: com.electron.app
+productName: DefinedMotion
+directories:
+  buildResources: build
+files:
+  - '!**/.vscode/*'
+  - '!src/*'
+  - '!electron.vite.config.{js,ts,mjs,cjs}'
+  - '!{.eslintignore,.eslintrc.cjs,.prettierignore,.prettierrc.yaml,dev-app-update.yml,CHANGELOG.md,README.md}'
+  - '!{.env,.env.*,.npmrc,pnpm-lock.yaml}'
+  - '!{tsconfig.json,tsconfig.node.json,tsconfig.web.json}'
+asarUnpack:
+  - resources/**
+win:
+  executableName: DefinedMotion
+nsis:
+  artifactName: ${name}-${version}-setup.${ext}
+  shortcutName: ${productName}
+  uninstallDisplayName: ${productName}
+  createDesktopShortcut: always
+mac:
+  entitlementsInherit: build/entitlements.mac.plist
+  extendInfo:
+    - NSCameraUsageDescription: Application requests access to the device's camera.
+    - NSMicrophoneUsageDescription: Application requests access to the device's microphone.
+    - NSDocumentsFolderUsageDescription: Application requests access to the user's Documents folder.
+    - NSDownloadsFolderUsageDescription: Application requests access to the user's Downloads folder.
+  notarize: false
+dmg:
+  artifactName: ${name}-${version}.${ext}
+linux:
+  target:
+    - AppImage
+    - snap
+    - deb
+  maintainer: electronjs.org
+  category: Utility
+appImage:
+  artifactName: ${name}-${version}.${ext}
+npmRebuild: false
+publish:
+  provider: generic
+  url: https://example.com/auto-updates

package/template/electron.vite.config.ts

@@ -0,0 +1,50 @@
+import { defineConfig, externalizeDepsPlugin } from 'electron-vite'
+import { svelte } from '@sveltejs/vite-plugin-svelte'
+import tailwindcss from '@tailwindcss/vite'
+import glsl from 'vite-plugin-glsl'
+import path from 'node:path'
+import { fileURLToPath } from 'node:url'
+
+const r = (p: string) => path.resolve(fileURLToPath(new URL('.', import.meta.url)), p)
+
+export default defineConfig({
+  main: {
+    plugins: [externalizeDepsPlugin()]
+  },
+  preload: {
+    plugins: [externalizeDepsPlugin()]
+  },
+  renderer: {
+    plugins: [svelte(), tailwindcss(), glsl()],
+    assetsInclude: ['**/*.hdr'],
+    // Add Node.js built-in modules to the renderer process
+    resolve: {
+      // Ensure these modules can be used in the renderer
+      alias: {
+        fs: 'node:fs',
+        path: 'node:path',
+        os: 'node:os',
+        crypto: 'node:crypto',
+        $assets: r('src/assets'),
+        $renderer: r('src/renderer/src')
+        // Add other Node.js modules you need
+      }
+    },
+    // Configure how Node.js modules are handled
+    build: {
+      rollupOptions: {
+        external: [] // Empty to prevent externalizing Node modules
+      }
+    },
+    // Make Node.js built-ins available
+    server: {
+      watch: {
+        ignored: []
+      }
+    },
+    // Let the renderer process access Node.js APIs
+    optimizeDeps: {
+      exclude: ['electron']
+    }
+  }
+})

package/template/eslint.config.mjs

@@ -0,0 +1,24 @@
+import tseslint from '@electron-toolkit/eslint-config-ts'
+import eslintConfigPrettier from '@electron-toolkit/eslint-config-prettier'
+import eslintPluginSvelte from 'eslint-plugin-svelte'
+
+export default tseslint.config(
+  { ignores: ['**/node_modules', '**/dist', '**/out'] },
+  tseslint.configs.recommended,
+  eslintPluginSvelte.configs['flat/recommended'],
+  {
+    files: ['**/*.svelte'],
+    languageOptions: {
+      parserOptions: {
+        parser: tseslint.parser
+      }
+    }
+  },
+  {
+    files: ['**/*.{tsx,svelte}'],
+    rules: {
+      'svelte/no-unused-svelte-ignore': 'off'
+    }
+  },
+  eslintConfigPrettier
+)