@realmorg/realm 0.0.19 → 2.0.0-alpha.3

package/dist/types/types.d.ts

@@ -0,0 +1,60 @@
+import type { CssBindings } from "./css";
+import type { PropType, prop } from "./props";
+export type Handler = (this: Element, event: Event, ...vars: unknown[]) => unknown;
+export interface SetupResult {
+    get(name: string): unknown;
+    handlers: Handler[];
+}
+export interface StoreOptions {
+    persist?: "local" | "session" | StorageAdapter;
+}
+export interface StorageAdapter {
+    get(key: string): string | null;
+    set(key: string, value: string): void;
+}
+export interface Context {
+    defineProps<T extends Record<string, PropType>>(schema: T): Record<keyof T, unknown>;
+    useState<T extends object>(initial: T): T;
+    useChildren(selector: string, attributes?: string[]): Element[];
+    tick(): Promise<void>;
+    listen(type: string, handler: (event: Event) => unknown, target?: EventTarget): void;
+    defineMethods(methods: object): void;
+    dispatch(type: string, detail?: unknown, options?: CustomEventInit): boolean;
+    attrs: Record<string, string | null>;
+    observe(fn: () => unknown): () => void;
+    onConnected(fn: () => unknown): void;
+    onDisconnected(fn: () => void): void;
+    onFormReset(fn: () => void): void;
+    onFormDisabled(fn: (disabled: boolean) => void): void;
+    onFormStateRestore(fn: (state: unknown, mode: string) => void): void;
+    defineStore<T extends object>(name: string, initial: T, options?: StoreOptions): T;
+    /** `report` is set only by generated handler code, for names the script never declared. */
+    lookup(name: string, report?: boolean): unknown;
+    prop: typeof prop;
+    host: HTMLElement;
+    refs: Record<string, Element>;
+    signal: AbortSignal;
+    internals: ElementInternals;
+    setTimeout(callback: (...args: unknown[]) => void, delay?: number, ...args: unknown[]): number;
+    setInterval(callback: (...args: unknown[]) => void, delay?: number, ...args: unknown[]): number;
+    clearTimeout(id?: number): void;
+    clearInterval(id?: number): void;
+    untrack<T>(fn: () => T): T;
+}
+export type Setup = (context: Context) => SetupResult;
+export interface Definition {
+    name: string;
+    source: string;
+    base: string;
+    markup: DocumentFragment;
+    sheets: CSSStyleSheet[];
+    names: Set<string>;
+    handlers: Map<string, number>;
+    events: string[];
+    formAssociated: boolean;
+    role: string | null;
+    slot: string | null;
+    delegatesFocus: boolean;
+    css: CssBindings;
+    setup: Setup;
+}

package/package.json

@@ -1,40 +1,67 @@
 {
   "name": "@realmorg/realm",
-  "version": "0.0.19",
-  "description": "Reactive Lightweight Markup Language. HTML framework for building an MVP (Minimum Viable Product) website.",
-  "main": "dist/index.js",
-  "keywords": [],
+  "version": "2.0.0-alpha.3",
+  "description": "Write native web components in plain HTML. No compiler or build step.",
+  "type": "module",
+  "license": "MIT",
   "author": {
     "name": "Ribhararnus Pracutian",
     "email": "oknoorap@gmail.com"
   },
-  "repository": "https://github.com/realmorg/realm",
-  "homepage": "https://realm.codes",
-  "license": "MIT",
-  "devDependencies": {
-    "@types/node": "^20.1.0",
-    "cssnano": "^6.0.1",
-    "postcss-cli": "^10.1.0",
-    "postcss-header": "^3.0.3",
-    "terser": "^5.17.6",
-    "tsup": "^6.7.0",
-    "typescript": "^5.0.4",
-    "vitest": "^0.34.2",
-    "tsconfig": "0.0.0"
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/realmorg/realm.git",
+    "directory": "packages/realm"
+  },
+  "homepage": "https://realm.js.org",
+  "keywords": [
+    "web-components",
+    "custom-elements",
+    "html",
+    "reactive",
+    "no-build"
+  ],
+  "sideEffects": [
+    "./dist/realm.js"
+  ],
+  "exports": {
+    ".": {
+      "types": "./dist/types/index.d.ts",
+      "default": "./dist/index.js"
+    },
+    "./auto": {
+      "types": "./dist/types/index.d.ts",
+      "default": "./dist/realm.js"
+    },
+    "./compiler": {
+      "types": "./dist/types/compiler.d.ts",
+      "default": "./dist/compiler.js"
+    },
+    "./realm.css": "./dist/realm.css"
   },
+  "types": "./dist/types/index.d.ts",
   "files": [
     "dist"
   ],
+  "devDependencies": {
+    "@vitest/browser-playwright": "5.0.5",
+    "@vitest/coverage-v8": "5.0.5",
+    "playwright": "1.64.1",
+    "typescript": "7.0.2",
+    "vite": "8.3.4",
+    "vitest": "5.0.5",
+    "tsconfig": "0.0.0"
+  },
   "publishConfig": {
-    "registry": "https://registry.npmjs.org",
-    "access": "public"
+    "access": "public",
+    "registry": "https://registry.npmjs.org"
   },
   "scripts": {
-    "build": "pnpm build:dev && pnpm build:prod",
-    "build:prod": "NODE_ENV=production tsup src/index.ts",
-    "build:dev": "tsup src/index.ts --onSuccess 'pnpm build:css'",
-    "build:css": "postcss src/index.css > dist/realm.css",
-    "dev": "pnpm build:dev --watch --dts",
-    "test": "vitest run"
+    "build": "vite build && tsc -p tsconfig.build.json",
+    "dev": "vite",
+    "test": "vitest run",
+    "test:cross": "vitest run --project cross",
+    "coverage": "vitest run --project chromium --coverage",
+    "typecheck": "tsc --noEmit"
   }
 }