pending local changes commit

abelljs · Nov 20, 2024 · f157348 · f157348
1 parent d9c030d
commit f157348
Show file tree

Hide file tree

Showing 3 changed files with 3,377 additions and 2,686 deletions.
diff --git a/packages/abell/src/vite-plugin-abell/compiler/syntax-blocks.ts b/packages/abell/src/vite-plugin-abell/compiler/syntax-blocks.ts
@@ -20,13 +20,22 @@ const ideal = {
   ]
 };
 
+type Pos =
+  | {
+      pos?: number;
+      col?: number;
+      line?: number;
+    }
+  | {};
+
 export const getSyntaxBlocks = (
   tokens: Token<TokenSchemaType>[],
   { isPage }: { isPage: boolean }
 ): any => {
   const blocks: {
-    type: 'import' | 'declaration' | 'abell-text' | 'css-text' | 'text';
+    type: 'abell-text' | 'css-text' | 'text';
     text: string;
+    pos?: { start: Pos; end: Pos };
     abellBlockProperties?: {
       blockCount: number;
       isInsideCSSBlock: boolean;
@@ -40,33 +49,57 @@ export const getSyntaxBlocks = (
   const blockState = {
     abell: {
       isInsideAbellBlock: false,
-      blockCount: 0
+      blockCount: 0,
+      posStart: {} as Pos,
+      posEnd: {} as Pos
     },
     css: {
       isInsideCSSBlock: false,
       blockCount: 0,
-      cssBlockAttributes: {}
+      cssBlockAttributes: {},
+      pos: {
+        start: {} as Pos,
+        end: {} as Pos
+      }
     }
   };
 
   for (const token of tokens) {
     switch (token.type) {
       case 'BLOCK_START': {
-        // console.log(token);
         blockState.abell.isInsideAbellBlock = true;
         blockState.abell.blockCount++;
+        blockState.abell.posStart = {
+          pos: token.pos,
+          col: token.col,
+          line: token.line
+        };
         break;
       }
 
       case 'BLOCK_END': {
-        // console.log(token);
+        if (!blockState.abell.isInsideAbellBlock) {
+          throw new Error('Nested Abell Blocks are not Allowed');
+        }
+
         blockState.abell.isInsideAbellBlock = false;
+        blockState.abell.posEnd = {
+          pos: token.pos,
+          col: token.col,
+          line: token.line
+        };
+        console.log(blockState.abell.posStart, blockState.abell.posEnd);
         break;
       }
 
       case 'STYLE_START': {
         blockState.css.isInsideCSSBlock = true;
         blockState.css.blockCount++;
+        blockState.css.pos.start = {
+          pos: token.pos,
+          col: token.col,
+          line: token.line
+        };
         if (token.matches?.[0]) {
           blockState.css.cssBlockAttributes = parseAttributes(token.matches[0]);
         } else {
@@ -77,6 +110,11 @@ export const getSyntaxBlocks = (
 
       case 'STYLE_END': {
         blockState.css.isInsideCSSBlock = false;
+        blockState.css.pos.end = {
+          pos: token.pos,
+          col: token.col,
+          line: token.line
+        };
         blockState.css.cssBlockAttributes = {};
         break;
       }
@@ -86,6 +124,10 @@ export const getSyntaxBlocks = (
           blocks.push({
             type: 'abell-text',
             text: token.text,
+            pos: {
+              start: blockState.abell.posStart,
+              end: blockState.abell.posEnd
+            },
             abellBlockProperties: {
               blockCount: blockState.abell.blockCount,
               isInsideCSSBlock: blockState.css.isInsideCSSBlock
@@ -95,11 +137,13 @@ export const getSyntaxBlocks = (
           blocks.push({
             type: 'css-text',
             text: token.text,
+            pos: blockState.css.pos,
             cssBlockProperties: {
               attributes: blockState.css.cssBlockAttributes,
               blockCount: blockState.css.blockCount
             }
           });
+          blockState.css.pos = { start: {}, end: {} };
         } else {
           blocks.push({
             type: 'text',
@@ -110,7 +154,7 @@ export const getSyntaxBlocks = (
     }
   }
 
-  console.log(blocks);
+  console.dir(blocks, { depth: 5 });
 
   return {
     blocks: []

diff --git a/packages/docs/components/meta.abell b/packages/docs/components/meta.abell
@@ -44,4 +44,4 @@
 
 <link rel="preload" onload="this.rel = 'stylesheet'" as="style"
       href="https://fonts.googleapis.com/css2?family=Inter:wght@400;{{ boldFontWeight }}&display=swap">
-<link rel="stylesheet" href="/client/global.scss" />
+<link rel="preload" onload="this.rel = 'stylesheet'" as="style" href="/client/global.scss" />