@plasmicpkgs/react-audio-player 0.0.2

package/LICENSE

@@ -0,0 +1,21 @@
+MIT License
+
+Copyright (c) 2022 Latipov Abdukhamid
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

package/README.md

@@ -0,0 +1 @@
+Plasmic components and registration calls for React Audio Player

package/dist/index.d.ts

@@ -0,0 +1,7 @@
+import registerComponent from "@plasmicapp/host/registerComponent";
+import registerGlobalContext from "@plasmicapp/host/registerGlobalContext";
+export declare function registerAll(loader?: {
+    registerComponent: typeof registerComponent;
+    registerGlobalContext: typeof registerGlobalContext;
+}): void;
+export * from "./react-audio-player";

package/dist/index.js

@@ -0,0 +1,8 @@
+
+'use strict'
+
+if (process.env.NODE_ENV === 'production') {
+  module.exports = require('./react-audio-player.cjs.production.min.js')
+} else {
+  module.exports = require('./react-audio-player.cjs.development.js')
+}

package/dist/react-audio-player.cjs.development.js

@@ -0,0 +1,112 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+function _interopDefault (ex) { return (ex && (typeof ex === 'object') && 'default' in ex) ? ex['default'] : ex; }
+
+var registerComponent = _interopDefault(require('@plasmicapp/host/registerComponent'));
+var host = require('@plasmicapp/host');
+var ReactAudioPlayer = _interopDefault(require('react-audio-player'));
+var React = _interopDefault(require('react'));
+
+function ensure(x) {
+  if (x === null || x === undefined) {
+    debugger;
+    throw new Error("Value must not be undefined or null");
+  } else {
+    return x;
+  }
+}
+var modulePath = "@plasmicpkgs/react-audio-player";
+var AudioPlayerMeta = {
+  name: "hostless-react-audio-player",
+  displayName: "AudioPlayer",
+  importName: "AudioPlayer",
+  importPath: modulePath,
+  providesData: true,
+  description: "React Audio Player to embed audio",
+  defaultStyles: {
+    width: "600px",
+    height: "700px"
+  },
+  props: {
+    src: {
+      type: "string",
+      displayName: "URL",
+      description: "The URL of the audio to embed",
+      defaultValue: "https://on.soundcloud.com/hS668"
+    },
+    autoPlay: {
+      type: "boolean",
+      displayName: "AutoPlay",
+      description: "If true, the audio will automatically begin playback as soon as it can do so, without waiting for the entire audio file to finish downloading.",
+      defaultValue: false
+    },
+    controls: {
+      type: "boolean",
+      displayName: "Controls",
+      description: "The browser will offer controls to allow the user to control audio playback, including volume, seeking, and pause/resume playback",
+      defaultValue: false
+    },
+    loop: {
+      type: "boolean",
+      displayName: "Loop",
+      description: "If true, the audio player will automatically seek back to the start upon reaching the end of the audio.",
+      defaultValue: false
+    },
+    muted: {
+      type: "boolean",
+      displayName: "Muted",
+      description: "A Boolean attribute that indicates whether the audio will be initially silenced",
+      defaultValue: false
+    },
+    volume: {
+      type: "number",
+      displayName: "Volume",
+      description: "Volume of the audio",
+      defaultValue: 1.0
+    }
+  }
+};
+function AudioPlayer(_ref) {
+  var className = _ref.className,
+    src = _ref.src,
+    autoPlay = _ref.autoPlay,
+    controls = _ref.controls,
+    loop = _ref.loop,
+    muted = _ref.muted,
+    volume = _ref.volume;
+  if (!src) {
+    return React.createElement("div", null, "Please specify the URL of the audio to embed");
+  }
+  var inEditor = !!host.usePlasmicCanvasContext();
+  var isAutoPlay = inEditor ? false : autoPlay;
+  return React.createElement(ReactAudioPlayer, {
+    src: src,
+    autoPlay: isAutoPlay,
+    controls: controls,
+    loop: loop,
+    muted: muted,
+    volume: volume,
+    className: className
+  });
+}
+
+function registerAll(loader) {
+  var _registerComponent = function _registerComponent(Component, defaultMeta) {
+    if (loader) {
+      loader.registerComponent(Component, defaultMeta);
+    } else {
+      registerComponent(Component, defaultMeta);
+    }
+  };
+  if (loader) {
+    _registerComponent(AudioPlayer, AudioPlayerMeta);
+  }
+}
+
+exports.AudioPlayer = AudioPlayer;
+exports.AudioPlayerMeta = AudioPlayerMeta;
+exports.ensure = ensure;
+exports.registerAll = registerAll;
+//# sourceMappingURL=react-audio-player.cjs.development.js.map

package/dist/react-audio-player.cjs.development.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"react-audio-player.cjs.development.js","sources":["../src/react-audio-player.tsx","../src/index.tsx"],"sourcesContent":["import { CodeComponentMeta, usePlasmicCanvasContext } from \"@plasmicapp/host\";\nimport ReactAudioPlayer from \"react-audio-player\";\n\nimport React from \"react\";\n\nexport function ensure<T>(x: T | null | undefined): T {\n  if (x === null || x === undefined) {\n    debugger;\n    throw new Error(`Value must not be undefined or null`);\n  } else {\n    return x;\n  }\n}\n\nconst modulePath = \"@plasmicpkgs/react-audio-player\";\n\ninterface AudioPlayerProps {\n  className?: string;\n  src?: string;\n  autoPlay?: boolean;\n  controls?: boolean;\n\n  loop?: boolean;\n  muted?: boolean;\n  volume?: number;\n}\n\nexport const AudioPlayerMeta: CodeComponentMeta<AudioPlayerProps> = {\n  name: \"hostless-react-audio-player\",\n  displayName: \"AudioPlayer\",\n  importName: \"AudioPlayer\",\n  importPath: modulePath,\n  providesData: true,\n  description: \"React Audio Player to embed audio\",\n  defaultStyles: {\n    width: \"600px\",\n    height: \"700px\",\n  },\n  props: {\n    src: {\n      type: \"string\",\n      displayName: \"URL\",\n      description: \"The URL of the audio to embed\",\n      defaultValue: \"https://on.soundcloud.com/hS668\",\n    },\n    autoPlay: {\n      type: \"boolean\",\n      displayName: \"AutoPlay\",\n      description:\n        \"If true, the audio will automatically begin playback as soon as it can do so, without waiting for the entire audio file to finish downloading.\",\n      defaultValue: false,\n    },\n    controls: {\n      type: \"boolean\",\n      displayName: \"Controls\",\n      description:\n        \"The browser will offer controls to allow the user to control audio playback, including volume, seeking, and pause/resume playback\",\n      defaultValue: false,\n    },\n\n    loop: {\n      type: \"boolean\",\n      displayName: \"Loop\",\n      description:\n        \"If true, the audio player will automatically seek back to the start upon reaching the end of the audio.\",\n      defaultValue: false,\n    },\n    muted: {\n      type: \"boolean\",\n      displayName: \"Muted\",\n      description:\n        \"A Boolean attribute that indicates whether the audio will be initially silenced\",\n      defaultValue: false,\n    },\n    volume: {\n      type: \"number\",\n      displayName: \"Volume\",\n      description: \"Volume of the audio\",\n      defaultValue: 1.0,\n    },\n  },\n};\n\nexport function AudioPlayer({\n  className,\n  src,\n  autoPlay,\n  controls,\n  loop,\n  muted,\n  volume,\n}: AudioPlayerProps) {\n  if (!src) {\n    return <div>Please specify the URL of the audio to embed</div>;\n  }\n  const inEditor = !!usePlasmicCanvasContext();\n  const isAutoPlay = inEditor ? false : autoPlay;\n\n  return (\n    <ReactAudioPlayer\n      src={src}\n      autoPlay={isAutoPlay}\n      controls={controls}\n      loop={loop}\n      muted={muted}\n      volume={volume}\n      className={className}\n    />\n  );\n}\n","import registerComponent, {\n  ComponentMeta,\n} from \"@plasmicapp/host/registerComponent\";\nimport registerGlobalContext from \"@plasmicapp/host/registerGlobalContext\";\nimport {\n  AudioPlayer,\n  AudioPlayerMeta,\n\n\n} from \"./react-audio-player\";\n\n\nexport function registerAll(loader?: {\n  registerComponent: typeof registerComponent;\n  registerGlobalContext: typeof registerGlobalContext;\n}) {\n  const _registerComponent = <T extends React.ComponentType<any>>(\n    Component: T,\n    defaultMeta: ComponentMeta<React.ComponentProps<T>>\n  ) => {\n    if (loader) {\n      loader.registerComponent(Component, defaultMeta);\n    } else {\n      registerComponent(Component, defaultMeta);\n    }\n  };\n\n  if (loader) {\n\n    _registerComponent(AudioPlayer, AudioPlayerMeta);\n\n  }\n}\n\nexport * from \"./react-audio-player\";"],"names":["ensure","x","undefined","Error","modulePath","AudioPlayerMeta","name","displayName","importName","importPath","providesData","description","defaultStyles","width","height","props","src","type","defaultValue","autoPlay","controls","loop","muted","volume","AudioPlayer","_ref","className","React","inEditor","usePlasmicCanvasContext","isAutoPlay","ReactAudioPlayer","registerAll","loader","_registerComponent","Component","defaultMeta","registerComponent"],"mappings":";;;;;;;;;;;SAKgBA,MAAMA,CAAIC,CAAuB;EAC/C,IAAIA,CAAC,KAAK,IAAI,IAAIA,CAAC,KAAKC,SAAS,EAAE;IACjC;IACA,MAAM,IAAIC,KAAK,sCAAsC,CAAC;GACvD,MAAM;IACL,OAAOF,CAAC;;AAEZ;AAEA,IAAMG,UAAU,GAAG,iCAAiC;IAavCC,eAAe,GAAwC;EAClEC,IAAI,EAAE,6BAA6B;EACnCC,WAAW,EAAE,aAAa;EAC1BC,UAAU,EAAE,aAAa;EACzBC,UAAU,EAAEL,UAAU;EACtBM,YAAY,EAAE,IAAI;EAClBC,WAAW,EAAE,mCAAmC;EAChDC,aAAa,EAAE;IACbC,KAAK,EAAE,OAAO;IACdC,MAAM,EAAE;GACT;EACDC,KAAK,EAAE;IACLC,GAAG,EAAE;MACHC,IAAI,EAAE,QAAQ;MACdV,WAAW,EAAE,KAAK;MAClBI,WAAW,EAAE,+BAA+B;MAC5CO,YAAY,EAAE;KACf;IACDC,QAAQ,EAAE;MACRF,IAAI,EAAE,SAAS;MACfV,WAAW,EAAE,UAAU;MACvBI,WAAW,EACT,gJAAgJ;MAClJO,YAAY,EAAE;KACf;IACDE,QAAQ,EAAE;MACRH,IAAI,EAAE,SAAS;MACfV,WAAW,EAAE,UAAU;MACvBI,WAAW,EACT,mIAAmI;MACrIO,YAAY,EAAE;KACf;IAEDG,IAAI,EAAE;MACJJ,IAAI,EAAE,SAAS;MACfV,WAAW,EAAE,MAAM;MACnBI,WAAW,EACT,yGAAyG;MAC3GO,YAAY,EAAE;KACf;IACDI,KAAK,EAAE;MACLL,IAAI,EAAE,SAAS;MACfV,WAAW,EAAE,OAAO;MACpBI,WAAW,EACT,iFAAiF;MACnFO,YAAY,EAAE;KACf;IACDK,MAAM,EAAE;MACNN,IAAI,EAAE,QAAQ;MACdV,WAAW,EAAE,QAAQ;MACrBI,WAAW,EAAE,qBAAqB;MAClCO,YAAY,EAAE;;;;SAKJM,WAAWA,CAAAC,IAAA;MACzBC,SAAS,GAAAD,IAAA,CAATC,SAAS;IACTV,GAAG,GAAAS,IAAA,CAAHT,GAAG;IACHG,QAAQ,GAAAM,IAAA,CAARN,QAAQ;IACRC,QAAQ,GAAAK,IAAA,CAARL,QAAQ;IACRC,IAAI,GAAAI,IAAA,CAAJJ,IAAI;IACJC,KAAK,GAAAG,IAAA,CAALH,KAAK;IACLC,MAAM,GAAAE,IAAA,CAANF,MAAM;EAEN,IAAI,CAACP,GAAG,EAAE;IACR,OAAOW,gFAAuD;;EAEhE,IAAMC,QAAQ,GAAG,CAAC,CAACC,4BAAuB,EAAE;EAC5C,IAAMC,UAAU,GAAGF,QAAQ,GAAG,KAAK,GAAGT,QAAQ;EAE9C,OACEQ,oBAACI,gBAAgB;IACff,GAAG,EAAEA,GAAG;IACRG,QAAQ,EAAEW,UAAU;IACpBV,QAAQ,EAAEA,QAAQ;IAClBC,IAAI,EAAEA,IAAI;IACVC,KAAK,EAAEA,KAAK;IACZC,MAAM,EAAEA,MAAM;IACdG,SAAS,EAAEA;IACX;AAEN;;SCjGgBM,WAAWA,CAACC,MAG3B;EACC,IAAMC,kBAAkB,GAAG,SAArBA,kBAAkBA,CACtBC,SAAY,EACZC,WAAmD;IAEnD,IAAIH,MAAM,EAAE;MACVA,MAAM,CAACI,iBAAiB,CAACF,SAAS,EAAEC,WAAW,CAAC;KACjD,MAAM;MACLC,iBAAiB,CAACF,SAAS,EAAEC,WAAW,CAAC;;GAE5C;EAED,IAAIH,MAAM,EAAE;IAEVC,kBAAkB,CAACV,WAAW,EAAEnB,eAAe,CAAC;;AAGpD;;;;;;;"}

package/dist/react-audio-player.cjs.production.min.js

@@ -0,0 +1,2 @@
+"use strict";function e(e){return e&&"object"==typeof e&&"default"in e?e.default:e}Object.defineProperty(exports,"__esModule",{value:!0});var t=e(require("@plasmicapp/host/registerComponent")),o=require("@plasmicapp/host"),a=e(require("react-audio-player")),l=e(require("react")),i={name:"hostless-react-audio-player",displayName:"AudioPlayer",importName:"AudioPlayer",importPath:"@plasmicpkgs/react-audio-player",providesData:!0,description:"React Audio Player to embed audio",defaultStyles:{width:"600px",height:"700px"},props:{src:{type:"string",displayName:"URL",description:"The URL of the audio to embed",defaultValue:"https://on.soundcloud.com/hS668"},autoPlay:{type:"boolean",displayName:"AutoPlay",description:"If true, the audio will automatically begin playback as soon as it can do so, without waiting for the entire audio file to finish downloading.",defaultValue:!1},controls:{type:"boolean",displayName:"Controls",description:"The browser will offer controls to allow the user to control audio playback, including volume, seeking, and pause/resume playback",defaultValue:!1},loop:{type:"boolean",displayName:"Loop",description:"If true, the audio player will automatically seek back to the start upon reaching the end of the audio.",defaultValue:!1},muted:{type:"boolean",displayName:"Muted",description:"A Boolean attribute that indicates whether the audio will be initially silenced",defaultValue:!1},volume:{type:"number",displayName:"Volume",description:"Volume of the audio",defaultValue:1}}};function r(e){var t=e.className,i=e.src,r=e.autoPlay,u=e.controls,s=e.loop,n=e.muted,d=e.volume;if(!i)return l.createElement("div",null,"Please specify the URL of the audio to embed");var p=!!o.usePlasmicCanvasContext();return l.createElement(a,{src:i,autoPlay:!p&&r,controls:u,loop:s,muted:n,volume:d,className:t})}exports.AudioPlayer=r,exports.AudioPlayerMeta=i,exports.ensure=function(e){if(null==e)throw new Error("Value must not be undefined or null");return e},exports.registerAll=function(e){var o,a;e&&(o=r,a=i,e?e.registerComponent(o,a):t(o,a))};
+//# sourceMappingURL=react-audio-player.cjs.production.min.js.map

package/dist/react-audio-player.cjs.production.min.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"react-audio-player.cjs.production.min.js","sources":["../src/react-audio-player.tsx","../src/index.tsx"],"sourcesContent":["import { CodeComponentMeta, usePlasmicCanvasContext } from \"@plasmicapp/host\";\nimport ReactAudioPlayer from \"react-audio-player\";\n\nimport React from \"react\";\n\nexport function ensure<T>(x: T | null | undefined): T {\n  if (x === null || x === undefined) {\n    debugger;\n    throw new Error(`Value must not be undefined or null`);\n  } else {\n    return x;\n  }\n}\n\nconst modulePath = \"@plasmicpkgs/react-audio-player\";\n\ninterface AudioPlayerProps {\n  className?: string;\n  src?: string;\n  autoPlay?: boolean;\n  controls?: boolean;\n\n  loop?: boolean;\n  muted?: boolean;\n  volume?: number;\n}\n\nexport const AudioPlayerMeta: CodeComponentMeta<AudioPlayerProps> = {\n  name: \"hostless-react-audio-player\",\n  displayName: \"AudioPlayer\",\n  importName: \"AudioPlayer\",\n  importPath: modulePath,\n  providesData: true,\n  description: \"React Audio Player to embed audio\",\n  defaultStyles: {\n    width: \"600px\",\n    height: \"700px\",\n  },\n  props: {\n    src: {\n      type: \"string\",\n      displayName: \"URL\",\n      description: \"The URL of the audio to embed\",\n      defaultValue: \"https://on.soundcloud.com/hS668\",\n    },\n    autoPlay: {\n      type: \"boolean\",\n      displayName: \"AutoPlay\",\n      description:\n        \"If true, the audio will automatically begin playback as soon as it can do so, without waiting for the entire audio file to finish downloading.\",\n      defaultValue: false,\n    },\n    controls: {\n      type: \"boolean\",\n      displayName: \"Controls\",\n      description:\n        \"The browser will offer controls to allow the user to control audio playback, including volume, seeking, and pause/resume playback\",\n      defaultValue: false,\n    },\n\n    loop: {\n      type: \"boolean\",\n      displayName: \"Loop\",\n      description:\n        \"If true, the audio player will automatically seek back to the start upon reaching the end of the audio.\",\n      defaultValue: false,\n    },\n    muted: {\n      type: \"boolean\",\n      displayName: \"Muted\",\n      description:\n        \"A Boolean attribute that indicates whether the audio will be initially silenced\",\n      defaultValue: false,\n    },\n    volume: {\n      type: \"number\",\n      displayName: \"Volume\",\n      description: \"Volume of the audio\",\n      defaultValue: 1.0,\n    },\n  },\n};\n\nexport function AudioPlayer({\n  className,\n  src,\n  autoPlay,\n  controls,\n  loop,\n  muted,\n  volume,\n}: AudioPlayerProps) {\n  if (!src) {\n    return <div>Please specify the URL of the audio to embed</div>;\n  }\n  const inEditor = !!usePlasmicCanvasContext();\n  const isAutoPlay = inEditor ? false : autoPlay;\n\n  return (\n    <ReactAudioPlayer\n      src={src}\n      autoPlay={isAutoPlay}\n      controls={controls}\n      loop={loop}\n      muted={muted}\n      volume={volume}\n      className={className}\n    />\n  );\n}\n","import registerComponent, {\n  ComponentMeta,\n} from \"@plasmicapp/host/registerComponent\";\nimport registerGlobalContext from \"@plasmicapp/host/registerGlobalContext\";\nimport {\n  AudioPlayer,\n  AudioPlayerMeta,\n\n\n} from \"./react-audio-player\";\n\n\nexport function registerAll(loader?: {\n  registerComponent: typeof registerComponent;\n  registerGlobalContext: typeof registerGlobalContext;\n}) {\n  const _registerComponent = <T extends React.ComponentType<any>>(\n    Component: T,\n    defaultMeta: ComponentMeta<React.ComponentProps<T>>\n  ) => {\n    if (loader) {\n      loader.registerComponent(Component, defaultMeta);\n    } else {\n      registerComponent(Component, defaultMeta);\n    }\n  };\n\n  if (loader) {\n\n    _registerComponent(AudioPlayer, AudioPlayerMeta);\n\n  }\n}\n\nexport * from \"./react-audio-player\";"],"names":["AudioPlayerMeta","name","displayName","importName","importPath","providesData","description","defaultStyles","width","height","props","src","type","defaultValue","autoPlay","controls","loop","muted","volume","AudioPlayer","_ref","className","React","inEditor","usePlasmicCanvasContext","ReactAudioPlayer","x","Error","loader","Component","defaultMeta","registerComponent"],"mappings":"wRA2BaA,EAAuD,CAClEC,KAAM,8BACNC,YAAa,cACbC,WAAY,cACZC,WAjBiB,kCAkBjBC,cAAc,EACdC,YAAa,oCACbC,cAAe,CACbC,MAAO,QACPC,OAAQ,SAEVC,MAAO,CACLC,IAAK,CACHC,KAAM,SACNV,YAAa,MACbI,YAAa,gCACbO,aAAc,mCAEhBC,SAAU,CACRF,KAAM,UACNV,YAAa,WACbI,YACE,iJACFO,cAAc,GAEhBE,SAAU,CACRH,KAAM,UACNV,YAAa,WACbI,YACE,oIACFO,cAAc,GAGhBG,KAAM,CACJJ,KAAM,UACNV,YAAa,OACbI,YACE,0GACFO,cAAc,GAEhBI,MAAO,CACLL,KAAM,UACNV,YAAa,QACbI,YACE,kFACFO,cAAc,GAEhBK,OAAQ,CACNN,KAAM,SACNV,YAAa,SACbI,YAAa,sBACbO,aAAc,cAKJM,EAAWC,OACzBC,EAASD,EAATC,UACAV,EAAGS,EAAHT,IACAG,EAAQM,EAARN,SACAC,EAAQK,EAARL,SACAC,EAAII,EAAJJ,KACAC,EAAKG,EAALH,MACAC,EAAME,EAANF,OAEA,IAAKP,EACH,OAAOW,2EAET,IAAMC,IAAaC,4BAGnB,OACEF,gBAACG,GACCd,IAAKA,EACLG,UALeS,GAAmBT,EAMlCC,SAAUA,EACVC,KAAMA,EACNC,MAAOA,EACPC,OAAQA,EACRG,UAAWA,4EArGSK,GACxB,GAAIA,MAAAA,EAEF,MAAM,IAAIC,6CAEV,OAAOD,gCCEiBE,GAI1B,IACEC,EACAC,EASEF,IAVFC,EAYmBV,EAXnBW,EAWgC9B,EAT5B4B,EACFA,EAAOG,kBAAkBF,EAAWC,GAEpCC,EAAkBF,EAAWC"}

package/dist/react-audio-player.d.ts

@@ -0,0 +1,15 @@
+import { CodeComponentMeta } from "@plasmicapp/host";
+import React from "react";
+export declare function ensure<T>(x: T | null | undefined): T;
+interface AudioPlayerProps {
+    className?: string;
+    src?: string;
+    autoPlay?: boolean;
+    controls?: boolean;
+    loop?: boolean;
+    muted?: boolean;
+    volume?: number;
+}
+export declare const AudioPlayerMeta: CodeComponentMeta<AudioPlayerProps>;
+export declare function AudioPlayer({ className, src, autoPlay, controls, loop, muted, volume, }: AudioPlayerProps): React.JSX.Element;
+export {};

package/dist/react-audio-player.esm.js

@@ -0,0 +1,103 @@
+import registerComponent from '@plasmicapp/host/registerComponent';
+import { usePlasmicCanvasContext } from '@plasmicapp/host';
+import ReactAudioPlayer from 'react-audio-player';
+import React from 'react';
+
+function ensure(x) {
+  if (x === null || x === undefined) {
+    debugger;
+    throw new Error("Value must not be undefined or null");
+  } else {
+    return x;
+  }
+}
+var modulePath = "@plasmicpkgs/react-audio-player";
+var AudioPlayerMeta = {
+  name: "hostless-react-audio-player",
+  displayName: "AudioPlayer",
+  importName: "AudioPlayer",
+  importPath: modulePath,
+  providesData: true,
+  description: "React Audio Player to embed audio",
+  defaultStyles: {
+    width: "600px",
+    height: "700px"
+  },
+  props: {
+    src: {
+      type: "string",
+      displayName: "URL",
+      description: "The URL of the audio to embed",
+      defaultValue: "https://on.soundcloud.com/hS668"
+    },
+    autoPlay: {
+      type: "boolean",
+      displayName: "AutoPlay",
+      description: "If true, the audio will automatically begin playback as soon as it can do so, without waiting for the entire audio file to finish downloading.",
+      defaultValue: false
+    },
+    controls: {
+      type: "boolean",
+      displayName: "Controls",
+      description: "The browser will offer controls to allow the user to control audio playback, including volume, seeking, and pause/resume playback",
+      defaultValue: false
+    },
+    loop: {
+      type: "boolean",
+      displayName: "Loop",
+      description: "If true, the audio player will automatically seek back to the start upon reaching the end of the audio.",
+      defaultValue: false
+    },
+    muted: {
+      type: "boolean",
+      displayName: "Muted",
+      description: "A Boolean attribute that indicates whether the audio will be initially silenced",
+      defaultValue: false
+    },
+    volume: {
+      type: "number",
+      displayName: "Volume",
+      description: "Volume of the audio",
+      defaultValue: 1.0
+    }
+  }
+};
+function AudioPlayer(_ref) {
+  var className = _ref.className,
+    src = _ref.src,
+    autoPlay = _ref.autoPlay,
+    controls = _ref.controls,
+    loop = _ref.loop,
+    muted = _ref.muted,
+    volume = _ref.volume;
+  if (!src) {
+    return React.createElement("div", null, "Please specify the URL of the audio to embed");
+  }
+  var inEditor = !!usePlasmicCanvasContext();
+  var isAutoPlay = inEditor ? false : autoPlay;
+  return React.createElement(ReactAudioPlayer, {
+    src: src,
+    autoPlay: isAutoPlay,
+    controls: controls,
+    loop: loop,
+    muted: muted,
+    volume: volume,
+    className: className
+  });
+}
+
+function registerAll(loader) {
+  var _registerComponent = function _registerComponent(Component, defaultMeta) {
+    if (loader) {
+      loader.registerComponent(Component, defaultMeta);
+    } else {
+      registerComponent(Component, defaultMeta);
+    }
+  };
+  if (loader) {
+    _registerComponent(AudioPlayer, AudioPlayerMeta);
+  }
+}
+
+export { AudioPlayer, AudioPlayerMeta, ensure, registerAll };
+//# sourceMappingURL=react-audio-player.esm.js.map

package/dist/react-audio-player.esm.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"react-audio-player.esm.js","sources":["../src/react-audio-player.tsx","../src/index.tsx"],"sourcesContent":["import { CodeComponentMeta, usePlasmicCanvasContext } from \"@plasmicapp/host\";\nimport ReactAudioPlayer from \"react-audio-player\";\n\nimport React from \"react\";\n\nexport function ensure<T>(x: T | null | undefined): T {\n  if (x === null || x === undefined) {\n    debugger;\n    throw new Error(`Value must not be undefined or null`);\n  } else {\n    return x;\n  }\n}\n\nconst modulePath = \"@plasmicpkgs/react-audio-player\";\n\ninterface AudioPlayerProps {\n  className?: string;\n  src?: string;\n  autoPlay?: boolean;\n  controls?: boolean;\n\n  loop?: boolean;\n  muted?: boolean;\n  volume?: number;\n}\n\nexport const AudioPlayerMeta: CodeComponentMeta<AudioPlayerProps> = {\n  name: \"hostless-react-audio-player\",\n  displayName: \"AudioPlayer\",\n  importName: \"AudioPlayer\",\n  importPath: modulePath,\n  providesData: true,\n  description: \"React Audio Player to embed audio\",\n  defaultStyles: {\n    width: \"600px\",\n    height: \"700px\",\n  },\n  props: {\n    src: {\n      type: \"string\",\n      displayName: \"URL\",\n      description: \"The URL of the audio to embed\",\n      defaultValue: \"https://on.soundcloud.com/hS668\",\n    },\n    autoPlay: {\n      type: \"boolean\",\n      displayName: \"AutoPlay\",\n      description:\n        \"If true, the audio will automatically begin playback as soon as it can do so, without waiting for the entire audio file to finish downloading.\",\n      defaultValue: false,\n    },\n    controls: {\n      type: \"boolean\",\n      displayName: \"Controls\",\n      description:\n        \"The browser will offer controls to allow the user to control audio playback, including volume, seeking, and pause/resume playback\",\n      defaultValue: false,\n    },\n\n    loop: {\n      type: \"boolean\",\n      displayName: \"Loop\",\n      description:\n        \"If true, the audio player will automatically seek back to the start upon reaching the end of the audio.\",\n      defaultValue: false,\n    },\n    muted: {\n      type: \"boolean\",\n      displayName: \"Muted\",\n      description:\n        \"A Boolean attribute that indicates whether the audio will be initially silenced\",\n      defaultValue: false,\n    },\n    volume: {\n      type: \"number\",\n      displayName: \"Volume\",\n      description: \"Volume of the audio\",\n      defaultValue: 1.0,\n    },\n  },\n};\n\nexport function AudioPlayer({\n  className,\n  src,\n  autoPlay,\n  controls,\n  loop,\n  muted,\n  volume,\n}: AudioPlayerProps) {\n  if (!src) {\n    return <div>Please specify the URL of the audio to embed</div>;\n  }\n  const inEditor = !!usePlasmicCanvasContext();\n  const isAutoPlay = inEditor ? false : autoPlay;\n\n  return (\n    <ReactAudioPlayer\n      src={src}\n      autoPlay={isAutoPlay}\n      controls={controls}\n      loop={loop}\n      muted={muted}\n      volume={volume}\n      className={className}\n    />\n  );\n}\n","import registerComponent, {\n  ComponentMeta,\n} from \"@plasmicapp/host/registerComponent\";\nimport registerGlobalContext from \"@plasmicapp/host/registerGlobalContext\";\nimport {\n  AudioPlayer,\n  AudioPlayerMeta,\n\n\n} from \"./react-audio-player\";\n\n\nexport function registerAll(loader?: {\n  registerComponent: typeof registerComponent;\n  registerGlobalContext: typeof registerGlobalContext;\n}) {\n  const _registerComponent = <T extends React.ComponentType<any>>(\n    Component: T,\n    defaultMeta: ComponentMeta<React.ComponentProps<T>>\n  ) => {\n    if (loader) {\n      loader.registerComponent(Component, defaultMeta);\n    } else {\n      registerComponent(Component, defaultMeta);\n    }\n  };\n\n  if (loader) {\n\n    _registerComponent(AudioPlayer, AudioPlayerMeta);\n\n  }\n}\n\nexport * from \"./react-audio-player\";"],"names":["ensure","x","undefined","Error","modulePath","AudioPlayerMeta","name","displayName","importName","importPath","providesData","description","defaultStyles","width","height","props","src","type","defaultValue","autoPlay","controls","loop","muted","volume","AudioPlayer","_ref","className","React","inEditor","usePlasmicCanvasContext","isAutoPlay","ReactAudioPlayer","registerAll","loader","_registerComponent","Component","defaultMeta","registerComponent"],"mappings":";;;;;SAKgBA,MAAMA,CAAIC,CAAuB;EAC/C,IAAIA,CAAC,KAAK,IAAI,IAAIA,CAAC,KAAKC,SAAS,EAAE;IACjC;IACA,MAAM,IAAIC,KAAK,sCAAsC,CAAC;GACvD,MAAM;IACL,OAAOF,CAAC;;AAEZ;AAEA,IAAMG,UAAU,GAAG,iCAAiC;IAavCC,eAAe,GAAwC;EAClEC,IAAI,EAAE,6BAA6B;EACnCC,WAAW,EAAE,aAAa;EAC1BC,UAAU,EAAE,aAAa;EACzBC,UAAU,EAAEL,UAAU;EACtBM,YAAY,EAAE,IAAI;EAClBC,WAAW,EAAE,mCAAmC;EAChDC,aAAa,EAAE;IACbC,KAAK,EAAE,OAAO;IACdC,MAAM,EAAE;GACT;EACDC,KAAK,EAAE;IACLC,GAAG,EAAE;MACHC,IAAI,EAAE,QAAQ;MACdV,WAAW,EAAE,KAAK;MAClBI,WAAW,EAAE,+BAA+B;MAC5CO,YAAY,EAAE;KACf;IACDC,QAAQ,EAAE;MACRF,IAAI,EAAE,SAAS;MACfV,WAAW,EAAE,UAAU;MACvBI,WAAW,EACT,gJAAgJ;MAClJO,YAAY,EAAE;KACf;IACDE,QAAQ,EAAE;MACRH,IAAI,EAAE,SAAS;MACfV,WAAW,EAAE,UAAU;MACvBI,WAAW,EACT,mIAAmI;MACrIO,YAAY,EAAE;KACf;IAEDG,IAAI,EAAE;MACJJ,IAAI,EAAE,SAAS;MACfV,WAAW,EAAE,MAAM;MACnBI,WAAW,EACT,yGAAyG;MAC3GO,YAAY,EAAE;KACf;IACDI,KAAK,EAAE;MACLL,IAAI,EAAE,SAAS;MACfV,WAAW,EAAE,OAAO;MACpBI,WAAW,EACT,iFAAiF;MACnFO,YAAY,EAAE;KACf;IACDK,MAAM,EAAE;MACNN,IAAI,EAAE,QAAQ;MACdV,WAAW,EAAE,QAAQ;MACrBI,WAAW,EAAE,qBAAqB;MAClCO,YAAY,EAAE;;;;SAKJM,WAAWA,CAAAC,IAAA;MACzBC,SAAS,GAAAD,IAAA,CAATC,SAAS;IACTV,GAAG,GAAAS,IAAA,CAAHT,GAAG;IACHG,QAAQ,GAAAM,IAAA,CAARN,QAAQ;IACRC,QAAQ,GAAAK,IAAA,CAARL,QAAQ;IACRC,IAAI,GAAAI,IAAA,CAAJJ,IAAI;IACJC,KAAK,GAAAG,IAAA,CAALH,KAAK;IACLC,MAAM,GAAAE,IAAA,CAANF,MAAM;EAEN,IAAI,CAACP,GAAG,EAAE;IACR,OAAOW,gFAAuD;;EAEhE,IAAMC,QAAQ,GAAG,CAAC,CAACC,uBAAuB,EAAE;EAC5C,IAAMC,UAAU,GAAGF,QAAQ,GAAG,KAAK,GAAGT,QAAQ;EAE9C,OACEQ,oBAACI,gBAAgB;IACff,GAAG,EAAEA,GAAG;IACRG,QAAQ,EAAEW,UAAU;IACpBV,QAAQ,EAAEA,QAAQ;IAClBC,IAAI,EAAEA,IAAI;IACVC,KAAK,EAAEA,KAAK;IACZC,MAAM,EAAEA,MAAM;IACdG,SAAS,EAAEA;IACX;AAEN;;SCjGgBM,WAAWA,CAACC,MAG3B;EACC,IAAMC,kBAAkB,GAAG,SAArBA,kBAAkBA,CACtBC,SAAY,EACZC,WAAmD;IAEnD,IAAIH,MAAM,EAAE;MACVA,MAAM,CAACI,iBAAiB,CAACF,SAAS,EAAEC,WAAW,CAAC;KACjD,MAAM;MACLC,iBAAiB,CAACF,SAAS,EAAEC,WAAW,CAAC;;GAE5C;EAED,IAAIH,MAAM,EAAE;IAEVC,kBAAkB,CAACV,WAAW,EAAEnB,eAAe,CAAC;;AAGpD;;;;"}

package/package.json

@@ -0,0 +1,53 @@
+{
+  "name": "@plasmicpkgs/react-audio-player",
+  "version": "0.0.2",
+  "description": "React Audio Player components.",
+  "main": "dist/index.js",
+  "typings": "dist/index.d.ts",
+  "module": "dist/plasmic-react-audio-player.esm.js",
+  "publishConfig": {
+    "access": "public"
+  },
+  "files": [
+    "dist"
+  ],
+  "scripts": {
+    "start": "tsdx watch",
+    "build": "tsdx build",
+    "test": "yarn --cwd=../.. test --passWithNoTests",
+    "lint": "tsdx lint",
+    "prepare": "if-env PREPARE_NO_BUILD=true || yarn build",
+    "size": "size-limit",
+    "analyze": "size-limit --why"
+  },
+  "peerDependencies": {
+    "react": ">=16"
+  },
+  "size-limit": [
+    {
+      "path": "dist/plasmic-react-audio-player.cjs.production.min.js",
+      "limit": "10 KB"
+    },
+    {
+      "path": "dist/plasmic-react-audio-player.esm.js",
+      "limit": "10 KB"
+    }
+  ],
+  "devDependencies": {
+    "@plasmicapp/host": "^1.0.177",
+    "@size-limit/preset-small-lib": "^7.0.8",
+    "@types/react": "^18.0.27",
+    "@types/react-dom": "^18.0.10",
+    "husky": "^7.0.4",
+    "react": "^18.2.0",
+    "react-dom": "^18.2.0",
+    "size-limit": "^7.0.8",
+    "tsdx": "^0.14.1",
+    "tslib": "^2.3.1"
+  },
+  "dependencies": {
+    "change-case": "^4.1.2",
+    "react-audio-player": "^0.17.0"
+  },
+  "gitHead": "81a8f8a9b010205fe4e438b03962f72783229155"
+}