@primate/webc 0.2.0 → 0.4.0

package/lib/private/Default.d.ts

@@ -2,7 +2,7 @@ import Runtime from "#Runtime";
 import type FileRef from "@rcompat/fs/FileRef";
 export default class Default extends Runtime {
     compile: {
-        client: (text: string, component: FileRef) => Promise<{
+        client: (text: string, view: FileRef) => Promise<{
             js: string;
         }>;
         normalize: (name: string) => Promise<string>;

package/lib/private/Default.js

@@ -1,19 +1,18 @@
 import Runtime from "#Runtime";
-import AppError from "@primate/core/AppError";
+import fail from "@primate/core/fail";
 const script_re = /(?<=<script)>(?<code>.*?)(?=<\/script>)/gus;
 const webc_class_name_re = /export default class (?<name>.*?) extends/u;
 export default class Default extends Runtime {
     compile = {
-        client: async (text, component) => {
+        client: async (text, view) => {
             const [script] = [...text.matchAll(script_re)]
                 .map(({ groups }) => groups.code);
             const { name } = script.match(webc_class_name_re)?.groups
                 ?? { name: undefined };
-            if (name === undefined) {
-                throw new AppError("Component at {0} has no class name", component);
-            }
-            const tag = (await this.normalize(component
-                .debase(component.directory, "/").path)).replace("_", "-");
+            if (name === undefined)
+                throw fail("view at {0} has no class name", view);
+            const tag = (await this.normalize(view
+                .debase(view.directory, "/").path)).replace("_", "-");
             const js = `${script}
         globalThis.customElements.define("${tag}", ${name});
       `;

package/lib/private/Runtime.d.ts

@@ -10,7 +10,7 @@ export default class Runtime extends FrontendModule {
     layouts: boolean;
     client: boolean;
     render: Render;
-    get components(): FileRef | undefined;
+    get views(): FileRef | undefined;
     init<T extends App>(app: T, next: Next<T>): import("@rcompat/type/MaybePromise").default<T>;
 }
 //# sourceMappingURL=Runtime.d.ts.map

package/lib/private/Runtime.js

@@ -1,18 +1,18 @@
 import FrontendModule from "@primate/core/frontend/Module";
 export default class Runtime extends FrontendModule {
-    #components;
+    #views;
     name = "webc";
     defaultExtensions = [".webc"];
     layouts = false;
     client = true;
-    render = (_component, _props) => {
+    render = (_view, _props) => {
         return { body: "", head: "" };
     };
-    get components() {
-        return this.#components;
+    get views() {
+        return this.#views;
     }
     init(app, next) {
-        this.#components = app.path.components;
+        this.#views = app.path.views;
         return super.init(app, next);
     }
 }

package/lib/private/client/Component.d.ts

@@ -1,12 +1,12 @@
 import type Dict from "@rcompat/type/Dict";
-export default abstract class Component extends HTMLElement {
+export default class Component extends HTMLElement {
     #private;
     static tag: string;
     constructor(props?: Dict);
     get props(): Dict;
     set props(props: Dict);
     connectedCallback(): void;
-    abstract render(props: Dict): string;
+    render(props: Dict): string;
     mounted(_: ShadowRoot): void;
     toString(): string;
 }

package/lib/private/client/Component.js

@@ -25,6 +25,9 @@ export default class Component extends HTMLElement {
         root.innerHTML = this.render(this.props);
         this.mounted(root);
     }
+    render(props) {
+        return "";
+    }
     mounted(_) {
         // noop
     }

package/lib/private/client/index.d.ts

@@ -1,5 +1,9 @@
 import type Dict from "@rcompat/type/Dict";
+type Props = {
+    props: Dict;
+};
 export default class WebComponentsClient {
-    static mount(component: string, props: Dict): void;
+    static mount(view: string, props: Props): void;
 }
+export {};
 //# sourceMappingURL=index.d.ts.map

package/lib/private/client/index.js

@@ -1,9 +1,7 @@
-// @ts-expect-error esbuild vfs
-import * as components from "webc:components";
+import * as views from "webc:views";
 export default class WebComponentsClient {
-    static mount(component, props) {
-        globalThis.document.body
-            .appendChild(new components[component](props.props));
+    static mount(view, props) {
+        globalThis.document.body.appendChild(new views[view](props.props));
     }
 }
 //# sourceMappingURL=index.js.map

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@primate/webc",
-  "version": "0.2.0",
+  "version": "0.4.0",
   "description": "Primate web components frontend",
   "homepage": "https://primate.run/docs/frontend/web-components",
   "bugs": "https://github.com/primate-run/primate/issues",
@@ -16,11 +16,11 @@
     "directory": "packages/webc"
   },
   "dependencies": {
-    "@rcompat/fs": "^0.21.1",
-    "@primate/core": "^0.2.0"
+    "@rcompat/fs": "^0.22.3",
+    "@primate/core": "^0.4.0"
   },
   "peerDependencies": {
-    "primate": "^0.33.0"
+    "primate": "^0.35.0"
   },
   "type": "module",
   "imports": {