@wordpress/block-library 8.9.0 → 8.11.0

package/build/utils/interactivity/hooks.js

@@ -0,0 +1,176 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.directive = void 0;
+
+var _element = require("@wordpress/element");
+
+var _preact = require("preact");
+
+var _hooks = require("preact/hooks");
+
+var _store = require("./store");
+
+/**
+ * External dependencies
+ */
+
+/**
+ * Internal dependencies
+ */
+// Main context.
+const context = (0, _preact.createContext)({}); // WordPress Directives.
+
+const directiveMap = {};
+const directivePriorities = {};
+
+const directive = function (name, cb) {
+  let {
+    priority = 10
+  } = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : {};
+  directiveMap[name] = cb;
+  directivePriorities[name] = priority;
+}; // Resolve the path to some property of the store object.
+
+
+exports.directive = directive;
+
+const resolve = (path, ctx) => {
+  let current = { ..._store.rawStore,
+    context: ctx
+  };
+  path.split('.').forEach(p => current = current[p]);
+  return current;
+}; // Generate the evaluate function.
+
+
+const getEvaluate = function () {
+  let {
+    ref
+  } = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
+  return function (path) {
+    let extraArgs = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
+    // If path starts with !, remove it and save a flag.
+    const hasNegationOperator = path[0] === '!' && !!(path = path.slice(1));
+    const value = resolve(path, extraArgs.context);
+    const returnValue = typeof value === 'function' ? value({
+      ref: ref.current,
+      ..._store.rawStore,
+      ...extraArgs
+    }) : value;
+    return hasNegationOperator ? !returnValue : returnValue;
+  };
+}; // Separate directives by priority. The resulting array contains objects
+// of directives grouped by same priority, and sorted in ascending order.
+
+
+const usePriorityLevels = directives => (0, _hooks.useMemo)(() => {
+  const byPriority = Object.entries(directives).reduce((acc, _ref) => {
+    let [name, values] = _ref;
+    const priority = directivePriorities[name];
+    if (!acc[priority]) acc[priority] = {};
+    acc[priority][name] = values;
+    return acc;
+  }, {});
+  return Object.entries(byPriority).sort((_ref2, _ref3) => {
+    let [p1] = _ref2;
+    let [p2] = _ref3;
+    return p1 - p2;
+  }).map(_ref4 => {
+    let [, obj] = _ref4;
+    return obj;
+  });
+}, [directives]); // Directive wrapper.
+
+
+const Directive = _ref5 => {
+  let {
+    type,
+    directives,
+    props: originalProps
+  } = _ref5;
+  const ref = (0, _hooks.useRef)(null);
+  const element = (0, _preact.h)(type, { ...originalProps,
+    ref
+  });
+  const evaluate = (0, _hooks.useMemo)(() => getEvaluate({
+    ref
+  }), []); // Add wrappers recursively for each priority level.
+
+  const byPriorityLevel = usePriorityLevels(directives);
+  return (0, _element.createElement)(RecursivePriorityLevel, {
+    directives: byPriorityLevel,
+    element: element,
+    evaluate: evaluate,
+    originalProps: originalProps
+  });
+}; // Priority level wrapper.
+
+
+const RecursivePriorityLevel = _ref6 => {
+  let {
+    directives: [directives, ...rest],
+    element,
+    evaluate,
+    originalProps
+  } = _ref6;
+  // This element needs to be a fresh copy so we are not modifying an already
+  // rendered element with Preact's internal properties initialized. This
+  // prevents an error with changes in `element.props.children` not being
+  // reflected in `element.__k`.
+  element = (0, _preact.cloneElement)(element); // Recursively render the wrapper for the next priority level.
+  //
+  // Note that, even though we're instantiating a vnode with a
+  // `RecursivePriorityLevel` here, its render function will not be executed
+  // just yet. Actually, it will be delayed until the current render function
+  // has finished. That ensures directives in the current priorty level have
+  // run (and thus modified the passed `element`) before the next level.
+
+  const children = rest.length > 0 ? (0, _element.createElement)(RecursivePriorityLevel, {
+    directives: rest,
+    element: element,
+    evaluate: evaluate,
+    originalProps: originalProps
+  }) : element;
+  const props = { ...originalProps,
+    children
+  };
+  const directiveArgs = {
+    directives,
+    props,
+    element,
+    context,
+    evaluate
+  };
+
+  for (const d in directives) {
+    var _directiveMap$d;
+
+    const wrapper = (_directiveMap$d = directiveMap[d]) === null || _directiveMap$d === void 0 ? void 0 : _directiveMap$d.call(directiveMap, directiveArgs);
+    if (wrapper !== undefined) props.children = wrapper;
+  }
+
+  return props.children;
+}; // Preact Options Hook called each time a vnode is created.
+
+
+const old = _preact.options.vnode;
+
+_preact.options.vnode = vnode => {
+  if (vnode.props.__directives) {
+    const props = vnode.props;
+    const directives = props.__directives;
+    delete props.__directives;
+    vnode.props = {
+      type: vnode.type,
+      directives,
+      props
+    };
+    vnode.type = Directive;
+  }
+
+  if (old) old(vnode);
+};
+//# sourceMappingURL=hooks.js.map

package/build/utils/interactivity/hooks.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["@wordpress/block-library/src/utils/interactivity/hooks.js"],"names":["context","directiveMap","directivePriorities","directive","name","cb","priority","resolve","path","ctx","current","store","split","forEach","p","getEvaluate","ref","extraArgs","hasNegationOperator","slice","value","returnValue","usePriorityLevels","directives","byPriority","Object","entries","reduce","acc","values","sort","p1","p2","map","obj","Directive","type","props","originalProps","element","evaluate","byPriorityLevel","RecursivePriorityLevel","rest","children","length","directiveArgs","d","wrapper","undefined","old","options","vnode","__directives"],"mappings":";;;;;;;;;AAGA;;AACA;;AAIA;;AARA;AACA;AACA;;AAGA;AACA;AACA;AAGA;AACA,MAAMA,OAAO,GAAG,2BAAe,EAAf,CAAhB,C,CAEA;;AACA,MAAMC,YAAY,GAAG,EAArB;AACA,MAAMC,mBAAmB,GAAG,EAA5B;;AACO,MAAMC,SAAS,GAAG,UAAEC,IAAF,EAAQC,EAAR,EAAwC;AAAA,MAA5B;AAAEC,IAAAA,QAAQ,GAAG;AAAb,GAA4B,uEAAR,EAAQ;AAChEL,EAAAA,YAAY,CAAEG,IAAF,CAAZ,GAAuBC,EAAvB;AACAH,EAAAA,mBAAmB,CAAEE,IAAF,CAAnB,GAA8BE,QAA9B;AACA,CAHM,C,CAKP;;;;;AACA,MAAMC,OAAO,GAAG,CAAEC,IAAF,EAAQC,GAAR,KAAiB;AAChC,MAAIC,OAAO,GAAG,EAAE,GAAGC,eAAL;AAAYX,IAAAA,OAAO,EAAES;AAArB,GAAd;AACAD,EAAAA,IAAI,CAACI,KAAL,CAAY,GAAZ,EAAkBC,OAAlB,CAA6BC,CAAF,IAAWJ,OAAO,GAAGA,OAAO,CAAEI,CAAF,CAAvD;AACA,SAAOJ,OAAP;AACA,CAJD,C,CAMA;;;AACA,MAAMK,WAAW,GAChB;AAAA,MAAE;AAAEC,IAAAA;AAAF,GAAF,uEAAY,EAAZ;AAAA,SACA,UAAER,IAAF,EAA4B;AAAA,QAApBS,SAAoB,uEAAR,EAAQ;AAC3B;AACA,UAAMC,mBAAmB,GACxBV,IAAI,CAAE,CAAF,CAAJ,KAAc,GAAd,IAAqB,CAAC,EAAIA,IAAI,GAAGA,IAAI,CAACW,KAAL,CAAY,CAAZ,CAAX,CADvB;AAEA,UAAMC,KAAK,GAAGb,OAAO,CAAEC,IAAF,EAAQS,SAAS,CAACjB,OAAlB,CAArB;AACA,UAAMqB,WAAW,GAChB,OAAOD,KAAP,KAAiB,UAAjB,GACGA,KAAK,CAAE;AACPJ,MAAAA,GAAG,EAAEA,GAAG,CAACN,OADF;AAEP,SAAGC,eAFI;AAGP,SAAGM;AAHI,KAAF,CADR,GAMGG,KAPJ;AAQA,WAAOF,mBAAmB,GAAG,CAAEG,WAAL,GAAmBA,WAA7C;AACA,GAfD;AAAA,CADD,C,CAkBA;AACA;;;AACA,MAAMC,iBAAiB,GAAKC,UAAF,IACzB,oBAAS,MAAM;AACd,QAAMC,UAAU,GAAGC,MAAM,CAACC,OAAP,CAAgBH,UAAhB,EAA6BI,MAA7B,CAClB,CAAEC,GAAF,WAA6B;AAAA,QAAtB,CAAExB,IAAF,EAAQyB,MAAR,CAAsB;AAC5B,UAAMvB,QAAQ,GAAGJ,mBAAmB,CAAEE,IAAF,CAApC;AACA,QAAK,CAAEwB,GAAG,CAAEtB,QAAF,CAAV,EAAyBsB,GAAG,CAAEtB,QAAF,CAAH,GAAkB,EAAlB;AACzBsB,IAAAA,GAAG,CAAEtB,QAAF,CAAH,CAAiBF,IAAjB,IAA0ByB,MAA1B;AAEA,WAAOD,GAAP;AACA,GAPiB,EAQlB,EARkB,CAAnB;AAWA,SAAOH,MAAM,CAACC,OAAP,CAAgBF,UAAhB,EACLM,IADK,CACC;AAAA,QAAE,CAAEC,EAAF,CAAF;AAAA,QAAU,CAAEC,EAAF,CAAV;AAAA,WAAsBD,EAAE,GAAGC,EAA3B;AAAA,GADD,EAELC,GAFK,CAEA;AAAA,QAAE,GAAIC,GAAJ,CAAF;AAAA,WAAiBA,GAAjB;AAAA,GAFA,CAAP;AAGA,CAfD,EAeG,CAAEX,UAAF,CAfH,CADD,C,CAkBA;;;AACA,MAAMY,SAAS,GAAG,SAAkD;AAAA,MAAhD;AAAEC,IAAAA,IAAF;AAAQb,IAAAA,UAAR;AAAoBc,IAAAA,KAAK,EAAEC;AAA3B,GAAgD;AACnE,QAAMtB,GAAG,GAAG,mBAAQ,IAAR,CAAZ;AACA,QAAMuB,OAAO,GAAG,eAAGH,IAAH,EAAS,EAAE,GAAGE,aAAL;AAAoBtB,IAAAA;AAApB,GAAT,CAAhB;AACA,QAAMwB,QAAQ,GAAG,oBAAS,MAAMzB,WAAW,CAAE;AAAEC,IAAAA;AAAF,GAAF,CAA1B,EAAuC,EAAvC,CAAjB,CAHmE,CAKnE;;AACA,QAAMyB,eAAe,GAAGnB,iBAAiB,CAAEC,UAAF,CAAzC;AACA,SACC,4BAAC,sBAAD;AACC,IAAA,UAAU,EAAGkB,eADd;AAEC,IAAA,OAAO,EAAGF,OAFX;AAGC,IAAA,QAAQ,EAAGC,QAHZ;AAIC,IAAA,aAAa,EAAGF;AAJjB,IADD;AAQA,CAfD,C,CAiBA;;;AACA,MAAMI,sBAAsB,GAAG,SAKxB;AAAA,MAL0B;AAChCnB,IAAAA,UAAU,EAAE,CAAEA,UAAF,EAAc,GAAGoB,IAAjB,CADoB;AAEhCJ,IAAAA,OAFgC;AAGhCC,IAAAA,QAHgC;AAIhCF,IAAAA;AAJgC,GAK1B;AACN;AACA;AACA;AACA;AACAC,EAAAA,OAAO,GAAG,0BAAcA,OAAd,CAAV,CALM,CAON;AACA;AACA;AACA;AACA;AACA;AACA;;AACA,QAAMK,QAAQ,GACbD,IAAI,CAACE,MAAL,GAAc,CAAd,GACC,4BAAC,sBAAD;AACC,IAAA,UAAU,EAAGF,IADd;AAEC,IAAA,OAAO,EAAGJ,OAFX;AAGC,IAAA,QAAQ,EAAGC,QAHZ;AAIC,IAAA,aAAa,EAAGF;AAJjB,IADD,GAQCC,OATF;AAYA,QAAMF,KAAK,GAAG,EAAE,GAAGC,aAAL;AAAoBM,IAAAA;AAApB,GAAd;AACA,QAAME,aAAa,GAAG;AAAEvB,IAAAA,UAAF;AAAcc,IAAAA,KAAd;AAAqBE,IAAAA,OAArB;AAA8BvC,IAAAA,OAA9B;AAAuCwC,IAAAA;AAAvC,GAAtB;;AAEA,OAAM,MAAMO,CAAZ,IAAiBxB,UAAjB,EAA8B;AAAA;;AAC7B,UAAMyB,OAAO,sBAAG/C,YAAY,CAAE8C,CAAF,CAAf,oDAAG,qBAAA9C,YAAY,EAAS6C,aAAT,CAA5B;AACA,QAAKE,OAAO,KAAKC,SAAjB,EAA6BZ,KAAK,CAACO,QAAN,GAAiBI,OAAjB;AAC7B;;AAED,SAAOX,KAAK,CAACO,QAAb;AACA,CAxCD,C,CA0CA;;;AACA,MAAMM,GAAG,GAAGC,gBAAQC,KAApB;;AACAD,gBAAQC,KAAR,GAAkBA,KAAF,IAAa;AAC5B,MAAKA,KAAK,CAACf,KAAN,CAAYgB,YAAjB,EAAgC;AAC/B,UAAMhB,KAAK,GAAGe,KAAK,CAACf,KAApB;AACA,UAAMd,UAAU,GAAGc,KAAK,CAACgB,YAAzB;AACA,WAAOhB,KAAK,CAACgB,YAAb;AACAD,IAAAA,KAAK,CAACf,KAAN,GAAc;AACbD,MAAAA,IAAI,EAAEgB,KAAK,CAAChB,IADC;AAEbb,MAAAA,UAFa;AAGbc,MAAAA;AAHa,KAAd;AAKAe,IAAAA,KAAK,CAAChB,IAAN,GAAaD,SAAb;AACA;;AAED,MAAKe,GAAL,EAAWA,GAAG,CAAEE,KAAF,CAAH;AACX,CAdD","sourcesContent":["/**\n * External dependencies\n */\nimport { h, options, createContext, cloneElement } from 'preact';\nimport { useRef, useMemo } from 'preact/hooks';\n/**\n * Internal dependencies\n */\nimport { rawStore as store } from './store';\n\n// Main context.\nconst context = createContext( {} );\n\n// WordPress Directives.\nconst directiveMap = {};\nconst directivePriorities = {};\nexport const directive = ( name, cb, { priority = 10 } = {} ) => {\n\tdirectiveMap[ name ] = cb;\n\tdirectivePriorities[ name ] = priority;\n};\n\n// Resolve the path to some property of the store object.\nconst resolve = ( path, ctx ) => {\n\tlet current = { ...store, context: ctx };\n\tpath.split( '.' ).forEach( ( p ) => ( current = current[ p ] ) );\n\treturn current;\n};\n\n// Generate the evaluate function.\nconst getEvaluate =\n\t( { ref } = {} ) =>\n\t( path, extraArgs = {} ) => {\n\t\t// If path starts with !, remove it and save a flag.\n\t\tconst hasNegationOperator =\n\t\t\tpath[ 0 ] === '!' && !! ( path = path.slice( 1 ) );\n\t\tconst value = resolve( path, extraArgs.context );\n\t\tconst returnValue =\n\t\t\ttypeof value === 'function'\n\t\t\t\t? value( {\n\t\t\t\t\t\tref: ref.current,\n\t\t\t\t\t\t...store,\n\t\t\t\t\t\t...extraArgs,\n\t\t\t\t  } )\n\t\t\t\t: value;\n\t\treturn hasNegationOperator ? ! returnValue : returnValue;\n\t};\n\n// Separate directives by priority. The resulting array contains objects\n// of directives grouped by same priority, and sorted in ascending order.\nconst usePriorityLevels = ( directives ) =>\n\tuseMemo( () => {\n\t\tconst byPriority = Object.entries( directives ).reduce(\n\t\t\t( acc, [ name, values ] ) => {\n\t\t\t\tconst priority = directivePriorities[ name ];\n\t\t\t\tif ( ! acc[ priority ] ) acc[ priority ] = {};\n\t\t\t\tacc[ priority ][ name ] = values;\n\n\t\t\t\treturn acc;\n\t\t\t},\n\t\t\t{}\n\t\t);\n\n\t\treturn Object.entries( byPriority )\n\t\t\t.sort( ( [ p1 ], [ p2 ] ) => p1 - p2 )\n\t\t\t.map( ( [ , obj ] ) => obj );\n\t}, [ directives ] );\n\n// Directive wrapper.\nconst Directive = ( { type, directives, props: originalProps } ) => {\n\tconst ref = useRef( null );\n\tconst element = h( type, { ...originalProps, ref } );\n\tconst evaluate = useMemo( () => getEvaluate( { ref } ), [] );\n\n\t// Add wrappers recursively for each priority level.\n\tconst byPriorityLevel = usePriorityLevels( directives );\n\treturn (\n\t\t<RecursivePriorityLevel\n\t\t\tdirectives={ byPriorityLevel }\n\t\t\telement={ element }\n\t\t\tevaluate={ evaluate }\n\t\t\toriginalProps={ originalProps }\n\t\t/>\n\t);\n};\n\n// Priority level wrapper.\nconst RecursivePriorityLevel = ( {\n\tdirectives: [ directives, ...rest ],\n\telement,\n\tevaluate,\n\toriginalProps,\n} ) => {\n\t// This element needs to be a fresh copy so we are not modifying an already\n\t// rendered element with Preact's internal properties initialized. This\n\t// prevents an error with changes in `element.props.children` not being\n\t// reflected in `element.__k`.\n\telement = cloneElement( element );\n\n\t// Recursively render the wrapper for the next priority level.\n\t//\n\t// Note that, even though we're instantiating a vnode with a\n\t// `RecursivePriorityLevel` here, its render function will not be executed\n\t// just yet. Actually, it will be delayed until the current render function\n\t// has finished. That ensures directives in the current priorty level have\n\t// run (and thus modified the passed `element`) before the next level.\n\tconst children =\n\t\trest.length > 0 ? (\n\t\t\t<RecursivePriorityLevel\n\t\t\t\tdirectives={ rest }\n\t\t\t\telement={ element }\n\t\t\t\tevaluate={ evaluate }\n\t\t\t\toriginalProps={ originalProps }\n\t\t\t/>\n\t\t) : (\n\t\t\telement\n\t\t);\n\n\tconst props = { ...originalProps, children };\n\tconst directiveArgs = { directives, props, element, context, evaluate };\n\n\tfor ( const d in directives ) {\n\t\tconst wrapper = directiveMap[ d ]?.( directiveArgs );\n\t\tif ( wrapper !== undefined ) props.children = wrapper;\n\t}\n\n\treturn props.children;\n};\n\n// Preact Options Hook called each time a vnode is created.\nconst old = options.vnode;\noptions.vnode = ( vnode ) => {\n\tif ( vnode.props.__directives ) {\n\t\tconst props = vnode.props;\n\t\tconst directives = props.__directives;\n\t\tdelete props.__directives;\n\t\tvnode.props = {\n\t\t\ttype: vnode.type,\n\t\t\tdirectives,\n\t\t\tprops,\n\t\t};\n\t\tvnode.type = Directive;\n\t}\n\n\tif ( old ) old( vnode );\n};\n"]}

package/build/utils/interactivity/hydration.js

@@ -0,0 +1,34 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.init = void 0;
+
+var _preact = require("preact");
+
+var _vdom = require("./vdom");
+
+var _utils = require("./utils");
+
+var _constants = require("./constants");
+
+/**
+ * External dependencies
+ */
+
+/**
+ * Internal dependencies
+ */
+const init = async () => {
+  document.querySelectorAll(`[${_constants.directivePrefix}island]`).forEach(node => {
+    if (!_vdom.hydratedIslands.has(node)) {
+      const fragment = (0, _utils.createRootFragment)(node.parentNode, node);
+      const vdom = (0, _vdom.toVdom)(node);
+      (0, _preact.hydrate)(vdom, fragment);
+    }
+  });
+};
+
+exports.init = init;
+//# sourceMappingURL=hydration.js.map

package/build/utils/interactivity/hydration.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["@wordpress/block-library/src/utils/interactivity/hydration.js"],"names":["init","document","querySelectorAll","directivePrefix","forEach","node","hydratedIslands","has","fragment","parentNode","vdom"],"mappings":";;;;;;;AAGA;;AAIA;;AACA;;AACA;;AATA;AACA;AACA;;AAEA;AACA;AACA;AAKO,MAAMA,IAAI,GAAG,YAAY;AAC/BC,EAAAA,QAAQ,CACNC,gBADF,CACqB,IAAIC,0BAAiB,SAD1C,EAEEC,OAFF,CAEaC,IAAF,IAAY;AACrB,QAAK,CAAEC,sBAAgBC,GAAhB,CAAqBF,IAArB,CAAP,EAAqC;AACpC,YAAMG,QAAQ,GAAG,+BAAoBH,IAAI,CAACI,UAAzB,EAAqCJ,IAArC,CAAjB;AACA,YAAMK,IAAI,GAAG,kBAAQL,IAAR,CAAb;AACA,2BAASK,IAAT,EAAeF,QAAf;AACA;AACD,GARF;AASA,CAVM","sourcesContent":["/**\n * External dependencies\n */\nimport { hydrate } from 'preact';\n/**\n * Internal dependencies\n */\nimport { toVdom, hydratedIslands } from './vdom';\nimport { createRootFragment } from './utils';\nimport { directivePrefix } from './constants';\n\nexport const init = async () => {\n\tdocument\n\t\t.querySelectorAll( `[${ directivePrefix }island]` )\n\t\t.forEach( ( node ) => {\n\t\t\tif ( ! hydratedIslands.has( node ) ) {\n\t\t\t\tconst fragment = createRootFragment( node.parentNode, node );\n\t\t\t\tconst vdom = toVdom( node );\n\t\t\t\thydrate( vdom, fragment );\n\t\t\t}\n\t\t} );\n};\n"]}

package/build/utils/interactivity/index.js

@@ -0,0 +1,34 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+Object.defineProperty(exports, "store", {
+  enumerable: true,
+  get: function () {
+    return _store.store;
+  }
+});
+
+var _directives = _interopRequireDefault(require("./directives"));
+
+var _hydration = require("./hydration");
+
+var _store = require("./store");
+
+/**
+ * Internal dependencies
+ */
+
+/**
+ * Initialize the Interactivity API.
+ */
+(0, _directives.default)();
+document.addEventListener('DOMContentLoaded', async () => {
+  await (0, _hydration.init)(); // eslint-disable-next-line no-console
+
+  console.log('Interactivity API started');
+});
+//# sourceMappingURL=index.js.map

package/build/utils/interactivity/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["@wordpress/block-library/src/utils/interactivity/index.js"],"names":["document","addEventListener","console","log"],"mappings":";;;;;;;;;;;;;;AAGA;;AACA;;AACA;;AALA;AACA;AACA;;AAKA;AACA;AACA;AACA;AAEAA,QAAQ,CAACC,gBAAT,CAA2B,kBAA3B,EAA+C,YAAY;AAC1D,QAAM,sBAAN,CAD0D,CAE1D;;AACAC,EAAAA,OAAO,CAACC,GAAR,CAAa,2BAAb;AACA,CAJD","sourcesContent":["/**\n * Internal dependencies\n */\nimport registerDirectives from './directives';\nimport { init } from './hydration';\nexport { store } from './store';\n\n/**\n * Initialize the Interactivity API.\n */\nregisterDirectives();\n\ndocument.addEventListener( 'DOMContentLoaded', async () => {\n\tawait init();\n\t// eslint-disable-next-line no-console\n\tconsole.log( 'Interactivity API started' );\n} );\n"]}

package/build/utils/interactivity/portals.js

@@ -0,0 +1,108 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.createPortal = createPortal;
+
+var _preact = require("preact");
+
+/**
+ * External dependencies
+ */
+
+/**
+ * @param {import('../../src/index').RenderableProps<{ context: any }>} props
+ */
+function ContextProvider(props) {
+  this.getChildContext = () => props.context;
+
+  return props.children;
+}
+/**
+ * Portal component
+ *
+ * @this {import('./internal').Component}
+ * @param {object | null | undefined} props
+ *
+ *                                          TODO: use createRoot() instead of fake root
+ */
+
+
+function Portal(props) {
+  const _this = this;
+
+  const container = props._container;
+
+  _this.componentWillUnmount = function () {
+    (0, _preact.render)(null, _this._temp);
+    _this._temp = null;
+    _this._container = null;
+  }; // When we change container we should clear our old container and
+  // indicate a new mount.
+
+
+  if (_this._container && _this._container !== container) {
+    _this.componentWillUnmount();
+  } // When props.vnode is undefined/false/null we are dealing with some kind of
+  // conditional vnode. This should not trigger a render.
+
+
+  if (props._vnode) {
+    if (!_this._temp) {
+      _this._container = container; // Create a fake DOM parent node that manages a subset of `container`'s children:
+
+      _this._temp = {
+        nodeType: 1,
+        parentNode: container,
+        childNodes: [],
+
+        appendChild(child) {
+          this.childNodes.push(child);
+
+          _this._container.appendChild(child);
+        },
+
+        insertBefore(child) {
+          this.childNodes.push(child);
+
+          _this._container.appendChild(child);
+        },
+
+        removeChild(child) {
+          this.childNodes.splice( // eslint-disable-next-line no-bitwise
+          this.childNodes.indexOf(child) >>> 1, 1);
+
+          _this._container.removeChild(child);
+        }
+
+      };
+    } // Render our wrapping element into temp.
+
+
+    (0, _preact.render)((0, _preact.createElement)(ContextProvider, {
+      context: _this.context
+    }, props._vnode), _this._temp);
+  } // When we come from a conditional render, on a mounted
+  // portal we should clear the DOM.
+  else if (_this._temp) {
+    _this.componentWillUnmount();
+  }
+}
+/**
+ * Create a `Portal` to continue rendering the vnode tree at a different DOM node
+ *
+ * @param {import('./internal').VNode}         vnode     The vnode to render
+ * @param {import('./internal').PreactElement} container The DOM node to continue rendering in to.
+ */
+
+
+function createPortal(vnode, container) {
+  const el = (0, _preact.createElement)(Portal, {
+    _vnode: vnode,
+    _container: container
+  });
+  el.containerInfo = container;
+  return el;
+}
+//# sourceMappingURL=portals.js.map

package/build/utils/interactivity/portals.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["@wordpress/block-library/src/utils/interactivity/portals.js"],"names":["ContextProvider","props","getChildContext","context","children","Portal","_this","container","_container","componentWillUnmount","_temp","_vnode","nodeType","parentNode","childNodes","appendChild","child","push","insertBefore","removeChild","splice","indexOf","createPortal","vnode","el","containerInfo"],"mappings":";;;;;;;AAGA;;AAHA;AACA;AACA;;AAGA;AACA;AACA;AACA,SAASA,eAAT,CAA0BC,KAA1B,EAAkC;AACjC,OAAKC,eAAL,GAAuB,MAAMD,KAAK,CAACE,OAAnC;;AACA,SAAOF,KAAK,CAACG,QAAb;AACA;AAED;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;;AACA,SAASC,MAAT,CAAiBJ,KAAjB,EAAyB;AACxB,QAAMK,KAAK,GAAG,IAAd;;AACA,QAAMC,SAAS,GAAGN,KAAK,CAACO,UAAxB;;AAEAF,EAAAA,KAAK,CAACG,oBAAN,GAA6B,YAAY;AACxC,wBAAQ,IAAR,EAAcH,KAAK,CAACI,KAApB;AACAJ,IAAAA,KAAK,CAACI,KAAN,GAAc,IAAd;AACAJ,IAAAA,KAAK,CAACE,UAAN,GAAmB,IAAnB;AACA,GAJD,CAJwB,CAUxB;AACA;;;AACA,MAAKF,KAAK,CAACE,UAAN,IAAoBF,KAAK,CAACE,UAAN,KAAqBD,SAA9C,EAA0D;AACzDD,IAAAA,KAAK,CAACG,oBAAN;AACA,GAduB,CAgBxB;AACA;;;AACA,MAAKR,KAAK,CAACU,MAAX,EAAoB;AACnB,QAAK,CAAEL,KAAK,CAACI,KAAb,EAAqB;AACpBJ,MAAAA,KAAK,CAACE,UAAN,GAAmBD,SAAnB,CADoB,CAGpB;;AACAD,MAAAA,KAAK,CAACI,KAAN,GAAc;AACbE,QAAAA,QAAQ,EAAE,CADG;AAEbC,QAAAA,UAAU,EAAEN,SAFC;AAGbO,QAAAA,UAAU,EAAE,EAHC;;AAIbC,QAAAA,WAAW,CAAEC,KAAF,EAAU;AACpB,eAAKF,UAAL,CAAgBG,IAAhB,CAAsBD,KAAtB;;AACAV,UAAAA,KAAK,CAACE,UAAN,CAAiBO,WAAjB,CAA8BC,KAA9B;AACA,SAPY;;AAQbE,QAAAA,YAAY,CAAEF,KAAF,EAAU;AACrB,eAAKF,UAAL,CAAgBG,IAAhB,CAAsBD,KAAtB;;AACAV,UAAAA,KAAK,CAACE,UAAN,CAAiBO,WAAjB,CAA8BC,KAA9B;AACA,SAXY;;AAYbG,QAAAA,WAAW,CAAEH,KAAF,EAAU;AACpB,eAAKF,UAAL,CAAgBM,MAAhB,EACC;AACA,eAAKN,UAAL,CAAgBO,OAAhB,CAAyBL,KAAzB,MAAqC,CAFtC,EAGC,CAHD;;AAKAV,UAAAA,KAAK,CAACE,UAAN,CAAiBW,WAAjB,CAA8BH,KAA9B;AACA;;AAnBY,OAAd;AAqBA,KA1BkB,CA4BnB;;;AACA,wBACC,2BACChB,eADD,EAEC;AAAEG,MAAAA,OAAO,EAAEG,KAAK,CAACH;AAAjB,KAFD,EAGCF,KAAK,CAACU,MAHP,CADD,EAMCL,KAAK,CAACI,KANP;AAQA,GArCD,CAsCA;AACA;AAvCA,OAwCK,IAAKJ,KAAK,CAACI,KAAX,EAAmB;AACvBJ,IAAAA,KAAK,CAACG,oBAAN;AACA;AACD;AAED;AACA;AACA;AACA;AACA;AACA;;;AACO,SAASa,YAAT,CAAuBC,KAAvB,EAA8BhB,SAA9B,EAA0C;AAChD,QAAMiB,EAAE,GAAG,2BAAenB,MAAf,EAAuB;AACjCM,IAAAA,MAAM,EAAEY,KADyB;AAEjCf,IAAAA,UAAU,EAAED;AAFqB,GAAvB,CAAX;AAIAiB,EAAAA,EAAE,CAACC,aAAH,GAAmBlB,SAAnB;AACA,SAAOiB,EAAP;AACA","sourcesContent":["/**\n * External dependencies\n */\nimport { createElement, render } from 'preact';\n\n/**\n * @param {import('../../src/index').RenderableProps<{ context: any }>} props\n */\nfunction ContextProvider( props ) {\n\tthis.getChildContext = () => props.context;\n\treturn props.children;\n}\n\n/**\n * Portal component\n *\n * @this {import('./internal').Component}\n * @param {object | null | undefined} props\n *\n *                                          TODO: use createRoot() instead of fake root\n */\nfunction Portal( props ) {\n\tconst _this = this;\n\tconst container = props._container;\n\n\t_this.componentWillUnmount = function () {\n\t\trender( null, _this._temp );\n\t\t_this._temp = null;\n\t\t_this._container = null;\n\t};\n\n\t// When we change container we should clear our old container and\n\t// indicate a new mount.\n\tif ( _this._container && _this._container !== container ) {\n\t\t_this.componentWillUnmount();\n\t}\n\n\t// When props.vnode is undefined/false/null we are dealing with some kind of\n\t// conditional vnode. This should not trigger a render.\n\tif ( props._vnode ) {\n\t\tif ( ! _this._temp ) {\n\t\t\t_this._container = container;\n\n\t\t\t// Create a fake DOM parent node that manages a subset of `container`'s children:\n\t\t\t_this._temp = {\n\t\t\t\tnodeType: 1,\n\t\t\t\tparentNode: container,\n\t\t\t\tchildNodes: [],\n\t\t\t\tappendChild( child ) {\n\t\t\t\t\tthis.childNodes.push( child );\n\t\t\t\t\t_this._container.appendChild( child );\n\t\t\t\t},\n\t\t\t\tinsertBefore( child ) {\n\t\t\t\t\tthis.childNodes.push( child );\n\t\t\t\t\t_this._container.appendChild( child );\n\t\t\t\t},\n\t\t\t\tremoveChild( child ) {\n\t\t\t\t\tthis.childNodes.splice(\n\t\t\t\t\t\t// eslint-disable-next-line no-bitwise\n\t\t\t\t\t\tthis.childNodes.indexOf( child ) >>> 1,\n\t\t\t\t\t\t1\n\t\t\t\t\t);\n\t\t\t\t\t_this._container.removeChild( child );\n\t\t\t\t},\n\t\t\t};\n\t\t}\n\n\t\t// Render our wrapping element into temp.\n\t\trender(\n\t\t\tcreateElement(\n\t\t\t\tContextProvider,\n\t\t\t\t{ context: _this.context },\n\t\t\t\tprops._vnode\n\t\t\t),\n\t\t\t_this._temp\n\t\t);\n\t}\n\t// When we come from a conditional render, on a mounted\n\t// portal we should clear the DOM.\n\telse if ( _this._temp ) {\n\t\t_this.componentWillUnmount();\n\t}\n}\n\n/**\n * Create a `Portal` to continue rendering the vnode tree at a different DOM node\n *\n * @param {import('./internal').VNode}         vnode     The vnode to render\n * @param {import('./internal').PreactElement} container The DOM node to continue rendering in to.\n */\nexport function createPortal( vnode, container ) {\n\tconst el = createElement( Portal, {\n\t\t_vnode: vnode,\n\t\t_container: container,\n\t} );\n\tel.containerInfo = container;\n\treturn el;\n}\n"]}

package/build/utils/interactivity/store.js

@@ -0,0 +1,67 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.store = exports.rawStore = void 0;
+
+var _deepsignal = require("deepsignal");
+
+/**
+ * External dependencies
+ */
+const isObject = item => item && typeof item === 'object' && !Array.isArray(item);
+
+const deepMerge = (target, source) => {
+  if (isObject(target) && isObject(source)) {
+    for (const key in source) {
+      if (isObject(source[key])) {
+        if (!target[key]) Object.assign(target, {
+          [key]: {}
+        });
+        deepMerge(target[key], source[key]);
+      } else {
+        Object.assign(target, {
+          [key]: source[key]
+        });
+      }
+    }
+  }
+};
+
+const getSerializedState = () => {
+  // TODO: change the store tag ID for a better one.
+  const storeTag = document.querySelector(`script[type="application/json"]#store`);
+  if (!storeTag) return {};
+
+  try {
+    const {
+      state
+    } = JSON.parse(storeTag.textContent);
+    if (isObject(state)) return state;
+    throw Error('Parsed state is not an object');
+  } catch (e) {
+    // eslint-disable-next-line no-console
+    console.log(e);
+  }
+
+  return {};
+};
+
+const rawState = getSerializedState();
+const rawStore = {
+  state: (0, _deepsignal.deepSignal)(rawState)
+};
+exports.rawStore = rawStore;
+
+const store = _ref => {
+  let {
+    state,
+    ...block
+  } = _ref;
+  deepMerge(rawStore, block);
+  deepMerge(rawState, state);
+};
+
+exports.store = store;
+//# sourceMappingURL=store.js.map

package/build/utils/interactivity/store.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["@wordpress/block-library/src/utils/interactivity/store.js"],"names":["isObject","item","Array","isArray","deepMerge","target","source","key","Object","assign","getSerializedState","storeTag","document","querySelector","state","JSON","parse","textContent","Error","e","console","log","rawState","rawStore","store","block"],"mappings":";;;;;;;AAGA;;AAHA;AACA;AACA;AAGA,MAAMA,QAAQ,GAAKC,IAAF,IAChBA,IAAI,IAAI,OAAOA,IAAP,KAAgB,QAAxB,IAAoC,CAAEC,KAAK,CAACC,OAAN,CAAeF,IAAf,CADvC;;AAGA,MAAMG,SAAS,GAAG,CAAEC,MAAF,EAAUC,MAAV,KAAsB;AACvC,MAAKN,QAAQ,CAAEK,MAAF,CAAR,IAAsBL,QAAQ,CAAEM,MAAF,CAAnC,EAAgD;AAC/C,SAAM,MAAMC,GAAZ,IAAmBD,MAAnB,EAA4B;AAC3B,UAAKN,QAAQ,CAAEM,MAAM,CAAEC,GAAF,CAAR,CAAb,EAAiC;AAChC,YAAK,CAAEF,MAAM,CAAEE,GAAF,CAAb,EAAuBC,MAAM,CAACC,MAAP,CAAeJ,MAAf,EAAuB;AAAE,WAAEE,GAAF,GAAS;AAAX,SAAvB;AACvBH,QAAAA,SAAS,CAAEC,MAAM,CAAEE,GAAF,CAAR,EAAiBD,MAAM,CAAEC,GAAF,CAAvB,CAAT;AACA,OAHD,MAGO;AACNC,QAAAA,MAAM,CAACC,MAAP,CAAeJ,MAAf,EAAuB;AAAE,WAAEE,GAAF,GAASD,MAAM,CAAEC,GAAF;AAAjB,SAAvB;AACA;AACD;AACD;AACD,CAXD;;AAaA,MAAMG,kBAAkB,GAAG,MAAM;AAChC;AACA,QAAMC,QAAQ,GAAGC,QAAQ,CAACC,aAAT,CACf,uCADe,CAAjB;AAGA,MAAK,CAAEF,QAAP,EAAkB,OAAO,EAAP;;AAClB,MAAI;AACH,UAAM;AAAEG,MAAAA;AAAF,QAAYC,IAAI,CAACC,KAAL,CAAYL,QAAQ,CAACM,WAArB,CAAlB;AACA,QAAKjB,QAAQ,CAAEc,KAAF,CAAb,EAAyB,OAAOA,KAAP;AACzB,UAAMI,KAAK,CAAE,+BAAF,CAAX;AACA,GAJD,CAIE,OAAQC,CAAR,EAAY;AACb;AACAC,IAAAA,OAAO,CAACC,GAAR,CAAaF,CAAb;AACA;;AACD,SAAO,EAAP;AACA,CAfD;;AAiBA,MAAMG,QAAQ,GAAGZ,kBAAkB,EAAnC;AACO,MAAMa,QAAQ,GAAG;AAAET,EAAAA,KAAK,EAAE,4BAAYQ,QAAZ;AAAT,CAAjB;;;AAEA,MAAME,KAAK,GAAG,QAA2B;AAAA,MAAzB;AAAEV,IAAAA,KAAF;AAAS,OAAGW;AAAZ,GAAyB;AAC/CrB,EAAAA,SAAS,CAAEmB,QAAF,EAAYE,KAAZ,CAAT;AACArB,EAAAA,SAAS,CAAEkB,QAAF,EAAYR,KAAZ,CAAT;AACA,CAHM","sourcesContent":["/**\n * External dependencies\n */\nimport { deepSignal } from 'deepsignal';\n\nconst isObject = ( item ) =>\n\titem && typeof item === 'object' && ! Array.isArray( item );\n\nconst deepMerge = ( target, source ) => {\n\tif ( isObject( target ) && isObject( source ) ) {\n\t\tfor ( const key in source ) {\n\t\t\tif ( isObject( source[ key ] ) ) {\n\t\t\t\tif ( ! target[ key ] ) Object.assign( target, { [ key ]: {} } );\n\t\t\t\tdeepMerge( target[ key ], source[ key ] );\n\t\t\t} else {\n\t\t\t\tObject.assign( target, { [ key ]: source[ key ] } );\n\t\t\t}\n\t\t}\n\t}\n};\n\nconst getSerializedState = () => {\n\t// TODO: change the store tag ID for a better one.\n\tconst storeTag = document.querySelector(\n\t\t`script[type=\"application/json\"]#store`\n\t);\n\tif ( ! storeTag ) return {};\n\ttry {\n\t\tconst { state } = JSON.parse( storeTag.textContent );\n\t\tif ( isObject( state ) ) return state;\n\t\tthrow Error( 'Parsed state is not an object' );\n\t} catch ( e ) {\n\t\t// eslint-disable-next-line no-console\n\t\tconsole.log( e );\n\t}\n\treturn {};\n};\n\nconst rawState = getSerializedState();\nexport const rawStore = { state: deepSignal( rawState ) };\n\nexport const store = ( { state, ...block } ) => {\n\tdeepMerge( rawStore, block );\n\tdeepMerge( rawState, state );\n};\n"]}

package/build/utils/interactivity/utils.js

@@ -0,0 +1,87 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.createRootFragment = void 0;
+exports.useSignalEffect = useSignalEffect;
+
+var _hooks = require("preact/hooks");
+
+var _signals = require("@preact/signals");
+
+/**
+ * External dependencies
+ */
+function afterNextFrame(callback) {
+  const done = () => {
+    window.cancelAnimationFrame(raf);
+    setTimeout(callback);
+  };
+
+  const raf = window.requestAnimationFrame(done);
+} // Using the mangled properties:
+// this.c: this._callback
+// this.x: this._compute
+// https://github.com/preactjs/signals/blob/main/mangle.json
+
+
+function createFlusher(compute, notify) {
+  let flush;
+  const dispose = (0, _signals.effect)(function () {
+    flush = this.c.bind(this);
+    this.x = compute;
+    this.c = notify;
+    return compute();
+  });
+  return {
+    flush,
+    dispose
+  };
+} // Version of `useSignalEffect` with a `useEffect`-like execution. This hook
+// implementation comes from this PR:
+// https://github.com/preactjs/signals/pull/290.
+//
+// We need to include it here in this repo until the mentioned PR is merged.
+
+
+function useSignalEffect(cb) {
+  const callback = (0, _hooks.useRef)(cb);
+  callback.current = cb;
+  (0, _hooks.useEffect)(() => {
+    const execute = () => callback.current();
+
+    const notify = () => afterNextFrame(eff.flush);
+
+    const eff = createFlusher(execute, notify);
+    return eff.dispose;
+  }, []);
+} // For wrapperless hydration.
+// See https://gist.github.com/developit/f4c67a2ede71dc2fab7f357f39cff28c
+
+
+const createRootFragment = (parent, replaceNode) => {
+  replaceNode = [].concat(replaceNode);
+  const s = replaceNode[replaceNode.length - 1].nextSibling;
+
+  function insert(c, r) {
+    parent.insertBefore(c, r || s);
+  }
+
+  return parent.__k = {
+    nodeType: 1,
+    parentNode: parent,
+    firstChild: replaceNode[0],
+    childNodes: replaceNode,
+    insertBefore: insert,
+    appendChild: insert,
+
+    removeChild(c) {
+      parent.removeChild(c);
+    }
+
+  };
+};
+
+exports.createRootFragment = createRootFragment;
+//# sourceMappingURL=utils.js.map

package/build/utils/interactivity/utils.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["@wordpress/block-library/src/utils/interactivity/utils.js"],"names":["afterNextFrame","callback","done","window","cancelAnimationFrame","raf","setTimeout","requestAnimationFrame","createFlusher","compute","notify","flush","dispose","c","bind","x","useSignalEffect","cb","current","execute","eff","createRootFragment","parent","replaceNode","concat","s","length","nextSibling","insert","r","insertBefore","__k","nodeType","parentNode","firstChild","childNodes","appendChild","removeChild"],"mappings":";;;;;;;;AAGA;;AACA;;AAJA;AACA;AACA;AAIA,SAASA,cAAT,CAAyBC,QAAzB,EAAoC;AACnC,QAAMC,IAAI,GAAG,MAAM;AAClBC,IAAAA,MAAM,CAACC,oBAAP,CAA6BC,GAA7B;AACAC,IAAAA,UAAU,CAAEL,QAAF,CAAV;AACA,GAHD;;AAIA,QAAMI,GAAG,GAAGF,MAAM,CAACI,qBAAP,CAA8BL,IAA9B,CAAZ;AACA,C,CAED;AACA;AACA;AACA;;;AACA,SAASM,aAAT,CAAwBC,OAAxB,EAAiCC,MAAjC,EAA0C;AACzC,MAAIC,KAAJ;AACA,QAAMC,OAAO,GAAG,qBAAQ,YAAY;AACnCD,IAAAA,KAAK,GAAG,KAAKE,CAAL,CAAOC,IAAP,CAAa,IAAb,CAAR;AACA,SAAKC,CAAL,GAASN,OAAT;AACA,SAAKI,CAAL,GAASH,MAAT;AACA,WAAOD,OAAO,EAAd;AACA,GALe,CAAhB;AAMA,SAAO;AAAEE,IAAAA,KAAF;AAASC,IAAAA;AAAT,GAAP;AACA,C,CAED;AACA;AACA;AACA;AACA;;;AACO,SAASI,eAAT,CAA0BC,EAA1B,EAA+B;AACrC,QAAMhB,QAAQ,GAAG,mBAAQgB,EAAR,CAAjB;AACAhB,EAAAA,QAAQ,CAACiB,OAAT,GAAmBD,EAAnB;AAEA,wBAAW,MAAM;AAChB,UAAME,OAAO,GAAG,MAAMlB,QAAQ,CAACiB,OAAT,EAAtB;;AACA,UAAMR,MAAM,GAAG,MAAMV,cAAc,CAAEoB,GAAG,CAACT,KAAN,CAAnC;;AACA,UAAMS,GAAG,GAAGZ,aAAa,CAAEW,OAAF,EAAWT,MAAX,CAAzB;AACA,WAAOU,GAAG,CAACR,OAAX;AACA,GALD,EAKG,EALH;AAMA,C,CAED;AACA;;;AACO,MAAMS,kBAAkB,GAAG,CAAEC,MAAF,EAAUC,WAAV,KAA2B;AAC5DA,EAAAA,WAAW,GAAG,GAAGC,MAAH,CAAWD,WAAX,CAAd;AACA,QAAME,CAAC,GAAGF,WAAW,CAAEA,WAAW,CAACG,MAAZ,GAAqB,CAAvB,CAAX,CAAsCC,WAAhD;;AACA,WAASC,MAAT,CAAiBf,CAAjB,EAAoBgB,CAApB,EAAwB;AACvBP,IAAAA,MAAM,CAACQ,YAAP,CAAqBjB,CAArB,EAAwBgB,CAAC,IAAIJ,CAA7B;AACA;;AACD,SAASH,MAAM,CAACS,GAAP,GAAa;AACrBC,IAAAA,QAAQ,EAAE,CADW;AAErBC,IAAAA,UAAU,EAAEX,MAFS;AAGrBY,IAAAA,UAAU,EAAEX,WAAW,CAAE,CAAF,CAHF;AAIrBY,IAAAA,UAAU,EAAEZ,WAJS;AAKrBO,IAAAA,YAAY,EAAEF,MALO;AAMrBQ,IAAAA,WAAW,EAAER,MANQ;;AAOrBS,IAAAA,WAAW,CAAExB,CAAF,EAAM;AAChBS,MAAAA,MAAM,CAACe,WAAP,CAAoBxB,CAApB;AACA;;AAToB,GAAtB;AAWA,CAjBM","sourcesContent":["/**\n * External dependencies\n */\nimport { useRef, useEffect } from 'preact/hooks';\nimport { effect } from '@preact/signals';\n\nfunction afterNextFrame( callback ) {\n\tconst done = () => {\n\t\twindow.cancelAnimationFrame( raf );\n\t\tsetTimeout( callback );\n\t};\n\tconst raf = window.requestAnimationFrame( done );\n}\n\n// Using the mangled properties:\n// this.c: this._callback\n// this.x: this._compute\n// https://github.com/preactjs/signals/blob/main/mangle.json\nfunction createFlusher( compute, notify ) {\n\tlet flush;\n\tconst dispose = effect( function () {\n\t\tflush = this.c.bind( this );\n\t\tthis.x = compute;\n\t\tthis.c = notify;\n\t\treturn compute();\n\t} );\n\treturn { flush, dispose };\n}\n\n// Version of `useSignalEffect` with a `useEffect`-like execution. This hook\n// implementation comes from this PR:\n// https://github.com/preactjs/signals/pull/290.\n//\n// We need to include it here in this repo until the mentioned PR is merged.\nexport function useSignalEffect( cb ) {\n\tconst callback = useRef( cb );\n\tcallback.current = cb;\n\n\tuseEffect( () => {\n\t\tconst execute = () => callback.current();\n\t\tconst notify = () => afterNextFrame( eff.flush );\n\t\tconst eff = createFlusher( execute, notify );\n\t\treturn eff.dispose;\n\t}, [] );\n}\n\n// For wrapperless hydration.\n// See https://gist.github.com/developit/f4c67a2ede71dc2fab7f357f39cff28c\nexport const createRootFragment = ( parent, replaceNode ) => {\n\treplaceNode = [].concat( replaceNode );\n\tconst s = replaceNode[ replaceNode.length - 1 ].nextSibling;\n\tfunction insert( c, r ) {\n\t\tparent.insertBefore( c, r || s );\n\t}\n\treturn ( parent.__k = {\n\t\tnodeType: 1,\n\t\tparentNode: parent,\n\t\tfirstChild: replaceNode[ 0 ],\n\t\tchildNodes: replaceNode,\n\t\tinsertBefore: insert,\n\t\tappendChild: insert,\n\t\tremoveChild( c ) {\n\t\t\tparent.removeChild( c );\n\t\t},\n\t} );\n};\n"]}

package/build/utils/interactivity/vdom.js

@@ -0,0 +1,109 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.hydratedIslands = void 0;
+exports.toVdom = toVdom;
+
+var _preact = require("preact");
+
+var _constants = require("./constants");
+
+/**
+ * External dependencies
+ */
+
+/**
+ * Internal dependencies
+ */
+const ignoreAttr = `${_constants.directivePrefix}ignore`;
+const islandAttr = `${_constants.directivePrefix}island`;
+const directiveParser = new RegExp(`${_constants.directivePrefix}([^.]+)\.?(.*)$`);
+const hydratedIslands = new WeakSet(); // Recursive function that transforms a DOM tree into vDOM.
+
+exports.hydratedIslands = hydratedIslands;
+
+function toVdom(root) {
+  const treeWalker = document.createTreeWalker(root, 205 // ELEMENT + TEXT + COMMENT + CDATA_SECTION + PROCESSING_INSTRUCTION
+  );
+
+  function walk(node) {
+    const {
+      attributes,
+      nodeType
+    } = node;
+    if (nodeType === 3) return [node.data];
+
+    if (nodeType === 4) {
+      const next = treeWalker.nextSibling();
+      node.replaceWith(new window.Text(node.nodeValue));
+      return [node.nodeValue, next];
+    }
+
+    if (nodeType === 8 || nodeType === 7) {
+      const next = treeWalker.nextSibling();
+      node.remove();
+      return [null, next];
+    }
+
+    const props = {};
+    const children = [];
+    const directives = {};
+    let hasDirectives = false;
+    let ignore = false;
+    let island = false;
+
+    for (let i = 0; i < attributes.length; i++) {
+      const n = attributes[i].name;
+
+      if (n[_constants.directivePrefix.length] && n.slice(0, _constants.directivePrefix.length) === _constants.directivePrefix) {
+        if (n === ignoreAttr) {
+          ignore = true;
+        } else if (n === islandAttr) {
+          island = true;
+        } else {
+          hasDirectives = true;
+          let val = attributes[i].value;
+
+          try {
+            val = JSON.parse(val);
+          } catch (e) {}
+
+          const [, prefix, suffix] = directiveParser.exec(n);
+          directives[prefix] = directives[prefix] || {};
+          directives[prefix][suffix || 'default'] = val;
+        }
+      } else if (n === 'ref') {
+        continue;
+      }
+
+      props[n] = attributes[i].value;
+    }
+
+    if (ignore && !island) return [(0, _preact.h)(node.localName, { ...props,
+      innerHTML: node.innerHTML,
+      __directives: {
+        ignore: true
+      }
+    })];
+    if (island) hydratedIslands.add(node);
+    if (hasDirectives) props.__directives = directives;
+    let child = treeWalker.firstChild();
+
+    if (child) {
+      while (child) {
+        const [vnode, nextChild] = walk(child);
+        if (vnode) children.push(vnode);
+        child = nextChild || treeWalker.nextSibling();
+      }
+
+      treeWalker.parentNode();
+    }
+
+    return [(0, _preact.h)(node.localName, props, children)];
+  }
+
+  return walk(treeWalker.currentNode);
+}
+//# sourceMappingURL=vdom.js.map