npm - @ynor/ynor - Versions diffs - 1.0.1 - Mend

@ynor/ynor 1.0.1

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 (8) hide show

package/README.md +16 -0
package/bin/ynor.js +519 -0
package/package.json +93 -0
package/src/lib/core/compiler.d.ts +294 -0
package/src/lib/core/compiler.js +472 -0
package/src/lib/core/index.js +43 -0
package/src/lib/core/plugin.js +114 -0
package/src/lib/core/runtime.js +138 -0

package/README.md ADDED Viewed

@@ -0,0 +1,16 @@
+# ⚡ .ynor Framework
+A lightweight, next-generation JavaScript extension framework inspired by Svelte. Build reactive web applications with a clean, intuitive syntax.
+## Features
+- **🎯 Svelte-like Syntax**: Write components with script, template, and style sections
+- **⚡ Reactive**: Built-in reactivity with `$:` statements
+- **📦 Stores**: Global state management with stores
+- **🧩 Components**: Modular, reusable components
+- **🔄 HMR**: Hot Module Replacement for development
+- **🎨 Scoped Styles**: Component-scoped CSS
+- **📱 Lightweight**: Minimal runtime overhead
+- **🌐 Cross-browser**: Works in all modern browsers
+## Project Structure

package/bin/ynor.js ADDED Viewed

@@ -0,0 +1,519 @@
+#!/usr/bin/env node
+// bin/ynor.js
+import { program } from 'commander';
+import chalk from 'chalk';
+import fs from 'fs';
+import path from 'path';
+import { fileURLToPath } from 'url';
+import { createRequire } from 'module';
+import { exec, spawn } from 'child_process';
+import readline from 'readline';
+const __dirname = path.dirname(fileURLToPath(import.meta.url));
+const require = createRequire(import.meta.url);
+// Try to load package.json
+let pkg = { version: '1.0.0' };
+try {
+  const pkgPath = path.resolve(__dirname, '../package.json');
+  if (fs.existsSync(pkgPath)) {
+    pkg = JSON.parse(fs.readFileSync(pkgPath, 'utf8'));
+  }
+} catch (e) {
+  // Use default version
+}
+// ============================================
+// CLI PROGRAM
+// ============================================
+program
+  .name('ynor')
+  .description('⚡ YNOR Framework CLI - Next-gen JS extension framework')
+  .version(pkg.version || '1.0.0');
+// ============================================
+// CREATE COMMAND
+// ============================================
+program
+  .command('create <project-name>')
+  .description('Create a new .ynor project')
+  .option('-t, --template <template>', 'Project template (basic, minimal, full)')
+  .option('-y, --yes', 'Skip confirmation prompts')
+  .action(async (projectName, options) => {
+    console.log(chalk.blue(`\n  ⚡ Creating .ynor project: ${projectName}`));
+    console.log(chalk.dim('  ──────────────────────────────\n'));
+    try {
+      const projectPath = path.join(process.cwd(), projectName);
+      // Check if directory exists
+      if (fs.existsSync(projectPath)) {
+        console.log(chalk.red(`  ❌ Directory ${projectName} already exists!`));
+        process.exit(1);
+      }
+      // Create project structure
+      console.log(chalk.dim('  📁 Creating project structure...'));
+      fs.mkdirSync(projectPath, { recursive: true });
+      fs.mkdirSync(path.join(projectPath, 'src'), { recursive: true });
+      fs.mkdirSync(path.join(projectPath, 'src', 'lib'), { recursive: true });
+      fs.mkdirSync(path.join(projectPath, 'src', 'lib', 'components'), { recursive: true });
+      fs.mkdirSync(path.join(projectPath, 'src', 'styles'), { recursive: true });
+      fs.mkdirSync(path.join(projectPath, 'static'), { recursive: true });
+      // Create package.json
+      console.log(chalk.dim('  📦 Creating package.json...'));
+      const packageJson = {
+        name: projectName,
+        version: "1.0.0",
+        type: "module",
+        scripts: {
+          dev: "vite",
+          build: "vite build",
+          preview: "vite preview"
+        },
+        devDependencies: {
+          "ynor": "latest",
+          "vite": "^8.0.0"
+        }
+      };
+      fs.writeFileSync(
+        path.join(projectPath, 'package.json'),
+        JSON.stringify(packageJson, null, 2)
+      );
+      console.log(chalk.green('  ✅ package.json created'));
+      // Create index.html
+      console.log(chalk.dim('  📄 Creating index.html...'));
+      const indexHtml = `<!DOCTYPE html>
+<html lang="en">
+<head>
+  <meta charset="UTF-8" />
+  <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+  <title>.ynor Framework</title>
+  <link rel="icon" href="/favicon.ico" />
+  <style>
+    * { box-sizing: border-box; margin: 0; padding: 0; }
+    body {
+      font-family: system-ui, -apple-system, sans-serif;
+      background: #f5f7fb;
+      color: #1e293b;
+      line-height: 1.6;
+      min-height: 100vh;
+    }
+    #app { min-height: 100vh; padding: 20px; }
+  </style>
+</head>
+<body>
+  <div id="app"></div>
+  <script type="module" src="/src/main.js"></script>
+</body>
+</html>`;
+      fs.writeFileSync(path.join(projectPath, 'index.html'), indexHtml);
+      console.log(chalk.green('  ✅ index.html created'));
+      // Create main.js
+      console.log(chalk.dim('  📄 Creating src/main.js...'));
+      const mainJs = `import { runtime, mount, store } from 'ynor';
+import App from './App.ynor';
+console.log('🚀 Starting .ynor application...');
+// Initialize stores
+const todos = store('todos', [
+  { id: 1, text: 'Learn .ynor', done: false }
+]);
+// Mount app
+const app = mount(App, document.getElementById('app'), { todos });
+console.log('⚡ .ynor framework initialized');
+console.log('📁 Components loaded:', Array.from(runtime.components.keys()));
+// HMR support
+if (import.meta.hot) {
+  import.meta.hot.accept('./App.ynor', ({ default: NewApp }) => {
+    app.$destroy();
+    mount(NewApp, document.getElementById('app'), { todos });
+  });
+}`;
+      fs.writeFileSync(path.join(projectPath, 'src', 'main.js'), mainJs);
+      console.log(chalk.green('  ✅ src/main.js created'));
+      // Create App.ynor
+      console.log(chalk.dim('  📄 Creating src/App.ynor...'));
+      const appYnor = `<script>
+  let count = 0;
+  function increment() {
+    count++;
+    console.log('Count:', count);
+    this._update();
+  }
+</script>
+<style>
+  .app {
+    padding: 40px;
+    text-align: center;
+    font-family: system-ui, sans-serif;
+    background: white;
+    border-radius: 20px;
+    max-width: 600px;
+    margin: 20px auto;
+    box-shadow: 0 8px 30px rgba(0,0,0,0.08);
+  }
+  .app h1 {
+    color: #4f46e5;
+    font-size: 2.5rem;
+    margin-bottom: 10px;
+  }
+  .app p {
+    font-size: 1.2rem;
+    color: #1e293b;
+  }
+  .count {
+    font-size: 3rem;
+    font-weight: 700;
+    color: #4f46e5;
+    margin: 20px 0;
+  }
+  .app button {
+    padding: 10px 24px;
+    border: none;
+    border-radius: 40px;
+    background: #4f46e5;
+    color: white;
+    font-weight: 600;
+    cursor: pointer;
+    font-size: 16px;
+    transition: all 0.2s;
+  }
+  .app button:hover {
+    background: #4338ca;
+    transform: scale(1.02);
+  }
+</style>
+<template>
+  <div class="app">
+    <h1>⚡ .ynor</h1>
+    <p>Your .ynor app is ready!</p>
+    <div class="count">{count}</div>
+    <button on:click={increment}>Increment</button>
+  </div>
+</template>`;
+      fs.writeFileSync(path.join(projectPath, 'src', 'App.ynor'), appYnor);
+      console.log(chalk.green('  ✅ src/App.ynor created'));
+      // Create vite.config.js
+      console.log(chalk.dim('  📄 Creating vite.config.js...'));
+      const viteConfig = `import { defineConfig } from 'vite';
+import { ynorPlugin } from 'ynor/plugin';
+export default defineConfig({
+  plugins: [ynorPlugin()],
+  resolve: {
+    extensions: ['.ynor', '.js', '.jsx', '.ts', '.tsx']
+  },
+  server: {
+    port: 3000,
+    open: true
+  }
+});`;
+      fs.writeFileSync(path.join(projectPath, 'vite.config.js'), viteConfig);
+      console.log(chalk.green('  ✅ vite.config.js created'));
+      // Create global.css
+      console.log(chalk.dim('  📄 Creating src/styles/global.css...'));
+      const globalCss = `/* src/styles/global.css */
+* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+body {
+  font-family: system-ui, -apple-system, sans-serif;
+  background: #f5f7fb;
+  color: #1e293b;
+  line-height: 1.6;
+  min-height: 100vh;
+}
+#app {
+  min-height: 100vh;
+  padding: 20px;
+}`;
+      fs.writeFileSync(path.join(projectPath, 'src', 'styles', 'global.css'), globalCss);
+      console.log(chalk.green('  ✅ src/styles/global.css created'));
+      // Create README.md
+      console.log(chalk.dim('  📄 Creating README.md...'));
+      const readme = `# ${projectName}
+⚡ A .ynor framework project
+## Getting Started
+\`\`\`bash
+npm install
+npm run dev
+\`\`\`
+## Build
+\`\`\`bash
+npm run build
+npm run preview
+\`\`\`
+## Project Structure
+\`\`\`
+${projectName}/
+├── src/
+│   ├── lib/
+│   │   └── components/    # .ynor components
+│   ├── styles/
+│   │   └── global.css     # Global styles
+│   ├── App.ynor           # Main app component
+│   └── main.js            # Entry point
+├── static/                # Static assets
+├── index.html             # HTML entry point
+├── vite.config.js         # Vite configuration
+└── package.json           # Dependencies
+\`\`\`
+## Learn More
+Visit [ynor.dev](https://ynor.app) for documentation.
+`;
+      fs.writeFileSync(path.join(projectPath, 'README.md'), readme);
+      console.log(chalk.green('  ✅ README.md created'));
+      // Create .gitignore
+      console.log(chalk.dim('  📄 Creating .gitignore...'));
+      const gitignore = `# Dependencies
+node_modules/
+.pnpm-store/
+# Build outputs
+dist/
+build/
+.svelte-kit/
+# Environment
+.env
+.env.local
+.env.*.local
+# IDE
+.vscode/
+.idea/
+*.swp
+*.swo
+# OS
+.DS_Store
+Thumbs.db
+# Logs
+*.log
+npm-debug.log*
+yarn-debug.log*
+yarn-error.log*
+# Cache
+.vite/
+.cache/
+`;
+      fs.writeFileSync(path.join(projectPath, '.gitignore'), gitignore);
+      console.log(chalk.green('  ✅ .gitignore created'));
+      console.log(chalk.green(`\n  ✅ Project ${projectName} created successfully!`));
+      console.log(chalk.dim(`\n  📁 cd ${projectName}`));
+      console.log(chalk.dim(`  📦 npm install`));
+      console.log(chalk.dim(`  🚀 npm run dev\n`));
+      // Ask if user wants to install dependencies
+      const rl = readline.createInterface({
+        input: process.stdin,
+        output: process.stdout
+      });
+      rl.question(chalk.yellow('  ❓ Install dependencies now? (y/n) '), (answer) => {
+        rl.close();
+        if (answer.toLowerCase() === 'y' || answer.toLowerCase() === 'yes') {
+          console.log(chalk.blue('\n  📦 Installing dependencies...\n'));
+          const install = spawn('npm', ['install'], {
+            cwd: projectPath,
+            stdio: 'inherit',
+            shell: true
+          });
+          install.on('close', (code) => {
+            if (code === 0) {
+              console.log(chalk.green('\n  ✅ Dependencies installed!\n'));
+              console.log(chalk.dim(`  🚀 cd ${projectName} && npm run dev\n`));
+            } else {
+              console.log(chalk.yellow(`\n  ⚠️ Failed to install dependencies. Run "cd ${projectName} && npm install" manually.\n`));
+            }
+          });
+        } else {
+          console.log(chalk.dim(`\n  📦 Run "cd ${projectName} && npm install" to install dependencies.\n`));
+        }
+      });
+    } catch (error) {
+      console.log(chalk.red(`  ❌ Error: ${error.message}`));
+      process.exit(1);
+    }
+  });
+// ============================================
+// DEV COMMAND
+// ============================================
+program
+  .command('dev')
+  .description('Start development server')
+  .option('-p, --port <port>', 'Port to run on', '3000')
+  .action((options) => {
+    console.log(chalk.blue('\n  ⚡ Starting .ynor dev server...\n'));
+    // Check if vite is installed
+    const hasVite = fs.existsSync(path.join(process.cwd(), 'node_modules', '.bin', 'vite'));
+    if (!hasVite) {
+      console.log(chalk.yellow('  ⚠️ Vite not found. Installing...\n'));
+      const install = spawn('npm', ['install', '-D', 'vite'], {
+        stdio: 'inherit',
+        shell: true
+      });
+      install.on('close', (code) => {
+        if (code === 0) {
+          startDevServer(options.port);
+        } else {
+          console.log(chalk.red('  ❌ Failed to install Vite.'));
+          process.exit(1);
+        }
+      });
+    } else {
+      startDevServer(options.port);
+    }
+  });
+function startDevServer(port) {
+  const vite = spawn('npx', ['vite', 'dev', '--port', port], {
+    stdio: 'inherit',
+    shell: true
+  });
+  vite.on('close', (code) => {
+    if (code !== 0) {
+      console.log(chalk.red(`\n  ❌ Dev server stopped with code ${code}`));
+    }
+  });
+}
+// ============================================
+// BUILD COMMAND
+// ============================================
+program
+  .command('build')
+  .description('Build project for production')
+  .option('-o, --out <dir>', 'Output directory', 'dist')
+  .action((options) => {
+    console.log(chalk.blue('\n  ⚡ Building .ynor project...\n'));
+    const build = spawn('npx', ['vite', 'build', '--outDir', options.out], {
+      stdio: 'inherit',
+      shell: true
+    });
+    build.on('close', (code) => {
+      if (code === 0) {
+        console.log(chalk.green(`\n  ✅ Build complete! Output: ${options.out}/\n`));
+      } else {
+        console.log(chalk.red(`\n  ❌ Build failed with code ${code}\n`));
+        process.exit(code);
+      }
+    });
+  });
+// ============================================
+// PREVIEW COMMAND
+// ============================================
+program
+  .command('preview')
+  .description('Preview production build')
+  .option('-p, --port <port>', 'Port to run on', '4173')
+  .action((options) => {
+    console.log(chalk.blue('\n  ⚡ Previewing .ynor project...\n'));
+    const preview = spawn('npx', ['vite', 'preview', '--port', options.port], {
+      stdio: 'inherit',
+      shell: true
+    });
+    preview.on('close', (code) => {
+      if (code !== 0) {
+        console.log(chalk.red(`\n  ❌ Preview stopped with code ${code}`));
+      }
+    });
+  });
+// ============================================
+// INFO COMMAND
+// ============================================
+program
+  .command('info')
+  .description('Show information about .ynor framework')
+  .action(() => {
+    console.log(chalk.blue('\n  ⚡ YNOR Framework Information\n'));
+    console.log(chalk.dim('  ──────────────────────────────\n'));
+    console.log(chalk.bold('  📦 Version:'), pkg.version || '1.0.0');
+    console.log(chalk.bold('  📁 Framework:'), '.ynor');
+    console.log(chalk.bold('  🚀 Status:'), chalk.green('Ready'));
+    // Check if project has .ynor files
+    try {
+      const files = fs.readdirSync(process.cwd());
+      const yFiles = files.filter(f => f.endsWith('.ynor'));
+      if (yFiles.length > 0) {
+        console.log(chalk.bold('  📄 .ynor files:'), chalk.green(`${yFiles.length} found`));
+        yFiles.forEach(f => console.log(`    - ${f}`));
+      } else {
+        console.log(chalk.bold('  📄 .ynor files:'), chalk.yellow('None found'));
+      }
+    } catch (e) {
+      // Ignore
+    }
+    console.log(chalk.dim('\n  📚 Documentation:'), 'https://ynor.app');
+    console.log(chalk.dim('  🐛 Report issues:'), 'https://github.com/ynor-app/.ynor/issues\n');
+  });
+// ============================================
+// HELP COMMAND (default)
+// ============================================
+program
+  .command('help')
+  .description('Show help')
+  .action(() => {
+    program.help();
+  });
+// ============================================
+// PARSE ARGUMENTS
+// ============================================
+program.parse();
+// If no arguments, show help
+if (!process.argv.slice(2).length) {
+  program.help();
+}

package/package.json ADDED Viewed

@@ -0,0 +1,93 @@
+{
+  "name": "@ynor/ynor",
+  "version": "1.0.1",
+  "description": "⚡ Lightweight next-gen JS extension framework like Svelte",
+  "type": "module",
+  "main": "./src/lib/core/index.js",
+  "exports": {
+    ".": {
+      "import": "./src/lib/core/index.js",
+      "types": "./src/lib/core/index.d.ts"
+    },
+    "./compiler": {
+      "import": "./src/lib/core/compiler.js",
+      "types": "./src/lib/core/compiler.d.ts"
+    },
+    "./runtime": {
+      "import": "./src/lib/core/runtime.js",
+      "types": "./src/lib/core/runtime.d.ts"
+    },
+    "./plugin": {
+      "import": "./src/lib/core/plugin.js",
+      "types": "./src/lib/core/plugin.d.ts"
+    }
+  },
+  "bin": {
+    "ynor": "./bin/ynor.js"
+  },
+  "files": [
+    "src/lib/core/",
+    "bin/",
+    "README.md",
+    "LICENSE",
+    "CHANGELOG.md"
+  ],
+  "scripts": {
+    "dev": "vite dev",
+    "build": "vite build",
+    "preview": "vite preview",
+    "prepare": "svelte-kit sync || echo ''",
+    "check": "svelte-kit sync && svelte-check --tsconfig ./jsconfig.json",
+    "check:watch": "svelte-kit sync && svelte-check --tsconfig ./jsconfig.json --watch",
+    "test": "node test/test.js",
+    "pub:patch": "npm version patch && npm publish --access public",
+    "pub:minor": "npm version minor && npm publish --access public",
+    "pub:major": "npm version major && npm publish --access public"
+  },
+  "dependencies": {
+    "acorn": "^8.17.0",
+    "chalk": "^5.6.2",
+    "commander": "^15.0.0",
+    "magic-string": "^0.30.21"
+  },
+  "devDependencies": {
+    "@sveltejs/adapter-auto": "^7.0.1",
+    "@sveltejs/kit": "^2.63.0",
+    "@sveltejs/vite-plugin-svelte": "^7.1.2",
+    "svelte": "^5.56.1",
+    "svelte-check": "^4.6.0",
+    "typescript": "^6.0.3",
+    "vite": "^8.0.16"
+  },
+  "peerDependencies": {
+    "vite": "^5.0.0 || ^6.0.0 || ^7.0.0 || ^8.0.0"
+  },
+  "keywords": [
+    "ynor",
+    "framework",
+    "svelte-like",
+    "reactive",
+    "components",
+    "vite-plugin",
+    "compiler",
+    "next-gen",
+    "lightweight"
+  ],
+  "author": "Rony MAN",
+  "license": "MIT",
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/ynor-app/.ynor"
+  },
+  "bugs": {
+    "url": "https://github.com/ynor-app/.ynor/issues"
+  },
+  "homepage": "https://ynor.app",
+  "engines": {
+    "node": ">=18.0.0"
+  },
+  "funding": {
+    "type": "github",
+    "url": "https://github.com/ynor-app/.ynor/sponsors/ynor"
+  }
+}