diff --git a/packages/css-data/src/index.ts b/packages/css-data/src/index.ts index 0227a7cd5d..d18d86066c 100644 --- a/packages/css-data/src/index.ts +++ b/packages/css-data/src/index.ts @@ -16,6 +16,8 @@ export * from "./property-parsers/index"; export * from "./parse-css-value"; export * from "./parse-css"; +export { parseTailwindToWebstudio } from "./tailwind-parser/parse"; + import { properties as generatedProperties } from "./__generated__/properties"; // convert to writable to avoid conflicts with schema type diff --git a/packages/jsx-utils/LICENSE b/packages/jsx-utils/LICENSE new file mode 100644 index 0000000000..be3f7b28e5 --- /dev/null +++ b/packages/jsx-utils/LICENSE @@ -0,0 +1,661 @@ + GNU AFFERO GENERAL PUBLIC LICENSE + Version 3, 19 November 2007 + + Copyright (C) 2007 Free Software Foundation, Inc. + Everyone is permitted to copy and distribute verbatim copies + of this license document, but changing it is not allowed. + + Preamble + + The GNU Affero General Public License is a free, copyleft license for +software and other kinds of works, specifically designed to ensure +cooperation with the community in the case of network server software. + + The licenses for most software and other practical works are designed +to take away your freedom to share and change the works. By contrast, +our General Public Licenses are intended to guarantee your freedom to +share and change all versions of a program--to make sure it remains free +software for all its users. + + When we speak of free software, we are referring to freedom, not +price. Our General Public Licenses are designed to make sure that you +have the freedom to distribute copies of free software (and charge for +them if you wish), that you receive source code or can get it if you +want it, that you can change the software or use pieces of it in new +free programs, and that you know you can do these things. + + Developers that use our General Public Licenses protect your rights +with two steps: (1) assert copyright on the software, and (2) offer +you this License which gives you legal permission to copy, distribute +and/or modify the software. + + A secondary benefit of defending all users' freedom is that +improvements made in alternate versions of the program, if they +receive widespread use, become available for other developers to +incorporate. Many developers of free software are heartened and +encouraged by the resulting cooperation. However, in the case of +software used on network servers, this result may fail to come about. +The GNU General Public License permits making a modified version and +letting the public access it on a server without ever releasing its +source code to the public. + + The GNU Affero General Public License is designed specifically to +ensure that, in such cases, the modified source code becomes available +to the community. It requires the operator of a network server to +provide the source code of the modified version running there to the +users of that server. Therefore, public use of a modified version, on +a publicly accessible server, gives the public access to the source +code of the modified version. + + An older license, called the Affero General Public License and +published by Affero, was designed to accomplish similar goals. This is +a different license, not a version of the Affero GPL, but Affero has +released a new version of the Affero GPL which permits relicensing under +this license. + + The precise terms and conditions for copying, distribution and +modification follow. + + TERMS AND CONDITIONS + + 0. Definitions. + + "This License" refers to version 3 of the GNU Affero General Public License. + + "Copyright" also means copyright-like laws that apply to other kinds of +works, such as semiconductor masks. + + "The Program" refers to any copyrightable work licensed under this +License. Each licensee is addressed as "you". "Licensees" and +"recipients" may be individuals or organizations. + + To "modify" a work means to copy from or adapt all or part of the work +in a fashion requiring copyright permission, other than the making of an +exact copy. The resulting work is called a "modified version" of the +earlier work or a work "based on" the earlier work. + + A "covered work" means either the unmodified Program or a work based +on the Program. + + To "propagate" a work means to do anything with it that, without +permission, would make you directly or secondarily liable for +infringement under applicable copyright law, except executing it on a +computer or modifying a private copy. Propagation includes copying, +distribution (with or without modification), making available to the +public, and in some countries other activities as well. + + To "convey" a work means any kind of propagation that enables other +parties to make or receive copies. Mere interaction with a user through +a computer network, with no transfer of a copy, is not conveying. + + An interactive user interface displays "Appropriate Legal Notices" +to the extent that it includes a convenient and prominently visible +feature that (1) displays an appropriate copyright notice, and (2) +tells the user that there is no warranty for the work (except to the +extent that warranties are provided), that licensees may convey the +work under this License, and how to view a copy of this License. If +the interface presents a list of user commands or options, such as a +menu, a prominent item in the list meets this criterion. + + 1. Source Code. + + The "source code" for a work means the preferred form of the work +for making modifications to it. "Object code" means any non-source +form of a work. + + A "Standard Interface" means an interface that either is an official +standard defined by a recognized standards body, or, in the case of +interfaces specified for a particular programming language, one that +is widely used among developers working in that language. + + The "System Libraries" of an executable work include anything, other +than the work as a whole, that (a) is included in the normal form of +packaging a Major Component, but which is not part of that Major +Component, and (b) serves only to enable use of the work with that +Major Component, or to implement a Standard Interface for which an +implementation is available to the public in source code form. A +"Major Component", in this context, means a major essential component +(kernel, window system, and so on) of the specific operating system +(if any) on which the executable work runs, or a compiler used to +produce the work, or an object code interpreter used to run it. + + The "Corresponding Source" for a work in object code form means all +the source code needed to generate, install, and (for an executable +work) run the object code and to modify the work, including scripts to +control those activities. However, it does not include the work's +System Libraries, or general-purpose tools or generally available free +programs which are used unmodified in performing those activities but +which are not part of the work. For example, Corresponding Source +includes interface definition files associated with source files for +the work, and the source code for shared libraries and dynamically +linked subprograms that the work is specifically designed to require, +such as by intimate data communication or control flow between those +subprograms and other parts of the work. + + The Corresponding Source need not include anything that users +can regenerate automatically from other parts of the Corresponding +Source. + + The Corresponding Source for a work in source code form is that +same work. + + 2. Basic Permissions. + + All rights granted under this License are granted for the term of +copyright on the Program, and are irrevocable provided the stated +conditions are met. This License explicitly affirms your unlimited +permission to run the unmodified Program. The output from running a +covered work is covered by this License only if the output, given its +content, constitutes a covered work. This License acknowledges your +rights of fair use or other equivalent, as provided by copyright law. + + You may make, run and propagate covered works that you do not +convey, without conditions so long as your license otherwise remains +in force. You may convey covered works to others for the sole purpose +of having them make modifications exclusively for you, or provide you +with facilities for running those works, provided that you comply with +the terms of this License in conveying all material for which you do +not control copyright. Those thus making or running the covered works +for you must do so exclusively on your behalf, under your direction +and control, on terms that prohibit them from making any copies of +your copyrighted material outside their relationship with you. + + Conveying under any other circumstances is permitted solely under +the conditions stated below. Sublicensing is not allowed; section 10 +makes it unnecessary. + + 3. Protecting Users' Legal Rights From Anti-Circumvention Law. + + No covered work shall be deemed part of an effective technological +measure under any applicable law fulfilling obligations under article +11 of the WIPO copyright treaty adopted on 20 December 1996, or +similar laws prohibiting or restricting circumvention of such +measures. + + When you convey a covered work, you waive any legal power to forbid +circumvention of technological measures to the extent such circumvention +is effected by exercising rights under this License with respect to +the covered work, and you disclaim any intention to limit operation or +modification of the work as a means of enforcing, against the work's +users, your or third parties' legal rights to forbid circumvention of +technological measures. + + 4. Conveying Verbatim Copies. + + You may convey verbatim copies of the Program's source code as you +receive it, in any medium, provided that you conspicuously and +appropriately publish on each copy an appropriate copyright notice; +keep intact all notices stating that this License and any +non-permissive terms added in accord with section 7 apply to the code; +keep intact all notices of the absence of any warranty; and give all +recipients a copy of this License along with the Program. + + You may charge any price or no price for each copy that you convey, +and you may offer support or warranty protection for a fee. + + 5. Conveying Modified Source Versions. + + You may convey a work based on the Program, or the modifications to +produce it from the Program, in the form of source code under the +terms of section 4, provided that you also meet all of these conditions: + + a) The work must carry prominent notices stating that you modified + it, and giving a relevant date. + + b) The work must carry prominent notices stating that it is + released under this License and any conditions added under section + 7. This requirement modifies the requirement in section 4 to + "keep intact all notices". + + c) You must license the entire work, as a whole, under this + License to anyone who comes into possession of a copy. This + License will therefore apply, along with any applicable section 7 + additional terms, to the whole of the work, and all its parts, + regardless of how they are packaged. This License gives no + permission to license the work in any other way, but it does not + invalidate such permission if you have separately received it. + + d) If the work has interactive user interfaces, each must display + Appropriate Legal Notices; however, if the Program has interactive + interfaces that do not display Appropriate Legal Notices, your + work need not make them do so. + + A compilation of a covered work with other separate and independent +works, which are not by their nature extensions of the covered work, +and which are not combined with it such as to form a larger program, +in or on a volume of a storage or distribution medium, is called an +"aggregate" if the compilation and its resulting copyright are not +used to limit the access or legal rights of the compilation's users +beyond what the individual works permit. Inclusion of a covered work +in an aggregate does not cause this License to apply to the other +parts of the aggregate. + + 6. Conveying Non-Source Forms. + + You may convey a covered work in object code form under the terms +of sections 4 and 5, provided that you also convey the +machine-readable Corresponding Source under the terms of this License, +in one of these ways: + + a) Convey the object code in, or embodied in, a physical product + (including a physical distribution medium), accompanied by the + Corresponding Source fixed on a durable physical medium + customarily used for software interchange. + + b) Convey the object code in, or embodied in, a physical product + (including a physical distribution medium), accompanied by a + written offer, valid for at least three years and valid for as + long as you offer spare parts or customer support for that product + model, to give anyone who possesses the object code either (1) a + copy of the Corresponding Source for all the software in the + product that is covered by this License, on a durable physical + medium customarily used for software interchange, for a price no + more than your reasonable cost of physically performing this + conveying of source, or (2) access to copy the + Corresponding Source from a network server at no charge. + + c) Convey individual copies of the object code with a copy of the + written offer to provide the Corresponding Source. This + alternative is allowed only occasionally and noncommercially, and + only if you received the object code with such an offer, in accord + with subsection 6b. + + d) Convey the object code by offering access from a designated + place (gratis or for a charge), and offer equivalent access to the + Corresponding Source in the same way through the same place at no + further charge. You need not require recipients to copy the + Corresponding Source along with the object code. If the place to + copy the object code is a network server, the Corresponding Source + may be on a different server (operated by you or a third party) + that supports equivalent copying facilities, provided you maintain + clear directions next to the object code saying where to find the + Corresponding Source. Regardless of what server hosts the + Corresponding Source, you remain obligated to ensure that it is + available for as long as needed to satisfy these requirements. + + e) Convey the object code using peer-to-peer transmission, provided + you inform other peers where the object code and Corresponding + Source of the work are being offered to the general public at no + charge under subsection 6d. + + A separable portion of the object code, whose source code is excluded +from the Corresponding Source as a System Library, need not be +included in conveying the object code work. + + A "User Product" is either (1) a "consumer product", which means any +tangible personal property which is normally used for personal, family, +or household purposes, or (2) anything designed or sold for incorporation +into a dwelling. In determining whether a product is a consumer product, +doubtful cases shall be resolved in favor of coverage. For a particular +product received by a particular user, "normally used" refers to a +typical or common use of that class of product, regardless of the status +of the particular user or of the way in which the particular user +actually uses, or expects or is expected to use, the product. A product +is a consumer product regardless of whether the product has substantial +commercial, industrial or non-consumer uses, unless such uses represent +the only significant mode of use of the product. + + "Installation Information" for a User Product means any methods, +procedures, authorization keys, or other information required to install +and execute modified versions of a covered work in that User Product from +a modified version of its Corresponding Source. The information must +suffice to ensure that the continued functioning of the modified object +code is in no case prevented or interfered with solely because +modification has been made. + + If you convey an object code work under this section in, or with, or +specifically for use in, a User Product, and the conveying occurs as +part of a transaction in which the right of possession and use of the +User Product is transferred to the recipient in perpetuity or for a +fixed term (regardless of how the transaction is characterized), the +Corresponding Source conveyed under this section must be accompanied +by the Installation Information. But this requirement does not apply +if neither you nor any third party retains the ability to install +modified object code on the User Product (for example, the work has +been installed in ROM). + + The requirement to provide Installation Information does not include a +requirement to continue to provide support service, warranty, or updates +for a work that has been modified or installed by the recipient, or for +the User Product in which it has been modified or installed. Access to a +network may be denied when the modification itself materially and +adversely affects the operation of the network or violates the rules and +protocols for communication across the network. + + Corresponding Source conveyed, and Installation Information provided, +in accord with this section must be in a format that is publicly +documented (and with an implementation available to the public in +source code form), and must require no special password or key for +unpacking, reading or copying. + + 7. Additional Terms. + + "Additional permissions" are terms that supplement the terms of this +License by making exceptions from one or more of its conditions. +Additional permissions that are applicable to the entire Program shall +be treated as though they were included in this License, to the extent +that they are valid under applicable law. If additional permissions +apply only to part of the Program, that part may be used separately +under those permissions, but the entire Program remains governed by +this License without regard to the additional permissions. + + When you convey a copy of a covered work, you may at your option +remove any additional permissions from that copy, or from any part of +it. (Additional permissions may be written to require their own +removal in certain cases when you modify the work.) You may place +additional permissions on material, added by you to a covered work, +for which you have or can give appropriate copyright permission. + + Notwithstanding any other provision of this License, for material you +add to a covered work, you may (if authorized by the copyright holders of +that material) supplement the terms of this License with terms: + + a) Disclaiming warranty or limiting liability differently from the + terms of sections 15 and 16 of this License; or + + b) Requiring preservation of specified reasonable legal notices or + author attributions in that material or in the Appropriate Legal + Notices displayed by works containing it; or + + c) Prohibiting misrepresentation of the origin of that material, or + requiring that modified versions of such material be marked in + reasonable ways as different from the original version; or + + d) Limiting the use for publicity purposes of names of licensors or + authors of the material; or + + e) Declining to grant rights under trademark law for use of some + trade names, trademarks, or service marks; or + + f) Requiring indemnification of licensors and authors of that + material by anyone who conveys the material (or modified versions of + it) with contractual assumptions of liability to the recipient, for + any liability that these contractual assumptions directly impose on + those licensors and authors. + + All other non-permissive additional terms are considered "further +restrictions" within the meaning of section 10. If the Program as you +received it, or any part of it, contains a notice stating that it is +governed by this License along with a term that is a further +restriction, you may remove that term. If a license document contains +a further restriction but permits relicensing or conveying under this +License, you may add to a covered work material governed by the terms +of that license document, provided that the further restriction does +not survive such relicensing or conveying. + + If you add terms to a covered work in accord with this section, you +must place, in the relevant source files, a statement of the +additional terms that apply to those files, or a notice indicating +where to find the applicable terms. + + Additional terms, permissive or non-permissive, may be stated in the +form of a separately written license, or stated as exceptions; +the above requirements apply either way. + + 8. Termination. + + You may not propagate or modify a covered work except as expressly +provided under this License. Any attempt otherwise to propagate or +modify it is void, and will automatically terminate your rights under +this License (including any patent licenses granted under the third +paragraph of section 11). + + However, if you cease all violation of this License, then your +license from a particular copyright holder is reinstated (a) +provisionally, unless and until the copyright holder explicitly and +finally terminates your license, and (b) permanently, if the copyright +holder fails to notify you of the violation by some reasonable means +prior to 60 days after the cessation. + + Moreover, your license from a particular copyright holder is +reinstated permanently if the copyright holder notifies you of the +violation by some reasonable means, this is the first time you have +received notice of violation of this License (for any work) from that +copyright holder, and you cure the violation prior to 30 days after +your receipt of the notice. + + Termination of your rights under this section does not terminate the +licenses of parties who have received copies or rights from you under +this License. If your rights have been terminated and not permanently +reinstated, you do not qualify to receive new licenses for the same +material under section 10. + + 9. Acceptance Not Required for Having Copies. + + You are not required to accept this License in order to receive or +run a copy of the Program. Ancillary propagation of a covered work +occurring solely as a consequence of using peer-to-peer transmission +to receive a copy likewise does not require acceptance. However, +nothing other than this License grants you permission to propagate or +modify any covered work. These actions infringe copyright if you do +not accept this License. Therefore, by modifying or propagating a +covered work, you indicate your acceptance of this License to do so. + + 10. Automatic Licensing of Downstream Recipients. + + Each time you convey a covered work, the recipient automatically +receives a license from the original licensors, to run, modify and +propagate that work, subject to this License. You are not responsible +for enforcing compliance by third parties with this License. + + An "entity transaction" is a transaction transferring control of an +organization, or substantially all assets of one, or subdividing an +organization, or merging organizations. If propagation of a covered +work results from an entity transaction, each party to that +transaction who receives a copy of the work also receives whatever +licenses to the work the party's predecessor in interest had or could +give under the previous paragraph, plus a right to possession of the +Corresponding Source of the work from the predecessor in interest, if +the predecessor has it or can get it with reasonable efforts. + + You may not impose any further restrictions on the exercise of the +rights granted or affirmed under this License. For example, you may +not impose a license fee, royalty, or other charge for exercise of +rights granted under this License, and you may not initiate litigation +(including a cross-claim or counterclaim in a lawsuit) alleging that +any patent claim is infringed by making, using, selling, offering for +sale, or importing the Program or any portion of it. + + 11. Patents. + + A "contributor" is a copyright holder who authorizes use under this +License of the Program or a work on which the Program is based. The +work thus licensed is called the contributor's "contributor version". + + A contributor's "essential patent claims" are all patent claims +owned or controlled by the contributor, whether already acquired or +hereafter acquired, that would be infringed by some manner, permitted +by this License, of making, using, or selling its contributor version, +but do not include claims that would be infringed only as a +consequence of further modification of the contributor version. For +purposes of this definition, "control" includes the right to grant +patent sublicenses in a manner consistent with the requirements of +this License. + + Each contributor grants you a non-exclusive, worldwide, royalty-free +patent license under the contributor's essential patent claims, to +make, use, sell, offer for sale, import and otherwise run, modify and +propagate the contents of its contributor version. + + In the following three paragraphs, a "patent license" is any express +agreement or commitment, however denominated, not to enforce a patent +(such as an express permission to practice a patent or covenant not to +sue for patent infringement). To "grant" such a patent license to a +party means to make such an agreement or commitment not to enforce a +patent against the party. + + If you convey a covered work, knowingly relying on a patent license, +and the Corresponding Source of the work is not available for anyone +to copy, free of charge and under the terms of this License, through a +publicly available network server or other readily accessible means, +then you must either (1) cause the Corresponding Source to be so +available, or (2) arrange to deprive yourself of the benefit of the +patent license for this particular work, or (3) arrange, in a manner +consistent with the requirements of this License, to extend the patent +license to downstream recipients. "Knowingly relying" means you have +actual knowledge that, but for the patent license, your conveying the +covered work in a country, or your recipient's use of the covered work +in a country, would infringe one or more identifiable patents in that +country that you have reason to believe are valid. + + If, pursuant to or in connection with a single transaction or +arrangement, you convey, or propagate by procuring conveyance of, a +covered work, and grant a patent license to some of the parties +receiving the covered work authorizing them to use, propagate, modify +or convey a specific copy of the covered work, then the patent license +you grant is automatically extended to all recipients of the covered +work and works based on it. + + A patent license is "discriminatory" if it does not include within +the scope of its coverage, prohibits the exercise of, or is +conditioned on the non-exercise of one or more of the rights that are +specifically granted under this License. You may not convey a covered +work if you are a party to an arrangement with a third party that is +in the business of distributing software, under which you make payment +to the third party based on the extent of your activity of conveying +the work, and under which the third party grants, to any of the +parties who would receive the covered work from you, a discriminatory +patent license (a) in connection with copies of the covered work +conveyed by you (or copies made from those copies), or (b) primarily +for and in connection with specific products or compilations that +contain the covered work, unless you entered into that arrangement, +or that patent license was granted, prior to 28 March 2007. + + Nothing in this License shall be construed as excluding or limiting +any implied license or other defenses to infringement that may +otherwise be available to you under applicable patent law. + + 12. No Surrender of Others' Freedom. + + If conditions are imposed on you (whether by court order, agreement or +otherwise) that contradict the conditions of this License, they do not +excuse you from the conditions of this License. If you cannot convey a +covered work so as to satisfy simultaneously your obligations under this +License and any other pertinent obligations, then as a consequence you may +not convey it at all. For example, if you agree to terms that obligate you +to collect a royalty for further conveying from those to whom you convey +the Program, the only way you could satisfy both those terms and this +License would be to refrain entirely from conveying the Program. + + 13. Remote Network Interaction; Use with the GNU General Public License. + + Notwithstanding any other provision of this License, if you modify the +Program, your modified version must prominently offer all users +interacting with it remotely through a computer network (if your version +supports such interaction) an opportunity to receive the Corresponding +Source of your version by providing access to the Corresponding Source +from a network server at no charge, through some standard or customary +means of facilitating copying of software. This Corresponding Source +shall include the Corresponding Source for any work covered by version 3 +of the GNU General Public License that is incorporated pursuant to the +following paragraph. + + Notwithstanding any other provision of this License, you have +permission to link or combine any covered work with a work licensed +under version 3 of the GNU General Public License into a single +combined work, and to convey the resulting work. The terms of this +License will continue to apply to the part which is the covered work, +but the work with which it is combined will remain governed by version +3 of the GNU General Public License. + + 14. Revised Versions of this License. + + The Free Software Foundation may publish revised and/or new versions of +the GNU Affero General Public License from time to time. Such new versions +will be similar in spirit to the present version, but may differ in detail to +address new problems or concerns. + + Each version is given a distinguishing version number. If the +Program specifies that a certain numbered version of the GNU Affero General +Public License "or any later version" applies to it, you have the +option of following the terms and conditions either of that numbered +version or of any later version published by the Free Software +Foundation. If the Program does not specify a version number of the +GNU Affero General Public License, you may choose any version ever published +by the Free Software Foundation. + + If the Program specifies that a proxy can decide which future +versions of the GNU Affero General Public License can be used, that proxy's +public statement of acceptance of a version permanently authorizes you +to choose that version for the Program. + + Later license versions may give you additional or different +permissions. However, no additional obligations are imposed on any +author or copyright holder as a result of your choosing to follow a +later version. + + 15. Disclaimer of Warranty. + + THERE IS NO WARRANTY FOR THE PROGRAM, TO THE EXTENT PERMITTED BY +APPLICABLE LAW. EXCEPT WHEN OTHERWISE STATED IN WRITING THE COPYRIGHT +HOLDERS AND/OR OTHER PARTIES PROVIDE THE PROGRAM "AS IS" WITHOUT WARRANTY +OF ANY KIND, EITHER EXPRESSED OR IMPLIED, INCLUDING, BUT NOT LIMITED TO, +THE IMPLIED WARRANTIES OF MERCHANTABILITY AND FITNESS FOR A PARTICULAR +PURPOSE. THE ENTIRE RISK AS TO THE QUALITY AND PERFORMANCE OF THE PROGRAM +IS WITH YOU. SHOULD THE PROGRAM PROVE DEFECTIVE, YOU ASSUME THE COST OF +ALL NECESSARY SERVICING, REPAIR OR CORRECTION. + + 16. Limitation of Liability. + + IN NO EVENT UNLESS REQUIRED BY APPLICABLE LAW OR AGREED TO IN WRITING +WILL ANY COPYRIGHT HOLDER, OR ANY OTHER PARTY WHO MODIFIES AND/OR CONVEYS +THE PROGRAM AS PERMITTED ABOVE, BE LIABLE TO YOU FOR DAMAGES, INCLUDING ANY +GENERAL, SPECIAL, INCIDENTAL OR CONSEQUENTIAL DAMAGES ARISING OUT OF THE +USE OR INABILITY TO USE THE PROGRAM (INCLUDING BUT NOT LIMITED TO LOSS OF +DATA OR DATA BEING RENDERED INACCURATE OR LOSSES SUSTAINED BY YOU OR THIRD +PARTIES OR A FAILURE OF THE PROGRAM TO OPERATE WITH ANY OTHER PROGRAMS), +EVEN IF SUCH HOLDER OR OTHER PARTY HAS BEEN ADVISED OF THE POSSIBILITY OF +SUCH DAMAGES. + + 17. Interpretation of Sections 15 and 16. + + If the disclaimer of warranty and limitation of liability provided +above cannot be given local legal effect according to their terms, +reviewing courts shall apply local law that most closely approximates +an absolute waiver of all civil liability in connection with the +Program, unless a warranty or assumption of liability accompanies a +copy of the Program in return for a fee. + + END OF TERMS AND CONDITIONS + + How to Apply These Terms to Your New Programs + + If you develop a new program, and you want it to be of the greatest +possible use to the public, the best way to achieve this is to make it +free software which everyone can redistribute and change under these terms. + + To do so, attach the following notices to the program. It is safest +to attach them to the start of each source file to most effectively +state the exclusion of warranty; and each file should have at least +the "copyright" line and a pointer to where the full notice is found. + + + Copyright (C) + + This program is free software: you can redistribute it and/or modify + it under the terms of the GNU Affero General Public License as published by + the Free Software Foundation, either version 3 of the License, or + (at your option) any later version. + + This program is distributed in the hope that it will be useful, + but WITHOUT ANY WARRANTY; without even the implied warranty of + MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the + GNU Affero General Public License for more details. + + You should have received a copy of the GNU Affero General Public License + along with this program. If not, see . + +Also add information on how to contact you by electronic and paper mail. + + If your software can interact with users remotely through a computer +network, you should also make sure that it provides a way for users to +get its source. For example, if your program is a web application, its +interface could display a "Source" link that leads users to an archive +of the code. There are many ways you could offer source, and different +solutions will be better for different programs; see section 13 for the +specific requirements. + + You should also get your employer (if you work as a programmer) or school, +if any, to sign a "copyright disclaimer" for the program, if necessary. +For more information on this, and how to apply and follow the GNU AGPL, see +. diff --git a/packages/jsx-utils/README.md b/packages/jsx-utils/README.md new file mode 100644 index 0000000000..ac9ed89edc --- /dev/null +++ b/packages/jsx-utils/README.md @@ -0,0 +1,25 @@ +# JSX Utils + +Utilities to work with JSX, including converting it to Webstudio format. + +## Usage + +Install the package + +``` +pnpm i @webstudio-is/jsx-utils +``` + +Transform a JSX string to Webstudio Embed Template: + +```ts +import { jsxToWSEmbedTemplate } from "@webstudio-is/jsx-utils"; + +await jsxToWSEmbedTemplate("hello"); +``` + +Other utils: + +- `traverseTemplate` and `traverseTemplateAsync` to traverse a WsEmbedTemplate and work with nodes +- `tailwindToWebstudio` converts a template `className` prop to Webstudio local styles +- `heroiconsToSvgEmbed` converts `` to `HtmlEmbed` with inline SVG diff --git a/packages/jsx-utils/bin/build-icons.ts b/packages/jsx-utils/bin/build-icons.ts new file mode 100644 index 0000000000..c6de0f4e59 --- /dev/null +++ b/packages/jsx-utils/bin/build-icons.ts @@ -0,0 +1,47 @@ +import fg from "fast-glob"; +import * as fs from "node:fs"; +import * as path from "node:path"; + +const GENERATED_FILES_DIR = "__generated__"; + +const iconFiles = fg.sync("**/heroicons/**/**.svg"); + +if (iconFiles.length === 0) { + throw new Error("No icons files found"); +} + +type Icons = { [name in string]: string }; +const icons = iconFiles.reduce( + (icons, filePath) => { + const name = path.basename(filePath, ".svg"); + + const typeFromPath = path.dirname(filePath).split("/").pop(); + const type = + typeFromPath !== "solid" && typeFromPath !== "outline" + ? "solid" + : typeFromPath; + + const icon = fs.readFileSync(filePath, "utf-8"); + + if (typeof icons === "object" && type in icons === false) { + icons[type] = {}; + } + + icons[type][name] = icon.replace("", + "homepage": "https://webstudio.is", + "type": "module", + "scripts": { + "typecheck": "tsc", + "test": "NODE_OPTIONS=--experimental-vm-modules jest", + "checks": "pnpm typecheck && pnpm test", + "dev": "pnpm build --watch", + "build": "esbuild 'src/**/*.ts' --outdir=lib", + "dts": "tsc --project tsconfig.dts.json" + }, + "devDependencies": { + "@webstudio-is/jest-config": "workspace:^", + "@webstudio-is/scripts": "workspace:^", + "@webstudio-is/tsconfig": "workspace:^", + "fast-glob": "^3.2.12", + "jest": "^29.6.4", + "type-fest": "^4.3.1", + "typescript": "5.2.2" + }, + "exports": { + "webstudio": "./src/index.ts", + "types": "./lib/types/index.d.ts", + "import": "./lib/index.js" + }, + "files": [ + "lib/*", + "!*.test.*" + ], + "license": "AGPL-3.0-or-later", + "sideEffects": false, + "dependencies": { + "@babel/parser": "^7.23.0", + "@babel/types": "^7.23.0", + "@webstudio-is/css-data": "workspace:*", + "@webstudio-is/react-sdk": "workspace:*", + "@webstudio-is/sdk": "workspace:*", + "json5": "^2.2.3", + "zod": "^3.21.4" + } +} diff --git a/packages/jsx-utils/src/heroicons/__generated__/heroicons.ts b/packages/jsx-utils/src/heroicons/__generated__/heroicons.ts new file mode 100644 index 0000000000..ba1a59fd78 --- /dev/null +++ b/packages/jsx-utils/src/heroicons/__generated__/heroicons.ts @@ -0,0 +1,1123 @@ +// this file is generated +export const heroicons = { + outline: { + "academic-cap": + '\n', + "adjustments-horizontal": + '\n', + "adjustments-vertical": + '\n', + "archive-box-arrow-down": + '\n', + "archive-box-x-mark": + '\n', + "archive-box": + '\n', + "arrow-down-circle": + '\n', + "arrow-down-left": + '\n', + "arrow-down-on-square-stack": + '\n', + "arrow-down-on-square": + '\n', + "arrow-down-right": + '\n', + "arrow-down-tray": + '\n', + "arrow-down": + '\n', + "arrow-left-circle": + '\n', + "arrow-left-on-rectangle": + '\n', + "arrow-left": + '\n', + "arrow-long-down": + '\n', + "arrow-long-left": + '\n', + "arrow-long-right": + '\n', + "arrow-long-up": + '\n', + "arrow-path-rounded-square": + '\n', + "arrow-path": + '\n', + "arrow-right-circle": + '\n', + "arrow-right-on-rectangle": + '\n', + "arrow-right": + '\n', + "arrow-small-down": + '\n', + "arrow-small-left": + '\n', + "arrow-small-right": + '\n', + "arrow-small-up": + '\n', + "arrow-top-right-on-square": + '\n', + "arrow-trending-down": + '\n', + "arrow-trending-up": + '\n', + "arrow-up-circle": + '\n', + "arrow-up-left": + '\n', + "arrow-up-on-square-stack": + '\n', + "arrow-up-on-square": + '\n', + "arrow-up-right": + '\n', + "arrow-up-tray": + '\n', + "arrow-up": + '\n', + "arrow-uturn-down": + '\n', + "arrow-uturn-left": + '\n', + "arrow-uturn-right": + '\n', + "arrow-uturn-up": + '\n', + "arrows-pointing-in": + '\n', + "arrows-pointing-out": + '\n', + "arrows-right-left": + '\n', + "arrows-up-down": + '\n', + "at-symbol": + '\n', + backspace: + '\n', + backward: + '\n', + banknotes: + '\n', + "bars-2": + '\n', + "bars-3-bottom-left": + '\n', + "bars-3-bottom-right": + '\n', + "bars-3-center-left": + '\n', + "bars-3": + '\n', + "bars-4": + '\n', + "bars-arrow-down": + '\n', + "bars-arrow-up": + '\n', + "battery-0": + '\n', + "battery-100": + '\n', + "battery-50": + '\n', + beaker: + '\n', + "bell-alert": + '\n', + "bell-slash": + '\n', + "bell-snooze": + '\n', + bell: '\n', + "bolt-slash": + '\n', + bolt: '\n', + "book-open": + '\n', + "bookmark-slash": + '\n', + "bookmark-square": + '\n', + bookmark: + '\n', + briefcase: + '\n', + "bug-ant": + '\n', + "building-library": + '\n', + "building-office-2": + '\n', + "building-office": + '\n', + "building-storefront": + '\n', + cake: '\n', + calculator: + '\n', + "calendar-days": + '\n', + calendar: + '\n', + camera: + '\n', + "chart-bar-square": + '\n', + "chart-bar": + '\n', + "chart-pie": + '\n', + "chat-bubble-bottom-center-text": + '\n', + "chat-bubble-bottom-center": + '\n', + "chat-bubble-left-ellipsis": + '\n', + "chat-bubble-left-right": + '\n', + "chat-bubble-left": + '\n', + "chat-bubble-oval-left-ellipsis": + '\n', + "chat-bubble-oval-left": + '\n', + "check-badge": + '\n', + "check-circle": + '\n', + check: + '\n', + "chevron-double-down": + '\n', + "chevron-double-left": + '\n', + "chevron-double-right": + '\n', + "chevron-double-up": + '\n', + "chevron-down": + '\n', + "chevron-left": + '\n', + "chevron-right": + '\n', + "chevron-up-down": + '\n', + "chevron-up": + '\n', + "circle-stack": + '\n', + "clipboard-document-check": + '\n', + "clipboard-document-list": + '\n', + "clipboard-document": + '\n', + clipboard: + '\n', + clock: + '\n', + "cloud-arrow-down": + '\n', + "cloud-arrow-up": + '\n', + cloud: + '\n', + "code-bracket-square": + '\n', + "code-bracket": + '\n', + "cog-6-tooth": + '\n', + "cog-8-tooth": + '\n', + cog: '\n', + "command-line": + '\n', + "computer-desktop": + '\n', + "cpu-chip": + '\n', + "credit-card": + '\n', + "cube-transparent": + '\n', + cube: '\n', + "currency-bangladeshi": + '\n', + "currency-dollar": + '\n', + "currency-euro": + '\n', + "currency-pound": + '\n', + "currency-rupee": + '\n', + "currency-yen": + '\n', + "cursor-arrow-rays": + '\n', + "cursor-arrow-ripple": + '\n', + "device-phone-mobile": + '\n', + "device-tablet": + '\n', + "document-arrow-down": + '\n', + "document-arrow-up": + '\n', + "document-chart-bar": + '\n', + "document-check": + '\n', + "document-duplicate": + '\n', + "document-magnifying-glass": + '\n', + "document-minus": + '\n', + "document-plus": + '\n', + "document-text": + '\n', + document: + '\n', + "ellipsis-horizontal-circle": + '\n', + "ellipsis-horizontal": + '\n', + "ellipsis-vertical": + '\n', + "envelope-open": + '\n', + envelope: + '\n', + "exclamation-circle": + '\n', + "exclamation-triangle": + '\n', + "eye-dropper": + '\n', + "eye-slash": + '\n', + eye: '\n', + "face-frown": + '\n', + "face-smile": + '\n', + film: '\n', + "finger-print": + '\n', + fire: '\n', + flag: '\n', + "folder-arrow-down": + '\n', + "folder-minus": + '\n', + "folder-open": + '\n', + "folder-plus": + '\n', + folder: + '\n', + forward: + '\n', + funnel: + '\n', + gif: '\n', + "gift-top": + '\n', + gift: '\n', + "globe-alt": + '\n', + "globe-americas": + '\n', + "globe-asia-australia": + '\n', + "globe-europe-africa": + '\n', + "hand-raised": + '\n', + "hand-thumb-down": + '\n', + "hand-thumb-up": + '\n', + hashtag: + '\n', + heart: + '\n', + "home-modern": + '\n', + home: '\n', + identification: + '\n', + "inbox-arrow-down": + '\n', + "inbox-stack": + '\n', + inbox: + '\n', + "information-circle": + '\n', + key: '\n', + language: + '\n', + lifebuoy: + '\n', + "light-bulb": + '\n', + link: '\n', + "list-bullet": + '\n', + "lock-closed": + '\n', + "lock-open": + '\n', + "magnifying-glass-circle": + '\n', + "magnifying-glass-minus": + '\n', + "magnifying-glass-plus": + '\n', + "magnifying-glass": + '\n', + "map-pin": + '\n', + map: '\n', + megaphone: + '\n', + microphone: + '\n', + "minus-circle": + '\n', + "minus-small": + '\n', + minus: + '\n', + moon: '\n', + "musical-note": + '\n', + newspaper: + '\n', + "no-symbol": + '\n', + "paint-brush": + '\n', + "paper-airplane": + '\n', + "paper-clip": + '\n', + "pause-circle": + '\n', + pause: + '\n', + "pencil-square": + '\n', + pencil: + '\n', + "phone-arrow-down-left": + '\n', + "phone-arrow-up-right": + '\n', + "phone-x-mark": + '\n', + phone: + '\n', + photo: + '\n', + "play-circle": + '\n', + "play-pause": + '\n', + play: '\n', + "plus-circle": + '\n', + "plus-small": + '\n', + plus: '\n', + power: + '\n', + "presentation-chart-bar": + '\n', + "presentation-chart-line": + '\n', + printer: + '\n', + "puzzle-piece": + '\n', + "qr-code": + '\n', + "question-mark-circle": + '\n', + "queue-list": + '\n', + radio: + '\n', + "receipt-percent": + '\n', + "receipt-refund": + '\n', + "rectangle-group": + '\n', + "rectangle-stack": + '\n', + "rocket-launch": + '\n', + rss: '\n', + scale: + '\n', + scissors: + '\n', + "server-stack": + '\n', + server: + '\n', + share: + '\n', + "shield-check": + '\n', + "shield-exclamation": + '\n', + "shopping-bag": + '\n', + "shopping-cart": + '\n', + "signal-slash": + '\n', + signal: + '\n', + sparkles: + '\n', + "speaker-wave": + '\n', + "speaker-x-mark": + '\n', + "square-2-stack": + '\n', + "square-3-stack-3d": + '\n', + "squares-2x2": + '\n', + "squares-plus": + '\n', + star: '\n', + "stop-circle": + '\n', + stop: '\n', + sun: '\n', + swatch: + '\n', + "table-cells": + '\n', + tag: '\n', + ticket: + '\n', + trash: + '\n', + trophy: + '\n', + truck: + '\n', + tv: '\n', + "user-circle": + '\n', + "user-group": + '\n', + "user-minus": + '\n', + "user-plus": + '\n', + user: '\n', + users: + '\n', + variable: + '\n', + "video-camera-slash": + '\n', + "video-camera": + '\n', + "view-columns": + '\n', + "viewfinder-circle": + '\n', + wallet: + '\n', + wifi: '\n', + window: + '\n', + "wrench-screwdriver": + '\n', + wrench: + '\n', + "x-circle": + '\n', + "x-mark": + '\n', + }, + solid: { + "academic-cap": + '\n', + "adjustments-horizontal": + '\n', + "adjustments-vertical": + '\n', + "archive-box-arrow-down": + '\n', + "archive-box-x-mark": + '\n', + "archive-box": + '\n', + "arrow-down-circle": + '\n', + "arrow-down-left": + '\n', + "arrow-down-on-square-stack": + '\n', + "arrow-down-on-square": + '\n', + "arrow-down-right": + '\n', + "arrow-down-tray": + '\n', + "arrow-down": + '\n', + "arrow-left-circle": + '\n', + "arrow-left-on-rectangle": + '\n', + "arrow-left": + '\n', + "arrow-long-down": + '\n', + "arrow-long-left": + '\n', + "arrow-long-right": + '\n', + "arrow-long-up": + '\n', + "arrow-path-rounded-square": + '\n', + "arrow-path": + '\n', + "arrow-right-circle": + '\n', + "arrow-right-on-rectangle": + '\n', + "arrow-right": + '\n', + "arrow-small-down": + '\n', + "arrow-small-left": + '\n', + "arrow-small-right": + '\n', + "arrow-small-up": + '\n', + "arrow-top-right-on-square": + '\n', + "arrow-trending-down": + '\n', + "arrow-trending-up": + '\n', + "arrow-up-circle": + '\n', + "arrow-up-left": + '\n', + "arrow-up-on-square-stack": + '\n', + "arrow-up-on-square": + '\n', + "arrow-up-right": + '\n', + "arrow-up-tray": + '\n', + "arrow-up": + '\n', + "arrow-uturn-down": + '\n', + "arrow-uturn-left": + '\n', + "arrow-uturn-right": + '\n', + "arrow-uturn-up": + '\n', + "arrows-pointing-in": + '\n', + "arrows-pointing-out": + '\n', + "arrows-right-left": + '\n', + "arrows-up-down": + '\n', + "at-symbol": + '\n', + backspace: + '\n', + backward: + '\n', + banknotes: + '\n', + "bars-2": + '\n', + "bars-3-bottom-left": + '\n', + "bars-3-bottom-right": + '\n', + "bars-3-center-left": + '\n', + "bars-3": + '\n', + "bars-4": + '\n', + "bars-arrow-down": + '\n', + "bars-arrow-up": + '\n', + "battery-0": + '\n', + "battery-100": + '\n', + "battery-50": + '\n', + beaker: + '\n', + "bell-alert": + '\n', + "bell-slash": + '\n', + "bell-snooze": + '\n', + bell: '\n', + "bolt-slash": + '\n', + bolt: '\n', + "book-open": + '\n', + "bookmark-slash": + '\n', + "bookmark-square": + '\n', + bookmark: + '\n', + briefcase: + '\n', + "bug-ant": + '\n', + "building-library": + '\n', + "building-office-2": + '\n', + "building-office": + '\n', + "building-storefront": + '\n', + cake: '\n', + calculator: + '\n', + "calendar-days": + '\n', + calendar: + '\n', + camera: + '\n', + "chart-bar-square": + '\n', + "chart-bar": + '\n', + "chart-pie": + '\n', + "chat-bubble-bottom-center-text": + '\n', + "chat-bubble-bottom-center": + '\n', + "chat-bubble-left-ellipsis": + '\n', + "chat-bubble-left-right": + '\n', + "chat-bubble-left": + '\n', + "chat-bubble-oval-left-ellipsis": + '\n', + "chat-bubble-oval-left": + '\n', + "check-badge": + '\n', + "check-circle": + '\n', + check: + '\n', + "chevron-double-down": + '\n', + "chevron-double-left": + '\n', + "chevron-double-right": + '\n', + "chevron-double-up": + '\n', + "chevron-down": + '\n', + "chevron-left": + '\n', + "chevron-right": + '\n', + "chevron-up-down": + '\n', + "chevron-up": + '\n', + "circle-stack": + '\n', + "clipboard-document-check": + '\n', + "clipboard-document-list": + '\n', + "clipboard-document": + '\n', + clipboard: + '\n', + clock: + '\n', + "cloud-arrow-down": + '\n', + "cloud-arrow-up": + '\n', + cloud: + '\n', + "code-bracket-square": + '\n', + "code-bracket": + '\n', + "cog-6-tooth": + '\n', + "cog-8-tooth": + '\n', + cog: '\n', + "command-line": + '\n', + "computer-desktop": + '\n', + "cpu-chip": + '\n', + "credit-card": + '\n', + "cube-transparent": + '\n', + cube: '\n', + "currency-bangladeshi": + '\n', + "currency-dollar": + '\n', + "currency-euro": + '\n', + "currency-pound": + '\n', + "currency-rupee": + '\n', + "currency-yen": + '\n', + "cursor-arrow-rays": + '\n', + "cursor-arrow-ripple": + '\n', + "device-phone-mobile": + '\n', + "device-tablet": + '\n', + "document-arrow-down": + '\n', + "document-arrow-up": + '\n', + "document-chart-bar": + '\n', + "document-check": + '\n', + "document-duplicate": + '\n', + "document-magnifying-glass": + '\n', + "document-minus": + '\n', + "document-plus": + '\n', + "document-text": + '\n', + document: + '\n', + "ellipsis-horizontal-circle": + '\n', + "ellipsis-horizontal": + '\n', + "ellipsis-vertical": + '\n', + "envelope-open": + '\n', + envelope: + '\n', + "exclamation-circle": + '\n', + "exclamation-triangle": + '\n', + "eye-dropper": + '\n', + "eye-slash": + '\n', + eye: '\n', + "face-frown": + '\n', + "face-smile": + '\n', + film: '\n', + "finger-print": + '\n', + fire: '\n', + flag: '\n', + "folder-arrow-down": + '\n', + "folder-minus": + '\n', + "folder-open": + '\n', + "folder-plus": + '\n', + folder: + '\n', + forward: + '\n', + funnel: + '\n', + gif: '\n', + "gift-top": + '\n', + gift: '\n', + "globe-alt": + '\n', + "globe-americas": + '\n', + "globe-asia-australia": + '\n', + "globe-europe-africa": + '\n', + "hand-raised": + '\n', + "hand-thumb-down": + '\n', + "hand-thumb-up": + '\n', + hashtag: + '\n', + heart: + '\n', + "home-modern": + '\n', + home: '\n', + identification: + '\n', + "inbox-arrow-down": + '\n', + "inbox-stack": + '\n', + inbox: + '\n', + "information-circle": + '\n', + key: '\n', + language: + '\n', + lifebuoy: + '\n', + "light-bulb": + '\n', + link: '\n', + "list-bullet": + '\n', + "lock-closed": + '\n', + "lock-open": + '\n', + "magnifying-glass-circle": + '\n', + "magnifying-glass-minus": + '\n', + "magnifying-glass-plus": + '\n', + "magnifying-glass": + '\n', + "map-pin": + '\n', + map: '\n', + megaphone: + '\n', + microphone: + '\n', + "minus-circle": + '\n', + "minus-small": + '\n', + minus: + '\n', + moon: '\n', + "musical-note": + '\n', + newspaper: + '\n', + "no-symbol": + '\n', + "paint-brush": + '\n', + "paper-airplane": + '\n', + "paper-clip": + '\n', + "pause-circle": + '\n', + pause: + '\n', + "pencil-square": + '\n', + pencil: + '\n', + "phone-arrow-down-left": + '\n', + "phone-arrow-up-right": + '\n', + "phone-x-mark": + '\n', + phone: + '\n', + photo: + '\n', + "play-circle": + '\n', + "play-pause": + '\n', + play: '\n', + "plus-circle": + '\n', + "plus-small": + '\n', + plus: '\n', + power: + '\n', + "presentation-chart-bar": + '\n', + "presentation-chart-line": + '\n', + printer: + '\n', + "puzzle-piece": + '\n', + "qr-code": + '\n', + "question-mark-circle": + '\n', + "queue-list": + '\n', + radio: + '\n', + "receipt-percent": + '\n', + "receipt-refund": + '\n', + "rectangle-group": + '\n', + "rectangle-stack": + '\n', + "rocket-launch": + '\n', + rss: '\n', + scale: + '\n', + scissors: + '\n', + "server-stack": + '\n', + server: + '\n', + share: + '\n', + "shield-check": + '\n', + "shield-exclamation": + '\n', + "shopping-bag": + '\n', + "shopping-cart": + '\n', + "signal-slash": + '\n', + signal: + '\n', + sparkles: + '\n', + "speaker-wave": + '\n', + "speaker-x-mark": + '\n', + "square-2-stack": + '\n', + "square-3-stack-3d": + '\n', + "squares-2x2": + '\n', + "squares-plus": + '\n', + star: '\n', + "stop-circle": + '\n', + stop: '\n', + sun: '\n', + swatch: + '\n', + "table-cells": + '\n', + tag: '\n', + ticket: + '\n', + trash: + '\n', + trophy: + '\n', + truck: + '\n', + tv: '\n', + "user-circle": + '\n', + "user-group": + '\n', + "user-minus": + '\n', + "user-plus": + '\n', + user: '\n', + users: + '\n', + variable: + '\n', + "video-camera-slash": + '\n', + "video-camera": + '\n', + "view-columns": + '\n', + "viewfinder-circle": + '\n', + wallet: + '\n', + wifi: '\n', + window: + '\n', + "wrench-screwdriver": + '\n', + wrench: + '\n', + "x-circle": + '\n', + "x-mark": + '\n', + }, +}; diff --git a/packages/jsx-utils/src/heroicons/get-icon.ts b/packages/jsx-utils/src/heroicons/get-icon.ts new file mode 100644 index 0000000000..4ac47ce02a --- /dev/null +++ b/packages/jsx-utils/src/heroicons/get-icon.ts @@ -0,0 +1,17 @@ +import { heroicons } from "./__generated__/heroicons"; + +type Heroicons = typeof heroicons; +type IconsTypes = keyof Heroicons; + +export const getIcon = (name: string, type: IconsTypes = "solid") => { + try { + const typeIcons = heroicons[type]; + // eslint-disable-next-line @typescript-eslint/ban-ts-comment + // @ts-ignore + return typeof typeIcons[name] === "string" ? typeIcons[name] : null; + } catch (error) { + /**/ + } + + return null; +}; diff --git a/packages/jsx-utils/src/heroicons/index.ts b/packages/jsx-utils/src/heroicons/index.ts new file mode 100644 index 0000000000..1a98cfefdd --- /dev/null +++ b/packages/jsx-utils/src/heroicons/index.ts @@ -0,0 +1,52 @@ +import type { WsEmbedTemplate } from "@webstudio-is/react-sdk"; +import { traverseTemplate } from "../traverse-template"; +import { getIcon } from "./get-icon"; + +export const heroiconsToSvgEmbed = ( + template: WsEmbedTemplate, + componentName: string = "Heroicon" +) => + traverseTemplate(template, (node) => { + if (node.type === "instance" && node.component === componentName) { + if (node.component === componentName) { + if (typeof node.props !== "undefined") { + const nameProp = node.props.find((prop) => prop.name === "name"); + const typeProp = node.props.find((prop) => prop.name === "type"); + + const name = + nameProp && nameProp.type === "string" ? nameProp.value : null; + + const type = + typeProp && + typeProp.type === "string" && + (typeProp.value === "outline" || typeProp.value === "solid") + ? typeProp.value + : "solid"; + + const icon = name ? getIcon(name, type) : null; + + if (icon === null) { + node.component = "Text"; + node.children = [ + { type: "text", value: name ? `Icon ${name}` : "Icon" }, + ]; + } else { + node.component = "HtmlEmbed"; + + node.label = `${name} icon`; + + node.props = [ + { + type: "string", + name: "code", + value: icon || "", + }, + ]; + } + } else { + node.component = "Text"; + node.children = [{ type: "text", value: "Icon" }]; + } + } + } + }); diff --git a/packages/jsx-utils/src/index.ts b/packages/jsx-utils/src/index.ts new file mode 100644 index 0000000000..44b81031c0 --- /dev/null +++ b/packages/jsx-utils/src/index.ts @@ -0,0 +1,4 @@ +export * from "./traverse-template"; +export { jsxToWSEmbedTemplate } from "./jsx"; +export { heroiconsToSvgEmbed } from "./heroicons"; +export { tailwindToWebstudio } from "./tw-to-webstudio"; diff --git a/packages/jsx-utils/src/jsx.test.ts b/packages/jsx-utils/src/jsx.test.ts new file mode 100644 index 0000000000..fde3fc41d8 --- /dev/null +++ b/packages/jsx-utils/src/jsx.test.ts @@ -0,0 +1,38 @@ +import { describe, expect, test } from "@jest/globals"; +import { WsEmbedTemplate } from "@webstudio-is/react-sdk"; +import { jsxToWSEmbedTemplate } from "./jsx"; + +describe("jsx", () => { + test("valid template", async () => { + const parsed = await jsxToWSEmbedTemplate(jsx.trim()); + expect(() => WsEmbedTemplate.parse(parsed)).not.toThrow(); + expect(parsed).toMatchInlineSnapshot(` +[ + { + "children": [ + { + "type": "text", + "value": "Hello from Webstudio", + }, + ], + "component": "Box", + "props": [ + { + "name": "className", + "type": "string", + "value": "mx-10", + }, + ], + "styles": [], + "type": "instance", + }, +] +`); + }); +}); + +const jsx = ` + + Hello from Webstudio + +`; diff --git a/packages/jsx-utils/src/jsx.ts b/packages/jsx-utils/src/jsx.ts new file mode 100644 index 0000000000..a59735ee2f --- /dev/null +++ b/packages/jsx-utils/src/jsx.ts @@ -0,0 +1,142 @@ +import * as parser from "@babel/parser"; +import { + type JSXElement, + type JSXOpeningElement, + type JSXText, +} from "@babel/types"; +import type { + WsEmbedTemplate, + EmbedTemplateProp, +} from "@webstudio-is/react-sdk"; +import JSON5 from "json5"; +import type { JsonObject } from "type-fest"; + +export const jsxToWSEmbedTemplate = async ( + code: string +): Promise => { + const ast = parser.parseExpression(code, { + plugins: ["jsx"], + }); + + if (ast.type === "JSXElement") { + const template = await transform(ast, code); + return template === null ? [] : [template]; + } + + return []; +}; + +const ignoredProps = new Set(["style"]); + +const transform = async ( + node: JSXElement | JSXText, + code: string +): Promise => { + if (node.type === "JSXText") { + // text nodes. + const value = node.value.trim(); + if (value === "") { + return null; + } + return { + type: "text", + value, + }; + } + + if (node.type === "JSXElement") { + const element = node.openingElement; + + // @todo Parse inline styles. + // const styles = getProps(code, element.attributes, ["style"]); + + const props = parseProps( + getProps(code, element.attributes).filter( + (prop) => ignoredProps.has(prop.name) === false + ) + ); + + return { + type: "instance", + component: + element.name.type === "JSXIdentifier" ? element.name.name : "Box", + styles: [], + props, + children: ( + await Promise.all( + node.children.map((child) => { + if (child.type === "JSXElement" || child.type === "JSXText") { + return transform(child, code); + } + return null; + }) + ) + ).filter((child) => child !== null) as WsEmbedTemplate, + }; + } + + return null; +}; + +type JsonProp = { + name: string; + value: string | JsonObject; +}; + +const getProps = function getProps( + code: string, + attributes: JSXOpeningElement["attributes"], + pickProps?: string[] +) { + return attributes + .map((attr) => { + if ( + attr.type === "JSXAttribute" && + attr.name.type === "JSXIdentifier" && + attr.value !== null && + attr.value !== undefined && + typeof attr.value.start === "number" && + typeof attr.value.end === "number" && + (pickProps === undefined || pickProps.includes(attr.name.name)) + ) { + const name = attr.name.name; + + // @todo #2398 Replace the parsing logic below with advanced parsing to include and return a EmbedTemplateProp instead. + + let value: string | JsonObject = code.slice( + attr.value.start + 1, + attr.value.end - 1 + ); + + try { + const parsed: JsonObject = JSON5.parse(value); + if (parsed) { + value = parsed; + } + } catch (error) { + /**/ + } + + return { + name, + value, + }; + } + return null; + }) + .filter((attr) => attr !== null) as JsonProp[]; +}; + +const parseProps = function parseProps(props: JsonProp[]) { + const p: EmbedTemplateProp[] = []; + props.forEach(({ name, value }) => { + if (typeof value === "string") { + p.push({ type: "string", name, value }); + } + if (typeof value === "number") { + p.push({ type: "number", name, value }); + } + // @todo add support for other prop types. + }); + return p; +}; diff --git a/packages/jsx-utils/src/traverse-template.ts b/packages/jsx-utils/src/traverse-template.ts new file mode 100644 index 0000000000..ab4fa5efa0 --- /dev/null +++ b/packages/jsx-utils/src/traverse-template.ts @@ -0,0 +1,36 @@ +import { WsEmbedTemplate } from "@webstudio-is/react-sdk"; + +type ElementType = T extends (infer U)[] ? U : never; + +export type NodeType = + | ElementType + | { type: "styles"; value: string }; + +export const traverseTemplate = ( + template: NodeType[], + fn: (node: NodeType, parent: NodeType | NodeType[]) => void +) => { + template.forEach((node) => { + fn(node, template); + + if (node.type === "instance" && node.children.length > 0) { + traverseTemplate(node.children, (n, _) => fn(n, node)); + } + }); +}; + +export const traverseTemplateAsync = async ( + template: NodeType[], + fn: (node: NodeType, parent: NodeType | NodeType[]) => Promise +) => { + for (const node of template) { + await fn(node, template); + + if (node.type === "instance" && node.children.length > 0) { + await traverseTemplateAsync( + node.children, + async (n, _) => await fn(n, node) + ); + } + } +}; diff --git a/packages/jsx-utils/src/tw-to-webstudio.ts b/packages/jsx-utils/src/tw-to-webstudio.ts new file mode 100644 index 0000000000..86d891e234 --- /dev/null +++ b/packages/jsx-utils/src/tw-to-webstudio.ts @@ -0,0 +1,33 @@ +import type { WsEmbedTemplate } from "@webstudio-is/react-sdk"; +import { traverseTemplateAsync } from "./traverse-template"; +import { parseTailwindToWebstudio } from "@webstudio-is/css-data"; + +export const tailwindToWebstudio = async (template: WsEmbedTemplate) => { + return traverseTemplateAsync(template, async (node, parent) => { + if (node.type === "instance" && node.props && node.props.length > 0) { + const classNameProp = node.props.find( + (prop) => prop.name === "className" + ); + if (classNameProp && classNameProp.type === "string") { + const styles = await parseTailwindToWebstudio(classNameProp.value); + + if (node.styles !== undefined) { + // Merge with existing styles + const currentStyles = new Set( + node.styles.map(({ property }) => property) + ); + for (const styleDecl of styles) { + if (currentStyles.has(styleDecl.property) === false) { + node.styles.push(styleDecl); + } + } + } else { + node.styles = styles; + } + + // @todo Instead of deleting className remove Tailwind CSS classes and leave the remaning ones. + node.props = node.props.filter((prop) => prop.name !== "className"); + } + } + }); +}; diff --git a/packages/jsx-utils/tsconfig.dts.json b/packages/jsx-utils/tsconfig.dts.json new file mode 100644 index 0000000000..e84928fb3a --- /dev/null +++ b/packages/jsx-utils/tsconfig.dts.json @@ -0,0 +1,7 @@ +{ + "extends": "./tsconfig.json", + "include": ["src"], + "compilerOptions": { + "declarationDir": "lib/types" + } +} diff --git a/packages/jsx-utils/tsconfig.json b/packages/jsx-utils/tsconfig.json new file mode 100644 index 0000000000..d2e5040f8f --- /dev/null +++ b/packages/jsx-utils/tsconfig.json @@ -0,0 +1,3 @@ +{ + "extends": "@webstudio-is/tsconfig/base.json" +} diff --git a/packages/react-sdk/src/embed-template.ts b/packages/react-sdk/src/embed-template.ts index e64db568bb..409a81109b 100644 --- a/packages/react-sdk/src/embed-template.ts +++ b/packages/react-sdk/src/embed-template.ts @@ -41,7 +41,7 @@ const EmbedTemplateDataSource = z.union([ type EmbedTemplateDataSource = z.infer; -const EmbedTemplateProp = z.union([ +export const EmbedTemplateProp = z.union([ z.object({ type: z.literal("dataSource"), name: z.string(), @@ -80,7 +80,7 @@ const EmbedTemplateProp = z.union([ }), ]); -type EmbedTemplateProp = z.infer; +export type EmbedTemplateProp = z.infer; const EmbedTemplateStyleDeclRaw = z.object({ // State selector, e.g. :hover diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml index d993f021f9..ee3be503c6 100644 --- a/pnpm-lock.yaml +++ b/pnpm-lock.yaml @@ -1382,6 +1382,52 @@ importers: specifier: ^29.6.4 version: 29.6.4(@types/node@18.13.0) + packages/jsx-utils: + dependencies: + '@babel/parser': + specifier: ^7.23.0 + version: 7.23.0 + '@babel/types': + specifier: ^7.23.0 + version: 7.23.0 + '@webstudio-is/css-data': + specifier: workspace:* + version: link:../css-data + '@webstudio-is/react-sdk': + specifier: workspace:* + version: link:../react-sdk + '@webstudio-is/sdk': + specifier: workspace:* + version: link:../sdk + json5: + specifier: ^2.2.3 + version: 2.2.3 + zod: + specifier: ^3.21.4 + version: 3.21.4 + devDependencies: + '@webstudio-is/jest-config': + specifier: workspace:^ + version: link:../jest-config + '@webstudio-is/scripts': + specifier: workspace:^ + version: link:../scripts + '@webstudio-is/tsconfig': + specifier: workspace:^ + version: link:../tsconfig + fast-glob: + specifier: ^3.2.12 + version: 3.2.12 + jest: + specifier: ^29.6.4 + version: 29.6.4(@types/node@18.13.0) + type-fest: + specifier: ^4.3.1 + version: 4.3.1 + typescript: + specifier: 5.2.2 + version: 5.2.2 + packages/prisma-client: dependencies: '@inquirer/confirm': @@ -1981,10 +2027,10 @@ packages: '@babel/helper-compilation-targets': 7.22.9(@babel/core@7.22.9) '@babel/helper-module-transforms': 7.22.9(@babel/core@7.22.9) '@babel/helpers': 7.22.6 - '@babel/parser': 7.22.7 + '@babel/parser': 7.23.0 '@babel/template': 7.22.5 '@babel/traverse': 7.22.8 - '@babel/types': 7.22.5 + '@babel/types': 7.23.0 convert-source-map: 1.9.0 debug: 4.3.4 gensync: 1.0.0-beta.2 @@ -1997,7 +2043,7 @@ packages: resolution: {integrity: sha512-KtLMbmicyuK2Ak/FTCJVbDnkN1SlT8/kceFTiuDiiRUUSMnHMidxSCdG4ndkTOHHpoomWe/4xkvHkEOncwjYIw==} engines: {node: '>=6.9.0'} dependencies: - '@babel/types': 7.22.5 + '@babel/types': 7.23.0 '@jridgewell/gen-mapping': 0.3.2 '@jridgewell/trace-mapping': 0.3.18 jsesc: 2.5.2 @@ -2006,13 +2052,13 @@ packages: resolution: {integrity: sha512-LvBTxu8bQSQkcyKOU+a1btnNFQ1dMAd0R6PyW3arXes06F6QLWLIrd681bxRPIXlrMGR3XYnW9JyML7dP3qgxg==} engines: {node: '>=6.9.0'} dependencies: - '@babel/types': 7.22.5 + '@babel/types': 7.23.0 /@babel/helper-builder-binary-assignment-operator-visitor@7.22.5: resolution: {integrity: sha512-m1EP3lVOPptR+2DwD125gziZNcmoNSHGmJROKoy87loWUQyJaVXDgpmruWqDARZSmtYQ+Dl25okU8+qhVzuykw==} engines: {node: '>=6.9.0'} dependencies: - '@babel/types': 7.22.5 + '@babel/types': 7.23.0 /@babel/helper-compilation-targets@7.22.9(@babel/core@7.22.9): resolution: {integrity: sha512-7qYrNM6HjpnPHJbopxmb8hSPoZ0gsX8IvUS32JGVoy+pU9e5N0nLr1VjJoR6kA4d9dmGLxNYOjeB8sUDal2WMw==} @@ -2080,25 +2126,25 @@ packages: engines: {node: '>=6.9.0'} dependencies: '@babel/template': 7.22.5 - '@babel/types': 7.22.5 + '@babel/types': 7.23.0 /@babel/helper-hoist-variables@7.22.5: resolution: {integrity: sha512-wGjk9QZVzvknA6yKIUURb8zY3grXCcOZt+/7Wcy8O2uctxhplmUPkOdlgoNhmdVee2c92JXbf1xpMtVNbfoxRw==} engines: {node: '>=6.9.0'} dependencies: - '@babel/types': 7.22.5 + '@babel/types': 7.23.0 /@babel/helper-member-expression-to-functions@7.22.5: resolution: {integrity: sha512-aBiH1NKMG0H2cGZqspNvsaBe6wNGjbJjuLy29aU+eDZjSbbN53BaxlpB02xm9v34pLTZ1nIQPFYn2qMZoa5BQQ==} engines: {node: '>=6.9.0'} dependencies: - '@babel/types': 7.22.5 + '@babel/types': 7.23.0 /@babel/helper-module-imports@7.22.5: resolution: {integrity: sha512-8Dl6+HD/cKifutF5qGd/8ZJi84QeAKh+CEe1sBzz8UayBBGg1dAIJrdHOcOM5b2MpzWL2yuotJTtGjETq0qjXg==} engines: {node: '>=6.9.0'} dependencies: - '@babel/types': 7.22.5 + '@babel/types': 7.23.0 /@babel/helper-module-transforms@7.22.9(@babel/core@7.22.9): resolution: {integrity: sha512-t+WA2Xn5K+rTeGtC8jCsdAH52bjggG5TKRuRrAGNM/mjIbO4GxvlLMFOEz9wXY5I2XQ60PMFsAG2WIcG82dQMQ==} @@ -2111,13 +2157,13 @@ packages: '@babel/helper-module-imports': 7.22.5 '@babel/helper-simple-access': 7.22.5 '@babel/helper-split-export-declaration': 7.22.6 - '@babel/helper-validator-identifier': 7.22.5 + '@babel/helper-validator-identifier': 7.22.20 /@babel/helper-optimise-call-expression@7.22.5: resolution: {integrity: sha512-HBwaojN0xFRx4yIvpwGqxiV2tUfl7401jlok564NgB9EHS1y6QT17FmKWm4ztqjeVdXLuC4fSvHc5ePpQjoTbw==} engines: {node: '>=6.9.0'} dependencies: - '@babel/types': 7.22.5 + '@babel/types': 7.23.0 /@babel/helper-plugin-utils@7.22.5: resolution: {integrity: sha512-uLls06UVKgFG9QD4OeFYLEGteMIAa5kpTPcFL28yuCIIzsf6ZyKZMllKVOCZFhiZ5ptnwX4mtKdWCBE/uT4amg==} @@ -2143,7 +2189,7 @@ packages: '@babel/helper-optimise-call-expression': 7.22.5 '@babel/template': 7.22.5 '@babel/traverse': 7.22.8 - '@babel/types': 7.22.5 + '@babel/types': 7.23.0 transitivePeerDependencies: - supports-color @@ -2151,27 +2197,32 @@ packages: resolution: {integrity: sha512-n0H99E/K+Bika3++WNL17POvo4rKWZ7lZEp1Q+fStVbUi8nxPQEBOlTmCOxW/0JsS56SKKQ+ojAe2pHKJHN35w==} engines: {node: '>=6.9.0'} dependencies: - '@babel/types': 7.22.5 + '@babel/types': 7.23.0 /@babel/helper-skip-transparent-expression-wrappers@7.22.5: resolution: {integrity: sha512-tK14r66JZKiC43p8Ki33yLBVJKlQDFoA8GYN67lWCDCqoL6EMMSuM9b+Iff2jHaM/RRFYl7K+iiru7hbRqNx8Q==} engines: {node: '>=6.9.0'} dependencies: - '@babel/types': 7.22.5 + '@babel/types': 7.23.0 /@babel/helper-split-export-declaration@7.22.6: resolution: {integrity: sha512-AsUnxuLhRYsisFiaJwvp1QF+I3KjD5FOxut14q/GzovUe6orHLesW2C7d754kRm53h5gqrz6sFl6sxc4BVtE/g==} engines: {node: '>=6.9.0'} dependencies: - '@babel/types': 7.22.5 + '@babel/types': 7.23.0 /@babel/helper-string-parser@7.22.5: resolution: {integrity: sha512-mM4COjgZox8U+JcXQwPijIZLElkgEpO5rsERVDJTc2qfCDfERyob6k5WegS14SX18IIjv+XD+GrqNumY5JRCDw==} engines: {node: '>=6.9.0'} + /@babel/helper-validator-identifier@7.22.20: + resolution: {integrity: sha512-Y4OZ+ytlatR8AI+8KZfKuL5urKp7qey08ha31L8b3BwewJAoJamTzyvxPR/5D+KkdJCGPq/+8TukHBlY10FX9A==} + engines: {node: '>=6.9.0'} + /@babel/helper-validator-identifier@7.22.5: resolution: {integrity: sha512-aJXu+6lErq8ltp+JhkJUfk1MTGyuA4v7f3pA+BJ5HLfNC6nAQ0Cpi9uOquUj8Hehg0aUiHzWQbOVJGao6ztBAQ==} engines: {node: '>=6.9.0'} + dev: false /@babel/helper-validator-option@7.22.5: resolution: {integrity: sha512-R3oB6xlIVKUnxNUxbmgq7pKjxpru24zlimpE8WK47fACIlM0II/Hm1RS8IaOI7NgCr6LNS+jl5l75m20npAziw==} @@ -2183,7 +2234,7 @@ packages: dependencies: '@babel/helper-function-name': 7.22.5 '@babel/template': 7.22.5 - '@babel/types': 7.22.5 + '@babel/types': 7.23.0 /@babel/helpers@7.22.6: resolution: {integrity: sha512-YjDs6y/fVOYFV8hAf1rxd1QvR9wJe1pDBZ2AREKq/SDayfPzgk0PBnVuTCE5X1acEpMMNOVUqoe+OwiZGJ+OaA==} @@ -2191,7 +2242,7 @@ packages: dependencies: '@babel/template': 7.22.5 '@babel/traverse': 7.22.8 - '@babel/types': 7.22.5 + '@babel/types': 7.23.0 transitivePeerDependencies: - supports-color @@ -2199,16 +2250,16 @@ packages: resolution: {integrity: sha512-BSKlD1hgnedS5XRnGOljZawtag7H1yPfQp0tdNJCHoH6AZ+Pcm9VvkrK59/Yy593Ypg0zMxH2BxD1VPYUQ7UIw==} engines: {node: '>=6.9.0'} dependencies: - '@babel/helper-validator-identifier': 7.22.5 + '@babel/helper-validator-identifier': 7.22.20 chalk: 2.4.2 js-tokens: 4.0.0 - /@babel/parser@7.22.7: - resolution: {integrity: sha512-7NF8pOkHP5o2vpmGgNGcfAeCvOYhGLyA3Z4eBQkT1RJlWu47n63bCs93QfJ2hIAFCil7L5P2IWhs1oToVgrL0Q==} + /@babel/parser@7.23.0: + resolution: {integrity: sha512-vvPKKdMemU85V9WE/l5wZEmImpCtLqbnTvqDS2U1fJ96KrxoW7KrXhNsNCblQlg8Ck4b85yxdTyelsMUgFUXiw==} engines: {node: '>=6.0.0'} hasBin: true dependencies: - '@babel/types': 7.22.5 + '@babel/types': 7.23.0 /@babel/plugin-bugfix-safari-id-destructuring-collision-in-function-expression@7.22.5(@babel/core@7.22.9): resolution: {integrity: sha512-NP1M5Rf+u2Gw9qfSO4ihjcTGW5zXTi36ITLd4/EoAcEhIZ0yjMqmftDNl3QC19CX7olhrjpyU454g/2W7X0jvQ==} @@ -2732,7 +2783,7 @@ packages: '@babel/helper-hoist-variables': 7.22.5 '@babel/helper-module-transforms': 7.22.9(@babel/core@7.22.9) '@babel/helper-plugin-utils': 7.22.5 - '@babel/helper-validator-identifier': 7.22.5 + '@babel/helper-validator-identifier': 7.22.20 /@babel/plugin-transform-modules-umd@7.22.5(@babel/core@7.22.9): resolution: {integrity: sha512-+S6kzefN/E1vkSsKx8kmQuqeQsvCKCd1fraCM7zXm4SFoggI099Tr4G8U81+5gtMdUeMQ4ipdQffbKLX0/7dBQ==} @@ -3090,7 +3141,7 @@ packages: '@babel/plugin-transform-unicode-regex': 7.22.5(@babel/core@7.22.9) '@babel/plugin-transform-unicode-sets-regex': 7.22.5(@babel/core@7.22.9) '@babel/preset-modules': 0.1.5(@babel/core@7.22.9) - '@babel/types': 7.22.5 + '@babel/types': 7.23.0 babel-plugin-polyfill-corejs2: 0.4.5(@babel/core@7.22.9) babel-plugin-polyfill-corejs3: 0.8.3(@babel/core@7.22.9) babel-plugin-polyfill-regenerator: 0.5.2(@babel/core@7.22.9) @@ -3119,7 +3170,7 @@ packages: '@babel/helper-plugin-utils': 7.22.5 '@babel/plugin-proposal-unicode-property-regex': 7.18.6(@babel/core@7.22.9) '@babel/plugin-transform-dotall-regex': 7.22.5(@babel/core@7.22.9) - '@babel/types': 7.22.5 + '@babel/types': 7.23.0 esutils: 2.0.3 /@babel/preset-typescript@7.22.5(@babel/core@7.22.9): @@ -3164,8 +3215,8 @@ packages: engines: {node: '>=6.9.0'} dependencies: '@babel/code-frame': 7.22.5 - '@babel/parser': 7.22.7 - '@babel/types': 7.22.5 + '@babel/parser': 7.23.0 + '@babel/types': 7.23.0 /@babel/traverse@7.22.8: resolution: {integrity: sha512-y6LPR+wpM2I3qJrsheCTwhIinzkETbplIgPBbwvqPKc+uljeA5gP+3nP8irdYt1mjQaDnlIcG+dw8OjAco4GXw==} @@ -3177,19 +3228,19 @@ packages: '@babel/helper-function-name': 7.22.5 '@babel/helper-hoist-variables': 7.22.5 '@babel/helper-split-export-declaration': 7.22.6 - '@babel/parser': 7.22.7 - '@babel/types': 7.22.5 + '@babel/parser': 7.23.0 + '@babel/types': 7.23.0 debug: 4.3.4 globals: 11.12.0 transitivePeerDependencies: - supports-color - /@babel/types@7.22.5: - resolution: {integrity: sha512-zo3MIHGOkPOfoRXitsgHLjEXmlDaD/5KU1Uzuc9GNiZPhSqVxVRtxuPaSBZDsYZ9qV88AjtMtWW7ww98loJ9KA==} + /@babel/types@7.23.0: + resolution: {integrity: sha512-0oIyUfKoI3mSqMvsxBdclDwxXKXAUA8v/apZbc+iSyARYou1o8ZGDxbUYyLFoW2arqS2jDGqJuZvv1d/io1axg==} engines: {node: '>=6.9.0'} dependencies: '@babel/helper-string-parser': 7.22.5 - '@babel/helper-validator-identifier': 7.22.5 + '@babel/helper-validator-identifier': 7.22.20 to-fast-properties: 2.0.0 /@base2/pretty-print-object@1.0.1: @@ -6180,13 +6231,13 @@ packages: dependencies: '@babel/core': 7.22.9 '@babel/generator': 7.22.9 - '@babel/parser': 7.22.7 + '@babel/parser': 7.23.0 '@babel/plugin-syntax-jsx': 7.22.5(@babel/core@7.22.9) '@babel/plugin-syntax-typescript': 7.22.5(@babel/core@7.22.9) '@babel/preset-env': 7.22.9(@babel/core@7.22.9) '@babel/preset-typescript': 7.22.5(@babel/core@7.22.9) '@babel/traverse': 7.22.8 - '@babel/types': 7.22.5 + '@babel/types': 7.23.0 '@npmcli/package-json': 2.0.0 '@remix-run/serve': 1.19.2 '@remix-run/server-runtime': 1.19.2 @@ -7021,7 +7072,7 @@ packages: dependencies: '@babel/core': 7.22.9 '@babel/preset-env': 7.22.9(@babel/core@7.22.9) - '@babel/types': 7.22.5 + '@babel/types': 7.23.0 '@ndelangen/get-tarball': 3.0.9 '@storybook/codemod': 7.4.0 '@storybook/core-common': 7.4.0 @@ -7075,7 +7126,7 @@ packages: dependencies: '@babel/core': 7.22.9 '@babel/preset-env': 7.22.9(@babel/core@7.22.9) - '@babel/types': 7.22.5 + '@babel/types': 7.23.0 '@storybook/csf': 0.1.1 '@storybook/csf-tools': 7.4.0 '@storybook/node-logger': 7.4.0 @@ -7216,9 +7267,9 @@ packages: resolution: {integrity: sha512-bKyOmWPyvT50Neq2wCRr2PmVGLVVm6pOw8WL5t5jueD8sRRzo9QdfhEkqmuSyqdsBdt3SiJKL5oA6dqY5Vl9ww==} dependencies: '@babel/generator': 7.22.9 - '@babel/parser': 7.22.7 + '@babel/parser': 7.23.0 '@babel/traverse': 7.22.8 - '@babel/types': 7.22.5 + '@babel/types': 7.23.0 '@storybook/csf': 0.1.1 '@storybook/types': 7.4.0 fs-extra: 11.1.1 @@ -7528,8 +7579,8 @@ packages: /@types/babel__core@7.1.20: resolution: {integrity: sha512-PVb6Bg2QuscZ30FvOU7z4guG6c926D9YRvOxEaelzndpMsvP+YM74Q/dAFASpg2l6+XLalxSGxcq/lrgYWZtyQ==} dependencies: - '@babel/parser': 7.22.7 - '@babel/types': 7.22.5 + '@babel/parser': 7.23.0 + '@babel/types': 7.23.0 '@types/babel__generator': 7.6.4 '@types/babel__template': 7.4.1 '@types/babel__traverse': 7.18.2 @@ -7537,18 +7588,18 @@ packages: /@types/babel__generator@7.6.4: resolution: {integrity: sha512-tFkciB9j2K755yrTALxD44McOrk+gfpIpvC3sxHjRawj6PfnQxrse4Clq5y/Rq+G3mrBurMax/lG8Qn2t9mSsg==} dependencies: - '@babel/types': 7.22.5 + '@babel/types': 7.23.0 /@types/babel__template@7.4.1: resolution: {integrity: sha512-azBFKemX6kMg5Io+/rdGT0dkGreboUVR0Cdm3fz9QJWpaQGJRQXl7C+6hOTCZcMll7KFyEQpgbYI2lHdsS4U7g==} dependencies: - '@babel/parser': 7.22.7 - '@babel/types': 7.22.5 + '@babel/parser': 7.23.0 + '@babel/types': 7.23.0 /@types/babel__traverse@7.18.2: resolution: {integrity: sha512-FcFaxOr2V5KZCviw1TnutEMVUVsGt4D2hP1TAfXZAMKuHYW3xQhe3jTxNPWutgCJ3/X1c5yX8ZoGVEItxKbwBg==} dependencies: - '@babel/types': 7.22.5 + '@babel/types': 7.23.0 /@types/better-sqlite3@7.6.4: resolution: {integrity: sha512-dzrRZCYPXIXfSR1/surNbJ/grU3scTaygS0OMzjlGf71i9sc2fGyHPXXiXmEvNIoE0cGwsanEFMVJxPXmco9Eg==} @@ -8142,7 +8193,7 @@ packages: /@vue/compiler-core@3.3.4: resolution: {integrity: sha512-cquyDNvZ6jTbf/+x+AgM2Arrp6G4Dzbb0R64jiG804HRMfRiFXWI6kqUVqZ6ZR0bQhIoQjB4+2bhNtVwndW15g==} dependencies: - '@babel/parser': 7.22.7 + '@babel/parser': 7.23.0 '@vue/shared': 3.3.4 estree-walker: 2.0.2 source-map-js: 1.0.2 @@ -8158,7 +8209,7 @@ packages: /@vue/compiler-sfc@3.3.4: resolution: {integrity: sha512-6y/d8uw+5TkCuzBkgLS0v3lSM3hJDntFEiUORM11pQ/hKvkhSKZrXW6i69UyXlJQisJxuUEJKAWEqWbWsLeNKQ==} dependencies: - '@babel/parser': 7.22.7 + '@babel/parser': 7.23.0 '@vue/compiler-core': 3.3.4 '@vue/compiler-dom': 3.3.4 '@vue/compiler-ssr': 3.3.4 @@ -8180,7 +8231,7 @@ packages: /@vue/reactivity-transform@3.3.4: resolution: {integrity: sha512-MXgwjako4nu5WFLAjpBnCj/ieqcjE2aJBINUNQzkZQfzIZA4xn+0fV1tIYBJvvva3N3OvKGofRLvQIwEQPpaXw==} dependencies: - '@babel/parser': 7.22.7 + '@babel/parser': 7.23.0 '@vue/compiler-core': 3.3.4 '@vue/shared': 3.3.4 estree-walker: 2.0.2 @@ -8666,7 +8717,7 @@ packages: engines: {node: ^14.15.0 || ^16.10.0 || >=18.0.0} dependencies: '@babel/template': 7.22.5 - '@babel/types': 7.22.5 + '@babel/types': 7.23.0 '@types/babel__core': 7.1.20 '@types/babel__traverse': 7.18.2 @@ -10342,7 +10393,7 @@ packages: engines: {node: '>=8.3.0'} dependencies: '@babel/traverse': 7.22.8 - '@babel/types': 7.22.5 + '@babel/types': 7.23.0 c8: 7.11.3 transitivePeerDependencies: - supports-color @@ -11801,7 +11852,7 @@ packages: engines: {node: '>=8'} dependencies: '@babel/core': 7.22.9 - '@babel/parser': 7.22.7 + '@babel/parser': 7.23.0 '@istanbuljs/schema': 0.1.3 istanbul-lib-coverage: 3.2.0 semver: 6.3.1 @@ -11813,7 +11864,7 @@ packages: engines: {node: '>=10'} dependencies: '@babel/core': 7.22.9 - '@babel/parser': 7.22.7 + '@babel/parser': 7.23.0 '@istanbuljs/schema': 0.1.3 istanbul-lib-coverage: 3.2.0 semver: 7.5.4 @@ -12217,7 +12268,7 @@ packages: '@babel/generator': 7.22.9 '@babel/plugin-syntax-jsx': 7.22.5(@babel/core@7.22.9) '@babel/plugin-syntax-typescript': 7.22.5(@babel/core@7.22.9) - '@babel/types': 7.22.5 + '@babel/types': 7.23.0 '@jest/expect-utils': 29.6.4 '@jest/transform': 29.6.4 '@jest/types': 29.6.3 @@ -12336,7 +12387,7 @@ packages: '@babel/preset-env': ^7.1.6 dependencies: '@babel/core': 7.22.9 - '@babel/parser': 7.22.7 + '@babel/parser': 7.23.0 '@babel/plugin-proposal-class-properties': 7.18.6(@babel/core@7.22.9) '@babel/plugin-proposal-nullish-coalescing-operator': 7.18.6(@babel/core@7.22.9) '@babel/plugin-proposal-optional-chaining': 7.21.0(@babel/core@7.22.9)