@miozu/jera 0.0.2

package/LICENSE

@@ -0,0 +1,21 @@
+MIT License
+
+Copyright (c) 2025 Nicholas Glazer <info@nicgl.com>
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

package/README.md

@@ -0,0 +1 @@
+# Jera

package/jera.js

@@ -0,0 +1,135 @@
+#!/usr/bin/env node
+
+import { Command } from 'commander';
+import fs from 'node:fs';
+import path from 'node:path';
+import { fileURLToPath } from 'node:url';
+
+const __filename = fileURLToPath(import.meta.url);
+const __dirname = path.dirname(__filename);
+
+// Find the components directory relative to the package
+function findComponentsDir() {
+  // Try to locate the components directory
+  const possiblePaths = [
+    // When running from the installed package
+    path.join(__dirname, 'src', 'components'),
+    // When running from the project root
+    path.join(__dirname, 'components'),
+    // When running from a cloned repo
+    path.join(__dirname, '..', 'src', 'components')
+  ];
+
+  for (const dir of possiblePaths) {
+    if (fs.existsSync(dir)) {
+      return dir;
+    }
+  }
+
+  // If components directory not found, return null
+  return null;
+}
+
+const COMPONENTS_DIR = findComponentsDir();
+
+// List available components in the components directory
+function listAvailableComponents() {
+  if (!COMPONENTS_DIR) {
+    return [];
+  }
+
+  try {
+    return fs.readdirSync(COMPONENTS_DIR)
+      .filter(file => file.endsWith('.svelte'))
+      .map(file => file.replace('.svelte', ''));
+  } catch (error) {
+    console.error('Error reading components directory:', error);
+    return [];
+  }
+}
+
+const program = new Command();
+
+program
+  .name('jera')
+  .description('Install Jera components to your project')
+  .version('0.0.1');
+
+program
+  .command('list')
+  .description('List all available components')
+  .action(() => {
+    const components = listAvailableComponents();
+
+    if (components.length === 0) {
+      console.log('No components found.');
+      return;
+    }
+
+    console.log('Available components:');
+    components.forEach(comp => console.log(`- ${comp}`));
+  });
+
+program
+  .command('add')
+  .description('Add a component to your project')
+  .argument('<component>', 'Component to add (e.g. Input)')
+  .option('-d, --dir <directory>', 'Target directory', 'src/lib/components')
+  .action((component, options) => {
+    console.log(`Adding ${component} to ${options.dir}...`);
+
+    const componentFile = component.endsWith('.svelte')
+      ? component
+      : `${component}.svelte`;
+
+    // Check if components directory exists
+    if (!COMPONENTS_DIR) {
+      console.error('Error: Components directory not found.');
+      console.error('This could happen if you\'re running the CLI in development mode');
+      console.error('or if the package structure has changed.');
+      return;
+    }
+
+    // Check if component exists
+    const sourceComponentPath = path.join(COMPONENTS_DIR, componentFile);
+    if (!fs.existsSync(sourceComponentPath)) {
+      console.error(`Error: Component "${component}" not found.`);
+      console.error('Available components:');
+      listAvailableComponents().forEach(comp => console.error(`- ${comp}`));
+      return;
+    }
+
+    // Create target directory if it doesn't exist
+    const targetDir = path.resolve(options.dir);
+    if (!fs.existsSync(targetDir)) {
+      fs.mkdirSync(targetDir, { recursive: true });
+    }
+
+    // Copy the component file
+    const componentContent = fs.readFileSync(sourceComponentPath, 'utf-8');
+    fs.writeFileSync(path.join(targetDir, componentFile), componentContent);
+
+    console.log(`Component ${component} added to ${options.dir}`);
+    console.log('\nUsage:');
+    console.log('\nNOTE: This component uses the Miozu theme.');
+    console.log('Make sure you have installed @miozu/js-theme and configured it in your Tailwind config.');
+  });
+
+// Add init command to set up the repository structure
+program
+  .command('init')
+  .description('Initialize a new project with Jera components')
+  .action(() => {
+    console.log('Initializing Jera components...');
+
+    const componentsDir = path.resolve('src/lib/components');
+
+    if (!fs.existsSync(componentsDir)) {
+      fs.mkdirSync(componentsDir, { recursive: true });
+    }
+
+    console.log('Project initialized! You can now add components with:');
+    console.log('  jera add <component>');
+  });
+
+program.parse();

package/package.json

@@ -0,0 +1,24 @@
+{
+  "name": "@miozu/jera",
+  "version": "0.0.2",
+  "description": "Svelte 5 component library",
+  "main": "jera.js",
+  "bin": {
+    "jera": "./jera.js"
+  },
+  "type": "module",
+  "scripts": {
+    "test": "echo \"Error: no test specified\" && exit 1"
+  },
+  "repository": {
+    "type": "git",
+    "url": "https://codeberg.org/miozu/jera"
+  },
+  "keywords": ["component library", "svelte 5", "sveltekit"],
+  "author": "Nicholas Glazer <info@nicgl.com>",
+  "license": "MIT",
+  "packageManager": "pnpm@10.6.5",
+  "dependencies": {
+    "commander": "^13.1.0"
+  }
+}

package/www/components/jera/Input/Input.svelte

@@ -0,0 +1,63 @@
+<script>
+  let {
+    value = '',
+    ref = $bindable(),
+    type = 'text',
+    placeholder = '',
+    disabled = false,
+    required = false,
+    name = '',
+    id = '',
+    autocomplete = 'on',
+    autocorrect = 'off',
+    autocapitalize = 'off',
+    spellcheck = 'false',
+    maxlength = undefined,
+    minlength = undefined,
+    inputmode,
+    class: className = '',
+    unstyled = false,
+    disableBrowserFeatures = false,
+    oninput = () => {},
+    onchange = () => {},
+    onkeydown = () => {},
+    ...others
+  } = $props();
+
+  const finalAutocomplete = disableBrowserFeatures ? 'new-password' : autocomplete;
+  const finalClassName = $derived(unstyled ? className : `base-input ${className}`);
+</script>
+
+<input
+  class={finalClassName}
+  bind:this={ref}
+  {id}
+  {name}
+  {type}
+  {value}
+  {placeholder}
+  {disabled}
+  {required}
+  {inputmode}
+  {maxlength}
+  {minlength}
+  autocomplete={finalAutocomplete}
+  autocorrect={disableBrowserFeatures ? 'off' : autocorrect}
+  autocapitalize={disableBrowserFeatures ? 'off' : autocapitalize}
+  spellcheck={disableBrowserFeatures ? 'false' : spellcheck}
+  data-form-type={disableBrowserFeatures ? 'other' : undefined}
+  data-lpignore={disableBrowserFeatures ? 'true' : undefined}
+  {oninput}
+  {onchange}
+  {onkeydown}
+  {...others}
+/>
+
+<style>
+  .input-wrapper {
+    @apply relative;
+  }
+  .input-label {
+    @apply font-bold inline-block;
+  }
+</style>

package/www/components/jera/Input/index.js

@@ -0,0 +1 @@
+export { default } from './Input.svelte';