@atlaspack/transformer-html 2.14.5-canary.16 → 2.14.5-canary.161

package/CHANGELOG.md

@@ -1,5 +1,159 @@
 # @atlaspack/transformer-html
 
+## 2.15.2
+
+### Patch Changes
+
+- Updated dependencies [[`f6b3f22`](https://github.com/atlassian-labs/atlaspack/commit/f6b3f2276c7e417580b49c4879563aab51f156b1)]:
+  - @atlaspack/feature-flags@2.23.0
+  - @atlaspack/plugin@2.14.25
+
+## 2.15.1
+
+### Patch Changes
+
+- Updated dependencies [[`ad26146`](https://github.com/atlassian-labs/atlaspack/commit/ad26146f13b4c1cc65d4a0f9c67060b90ef14ff3), [`f1b48e7`](https://github.com/atlassian-labs/atlaspack/commit/f1b48e7a04e005cef0f36a3e692087a9ecdb6f7a), [`7f5841c`](https://github.com/atlassian-labs/atlaspack/commit/7f5841c39df049f9546cccbeea2a7337e0337b45), [`73dd7ba`](https://github.com/atlassian-labs/atlaspack/commit/73dd7baab69456ef2f6e4a0cc7dbb04f407eb148)]:
+  - @atlaspack/rust@3.6.0
+  - @atlaspack/feature-flags@2.22.0
+  - @atlaspack/plugin@2.14.24
+
+## 2.15.0
+
+### Minor Changes
+
+- [#731](https://github.com/atlassian-labs/atlaspack/pull/731) [`23d561e`](https://github.com/atlassian-labs/atlaspack/commit/23d561e51e68b0c38fd1ff4e4fb173e5e7b01cf2) Thanks [@marcins](https://github.com/marcins)! - Implement "inline isolated" scripts
+
+### Patch Changes
+
+- Updated dependencies [[`23d561e`](https://github.com/atlassian-labs/atlaspack/commit/23d561e51e68b0c38fd1ff4e4fb173e5e7b01cf2)]:
+  - @atlaspack/feature-flags@2.21.0
+  - @atlaspack/rust@3.5.0
+  - @atlaspack/plugin@2.14.23
+
+## 2.14.22
+
+### Patch Changes
+
+- [#720](https://github.com/atlassian-labs/atlaspack/pull/720) [`d2fd849`](https://github.com/atlassian-labs/atlaspack/commit/d2fd849770fe6305e9c694bd97b1bd905abd9d94) Thanks [@alshdavid](https://github.com/alshdavid)! - Migrate to TypeScript
+
+- Updated dependencies [[`d2fd849`](https://github.com/atlassian-labs/atlaspack/commit/d2fd849770fe6305e9c694bd97b1bd905abd9d94)]:
+  - @atlaspack/diagnostic@2.14.2
+  - @atlaspack/plugin@2.14.22
+  - @atlaspack/rust@3.4.2
+
+## 2.14.21
+
+### Patch Changes
+
+- Updated dependencies []:
+  - @atlaspack/plugin@2.14.21
+
+## 2.14.20
+
+### Patch Changes
+
+- [#702](https://github.com/atlassian-labs/atlaspack/pull/702) [`daaa768`](https://github.com/atlassian-labs/atlaspack/commit/daaa7688786772d7e3713b71c5bba6b89ec704aa) Thanks [@alshdavid](https://github.com/alshdavid)! - Fixes to Flow types
+
+- Updated dependencies [[`daaa768`](https://github.com/atlassian-labs/atlaspack/commit/daaa7688786772d7e3713b71c5bba6b89ec704aa)]:
+  - @atlaspack/plugin@2.14.20
+
+## 2.14.19
+
+### Patch Changes
+
+- Updated dependencies []:
+  - @atlaspack/plugin@2.14.19
+
+## 2.14.18
+
+### Patch Changes
+
+- Updated dependencies [[`becf977`](https://github.com/atlassian-labs/atlaspack/commit/becf977f625d5ee46dae3d4c679f173bf5f40cc0), [`f0f7c71`](https://github.com/atlassian-labs/atlaspack/commit/f0f7c7168a1d3d18c6f30d2daed611275692b7c5)]:
+  - @atlaspack/rust@3.4.1
+  - @atlaspack/plugin@2.14.18
+
+## 2.14.17
+
+### Patch Changes
+
+- Updated dependencies [[`c75bf55`](https://github.com/atlassian-labs/atlaspack/commit/c75bf553fff4decc285b5fd499a275853b18f8f2)]:
+  - @atlaspack/rust@3.4.0
+  - @atlaspack/plugin@2.14.17
+
+## 2.14.16
+
+### Patch Changes
+
+- Updated dependencies []:
+  - @atlaspack/plugin@2.14.16
+
+## 2.14.15
+
+### Patch Changes
+
+- Updated dependencies []:
+  - @atlaspack/plugin@2.14.15
+
+## 2.14.14
+
+### Patch Changes
+
+- Updated dependencies []:
+  - @atlaspack/plugin@2.14.14
+
+## 2.14.13
+
+### Patch Changes
+
+- Updated dependencies []:
+  - @atlaspack/plugin@2.14.13
+
+## 2.14.12
+
+### Patch Changes
+
+- Updated dependencies []:
+  - @atlaspack/plugin@2.14.12
+
+## 2.14.11
+
+### Patch Changes
+
+- Updated dependencies []:
+  - @atlaspack/plugin@2.14.11
+
+## 2.14.10
+
+### Patch Changes
+
+- Updated dependencies [[`35fdd4b`](https://github.com/atlassian-labs/atlaspack/commit/35fdd4b52da0af20f74667f7b8adfb2f90279b7c), [`6dd4ccb`](https://github.com/atlassian-labs/atlaspack/commit/6dd4ccb753541de32322d881f973d571dd57e4ca)]:
+  - @atlaspack/rust@3.3.5
+  - @atlaspack/plugin@2.14.10
+
+## 2.14.9
+
+### Patch Changes
+
+- Updated dependencies [[`124b7ff`](https://github.com/atlassian-labs/atlaspack/commit/124b7fff44f71aac9fbad289a9a9509b3dfc9aaa), [`e052521`](https://github.com/atlassian-labs/atlaspack/commit/e0525210850ed1606146eb86991049cf567c5dec), [`15c6d70`](https://github.com/atlassian-labs/atlaspack/commit/15c6d7000bd89da876bc590aa75b17a619a41896), [`e4d966c`](https://github.com/atlassian-labs/atlaspack/commit/e4d966c3c9c4292c5013372ae65b10d19d4bacc6), [`42a775d`](https://github.com/atlassian-labs/atlaspack/commit/42a775de8eec638ad188f3271964170d8c04d84b), [`29c2f10`](https://github.com/atlassian-labs/atlaspack/commit/29c2f106de9679adfb5afa04e1910471dc65a427), [`1ef91fc`](https://github.com/atlassian-labs/atlaspack/commit/1ef91fcc863fdd2831511937083dbbc1263b3d9d)]:
+  - @atlaspack/rust@3.3.4
+  - @atlaspack/plugin@2.14.9
+
+## 2.14.8
+
+### Patch Changes
+
+- Updated dependencies [[`1ab0a27`](https://github.com/atlassian-labs/atlaspack/commit/1ab0a275aeca40350415e2b03e7440d1dddc6228), [`b8a4ae8`](https://github.com/atlassian-labs/atlaspack/commit/b8a4ae8f83dc0a83d8b145c5f729936ce52080a3)]:
+  - @atlaspack/rust@3.3.3
+  - @atlaspack/plugin@2.14.8
+
+## 2.14.7
+
+### Patch Changes
+
+- Updated dependencies [[`556d6ab`](https://github.com/atlassian-labs/atlaspack/commit/556d6ab8ede759fa7f37fcd3f4da336ef1c55e8f)]:
+  - @atlaspack/rust@3.3.2
+  - @atlaspack/plugin@2.14.7
+
 ## 2.14.6
 
 ### Patch Changes

package/lib/HTMLTransformer.js

@@ -58,6 +58,8 @@ function _diagnostic() {
   return data;
 }
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+// @ts-expect-error TS2305
+
 function parseHTML(code, xmlMode) {
   return {
     type: 'posthtml',
@@ -156,6 +158,7 @@ const transformerOpts = exports.transformerOpts = {
   }) {
     return {
       content: (0, _posthtmlRender().render)(ast.program, {
+        // @ts-expect-error TS2322
         closingSingleTag: asset.type === 'xhtml' ? 'slash' : undefined
       })
     };
@@ -165,6 +168,7 @@ var _default = exports.default = new (_plugin().Transformer)(transformerOpts);
 function findFirstMatch(ast, expressions) {
   let found;
   for (const expression of expressions) {
+    // @ts-expect-error TS2339
     (0, _posthtml().default)().match.call(ast.program, expression, node => {
       found = node;
       return node;

package/lib/dependencies.js

@@ -19,6 +19,8 @@ function _srcset() {
   return data;
 }
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+// @ts-expect-error TS2724
+
 // A list of all attributes that may produce a dependency
 // Based on https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes
 const ATTRS = {
@@ -89,6 +91,7 @@ function collectDependencies(asset, ast) {
   let hasModuleScripts = false;
   let seen = new Set();
   let errors = [];
+  // @ts-expect-error TS2339
   (0, _posthtml().default)().walk.call(ast.program, node => {
     let {
       tag,
@@ -100,6 +103,7 @@ function collectDependencies(asset, ast) {
     seen.add(node);
     if (tag === 'meta') {
       const isMetaDependency = Object.keys(attrs).some(attr => {
+        // @ts-expect-error TS7053
         let values = META[attr];
         return values && values.includes(attrs[attr]) && attrs.content !== '' && !(attrs.name === 'msapplication-config' && attrs.content === 'none');
       });
@@ -169,6 +173,7 @@ function collectDependencies(asset, ast) {
           priority: 'parallel',
           bundleBehavior: sourceType === 'script' || attrs.async != null ? 'isolated' : undefined,
           env: {
+            // @ts-expect-error TS2322
             sourceType,
             outputFormat: 'global',
             loc
@@ -185,7 +190,9 @@ function collectDependencies(asset, ast) {
         // because nomodule scripts won't run when modules are supported.
         bundleBehavior: sourceType === 'script' || attrs.async != null ? 'isolated' : undefined,
         env: {
+          // @ts-expect-error TS2322
           sourceType,
+          // @ts-expect-error TS2322
           outputFormat,
           loc
         }
@@ -204,6 +211,8 @@ function collectDependencies(asset, ast) {
       if (attrs[attr][0] === '#') {
         continue;
       }
+
+      // @ts-expect-error TS7053
       let elements = ATTRS[attr];
       if (elements && elements.includes(node.tag)) {
         // Check for empty string
@@ -215,6 +224,7 @@ function collectDependencies(asset, ast) {
           });
         }
         let depHandler = getAttrDepHandler(attr);
+        // @ts-expect-error TS7053
         let depOptionsHandler = OPTIONS[node.tag];
         let depOptions = typeof depOptionsHandler === 'function' ? depOptionsHandler(attrs, asset.env) : depOptionsHandler && depOptionsHandler[attr];
         attrs[attr] = depHandler(asset, attrs[attr], depOptions);

package/lib/inline.js

@@ -18,7 +18,16 @@ function _posthtml() {
   };
   return data;
 }
+function _featureFlags() {
+  const data = require("@atlaspack/feature-flags");
+  _featureFlags = function () {
+    return data;
+  };
+  return data;
+}
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+// @ts-expect-error TS2724
+
 const SCRIPT_TYPES = {
   'application/javascript': 'js',
   'text/javascript': 'js',
@@ -34,6 +43,7 @@ function extractInlineAssets(asset, ast) {
   // Extract inline <script> and <style> tags for processing.
   let parts = [];
   let hasModuleScripts = false;
+  // @ts-expect-error TS2339
   (0, _posthtml().default)().walk.call(program, node => {
     let parcelKey = (0, _rust().hashString)(`${asset.id}:${key++}`);
     if (node.tag === 'script' || node.tag === 'style') {
@@ -49,10 +59,14 @@ function extractInlineAssets(asset, ast) {
           }
         } else if (node.attrs && node.attrs.type != null) {
           // Skip JSON
+          // @ts-expect-error TS7053
           if (SCRIPT_TYPES[node.attrs.type] === false) {
             return node;
           }
+
+          // @ts-expect-error TS7053
           if (SCRIPT_TYPES[node.attrs.type]) {
+            // @ts-expect-error TS7053
             type = SCRIPT_TYPES[node.attrs.type];
           } else {
             type = node.attrs.type.split('/')[1];
@@ -106,6 +120,11 @@ function extractInlineAssets(asset, ast) {
         if ((_node$attrs = node.attrs) !== null && _node$attrs !== void 0 && _node$attrs.type && node.tag === 'style') {
           delete node.attrs.type;
         }
+        let bundleBehavior = 'inline';
+        if ((0, _featureFlags().getFeatureFlag)('inlineIsolatedScripts') && typeof node.attrs['data-atlaspack-isolated'] !== 'undefined') {
+          bundleBehavior = 'inlineIsolated';
+          delete node.attrs['data-atlaspack-isolated'];
+        }
 
         // insert parcelId to allow us to retrieve node during packaging
         node.attrs['data-parcel-key'] = parcelKey;
@@ -119,11 +138,11 @@ function extractInlineAssets(asset, ast) {
           type,
           content: value,
           uniqueKey: parcelKey,
-          bundleBehavior: 'inline',
+          bundleBehavior,
+          // @ts-expect-error TS2322
           env,
           meta: {
             type: 'tag',
-            // $FlowFixMe
             node,
             startLine: (_node$location = node.location) === null || _node$location === void 0 ? void 0 : _node$location.start.line
           }
@@ -151,7 +170,6 @@ function extractInlineAssets(asset, ast) {
         bundleBehavior: 'inline',
         meta: {
           type: 'attr',
-          // $FlowFixMe
           node
         }
       });

package/lib/types/HTMLTransformer.d.ts

@@ -0,0 +1,6 @@
+import { Transformer } from '@atlaspack/plugin';
+import type { AST, Transformer as TransformerOpts } from '@atlaspack/types';
+export declare function parseHTML(code: string, xmlMode: boolean): AST;
+export declare const transformerOpts: TransformerOpts<undefined>;
+declare const _default: Transformer<undefined>;
+export default _default;

package/lib/types/dependencies.d.ts

@@ -0,0 +1,2 @@
+import type { AST, MutableAsset } from '@atlaspack/types';
+export default function collectDependencies(asset: MutableAsset, ast: AST): boolean;

package/lib/types/inline.d.ts

@@ -0,0 +1,7 @@
+import type { AST, MutableAsset, TransformerResult } from '@atlaspack/types';
+interface ExtractInlineAssetsResult {
+    hasModuleScripts: boolean;
+    assets: Array<TransformerResult>;
+}
+export default function extractInlineAssets(asset: MutableAsset, ast: AST): ExtractInlineAssetsResult;
+export {};

package/package.json

@@ -1,26 +1,30 @@
 {
   "name": "@atlaspack/transformer-html",
-  "version": "2.14.5-canary.16+4b2b575b9",
+  "version": "2.14.5-canary.161+ee040bb64",
   "license": "(MIT OR Apache-2.0)",
   "publishConfig": {
     "access": "public"
   },
   "scripts": {
-    "test": "mocha"
+    "test": "mocha",
+    "check-ts": "tsc --emitDeclarationOnly --rootDir src",
+    "build:lib": "gulp build --gulpfile ../../../gulpfile.js --cwd ."
   },
   "repository": {
     "type": "git",
     "url": "https://github.com/atlassian-labs/atlaspack.git"
   },
-  "main": "lib/HTMLTransformer.js",
-  "source": "src/HTMLTransformer.js",
+  "main": "./lib/HTMLTransformer.js",
+  "source": "./src/HTMLTransformer.ts",
+  "types": "./lib/types/HTMLTransformer.d.ts",
   "engines": {
     "node": ">= 16.0.0"
   },
   "dependencies": {
-    "@atlaspack/diagnostic": "2.14.1-canary.84+4b2b575b9",
-    "@atlaspack/plugin": "2.14.5-canary.16+4b2b575b9",
-    "@atlaspack/rust": "3.2.1-canary.16+4b2b575b9",
+    "@atlaspack/diagnostic": "2.14.1-canary.229+ee040bb64",
+    "@atlaspack/feature-flags": "2.14.1-canary.229+ee040bb64",
+    "@atlaspack/plugin": "2.14.5-canary.161+ee040bb64",
+    "@atlaspack/rust": "3.2.1-canary.161+ee040bb64",
     "nullthrows": "^1.1.1",
     "posthtml": "^0.16.5",
     "posthtml-parser": "^0.10.1",
@@ -29,8 +33,8 @@
     "srcset": "4"
   },
   "devDependencies": {
-    "@atlaspack/core": "2.16.2-canary.16+4b2b575b9"
+    "@atlaspack/core": "2.16.2-canary.161+ee040bb64"
   },
   "type": "commonjs",
-  "gitHead": "4b2b575b98951f2dcf0c45ed8e94359b23b43815"
+  "gitHead": "ee040bb6428f29b57d892ddd8107e29077d08ffd"
 }

package/src/{HTMLTransformer.js → HTMLTransformer.ts}

@@ -1,9 +1,8 @@
-// @flow
-
 import {Transformer} from '@atlaspack/plugin';
 import type {AST, Transformer as TransformerOpts} from '@atlaspack/types';
 import {parser as parse} from 'posthtml-parser';
 import nullthrows from 'nullthrows';
+// @ts-expect-error TS2305
 import type {PostHTMLExpression, PostHTMLNode} from 'posthtml';
 import PostHTML from 'posthtml';
 import {render} from 'posthtml-render';
@@ -25,7 +24,7 @@ export function parseHTML(code: string, xmlMode: boolean): AST {
   };
 }
 
-export const transformerOpts: TransformerOpts<void> = {
+export const transformerOpts: TransformerOpts<undefined> = {
   canReuseAST({ast}) {
     return ast.type === 'posthtml' && semver.satisfies(ast.version, '^0.4.0');
   },
@@ -46,7 +45,7 @@ export const transformerOpts: TransformerOpts<void> = {
     let hasModuleScripts;
     try {
       hasModuleScripts = collectDependencies(asset, ast);
-    } catch (errors) {
+    } catch (errors: any) {
       if (Array.isArray(errors)) {
         throw new ThrowableDiagnostic({
           diagnostic: errors.map((error) => ({
@@ -81,7 +80,7 @@ export const transformerOpts: TransformerOpts<void> = {
           }),
         },
         content: [],
-      };
+      } as const;
 
       const found = findFirstMatch(ast, [{tag: 'body'}, {tag: 'html'}]);
 
@@ -108,20 +107,23 @@ export const transformerOpts: TransformerOpts<void> = {
   generate({ast, asset}) {
     return {
       content: render(ast.program, {
+        // @ts-expect-error TS2322
         closingSingleTag: asset.type === 'xhtml' ? 'slash' : undefined,
       }),
     };
   },
 };
-export default (new Transformer(transformerOpts): Transformer);
+
+export default new Transformer(transformerOpts) as Transformer<undefined>;
 
 function findFirstMatch(
   ast: AST,
   expressions: PostHTMLExpression[],
-): ?PostHTMLNode {
+): PostHTMLNode | null | undefined {
   let found;
 
   for (const expression of expressions) {
+    // @ts-expect-error TS2339
     PostHTML().match.call(ast.program, expression, (node) => {
       found = node;
       return node;

package/src/{dependencies.js → dependencies.ts}

@@ -1,6 +1,5 @@
-// @flow
-
 import type {AST, MutableAsset, FilePath} from '@atlaspack/types';
+// @ts-expect-error TS2724
 import type {PostHTMLNode} from 'posthtml';
 import PostHTML from 'posthtml';
 import {parse, stringify} from 'srcset';
@@ -26,7 +25,7 @@ const ATTRS = {
   'xlink:href': ['use', 'image', 'script'],
   content: ['meta'],
   data: ['object'],
-};
+} as const;
 
 // A list of metadata that should produce a dependency
 // Based on:
@@ -63,7 +62,7 @@ const META = {
     'contentUrl',
     'downloadUrl',
   ],
-};
+} as const;
 
 const FEED_TYPES = new Set(['application/rss+xml', 'application/atom+xml']);
 
@@ -75,7 +74,7 @@ const OPTIONS = {
   iframe: {
     src: {needsStableName: true},
   },
-  link(attrs) {
+  link(attrs: any) {
     if (attrs.rel === 'stylesheet') {
       return {
         // Keep in the same bundle group as the HTML.
@@ -83,9 +82,13 @@ const OPTIONS = {
       };
     }
   },
-};
+} as const;
 
-function collectSrcSetDependencies(asset, srcset, opts) {
+function collectSrcSetDependencies(
+  asset: MutableAsset,
+  srcset: string,
+  opts: any,
+) {
   let parsed = parse(srcset).map(({url, ...v}) => ({
     url: asset.addURLDependency(url, opts),
     ...v,
@@ -93,12 +96,13 @@ function collectSrcSetDependencies(asset, srcset, opts) {
   return stringify(parsed);
 }
 
-function getAttrDepHandler(attr) {
+function getAttrDepHandler(attr: string) {
   if (attr === 'srcset' || attr === 'imagesrcset') {
     return collectSrcSetDependencies;
   }
 
-  return (asset, src, opts) => asset.addURLDependency(src, opts);
+  return (asset: MutableAsset, src: string, opts: any) =>
+    asset.addURLDependency(src, opts);
 }
 
 export default function collectDependencies(
@@ -108,11 +112,12 @@ export default function collectDependencies(
   let isDirty = false;
   let hasModuleScripts = false;
   let seen = new Set();
-  let errors: Array<{|
-    message: string,
-    filePath: FilePath,
-    loc: PostHTMLNode['location'],
-  |}> = [];
+  let errors: Array<{
+    message: string;
+    filePath: FilePath;
+    loc: PostHTMLNode['location'];
+  }> = [];
+  // @ts-expect-error TS2339
   PostHTML().walk.call(ast.program, (node) => {
     let {tag, attrs} = node;
     if (!attrs || seen.has(node)) {
@@ -123,6 +128,7 @@ export default function collectDependencies(
 
     if (tag === 'meta') {
       const isMetaDependency = Object.keys(attrs).some((attr) => {
+        // @ts-expect-error TS7053
         let values = META[attr];
         return (
           values &&
@@ -197,7 +203,7 @@ export default function collectDependencies(
 
       // If this is a <script type="module">, and not all of the browser targets support ESM natively,
       // add a copy of the script tag with a nomodule attribute.
-      let copy: ?PostHTMLNode;
+      let copy: PostHTMLNode | null | undefined;
       if (
         outputFormat === 'esmodule' &&
         !asset.env.supports('esmodules', true)
@@ -215,6 +221,7 @@ export default function collectDependencies(
               ? 'isolated'
               : undefined,
           env: {
+            // @ts-expect-error TS2322
             sourceType,
             outputFormat: 'global',
             loc,
@@ -236,7 +243,9 @@ export default function collectDependencies(
             ? 'isolated'
             : undefined,
         env: {
+          // @ts-expect-error TS2322
           sourceType,
+          // @ts-expect-error TS2322
           outputFormat,
           loc,
         },
@@ -258,6 +267,7 @@ export default function collectDependencies(
         continue;
       }
 
+      // @ts-expect-error TS7053
       let elements = ATTRS[attr];
       if (elements && elements.includes(node.tag)) {
         // Check for empty string
@@ -270,6 +280,7 @@ export default function collectDependencies(
         }
 
         let depHandler = getAttrDepHandler(attr);
+        // @ts-expect-error TS7053
         let depOptionsHandler = OPTIONS[node.tag];
         let depOptions =
           typeof depOptionsHandler === 'function'

package/src/{inline.js → inline.ts}

@@ -1,10 +1,15 @@
-// @flow strict-local
-
-import type {AST, MutableAsset, TransformerResult} from '@atlaspack/types';
+import type {
+  AST,
+  BundleBehavior,
+  MutableAsset,
+  TransformerResult,
+} from '@atlaspack/types';
 import {hashString} from '@atlaspack/rust';
+// @ts-expect-error TS2724
 import type {PostHTMLNode} from 'posthtml';
 
 import PostHTML from 'posthtml';
+import {getFeatureFlag} from '@atlaspack/feature-flags';
 
 const SCRIPT_TYPES = {
   'application/javascript': 'js',
@@ -13,7 +18,7 @@ const SCRIPT_TYPES = {
   'application/ld+json': 'jsonld',
   'text/html': false,
   module: 'js',
-};
+} as const;
 
 interface ExtractInlineAssetsResult {
   hasModuleScripts: boolean;
@@ -30,6 +35,7 @@ export default function extractInlineAssets(
   // Extract inline <script> and <style> tags for processing.
   let parts: Array<TransformerResult> = [];
   let hasModuleScripts = false;
+  // @ts-expect-error TS2339
   PostHTML().walk.call(program, (node: PostHTMLNode) => {
     let parcelKey = hashString(`${asset.id}:${key++}`);
     if (node.tag === 'script' || node.tag === 'style') {
@@ -45,11 +51,14 @@ export default function extractInlineAssets(
           }
         } else if (node.attrs && node.attrs.type != null) {
           // Skip JSON
+          // @ts-expect-error TS7053
           if (SCRIPT_TYPES[node.attrs.type] === false) {
             return node;
           }
 
+          // @ts-expect-error TS7053
           if (SCRIPT_TYPES[node.attrs.type]) {
+            // @ts-expect-error TS7053
             type = SCRIPT_TYPES[node.attrs.type];
           } else {
             type = node.attrs.type.split('/')[1];
@@ -117,6 +126,15 @@ export default function extractInlineAssets(
           delete node.attrs.type;
         }
 
+        let bundleBehavior: BundleBehavior = 'inline';
+        if (
+          getFeatureFlag('inlineIsolatedScripts') &&
+          typeof node.attrs['data-atlaspack-isolated'] !== 'undefined'
+        ) {
+          bundleBehavior = 'inlineIsolated';
+          delete node.attrs['data-atlaspack-isolated'];
+        }
+
         // insert parcelId to allow us to retrieve node during packaging
         node.attrs['data-parcel-key'] = parcelKey;
         asset.setAST(ast); // mark dirty
@@ -130,11 +148,11 @@ export default function extractInlineAssets(
           type,
           content: value,
           uniqueKey: parcelKey,
-          bundleBehavior: 'inline',
+          bundleBehavior,
+          // @ts-expect-error TS2322
           env,
           meta: {
             type: 'tag',
-            // $FlowFixMe
             node,
             startLine: node.location?.start.line,
           },
@@ -163,7 +181,6 @@ export default function extractInlineAssets(
         bundleBehavior: 'inline',
         meta: {
           type: 'attr',
-          // $FlowFixMe
           node,
         },
       });

package/test/{HTMLTransformer.test.js → HTMLTransformer.test.ts}

@@ -1,22 +1,19 @@
-// @flow strict-local
-
-import {type PostHTMLNode, render} from 'posthtml-render';
+import {PostHTMLNode, render} from 'posthtml-render';
 import {parseHTML, transformerOpts} from '../src/HTMLTransformer';
 import assert from 'assert';
 import type {PluginOptions} from '../../../core/types-internal/src';
 
 function normalizeHTML(code: string): string {
   const ast = parseHTML(code, true);
-  // $FlowFixMe
   const result = renderHTML(ast);
   const lines = result
     .split('\n')
-    .map((line) => line.trim())
-    .filter((line) => line);
+    .map((line: any) => line.trim())
+    .filter((line: any) => line);
   return lines.join('');
 }
 
-function renderHTML(newAST: {|program: PostHTMLNode|}): string {
+function renderHTML(newAST: {program: PostHTMLNode}): string {
   return render(newAST.program, {
     closingSingleTag: 'slash',
   });
@@ -24,24 +21,24 @@ function renderHTML(newAST: {|program: PostHTMLNode|}): string {
 
 async function runTestTransform(
   code: string,
-  options: {|
-    shouldScopeHoist: boolean,
-    supportsEsmodules: boolean,
-    hmrOptions: PluginOptions['hmrOptions'],
-  |} = {
+  options: {
+    shouldScopeHoist: boolean;
+    supportsEsmodules: boolean;
+    hmrOptions: PluginOptions['hmrOptions'];
+  } = {
     shouldScopeHoist: true,
     supportsEsmodules: true,
     hmrOptions: null,
   },
 ) {
-  const dependencies = [];
+  const dependencies: Array<any> = [];
   let newAST = null;
   const asset = {
     getAST: () => parseHTML(code, true),
-    setAST: (n) => {
+    setAST: (n: any) => {
       newAST = n;
     },
-    addURLDependency(url, opts) {
+    addURLDependency(url: string, opts: Partial<DependencyOptions>) {
       dependencies.push({url, opts});
       return `dependency-id::${url}`;
     },
@@ -53,34 +50,31 @@ async function runTestTransform(
         return options.supportsEsmodules;
       },
     },
-    addDependency(specifier, specifierType) {
+    addDependency(specifier: DependencyOptions, specifierType: undefined) {
       dependencies.push({specifier, specifierType});
       return 'dependency-id';
     },
-  };
+  } as const;
 
   const transformInput = {
     asset,
     options: {
       hmrOptions: options.hmrOptions,
     },
-  };
-  // $FlowFixMe
+  } as const;
   const transformResult = await transformerOpts.transform(transformInput);
 
-  // $FlowFixMe
   const outputCode = renderHTML(newAST);
 
   return {dependencies, newAST, outputCode, transformResult, inputAsset: asset};
 }
 
-function normalizeDependencies(dependencies) {
-  return dependencies.map((dependency) => ({
+function normalizeDependencies(dependencies: any) {
+  return dependencies.map((dependency: any) => ({
     ...dependency,
     opts: {
       ...dependency.opts,
       env: {
-        // $FlowFixMe
         ...dependency.opts.env,
         loc: null,
       },
@@ -88,9 +82,8 @@ function normalizeDependencies(dependencies) {
   }));
 }
 
-function normalizeAssets(assets) {
-  return assets.map((asset) => {
-    // $FlowFixMe
+function normalizeAssets(assets: any) {
+  return assets.map((asset: any) => {
     return {
       ...asset,
       env: null,
@@ -189,7 +182,7 @@ describe('HTMLTransformer', () => {
         sourceType: 'script',
       },
       priority: 'parallel',
-    };
+    } as const;
     assert.deepEqual(normalizeDependencies(dependencies), [
       {
         url: 'input1.js',
@@ -358,4 +351,25 @@ describe('HTMLTransformer', () => {
       },
     ]);
   });
+
+  it('transforms simple inline script with data-atlaspack-isolated', async () => {
+    const code = `
+<html>
+  <body>
+    <script data-atlaspack-isolated>console.log('blah'); require('path');</script>
+  </body>
+</html>
+    `;
+    const {transformResult, inputAsset} = await runTestTransform(code);
+    assert(transformResult.includes(inputAsset));
+    const assets = normalizeAssets(transformResult);
+    assert.deepEqual(assets[1], {
+      type: 'js',
+      content: "console.log('blah'); require('path');",
+      uniqueKey: 'a8a37984d2e520b9',
+      bundleBehavior: 'inlineIsolated',
+      env: null,
+      meta: null,
+    });
+  });
 });

package/tsconfig.json

@@ -0,0 +1,4 @@
+{
+  "extends": "../../../tsconfig.json",
+  "include": ["src"]
+}