@ikas/component-cli 0.82.0 → 0.85.0

package/templates/create/src/components/ExampleSection/types.ts

@@ -0,0 +1,6 @@
+// Auto-generated types based on ikas.config.json props
+export interface Props {
+  heading: string;
+  subtitle?: string;
+  backgroundColor?: string;
+}

package/templates/create/src/components/index.ts

@@ -0,0 +1,2 @@
+export { ExampleComponent } from "./ExampleComponent/index";
+export { ExampleSection } from "./ExampleSection/index";

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

@@ -0,0 +1,5 @@
+// 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

@@ -0,0 +1,12 @@
+/*
+ * Global styles for your ikas code components project.
+ * These styles are NOT scoped — they apply across all components.
+ * Use this for CSS resets, base typography, utility classes, or CSS variables.
+ *
+ * Loading order:
+ *   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

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

package/templates/create/tsconfig.json

@@ -0,0 +1,30 @@
+{
+  "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

@@ -0,0 +1,15 @@
+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/observer-runtime.js

@@ -0,0 +1,34 @@
+import { Reaction } from "mobx";
+import { useRef, useState, useEffect } from "preact/hooks";
+
+export function observer(Component) {
+  var wrapped = function(props) {
+    var hookState = useState(0);
+    var setTick = hookState[1];
+    var reactionRef = useRef(null);
+
+    if (!reactionRef.current) {
+      reactionRef.current = new Reaction(
+        "observer(" + (Component.displayName || Component.name || "Component") + ")",
+        function() { setTick(function(t) { return t + 1; }); }
+      );
+    }
+
+    useEffect(function() {
+      return function() {
+        if (reactionRef.current) {
+          reactionRef.current.dispose();
+          reactionRef.current = null;
+        }
+      };
+    }, []);
+
+    var result;
+    reactionRef.current.track(function() {
+      result = Component(props);
+    });
+    return result;
+  };
+  wrapped.displayName = "observer(" + (Component.displayName || Component.name || "Component") + ")";
+  return wrapped;
+}