@ikas/component-cli 0.132.0 → 1.1.0

package/templates/create/src/global-types.ts

@@ -1,5 +0,0 @@
-// Auto-generated global type definitions for ikas code components.
-// Custom enum types from the editor will appear here.
-// This file is regenerated automatically — do not edit manually.
-
-export {};

package/templates/create/src/global.css

@@ -1,29 +0,0 @@
-/*
- * Global styles for your ikas code components project.
- *
- * Scoping: at build time every rule here is wrapped in a per-project scope
- * (`:where([data-cc-scope~="<projectId>"])`) so styles from one project cannot
- * leak into another project's components or the host page.
- *
- * What works:
- *   - Class / tag / attribute selectors on elements you render (`.card`, `img`, `[data-x]`).
- *   - `:root { --var: value }` — variables are rewritten onto the component wrapper
- *     and inherit down its subtree. Use this for design tokens.
- *   - `@media`, `@supports`, `@container`, `@layer` — walked recursively.
- *   - `@keyframes`, `@font-face` — left untouched.
- *
- * What does NOT work (code components only style elements they own):
- *   - Top-level `body { ... }` / `html { ... }` rules — dropped.
- *   - Descendant selectors starting with `body` / `html` (e.g. `body .x`, `html.dark .y`) —
- *     emitted but never match, because the component wrapper is INSIDE body, not
- *     the other way around. Use a class on your own wrapper instead
- *     (e.g. add `dark` via JS and write `.dark .x`).
- *   - Document-wide resets, scrollbar tweaks, page backgrounds — belong to the theme.
- *
- * Loading order (all scoped to this project):
- *   1. Global CSS (this file) — lowest specificity
- *   2. Shared chunk CSS — multi-scope (.cc_a .sel, .cc_b .sel)
- *   3. Component CSS — single scope (.cc_id .sel) — highest specificity
- *
- * Component-scoped styles naturally override these globals.
- */

package/templates/create/src/ikas-component-utils.d.ts

@@ -1,3 +0,0 @@
-declare module "@ikas/component-utils" {
-  export function observer<T extends (props: any) => any>(component: T): T;
-}

package/templates/create/tsconfig.json

@@ -1,30 +0,0 @@
-{
-  "compilerOptions": {
-    "target": "ES2022",
-    "lib": [
-      "DOM",
-      "DOM.Iterable",
-      "ES2022"
-    ],
-    "module": "ESNext",
-    "moduleResolution": "bundler",
-    "jsx": "react-jsx",
-    "jsxImportSource": "preact",
-    "strict": true,
-    "esModuleInterop": true,
-    "skipLibCheck": true,
-    "forceConsistentCasingInFileNames": true,
-    "resolveJsonModule": true,
-    "declaration": true,
-    "declarationMap": true,
-    "outDir": "./dist",
-    "rootDir": "./src"
-  },
-  "include": [
-    "src/**/*"
-  ],
-  "exclude": [
-    "node_modules",
-    "dist"
-  ]
-}

package/templates/create/vite.config.ts

@@ -1,15 +0,0 @@
-import { defineConfig } from "vite";
-import preact from "@preact/preset-vite";
-
-export default defineConfig({
-  plugins: [preact()],
-  build: {
-    lib: {
-      entry: "./src/components/index.ts",
-      formats: ["es"]
-    },
-    rollupOptions: {
-      external: ["preact", "preact/hooks", "@ikas/component-utils"]
-    }
-  }
-});

package/templates/create-full/README.md

@@ -1,78 +0,0 @@
-# my-ikas-components
-
-An ikas code components project.
-
-## Getting Started
-
-1. Install dependencies:
-   ```bash
-   npm install
-   ```
-
-2. Start the development server:
-   ```bash
-   npm run dev
-   ```
-
-3. Open the ikas editor and connect to the dev server from the Dev Components panel.
-
-## Commands
-
-- `npm run dev` - Start development server with live editor updates
-- `npm run build` - Build components for production
-- `npm run add` - Add a new component to the project
-
-## Project Structure
-
-```
-my-ikas-components/
-├── src/
-│   └── components/
-│       ├── ExampleComponent/  # A child component (type: "component")
-│       │   ├── index.tsx
-│       │   ├── styles.css
-│       │   └── types.ts
-│       ├── ExampleSection/    # A page-level section (type: "section")
-│       │   ├── index.tsx
-│       │   ├── styles.css
-│       │   └── types.ts
-│       └── index.ts
-├── ikas.config.json
-├── package.json
-├── tsconfig.json
-└── vite.config.ts
-```
-
-## Sections vs Components
-
-There are two types of code components:
-
-- **Sections** are page-level, full-width containers (e.g. Header, Hero Banner, Footer).
-  Set `"type": "section"` on the component entry in `ikas.config.json`.
-- **Components** are child elements placed inside sections (e.g. buttons, cards, badges).
-  No `type` field needed — it defaults to `"component"`.
-
-## Adding Props
-
-Edit `ikas.config.json` to add props to your components. Available prop types:
-
-- `TEXT` - String input
-- `NUMBER` - Number input
-- `BOOLEAN` - Checkbox toggle
-- `IMAGE` - Image picker
-- `LINK` - Link/URL input
-- `LIST_OF_LINK` - List of navigation links
-- `COLOR` - Color picker
-- `SELECT` - Dropdown selection
-- `PRODUCT` - Single product selector
-- `PRODUCT_LIST` - Multiple products selector
-- `CATEGORY` - Single category selector
-- `CATEGORY_LIST` - Multiple categories selector
-- `BRAND` - Single brand selector
-- `BRAND_LIST` - Multiple brands selector
-- `BLOG` - Single blog post selector
-- `BLOG_LIST` - Multiple blog posts selector
-
-## Building for Production
-
-Run `npm run build` to compile your components. The output will be ready to upload to the ikas editor.