@htmlplus/element 0.3.0 → 0.3.3

package/README.md

@@ -941,16 +941,16 @@ const { start, next, finish } = compiler(...plugins);
 TODO
 
 ```js
-import compiler from '@htmlplus/element/compiler';
-import { read, parse, extract, attach, uhtml, print } from '@htmlplus/element/compiler';
+import compiler from '@htmlplus/element/compiler/index.js';
+import { customElement, extract, parse, read, style, validate } from '@htmlplus/element/compiler/index.js';
 
 const { start, next, finish } = compiler(
   read(),
   parse(),
+  validate(),
   extract(),
-  attach(),
-  uhtml(),
-  print(),
+  style(),
+  customElement(),
 );
 
 await start();

package/{dist/compiler → compiler}/plugins/style.d.ts

@@ -1,10 +1,8 @@
-import { Options } from 'sass';
 import { Context } from '../../types/index.js';
 export declare type StyleOptions = {
-    extensions?: Array<'scss' | 'css'>;
+    extensions?: Array<string>;
     directory?: (context: Context) => string;
     filename?: (context: Context) => string;
-    sass?: Options<'sync'>;
 };
 export declare const style: (options: StyleOptions) => {
     name: string;

package/{dist/compiler → compiler}/plugins/style.js

@@ -1,7 +1,6 @@
 import t from '@babel/types';
 import fs from 'fs';
 import path from 'path';
-import core from 'sass';
 import * as CONSTANTS from '../../constants/index.js';
 const defaults = {
     extensions: ['scss', 'css'],
@@ -27,13 +26,8 @@ export const style = (options) => {
         }
         if (!context.stylePath)
             return;
-        const { css, loadedUrls } = core.compile(context.stylePath, Object.assign(Object.assign({}, (options.sass || {})), { style: 'compressed' }));
-        context.styleParsed = css.toString();
-        // TODO loadedUrls;
-        context.styleDependencies = [];
-        if (!context.styleParsed)
-            return;
-        context.class.body.body.unshift(t.classProperty(t.identifier(CONSTANTS.STATIC_STYLES), t.stringLiteral(context.styleParsed), undefined, null, undefined, true));
+        context.fileAST.program.body.unshift(t.importDeclaration([t.importDefaultSpecifier(t.identifier('AUTO_IMPORT_STYLE'))], t.stringLiteral(context.stylePath + '?inline')));
+        context.class.body.body.unshift(t.classProperty(t.identifier(CONSTANTS.STATIC_STYLES), t.identifier('AUTO_IMPORT_STYLE'), undefined, null, undefined, true));
     };
     return {
         name,

package/package.json

@@ -1,10 +1,12 @@
 {
   "name": "@htmlplus/element",
-  "version": "0.3.0",
+  "version": "0.3.3",
   "license": "MIT",
   "author": "Masood Abdolian <m.abdolian@gmail.com>",
   "description": "Compiler of HTMLPlus",
   "type": "module",
+  "main": "./client/index.js",
+  "types": "./client/index.d.ts",
   "scripts": {
     "prebuild": "npm run clean",
     "build": "tsc",
@@ -15,50 +17,12 @@
     "dev:start": "node src/dev/scripts/start.js",
     "dev:build": "node src/dev/scripts/build.js"
   },
-  "exports": {
-    ".": {
-      "default": "./dist/client/index.js"
-    },
-    "./compiler": {
-      "default": "./dist/compiler/index.js"
-    },
-    "./decorators": {
-      "default": "./dist/client/decorators/index.js"
-    },
-    "./helpers": {
-      "default": "./dist/client/helpers/index.js"
-    },
-    "./runtime": {
-      "default": "./dist/runtime/index.js"
-    },
-    "./services": {
-      "default": "./dist/client/services/index.js"
-    }
-  },
-  "typesVersions": {
-    "*": {
-      "*": [
-        "./dist/client/index.d.ts"
-      ],
-      "compiler": [
-        "./dist/compiler/index.d.ts"
-      ],
-      "decorators": [
-        "./dist/client/decorators/index.d.ts"
-      ],
-      "helpers": [
-        "./dist/client/helpers/index.d.ts"
-      ],
-      "runtime": [
-        "./dist/runtime/index.d.ts"
-      ],
-      "services": [
-        "./dist/client/services/index.d.ts"
-      ]
-    }
-  },
   "files": [
-    "dist",
+    "client",
+    "compiler",
+    "constants",
+    "runtime",
+    "types",
     "package.json",
     "README.md"
   ],
@@ -84,7 +48,6 @@
     "fast-glob": "^3.2.11",
     "handlebars": "^4.7.7",
     "log-update": "^5.0.0",
-    "sass": "^1.43.4",
     "ts-node": "^10.4.0",
     "typescript": "^4.5.2",
     "uhtml": "^2.7.6"