@htmlplus/element 2.9.8 → 2.11.0

package/bundlers/vite.d.ts

@@ -4,4 +4,5 @@ export declare const htmlplus: (...plugins: Array<TransformerPlugin>) => {
     buildStart(): Promise<void>;
     load(id: any): Promise<string | undefined>;
     buildEnd(): Promise<void>;
+    writeBundle(options: any, bundles: any): Promise<void>;
 };

package/bundlers/vite.js

@@ -1,7 +1,7 @@
 import path from 'path';
 import { transformer } from '../transformer/index.js';
 export const htmlplus = (...plugins) => {
-    const { start, run, finish } = transformer(...plugins);
+    const { global, start, run, finish, write } = transformer(...plugins);
     return {
         name: 'htmlplus',
         async buildStart() {
@@ -20,6 +20,33 @@ export const htmlplus = (...plugins) => {
         },
         async buildEnd() {
             await finish();
+        },
+        async writeBundle(options, bundles) {
+            // TODO
+            try {
+                for (const context of global.contexts) {
+                    for (const key in bundles) {
+                        if (!Object.hasOwnProperty.call(bundles, key))
+                            continue;
+                        const bundle = bundles[key];
+                        if (!bundle.facadeModuleId.startsWith(context.filePath))
+                            continue;
+                        const modules = bundle['modules'];
+                        for (const key in modules) {
+                            if (!Object.hasOwnProperty.call(modules, key))
+                                continue;
+                            const module = modules[key];
+                            if (!key.startsWith(context.stylePath || ''))
+                                continue;
+                            context.styleContentTransformed = module.code;
+                            break;
+                        }
+                        break;
+                    }
+                }
+            }
+            catch { }
+            await write();
         }
     };
 };

package/client/utils/uhtml.js

@@ -214,7 +214,11 @@ var udomdiff = (parentNode, a, b, get, before) => {
             // need to be added are not at the end, and in such case
             // the node to `insertBefore`, if the index is more than 0
             // must be retrieved, otherwise it's gonna be the first item.
-            const node = bEnd < bLength ? (bStart ? get(b[bStart - 1], -0).nextSibling : get(b[bEnd - bStart], 0)) : before;
+            const node = bEnd < bLength
+                ? bStart
+                    ? get(b[bStart - 1], -0).nextSibling
+                    : get(b[bEnd - bStart], 0)
+                : before;
             while (bStart < bEnd)
                 parentNode.insertBefore(get(b[bStart++], 1), node);
         }

package/jsx-runtime.d.ts

@@ -95,7 +95,7 @@ declare namespace JSX {
     s: WithPart<'s'>;
     samp: WithPart<'samp'>;
     search: WithPart<'search'>;
-    slot: WithPart<'slot'>;
+    slot: WithPart<'slot'> & { onSlotChange?: (event: Event) => void };
     script: WithPart<'script'>;
     section: WithPart<'section'>;
     select: WithPart<'select'>;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@htmlplus/element",
-  "version": "2.9.8",
+  "version": "2.11.0",
   "license": "MIT",
   "sideEffects": false,
   "author": "Masood Abdolian <m.abdolian@gmail.com>",

package/transformer/plugins/document.js

@@ -10,7 +10,7 @@ export const DOCUMENT_OPTIONS = {
 export const document = (options) => {
     const name = 'document';
     options = Object.assign({}, DOCUMENT_OPTIONS, options);
-    const finish = (global) => {
+    const write = (global) => {
         const json = {
             elements: []
         };
@@ -164,7 +164,18 @@ export const document = (options) => {
                     const [first, second] = section.split(/\n/);
                     const description = first.replace('*/', '').trim();
                     const name = second.split(':')[0].trim();
-                    const initializer = second.split(':').slice(1).join(':').replace(';', '').trim();
+                    const initializerDefault = second.split(':').slice(1).join(':').replace(';', '').trim();
+                    // TODO
+                    const initializerTransformed = context.styleContentTransformed
+                        ?.split(name)
+                        ?.at(1)
+                        ?.split(':')
+                        ?.filter((section) => !!section)
+                        ?.at(0)
+                        ?.split(/;|}/)
+                        ?.at(0)
+                        ?.trim();
+                    const initializer = initializerTransformed || initializerDefault;
                     return {
                         description,
                         initializer,
@@ -191,5 +202,5 @@ export const document = (options) => {
         fs.ensureDirSync(dirname);
         fs.writeJSONSync(options.destination, json, { encoding: 'utf8', spaces: 2 });
     };
-    return { name, finish };
+    return { name, write };
 };

package/transformer/transformer.d.ts

@@ -1,6 +1,8 @@
-import { TransformerPlugin, TransformerPluginContext } from './transformer.types.js';
+import { TransformerPlugin, TransformerPluginContext, TransformerPluginGlobal } from './transformer.types.js';
 export declare const transformer: (...plugins: TransformerPlugin[]) => {
+    global: TransformerPluginGlobal;
     start: () => Promise<void>;
     run: (filePath: string) => Promise<TransformerPluginContext>;
     finish: () => Promise<void>;
+    write: () => Promise<void>;
 };

package/transformer/transformer.js

@@ -67,5 +67,12 @@ export const transformer = (...plugins) => {
         log(`Plugins finished successfully.`, true);
         log(`Finished.`, true);
     };
-    return { start, run, finish };
+    const write = async () => {
+        for (const plugin of plugins) {
+            if (!plugin.write)
+                continue;
+            global = (await plugin.write(global)) || global;
+        }
+    };
+    return { global, start, run, finish, write };
 };

package/transformer/transformer.types.d.ts

@@ -30,6 +30,7 @@ export interface TransformerPluginContext {
     readmeName?: string;
     readmePath?: string;
     styleContent?: string;
+    styleContentTransformed?: string;
     styleExtension?: string;
     styleName?: string;
     stylePath?: string;
@@ -46,5 +47,6 @@ export interface TransformerPlugin {
     start?: (global: TransformerPluginGlobal) => Return<TransformerPluginGlobal>;
     run?: (context: TransformerPluginContext, global: TransformerPluginGlobal) => Return<TransformerPluginContext>;
     finish?: (global: TransformerPluginGlobal) => Return<TransformerPluginGlobal>;
+    write?: (global: TransformerPluginGlobal) => Return<TransformerPluginGlobal>;
 }
 export {};