@primate/webc 0.4.0 → 0.6.0

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

@@ -1,4 +1,4 @@
-import type Dict from "@rcompat/type/Dict";
+import type { Dict } from "@rcompat/type";
 export default class Component extends HTMLElement {
     #private;
     static tag: string;

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

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

package/lib/private/client/{index.js → app.js}

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

package/lib/private/default.d.ts

@@ -0,0 +1,7 @@
+declare const _default: (input?: {
+    extensions?: string[] | undefined;
+    spa?: boolean | undefined;
+    ssr?: boolean | undefined;
+} | undefined) => import("@primate/core/frontend").Module;
+export default _default;
+//# sourceMappingURL=default.d.ts.map

package/lib/private/{Default.js → default.js}

@@ -1,29 +1,43 @@
-import Runtime from "#Runtime";
-import fail from "@primate/core/fail";
+import init from "#init";
+import frontend from "@primate/core/frontend";
+import hash from "@rcompat/crypto/hash";
+import error from "@rcompat/error";
+import fs from "@rcompat/fs";
 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 = {
+function no_class_name(view) {
+    return error.template `view at ${view} has no class name`;
+}
+const errors = error.coded({
+    no_class_name,
+});
+async function normalize(path) {
+    const file = fs.ref(path);
+    const basename = path.slice(0, -file.fullExtension.length);
+    return `p_${await hash(`${basename}.webc`)}`;
+}
+export default frontend({
+    ...init,
+    compile: {
         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 fail("view at {0} has no class name", view);
-            const tag = (await this.normalize(view
+                throw errors.no_class_name(view);
+            const tag = (await normalize(view
                 .debase(view.directory, "/").path)).replace("_", "-");
             const js = `${script}
         globalThis.customElements.define("${tag}", ${name});
       `;
             return { js };
         },
-        normalize: this.normalize,
         server: (text) => {
             const [code] = [...text.matchAll(script_re)]
                 .map(({ groups }) => groups.code);
             return code;
         },
-    };
-}
-//# sourceMappingURL=Default.js.map
+    },
+});
+//# sourceMappingURL=default.js.map

package/lib/private/init.d.ts

@@ -0,0 +1,4 @@
+import type { Init } from "@primate/core/frontend";
+declare const module: Init;
+export default module;
+//# sourceMappingURL=init.d.ts.map

package/lib/private/init.js

@@ -0,0 +1,11 @@
+const module = {
+    name: "webc",
+    extensions: [".webc"],
+    layouts: false,
+    client: true,
+    render(_view, _props) {
+        return { body: "", head: "" };
+    },
+};
+export default module;
+//# sourceMappingURL=init.js.map

package/lib/private/runtime.d.ts

@@ -0,0 +1,7 @@
+declare const _default: (input?: {
+    extensions?: string[] | undefined;
+    spa?: boolean | undefined;
+    ssr?: boolean | undefined;
+} | undefined) => import("@primate/core/frontend").Module;
+export default _default;
+//# sourceMappingURL=runtime.d.ts.map

package/lib/private/runtime.js

@@ -0,0 +1,4 @@
+import init from "#init";
+import frontend from "@primate/core/frontend";
+export default frontend(init);
+//# sourceMappingURL=runtime.js.map

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

@@ -1,4 +1,4 @@
-import type Dict from "@rcompat/type/Dict";
+import type { Dict } from "@rcompat/type";
 export default class Component {
     render(_props: Dict): string;
     mounted(_: ShadowRoot): void;

package/lib/public/browser.d.ts

@@ -1,2 +1,2 @@
-export { default } from "#client/index";
+export { default } from "#client/app";
 //# sourceMappingURL=browser.d.ts.map

package/lib/public/browser.js

@@ -1,2 +1,2 @@
-export { default } from "#client/index";
+export { default } from "#client/app";
 //# sourceMappingURL=browser.js.map

package/lib/public/default.d.ts

@@ -1,4 +1,2 @@
-import Default from "#Default";
-declare const _default: (options?: typeof Default.input) => Default;
-export default _default;
+export { default } from "#default";
 //# sourceMappingURL=default.d.ts.map

package/lib/public/default.js

@@ -1,3 +1,2 @@
-import Default from "#Default";
-export default (options) => new Default(options);
+export { default } from "#default";
 //# sourceMappingURL=default.js.map

package/lib/public/runtime.d.ts

@@ -1,4 +1,2 @@
-import Runtime from "#Runtime";
-declare const _default: (options?: typeof Runtime.input) => Runtime;
-export default _default;
+export { default } from "#runtime";
 //# sourceMappingURL=runtime.d.ts.map

package/lib/public/runtime.js

@@ -1,3 +1,2 @@
-import Runtime from "#Runtime";
-export default (options) => new Runtime(options);
+export { default } from "#runtime";
 //# sourceMappingURL=runtime.js.map

package/package.json

@@ -1,47 +1,53 @@
 {
   "name": "@primate/webc",
-  "version": "0.4.0",
-  "description": "Primate web components frontend",
+  "version": "0.6.0",
+  "description": "Web Components for Primate",
   "homepage": "https://primate.run/docs/frontend/web-components",
   "bugs": "https://github.com/primate-run/primate/issues",
+  "type": "module",
   "license": "MIT",
-  "files": [
-    "/lib/**/*.js",
-    "/lib/**/*.d.ts",
-    "!/**/*.spec.*"
-  ],
   "repository": {
     "type": "git",
     "url": "https://github.com/primate-run/primate",
     "directory": "packages/webc"
   },
+  "files": [
+    "/lib/**/*.js",
+    "/lib/**/*.d.ts",
+    "!/**/*.spec.*"
+  ],
   "dependencies": {
-    "@rcompat/fs": "^0.22.3",
-    "@primate/core": "^0.4.0"
+    "@rcompat/crypto": "^0.16.1",
+    "@rcompat/error": "^0.3.1",
+    "@rcompat/fs": "^0.28.1",
+    "@primate/core": "^0.6.0"
+  },
+  "devDependencies": {
+    "@rcompat/type": "^0.11.1"
   },
   "peerDependencies": {
-    "primate": "^0.35.0"
+    "primate": "^0.37.0"
   },
-  "type": "module",
   "imports": {
     "#*": {
-      "apekit": "./src/private/*.ts",
+      "@primate/source": "./src/private/*.ts",
       "default": "./lib/private/*.js"
     },
     "#Component": {
-      "apekit": "./src/private/client/Component.ts",
+      "@primate/source": "./src/private/client/Component.ts",
       "browser": "./lib/private/client/Component.js",
       "default": "./lib/private/server/Component.js"
     }
   },
   "exports": {
     ".": {
+      "@primate/source": "./src/public/default.ts",
       "browser": "./lib/public/browser.js",
       "runtime": "./lib/public/runtime.js",
       "default": "./lib/public/default.js"
     },
     "./*": {
-      "apekit": "./src/public/*.ts",
+      "@primate/source": "./src/public/*.ts",
       "default": "./lib/public/*.js"
     }
   },

package/lib/private/Default.d.ts

@@ -1,12 +0,0 @@
-import Runtime from "#Runtime";
-import type FileRef from "@rcompat/fs/FileRef";
-export default class Default extends Runtime {
-    compile: {
-        client: (text: string, view: FileRef) => Promise<{
-            js: string;
-        }>;
-        normalize: (name: string) => Promise<string>;
-        server: (text: string) => string;
-    };
-}
-//# sourceMappingURL=Default.d.ts.map

package/lib/private/Runtime.d.ts

@@ -1,16 +0,0 @@
-import type App from "@primate/core/App";
-import FrontendModule from "@primate/core/frontend/Module";
-import type Render from "@primate/core/frontend/Render";
-import type Next from "@primate/core/Next";
-import type FileRef from "@rcompat/fs/FileRef";
-export default class Runtime extends FrontendModule {
-    #private;
-    name: string;
-    defaultExtensions: string[];
-    layouts: boolean;
-    client: boolean;
-    render: Render;
-    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,19 +0,0 @@
-import FrontendModule from "@primate/core/frontend/Module";
-export default class Runtime extends FrontendModule {
-    #views;
-    name = "webc";
-    defaultExtensions = [".webc"];
-    layouts = false;
-    client = true;
-    render = (_view, _props) => {
-        return { body: "", head: "" };
-    };
-    get views() {
-        return this.#views;
-    }
-    init(app, next) {
-        this.#views = app.path.views;
-        return super.init(app, next);
-    }
-}
-//# sourceMappingURL=Runtime.js.map

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

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